@charset "utf-8";
/* CSS Document */
/*rem*/
html {
font-size: 26px;
}
@media (min-width:768px) {
html {
font-size: 28px;
}
}
@media (min-width:992px) {
html {
font-size: 30px;
}
}
@media (min-width:1200px){
html {
font-size: 32px;
}
}
@media (min-width:1360px){
html {
font-size: 34px;
}
}
@media (min-width:1460px) {
html {
font-size: 40px;
}
}
/*1280X720 1366X768 1440X900 1920X1080*/
/*手机样式*/
@media screen and (min-width: 768px) {}
@media screen and (min-width: 992px) {
.pagination>div>a:hover {
color: #ffffff;
background-color: #00a0df;
}
.pagination>div:first-child>a:hover,
.pagination>div:first-child>span:hover,
.pagination>div:last-child>a:hover,
.pagination>div:last-child>span:hover {
background-color: #00a0df;
color: #ffffff;
}
.pagination>div.on:first-child>a:hover,
.pagination>div.on:first-child>span:hover,
.pagination>div.on:last-child>a:hover,
.pagination>div.on:last-child>span:hover {
background-color: #00a0df;
color: #ffffff;
}
.header-buttons .JP-overlayNavButton {
display: none;
}
}
@media screen and (max-width: 1440px) {
header .header-nav li {
margin-right: 0.75rem;
}
}
@media screen and (max-width: 1366px) {
header .header-nav li {
margin-right: 0.45rem;
}
}
@media screen and (max-width: 991px) {
.menu_botton {
right: 15px;
top: 50%;
float: right;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu_botton strong {
display: none;
}
#menu_toggle {
display: none;
}
#menu_toggle1 {
display: block;
}
.menu_botton span,
.menu_botton span:after,
.menu_botton span:before {
width: 32px;
}
.menu_botton span:before {
top: -8px;
}
.menu_botton span:after {
bottom: -8px;
}
.header-buttons .header-mailButton,
.header-buttons .header-entryBar {
display: none;
}
.container-fluid {
padding-left: 15px;
padding-right: 15px;
}
#banner .img {
height: 36vh;
}
footer .footer-contact {
width: 100%;
margin-bottom: 0.40rem;
}
footer .footer-container {
padding: 1.10rem 0 0.70rem;
}
footer .footer_copyright {
padding: 0.625rem 0 1.25rem;
}
footer .footer_copyright a {
display: block;
margin-top: 0.35rem;
}
.contact .contact_text .con .map,
.contact .contact_text .con::after {
display: none;
}
.contact .contact_text .title {
font-size: 0.70rem;
padding-bottom: 0.35rem;
}
.contact .contact_text .con {
padding: 0.40rem 0;
margin-top: 0.75rem;
}
.contact .contact_text {
padding: 1.25rem 0 1.5rem;
}
.w_banner .text .title {
font-size: 0.75rem;
}
.recruit_box .text {
font-size: 14px;
height: auto;
padding: 0.65rem 0.5rem;
}
.recruit_box li+li {
margin-top: 0.5rem;
}
.staff_text {
font-size: 14px;
}
.staff_title,
.learning .text .title {
font-size: 0.75rem;
}
.news,
.investor {
padding: 1rem 0 1.25rem;
}
.news_details,
.about_head {
padding: 1.25rem 0;
}
.news_details .news_share {
display: none;
}
.investor .investor_title {
font-size: 0.85rem;
padding-bottom: 0.50rem;
}
.investor_search {
margin-bottom: 0.50rem;
}
.investor_footer .col-md-6+.col-md-6 {
margin-top: 0.60rem;
}
.investor_footer .col-md-6 .text .title {
font-size: 0.90rem;
white-space: nowrap;
}
.w_title {
font-size: 0.75rem;
padding-bottom: 0.60rem;
}
.product_accordion>.li .product_accordion_button {
font-size: 0.70rem;
height: 2.6rem;
line-height: 2.6rem;
}
.product_accordion>.li .con .p_img a {
width: 90%;
margin: 0 auto;
}
.product_accordion>.li .con .p_img a:hover::after {
display: none;
}
.product_details_model .con .title, .product_details_function .con .title {
font-size: 0.75rem;
padding-bottom: 0.25rem;
}
.product_details_model, .product_details_function {
padding: 1.25rem 0 1.50rem;
}
.patent,
.history,
.honor,
.home_business {
padding: 1.15rem 0;
}
.patent_list li .title {
font-size: 0.75rem;
}
.culture {
padding: 1.25rem 0 1.75rem;
}
.h-title {
font-size: 0.85rem;
padding-bottom: 0.60rem;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
}
footer .footer-links .title, footer .footer-contact .title {
font-size: 15px;
}
footer .footer-contact {
font-size: 13px;
}
footer .footer_copyright .footer_partner a img{
display: none;
}
footer .footer_copyright .footer_partner a span{
display: block;
}
.contact .contact_text {
font-size: 14px;
}
.w_about_nav .w_about_nav_box {
overflow: hidden;
overflow-x: auto;
}
.w_about_nav ul {
flex-flow: inherit;
-webkit-justify-content: flex-start;
-ms-flex-pack: distribute;
justify-content: flex-start;
}
.w_about_nav.w_about_nav_active .w_about_nav_box {
position: absolute;
}
.recruit_box .img,
.recruit_box .text {
width: 100%;
}
.recruit_box {
}
.news_list li .text .title {
font-size: 0.65rem;
}
.news_list li .text p {
font-size: 14px;
}
.news_list li .text .time {
font-size: 13px;
}
.news_details .title {
font-size: 0.65rem;
}
.news_details .con,
.news_details .news_page li a,
.investor_list li,
.about_head .text, .patent .text,
.product_details_model .con, .product_details_function .con {
font-size: 14px;
}
.investor_search input.form-control {
width: 66%;
}
.investor_search select.form-control {
width: 32.91%;
}
.investor_list li {
padding: 0.60rem 0;
}
.investor_list li .time {
font-size: 14px;
position: relative;
top: 0;
margin: 0.35rem 0;
}
.investor_list li .title {
padding-right: 0;
font-size: 0.60rem;
}
.product_details_model .con, .product_details_function .con,
.product_details_model .img, .product_details_function .img {
width: 100%;
}
.product_details_model .text ul {
display: block;
margin-top: 0.45rem;
}
.product_details_model .text ul li,
.product_details_model .text ul li:nth-child(1) {
display: block;
padding: 0;
border: none;
}
.product_details_model .text ul li+li {
margin-top: 0.15rem;
}
.product_details_model .text ul li p {
display: inline;
}
.about_head .text .title {
font-size: 0.60rem;
}
.about_head .text .title span {
padding: 1.0rem 1.90rem;
}
.culture_list>.li .img {
width: 100%;
}
.culture_list>.li .text {
width: 100%;
position: relative;
top: 0;
font-size: 0.75rem;
}
.culture_list>.li+.li {
margin-top: 0.60rem;
}
.history_border,
.history_tab {
width: 100%;
}
.history_tab {
padding: 0 0.3rem 0.35rem;
}
.history_img .year {
font-size: 0.85rem;
}
.history_list {
padding: 0.35rem 0;
}
.history_list>.li {
padding: 0.80rem 0;
}
.history_list>.li .year {
width: 100%;
font-size: 0.80rem;
}
.history_list>.li .text {
width: 100%;
margin-top: 0.60rem;
font-size: 14px;
}
.honor_list {
padding-bottom: 0.65rem;
}
.honor_list>div[class*=col-] .box {
height: auto;
padding: 0.65rem 0;
}
.honor_list>div[class*=col-] .box .time {
max-width: inherit;
font-size: 15px;
}
.honor_list>div[class*=col-] .box .time br {
display: none;
}
.honor_list>div[class*=col-] .box .text {
width: 100%;
text-overflow: inherit;
white-space: inherit;
margin-top: 0.15rem;
}
.honor_list>div[class*=col-] .box .title {
font-size: 14px;
}
.banner-text .banner-text-box .title {
font-size: 0.85rem;
padding-bottom: 0.05rem;
}
.banner-text .banner-text-box p {
font-size: 0.50rem;
}
#banner .swiper-pagination,
.environment_swiper .swiper-pagination {
bottom: 0.50em;
}
#banner .swiper-pagination-bullet+.swiper-pagination-bullet::before, .environment_swiper .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet::before {
width: 1.0rem;
}
#banner .swiper-pagination-bullet,
.environment_swiper .swiper-pagination .swiper-pagination-bullet {
margin: 0 0.5rem;
}
.home_head .home_head_box .title, .home_about .title {
font-size: 0.65rem;
}
.home_business li {
width: 100%;
}
.home_business li+li {
margin-top: 0.75rem;
}
.home_business li .subheading {
font-size: 14px;
padding: 0.20rem 0 0.25rem;
}
.home_business li p {
font-size: 13px;
padding: 0 10%;
}
#banner .swiper-pagination-bullet-active::after, .environment_swiper .swiper-pagination .swiper-pagination-bullet-active::after {
width: 0.8rem;
height: 0.8rem;
margin-top: -0.4rem;
margin-left: -0.4rem;
}
/**/
.environment_close {
right: 15px;
top: 15px;
}
.environment_swiper .environment-text {
left: 15px;
}
.environment_swiper .environment-text .environment-text-box {
max-width: 9rem;
padding: 0.65rem 0.85rem;
}
.environment_swiper .environment-text .environment-text-box .title {
font-size: 0.95rem;
}
.environment_swiper .environment-text .environment-text-box p {
padding-bottom: 0.45rem;
}
.news_list li .img {
height: auto;
}
#banner .img {
height: 32vh;
}
footer .footer-links,
footer .footer-nav,
footer .footer_copyright .copyright {
width: 100%;
}
footer .footer-links ul {
display: none;
}
footer .footer-nav {
margin-top: 0.3rem;
}
.recruit {
padding: 1.25rem 0;
}
.learning .text,
.learning .img {
width: 100%;
}
.learning .text {
padding: 0.5rem 0.6rem;
}
.staff {
padding-top: 1.25rem;
}
.staff .staff_list .li,
.staff .staff_list .li:nth-child(5n-4) {
width: 100%;
}
.investor_list {
padding-left: 0;
}
.investor_list_year {
position: relative;
width: 100%;
}
.investor_list_year>div {
display: inline-block;
}
.investor_list_year>div::after {
display: none;
}
.investor_list_year>div>a {
padding-left: 0.6rem;
padding-right: 0.6rem;
}
.investor_list li .text {
background-position: right 0.25rem bottom;
}
.w_banner .text .title span {
font-size: 0.60rem !important;
}
.product_accordion>.li .con .product_swiper_li_bor {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: distribute;
justify-content: space-between;
flex-flow: row wrap;
}
.product_accordion>.li .con .product_swiper_li_bor::after,
.product_accordion>.li .con .product_swiper_li_bor::before {
display: none;
}
.product_accordion>.li .con .p_text .p_title {
font-size: 0.75rem;
margin-bottom: 0.35rem;
}
.product_accordion>.li .con .p_text .p_title span {
display: block;
}
.product_accordion>.li .con .p_text {
font-size: 14px;
width: 60%;
padding: 0;
}
}
@media screen and (max-width: 641px) {}
@media screen and (max-width: 580px) {}
@media screen and (max-width: 540px) {}
@media screen and (max-width: 481px) {}
@media screen and (max-width: 380px) {}
@media screen and (max-width: 340px) {}