﻿@charset "UTF-8";

@media all and ( max-width: 1579px ) {
.index_two .two_sub {
    padding-top: 2.5%;
}
.main-info-list-con ul li .main-info-detail span {
    font-size: 40px;
    letter-spacing: -1.2px;
}
}

@media all and ( max-width: 1440px ) {
.index_two {
    padding-top: 30px;
}
.index_two .two_sub {
    padding-top: 2.5%;
}
.homtab {
    bottom: 5%;
}
.intext_area {
    padding-top: 80px;
}
.main-info-list-con ul li .main-info-detail span {
    font-size: 34px;
}
	
}

@media all and ( max-width: 1366px ) {
#tow {
    min-height: 700px;
}
.homtab .tab_box {
    overflow: inherit;
}
.index_two {
    padding-top: 0px;
}
.index_two .two_sub strong {
    font-size: 30px;
}
.homtab .tab_menu li {
    padding: 5px;
    max-width: 33.33%;
    width: auto;
}
.homtab .tab_menu li a {
    width: 120px;
    height: 100px;
    padding: 12px 20px;
}
.homtab .tab_menu li a i {
    bottom: 10px;
}
.homtab {
    bottom: 3%;
}
.main-info-list-con ul li .main-info-detail span {
    font-size: 30px;
}
.homtab .tab_box {
    height: 100%;
}
.two_sub {
    padding-top: 40px;
}
.intext_area .link_arae {
    bottom: 40px;
}
/*	prodetail*/
.pro_debg {
    margin-top: 80px;
    height: calc(100vh - 155px);
}
/*technology*/
.tech_three ul li .tech_border {
    padding: 37px 20px 30px;
}
.pro_debg {
    min-height: 550px;
}
.pron_right {
    padding-left: 80px;
    padding-top: 40px;
}	
.pron_right .pron_title {
    font-size: 28px;
    height: 70px;
    line-height: 35px;
}	
.about_nei .about_cont .right .about_text {
    line-height: 1.2;
    font-size: 26px;
}
.cont_sub {
    font-size: 24px;
}	

}

@media all and ( max-width: 1279px ) {
.main-info-list-con ul li .main-info-detail span {
    font-size: 28px;
}
.page_ban {
    height: 430px;
    padding-top: 195px;
}
/*about*/
.about_nei .about_cont .left {
    width: 25%;
}
.about_nei .about_cont .right {
    width: 75%;
    padding-left: 110px;
}
/*new*/
.newright {
    padding: 30px 40px 0 40px;
}
.newright h3 {
    margin-top: 10px;
    line-height: 30px;
    font-size: 24px;
    max-height: 60px;
}
.owl-theme.newpic .owl-dots {
    padding-right: 40px;
    bottom: 15px;
}
.newright .wel-more {
    margin-top: 15px;
}
/*	service*/
.serstand ul li p {
    margin-top: 42px;
}
/*prodetail*/
.pro_bottom .probotm_left {
    padding-left: 50px;
}
.pro_bottom .probotm_right {
    padding-top: 30px;
}
.pro_bottom .probotm_right h3 {
    padding-bottom: 30px;
}
.pron_right .pron_title {
    font-size: 26px;
}
	
}

@media all and ( max-width: 991px ) {
.two_sub {
    overflow: hidden;
}
#tow {
    height: auto;
    min-height: inherit;
}
.index_two {
    padding-top: 80px;
    height: auto;
}
.h100 {
    padding-bottom: 50px;
    height: auto;
}
.homtab {
    bottom: 0;
    position: inherit;
    padding-top: 50px;
}
.fp-section.fp-table, .fp-slide.fp-table {
    height: auto !important
}
.fp-tableCell {
    height: auto !important
}
.homtab .tab_menu {
    float: left;
    max-width: 546px;
    width: 45%;
    margin-left: -10px;
    margin-right: -10px;
    position: inherit;
}
.homtab .tab_menu li {
    width: auto;
    max-width: 33.33%;
}
.homtab .tab_menu li a {
    width: 100px;
    height: 110px;
    padding: 10px 10px 15px 15px;
}
.homtab .tab_menu li a i {
    left: 15px;
    bottom: 15px;
}
.homtab .tab_box {
    height: 100%;
    bottom: 0;
}
.all_for_one {
    position: inherit;
}
#mainRecruitCon .fp-tableCell {
    display: block;
}
.intext_area {
    width: 100%;
    padding-bottom: 50px;
}
.intext_area .two_sub {
    padding-top: 0;
    margin-bottom: 50px;
}
.intext_area .link_arae {
    position: inherit;
    right: inherit;
    text-align: left;
    width: 100%;
    bottom: inherit;
}
.intext_area .link_arae li {
    max-width: 20%;
}
.two_sub strong {
    font-size: 30px;
}
.home_three .three_l {
    padding-top: 80px;
    width: 54%;
    padding-right: 30px;
}
.home_three .three_r {
    position: absolute;
    right: 0;
    width: 46%;
}
.home_three .three_l h3 {
    font-size: 30px;
}
.main-info-list-con {
    padding-top: 30px;
}
.three_more {
    padding-top: 30px;
}
.pagenmenu {
    width: 100%;
}
.pagenmenu ul li {
    padding-right: 20px;
}
.insinav .float-right {
    width: 100%;
    padding-top: 10px;
    float: left;
}
.pagenmenu ul li a::before {
    bottom: 0;
}
/*about*/
.about_nei .about_cont .left li .main-info-number span {
    font-size: 44px;
}
/*new*/
.newpositon .item {
    display: block;
    overflow: hidden;
}
.owl-theme.newpositon .owl-dots {
    width: 80%;
    padding-right: 20px;
    bottom: 15px;
}
.new_title {
    font-size: 30px;
}
.newright {
    padding: 30px 30px 35px 30px;
}
.newright h3 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
    max-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newright p {
    margin-top: 10px;
    font-size: 14px;
    height: 50px;
}
/*	pro*/
.pro_nav ul li a {
    font-size: 16px;
}
.pron_list ul {
    margin-left: -30px;
    margin-right: -30px;
}
.pron_list ul li {
    padding: 30px 30px;
}
/*	service*/
.serstand ul li p {
    margin-top: 32px;
}
/*	join*/
.job_mid ul {
    margin-left: -15px;
    margin-right: -15px;
}
.job_mid ul li {
    padding: 0 15px;
}
.job_mid .join_cont {
    height: 207px;
    padding: 30px 15px 15px;
}
.job_mid ul li p {
    -webkit-line-clamp: 6;
}
/*	prodetail*/
.pro_debg, .pro_debg .pron_bg .container {
    height: inherit;
    overflow: hidden;
}
.pro_debg .pron_bg {
    height: inherit;
    min-height: inherit;
}
.pron_right .pron_title {
    font-size: 28px;
    height: inherit;
    padding-bottom: 30px;
}
.pro_one .proone_left {
    width: 50%;
    padding-right: 20px;
}
.pro_one .proone_right {
    width: 50%;
    padding-left: 20px;
}
.pro_bottom .probotm_left {
    padding-left: 30px;
}
/*prodetail3*/
.proth_up .left {
    max-width: 65%;
}
.indus_lxbg {
    padding: 50px 0;
}
/*technogy*/
.tech_three ul li .main-info-detail span {
    font-size: 36px;
}
.tech_three ul {
    margin-left: -15px;
    margin-right: -15px;
}
.tech_three ul li {
    width: 25%;
    padding: 0 15px;
}
/*	indus*/
.pro_two ul li {
    width: 33.33%;
}
/*contact*/
.cont_nei .row .col-sm-4 {
    padding-left: 15px;
    padding-right: 15px;
}
.cont_nr p, .contkh p {
    font-size: 14px;
    line-height: 28px;
}
.contbsc .box h4 {
    line-height: 35px;
    padding-left: 30px;
}
.contbsc .box p {
    font-size: 14px;
    line-height: 28px;
    padding: 0 30px
}
.leadpic .span {
    max-width: 160%;
}
}

@media all and ( max-width: 800px ) {
.banner .main-visual-pc-img {
    display: none
}
.banner .main-visual-m-img {
    display: block;
}
.banner .main-visual-txt-con .main-visual-txt1 {
    font-size: 32px;
}
.banner-get {
    max-width: 65%;
    height: 76px;
    padding-top: 25px;
}
.banner-getbtn > div {
    margin: 0 10px;
}
.banner-getnum {
    padding-right: 15px;
}
.homebandw .label {
    padding-bottom: calc(27px + 24px);
}
/*technogy*/
.tech_three ul li .main-info-detail span {
    font-size: 28px;
}
}

@media all and ( max-width: 767px ) {
.advbutton {
    width: 168px;
    height: 55px;
    line-height: 55px;
}
.banner-getnum span {
    padding: 0 25px 0 5px;
    font-size: 18px;
}
.banner-getnum {
    padding-right: 5px;
}
.banner-getbtn > div {
    margin: 0 5px;
}
.index_two .two_sub strong, .two_sub strong, .home_three .three_l h3 {
    font-size: 26px;
}
.two_sub .right {
    float: left;
    padding-top: 30px;
}
#mainRecruitCon {
    height: auto;
}
.homtab .tab_menu {
    width: 100%;
    margin: 0;
    padding-bottom: 30px;
}
.homtab .tab_box {
    position: inherit;
    right: inherit;
    width: 100%;
    max-width: inherit;
}
.homtab .tab_menu li {
    width: 33.33%;
    padding: 10px 5px;
}
.homtab .tab_menu li a {
    width: 100%;
    height: 85px;
}
.homtab .tab_menu li a i {
    width: 20px;
    height: 20px;
    bottom: 10px;
}
.intext_area .link_arae {
    overflow: hidden;
}
.intext_area .link_arae li {
    width: 50%;
    margin: 0;
    float: left;
    padding: 10px 5px;
    max-width: inherit;
}
.intext_area .link_arae li a {
    width: 100%;
    height: 85px;
    padding: 15px 10px 5px 15px;
}
.intext_area .link_arae li a i {
    width: 20px;
    height: 20px;
    bottom: 10px;
    left: 15px;
}
.main-info-list-con ul li {
    width: 50% !important;
    max-width: inherit !important;
}
.home_three .three_l {
    padding-top: 50px;
    width: 100%;
    padding-right: 0px;
}
.main-info-list-con ul li .main-info-detail-txt {
    height: 40px;
}
.main-info-list-con ul li .main-info-detail-txt p {
    line-height: 20px;
}
.home_three .three_r {
    float: left;
    position: inherit;
    right: inherit;
    top: inherit;
    padding-top: 30px;
    width: 100%;
}
.main-info-list-con ul li .main-info-number {
    padding: 8px 0 10px 0;
}
.three_more a {
    width: 48%;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 0;
    margin: 0 1%;
}
/*	pageside*/
.page_ban {
    height: auto;
    background-image: none !important;
    padding-top: 0;
    margin-top: 80px;
    position: relative;
}
.page_ban .container {
    position: absolute;
    top: 50%;
    height: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page_ban h2 {
    font-size: 22px;
}
.page_ban strong {
    font-size: 26px;
    padding-bottom: 15px;
}
.scroll-btn {
    display: none;
}
.pagenmenu ul li {
    min-width: 33.33%;
    text-align: center;
    padding-bottom: 5px;
    padding-right: 0;
}
.pagenmenu ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500 !important;
}
.pagenmenu ul li a:before {
    height: 2px;
}
.page_h3, .honor_bg .h3, .aboutsub, .new_titles {
    font-size: 30px;
}
/*about*/
.about_nei .about_cont .left {
    width: 100%;
}
.about_nei .about_cont .right {
    width: 100%;
    padding-left: 0px;
    border: none;
}
.about_nei .about_cont .left li {
    width: 24%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.about_nei .about_cont .left li:nth-child(2) {
    width: 42%;
}
.about_nei .about_cont .left li:nth-child(3) {
    width: 34%;
}
.about_nei .about_cont .left li .main-info-number span {
    font-size: 32px;
}
.about_nei .about_cont .left li .main-info-tit img {
    max-width: 30px;
}
.about_nei .about_cont .left li .main-info-number em {
    font-size: 14px;
    padding-left: 3px;
}
.about_nei .about_cont .left li .main-info-detail-txt p {
    font-size: 14px;
    line-height: 1.2
}
.about_nei .about_cont .right .about_red {
    font-size: 26px;
}
.about_nei .about_cont .right .about_text {
    font-size: 26px;
    line-height: 1.4;
}
.about_nei .about_cont .right .about_de p {
    padding-bottom: 15px;
}
.about-container .about_title {
    position: inherit;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.about_down .swiper-button-prev {
    left: 0;
    right: inherit;
}
.about_down .swiper-button-next, .about_down .swiper-button-prev {
    height: 40px;
    width: 40px;
    background-color: #F50122;
    top: 50%;
    margin-top: -50px;
    bottom: inherit;
}
.about-container .about_title {
    background: none;
    color: #333;
}
.honor_bg .honor-button-next {
    right: 0;
}
.honor_bg .honor-button-prev {
    left: 0;
}
.honor_bg .honor-button-next {
    background-image: url("../images/honor_br.png");
    background-color: #ffffff;
}
.honor_bg .honor-button-prev {
    background-image: url("../images/honor_bl.png");
    background-color: #ffffff;
}
.moreBtn {
    height: 50px;
    line-height: 50px;
    width: 200px;
    font-size: 16px;
}
.honor_more {
    padding-top: 35px;
}
.about_nei .about_cont {
    padding-bottom: 30px;
    padding-top: 50px;
}
.about_nei .nav {
    padding-top: 50px;
}
/*new*/
.newleft, .newright {
    width: 100%;
}
.new_top {
    padding-top: 40px;
}
.new_title {
    font-size: 22px;
}
.pt100 {
    padding-top: 30px;
}
.new_r ul li .new_cont {
    height: 180px;
    transition: inherit;
    -webkit-transition: inherit;
    padding: 28px 15px 24px 15px;
}
.new_time {
    left: 15px;
}
.industry_list {
    padding-top: 30px;
}
.newdlist ul li {
    width: 100%;
}
.newdlist ul li:last-child {
    margin-bottom: 0;
}
/*	pro*/
.pro_nav ul li {
    width: 33.33%;
}
.pron_list ul li {
    width: 100%;
    padding: 15px 30px;
}
.pron_list ul li .right {
    position: inherit;
    width: 100%;
    top: inherit !important;
    transform: none;
}
.pron_list ul li .left {
    width: 100%;
    background: #F6F6F6;
    height: 289px;
    position: relative;
    padding: 40px 30px 120px;
}
.pron_list ul li a {
    height: auto;
}
.pron_list ul li a:before {
    display: none;
}
/*service*/
.aboutsub {
    margin-top: 30px;
}
.service_up {
    margin-top: 40px;
}
.service_l {
    width: 100%;
    min-height: inherit;
    padding-top: 50px;
}
.service_l .h3 {
    font-size: 24px;
    padding-bottom: 20px;
}
.service_r {
    position: inherit;
    right: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding-top: 30px;
    background: none !important;
}
.serstand {
    padding-bottom: 30px;
}
.serstand ul li {
    width: 100%;
    height: 230px;
    margin-bottom: 15px;
}
.serstand ul li h3 {
    font-size: 18px;
    height: 32px;
}
.serstand ul li p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 0;
}
/*join*/
.hosetitle {
    padding: 60px 0 0 0;
}
.joinupbg {
    min-height: inherit;
    padding: 50px 0 30px 0;
    background: url(../images/joinbg.jpg) no-repeat 45%;
}
.joindes {
    width: 100%;
}
.hosetitle h2 {
    font-size: 26px;
}
.joindes p {
    color: #333;
    margin-bottom: 20px;
}
.job_mid ul li {
    width: 100%;
    margin-bottom: 30px;
}
.job_mid ul li .jobsv {
    height: 35px;
    margin: 25px 0 25px 0;
}
.job_mid .join_cont {
    height: 172px;
    padding: 30px 15px 15px;
}
.joinmid {
    padding: 26px 0 0 0;
}
.joinmid ul {
    margin-left: -5px;
    margin-right: -5px;
}
.joinmid ul li {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.joinnei span {
    max-width: 20%;
    margin: 0 auto;
}
.joinbotom .nav-tabs .nav-item {
    width: 50%
}
.joinbotom .nav-tabs .nav-link {
    width: 100%;
}
.join-header h3 strong {
    min-width: 100%;
}
.jointime {
    background: none !important;
    padding-left: 0 !important;
}
.join-4 {
    width: 100%;
    margin: 0;
}
.font16 {
    font-size: 14px;
}
.join-header {
    padding: 0 15px;
}
.join-body {
    padding: 15px;
}
.join-body p {
    font-size: 14px;
}
.joinlist .joincard {
    margin-bottom: 15px;
}
/*	prodetail*/
.pron_right .pron_title {
    font-size: 30px;
    line-height: 1.2;
    height: auto;
}
.pron_left {
    width: 100%;
    height: inherit;
    padding-top: 50px;
}
.pron_right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
}
.pron_des .pron_scoll {
    height: auto;
}
.pron_des {
    padding-bottom: 15px;
}
.pron_nav {
    height: 50px;
}
.pron_nav a {
    line-height: 50px;
}
.pro_one .proone_left {
    width: 100%;
    padding-right: 0;
}
.pro_one .proone_right {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
}
.intor_arr .swiper-pagination {
    position: inherit;
    bottom: inherit;
}
.intor_arr .swiper-pagination-bullet-active {
    background: #F50122;
}
.pro_bottom {
    background-color: #F9F9F9;
    margin-top: 50px;
    background-image: none;
    overflow: hidden;
    padding-top: 0;
}
.pro_bottom .probotm_left {
    width: 100%;
    padding-left: 0;
    background-image: url("../images/indusbg.png");
    background-position: left;
    background-repeat: no-repeat;
}
.pro_bottom .probotm_right {
    width: 100%;
    padding-left: 0;
}
.pro_bottom .probotm_right h3 {
    font-size: 30px;
}
.font32 {
    font-size: 30px;
}
/*	prodetail3*/
.proth_up .left {
    max-width: inherit;
    width: 100%;
    padding-bottom: 15px;
}
.indus_lx ul li {
    width: 100%;
    padding: 0 20px;
    padding-bottom: 15px;
}
.indus_lxn {
    height: auto;
    padding: 40px 40px 10px 40px;
}
.induslx_up {
    padding-bottom: 30px;
}
.induslx_up span {
    max-width: 35px;
}
.indussix_k a span {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -17px;
    margin-top: -17px;
    z-index: 9;
}
/*	technolyg*/
.index_first {
    padding: 35px 0 30px 0;
}
.index_left {
    width: 100%;
    padding-bottom: 15px;
}
.index_right {
    width: 100%;
}
.index_first .left {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
}
.index_first .left p {
    font-size: 28px;
}
.index_first .right {
    width: 100%;
    padding-top: 15px;
}
.tech_three ul li {
    width: 50%;
    margin-bottom: 15px;
}
.tech_three ul {
    margin-left: -8px;
    margin-right: -8px;
}
.tech_three ul li {
    padding: 0 8px;
}
.tech_two .tech_cont {
    padding: 50px 15px;
}
.tech_cont ul.nav {
    margin-left: -5px;
    margin-right: 5px;
    overflow: hidden;
}
.tech_cont ul.nav li.nav-item {
    width: 50%;
    float: left;
    padding: 5px;
}
/*development*/
.devebg {
    padding-bottom: 50px;
}
.deve_bg {
    background-image: none !important;
    position: inherit;
    width: 100%;
}
.devebg .deve_cont {
    padding-left: 0;
    width: 100%;
    padding-top: 30px;
}
.devebg:after {
    bottom: 0;
    top: inherit;
    height: 40%;
    max-width: 50%;
}
.devebg .deve_cont h3 {
    font-size: 22px;
}
.deve_bottom {
    padding-top: 80px;
}
.deve_bottom h3 {
    font-size: 30px;
}
.deve_bottom p {
    line-height: 1.5;
}
/*	indus*/
.in_two ul {
    margin-left: -10px;
    margin-right: -10px;
}
.in_two ul li {
    width: 50%;
    padding: 10px
}
.po_prolist ul {
    margin-left: -15px;
    margin-right: -15px;
}
.po_prolist ul li {
    padding: 0 15px 30px 15px;
}
.job_mid {
    padding: 50px 0 10px 0;
}
.joinlist {
    padding-top: 30px;
}
/*contact*/
.cont_nei .row .col-sm-4 {
    border: none;
    padding-bottom: 30px;
}
.cont_nr {
    min-height: inherit;
}
.contbsc, .contkh {
    min-height: inherit;
    margin-bottom: 15px;
}
.contbsc .box {
    position: inherit;
    top: 0px;
}
.contbsc .box h4 {
    font-size: 18px;
}
.contmap {
    position: inherit;
    height: auto;
}
.contm_po {
    position: inherit;
    top: inherit;
    overflow: hidden;
    padding-top: 30px;
}
.cont_nei {
    padding-top: 30px;
}
.contmap .map {
    height: 400px !important;
}
.contzb {
    padding: 30px 30px;
}
.contm_po .contm_nei h3 {
    padding-left: 30px;
}
.contm_po .contm_nei .cont_nr {
    padding-left: 25px;
    padding-top: 30px;
}
/*mess*/
.contact_mess .te_eng {
    padding: 0;
}
.contact_mess {
    padding-top: 20px;
}
.messform .col {
    width: 100%;
    padding: 10px 15px;
}
.messform .col6 {
    width: 100%;
    padding: 10px 15px;
}
.messform .col4 {
    width: 100%;
    padding: 10px 15px;
}
.messform .colw100 {
    padding: 10px 15px;
}
.messform .mess08 {
    width: 100%;
}
.messyz {
    padding-left: 0;
    margin-top: 15px;
}
.submit {
    max-width: 100%;
}
.contm_nei {
    width: 100%;
    float: left;
    height: auto;
    padding: 30px 30px 10px 30px;
}
}

@media all and ( max-width: 374px ) {
.about_nei .about_cont .left li .main-info-number span {
    font-size: 26px;
}
.prod_up .centeritem {
    width: 100%;
    padding-top: 15px;
}
}

@media all and ( max-width: 359px ) {
/*	pro*/
.pro_nav ul li {
    width: 50%;
}
/*	technoly*/
.tech_three ul li {
    width: 100%;
}
/*	indus*/
.in_two ul li {
    width: 100%;
}
}
