@charset "utf-8";

/* CSS Document */

/*手机样式*/
@media (min-width:992px) {
.h-news-con li .box:hover .time:after {
  width: 100%;
}
.h-news-con li .box:hover .time div {
  color: #ffffff;
}
.h-news-con li .box:hover .time .more {
  visibility: visible;
  opacity: 1;
  right: 20px;
  -webkit-transition: all .35s ease-in-out .60s;
  -moz-transition: all .35s ease-in-out .60s;
  -ms-transition: all .35s ease-in-out .60s;
  -o-transition: all .35s ease-in-out .60s;
  transition: all .35s ease-in-out .60s;
}
.h-news-con li .box:hover .time {
  bottom: -187px;
}
.h-news-con li .box:hover .text {
  border-top-color: #003883;
  top: -120px;
}
.news-ul li:hover:before, 
.news-ul li:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.news-ul li:hover .con .time, 
.news-ul li:hover .con .text h3 a {
  color: #07608f;
}
}
@media (min-width:1261px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
    .investor-box .rmb {
        margin: 15px 0 5px;
        padding-right: 30px;
    }
    .investor-box .table {
        margin-bottom: 10px;
        padding: 10px 0;
    }
    .investor-box .rmb div {
        padding-right: 20px;
    }
}
@media (max-width:1370px) {
    .moreR {
        width: 196px;
    }
    .productIList a {
        padding-left: 10%;
        height: 100px;
    }
    .productIList .ico {
        padding: 10px 0px;
        height: 100px;
        width: 120px;
    }
    .productIList .con {
        padding: 0px 100px 0px 160px;
        height: 100px;
        width: 730px;
    }
    .productIList .line_1 {
        right: 37px;
    }
    .productIList .line_2 {
        right: 50px;
    }
    .productIList .t {
        padding: 40px 0px 10px;
    }
    .productIList a:hover .t {
        padding-top: 22px;
    }
    .productIList .c {
        font-size: 14px;
    }
}
@media (max-width:1345px) {
}
@media (max-width:1295px) {
}
@media (max-width:1259px) {
    header .logo {
        width: 150px;
    }
    header .header-nav li>a {
        font-size: 16px;
        padding: 0 10px;
    }
    header .language {
        padding-left: 15px;
    }
    header .language a, .banner-fixed .text .text-box p {
        font-size: 14px;
    }
    .banner-fixed .text .text-box div.h1 {
        font-size: 34px;
    }
    .about .title {
        font-size: 24px;
        padding: 30px 0 15px;
    }
    .about .con {
        font-size: 14px;
    }
    .team .h-title, .history .h-title, .culture .h-title, .concept .h-title, .recruitment .h-title, .information .h-title, .announcement .h-title, .report .h-title, .h-title {
        font-size: 28px;
    }
    .h-title {}
    .team-con {
        padding: 40px 0 30px;
    }
    .team-con li .img {
        width: 35%;
    }
    .team-con li .text p, .history-con, footer .f-nav ul li a, .treatment-con .img, .treatment-con .text, #myModal .modal-dialog .modal-header div, #myModal .modal-dialog .modal-body, #myModal .modal-dialog .modal-footer .display-flex {
        font-size: 14px;
    }
    .team-con li .text .title {
        font-size: 24px;
    }
    .team-con li .text .title span {
        font-size: 18px;
    }
    .history-tab-swiper .slides li div {
        font-size: 16px;
    }
    .history-tab-swiper {
        padding: 0 50px;
    }
    .history-con {
        padding: 35px 0 10px;
    }
    .team-swiper {
        padding-bottom: 70px;
    }
    .treatment-con {
        padding: 50px 0 82px;
    }
    .treatment-con .text h4 {
        padding-bottom: 15px;
    }
    .treatment-tab .serviceIlist {
        padding: 50px 0 55px;
    }
    .treatment-tab .serviceIlist a {
        width: 150px;
        height: 150px;
    }
    .serviceIlist a {
        font-size: 14px;
    }
    .treatment-tab .serviceIlist li:after {
        bottom: -69px;
    }
    .treatment-tab .serviceIlist li:hover:after, .treatment-tab .serviceIlist li.active:after {
        bottom: -55px;
    }
    #myModal .modal-dialog .modal-header {
        padding-top: 49px;
        padding-bottom: 49px;
    }
    #myModal .modal-dialog .modal-header h1 {
        font-size: 26px;
    }
    #myModal .modal-dialog .modal-body {
        padding-top: 30px;
        padding-bottom: 45px;
    }
    #myModal .modal-dialog .modal-footer .display-flex {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .concept .concept-text, .concept ul.row li .text, .panel-group .panel-body, .contact-us-text .con div, .contact-us-tab ul li a, .information .text, .announcement-swiper ul li .box p, .report-swiper ul li .box p, .announcement-swiper ul li .box .more, .report-swiper ul li .box .more, .serviceIlist dd p {
        font-size: 14px;
    }
    .panel-group .panel-heading a {
        font-size: 15px;
    }
    .contact-us-text .con {
        padding: 25px 20px 20px;
    }
    .contact-us-text .con h3 {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .contact-us-tab {
        padding: 34px 0 24px;
    }
    .information .text {
        line-height: 1.5;
        width: 48%;
    }
    .announcement-swiper, .report-swiper {
        margin-bottom: 30px;
        padding-bottom: 70px;
    }
    .announcement-swiper ul li .box, .report-swiper ul li .box {
        padding: 80px 15px 20px;
    }
    .announcement-swiper ul li .box .more, .report-swiper ul li .box .more {
        margin-top: 15px;
        padding: 7px 10px;
    }
    .announcement-swiper ul li .box .time, .report-swiper ul li .box .time {
        left: 15px;
        font-size: 15px;
    }
    .announcement-swiper ul li .box .time div, .report-swiper ul li .box .time div {
        font-size: 20px;
    }
    .investor-box .h1 {
        font-size: 26px;
    }
    .investor-box .rmb {
        margin: 15px 0 5px;
        background-position: right 20px;
        padding-right: 30px;
    }
    .investor-box .table {
        margin-bottom: 10px;
        padding: 10px 0;
        font-size: 14px;
    }
    .investor-box .rmb div {
        font-size: 38px;
        padding-right: 20px;
    }
    .investor-box .rmb span {
        font-size: 20px;
    }
    .h-news-con .text {
        padding: 15px 2.5%;
    }
    .h-news-con .text h3 {
        font-size: 20px;
    }
    .h-news-con .text p {
        font-size: 14px;
        padding: 20px 0;
    }
    .serviceIlist dd p {
        padding-top: 10px;
    }
    .telbox .tel {
        font-size: 30px;
    }
    .h-contact-con .serviceIlist {
        padding: 66px 0 30px;
    }
    .h-recruitment-con {
        padding: 40px 0;
    }
    .h-recruitment-con ul li .display-flex {
        padding: 10px 10%;
    }
    .h-news-con {
        padding: 35px 9.375%;
    }
    .recommend ul li .text,
    .recommend ul li .img {
        width: 100%;
    }
}
@media (max-width:1024px) {
    .productIpage {
        padding-bottom: 100px;
    }
    .productIdemo .moreR {
        bottom: 0;
    }
    .productIList a {
        padding-left: 5%;
    }
    .productIList .t {}
    .productIList .con {
        width: 560px;
    }
    .productIList .c {}
    .productIList a:hover .t {}
    .banner .flex-control-nav {
        bottom: 15px;
    }
    .mouse-header {
        bottom: 35px;
    }
}
@media (max-width:991px) {
    #menu_toggle1.menufix {
        display: none;
    }
    #menu_toggle1.menu {
        right: 0;
        top: 50%;
        float: right;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #menu_toggle1.menu strong {
        display: none;
    }
    #menu_toggle {
        display: none;
    }
    #menu_toggle1 {
        display: block;
    }
    .header-menu {
        height: 80px;
    }
    #menu_toggle1.menu span, #menu_toggle1.menu span:after, #menu_toggle1.menu span:before {
        width: 32px;
    }
    #menu_toggle1.menu span:before {
        top: -8px;
    }
    #menu_toggle1.menu span:after {
        bottom: -8px;
    }
    #banner {
        width: 100% !important;
        height: auto !important;
    }
    #banner .banner ul.swiper-wrapper img {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
    }
    .banner-fixed .text .text-box div.h1 {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .treatment-tab .serviceIlist a {
        width: 130px;
        height: 130px;
    }
    .treatment-tab .serviceIlist .ico {
        width: 55px;
        height: 55px;
        background-size: contain;
    }
    .treatment-con .img, .treatment-con .text {
        width: 100%;
    }
    .treatment-con .text {
        padding-bottom: 20px;
    }
    .treatment-tab .serviceIlist {
        padding: 30px 0 35px;
    }
    .treatment-tab .serviceIlist li:after {
        bottom: -49px;
    }
    .treatment-tab .serviceIlist li:hover:after, .treatment-tab .serviceIlist li.active:after {
        bottom: -35px;
    }
    #myModal .modal-dialog {
        padding-left: 0;
    }
    #myModal .modal-dialog .close {
        top: 0;
        left: inherit;
        right: 0;
        height: 40px;
        width: 40px;
        font-size: 14px;
        line-height: 1.4;
    }
    .concept ul.row li {
        margin-bottom: 14px;
    }
    .panel-group {
        margin-bottom: 55px;
    }
    .panel-group .panel-body {
        padding: 20px 25px;
    }
    .contact-us-tab ul li {
        margin-bottom: 18px;
    }
    .information .text, .information .img {
        width: 100%;
    }
    .h-recruitment-con ul li {
        width: 50%;
        width: calc(50% - 1px);
        width: -moz-calc(50% - 1px);
        width: -webkit-calc(50% - 1px);
    }
    .culture-about li .con {
        height: 366px;
    }
}
@media (max-width:880px) {
}
@media (max-width:861px) {
    .productIdemo .black {
        width: 65%;
    }
}
@media (max-width:767px) {
    footer .f-copyright, footer .f-web {
        display: block;
    }
    footer .f-web {
        padding: 10px 0;
    }
    .treatment-tab .serviceIlist li:after {
        display: none;
    }
    .treatment-tab .serviceIlist li {
        margin: 5px;
    }
    .treatment-tab .serviceIlist {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .news li .img {
        width: 100%;
        margin-bottom: 10px;
    }
    .news li .text {
        width: 75%;
    }
    #map {
        height: 260px;
    }
    .h-news-con .img, .h-news-con .text {
        width: 100%;
    }
    .h-news-con .flex-control-nav {
        bottom: 0;
        top: inherit;
        width: 100%;
        text-align: center;
    }
    .h-news-con .flex-control-nav li {
        display: inline-block;
    }
    .h-news-con .flex-control-nav li a {
        margin: 0 4px;
    }
    .h-contact-con .serviceIlist dd {
        width: 50%;
        height: 204px;
        margin-bottom: 15px;
    }
    .h-contact-con .serviceIlist {
        padding: 36px 0 20px;
    }
    .h-index {
        padding: 30px 0 15px;
    }
    .h-product .h-title {
        padding-bottom: 10px;
    }
    .h-product .h-href {
        width: 100%;
    }
    .h-product .h-href li {
        width: 50%;
        text-align: center;
    }
    .h-product .h-href li a {
        display: block;
    }
    .h-product .h-href li+li {
        margin-left: 0;
    }
    .h-pro-con ul {
        margin-left: -5px;
        margin-right: -5px;
    }
    .h-pro-con ul li {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .h-product {
        padding-bottom: 20px;
    }
    .h-news-con li .box .time:after {
      width: 100%;
    }
    .h-news-con li .box .time div {
      color: #ffffff;
    }
    .h-news-con li .box .time .more {
      visibility: visible;
      opacity: 1;
      right: 20px;
      -webkit-transition: all .35s ease-in-out .60s;
      -moz-transition: all .35s ease-in-out .60s;
      -ms-transition: all .35s ease-in-out .60s;
      -o-transition: all .35s ease-in-out .60s;
      transition: all .35s ease-in-out .60s;
    }
    .h-news-con li .box .time {
        bottom: -187px;
        display: none;
    }
    .h-news-con li .box .text {
        border-top-color: #003883;
        top: 0px;
        height: auto;
    }
    .h-news-con .text .h4 {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 1.4;
    }
    .h-news-con .text p {
        padding: 0;
    }
    .h-news-con li {
        margin-bottom: 0;
    }
    .team .h-title, .history .h-title, .culture .h-title, .concept .h-title, .recruitment .h-title, .information .h-title, .announcement .h-title, .report .h-title, .h-title,.w-breadcrumb .w-title h2 {
        font-size: 24px;
    }
    .h-href .more {
        font-size: 14px;
    }
    .manufacture-nav .manufacture-next {
        right: 15px;
    }
    .manufacture-nav .manufacture-prev {
        left: 15px;
    }
    .h-partner .swiper-pagination-bullet {
        height: 4px;
        width: 4px;
        margin: 0 2px !important;
    }
    .h-partner .partner-swiper {
        padding-bottom: 40px;
    }
    .h-partner .partner-box {
        margin-bottom: 20px;
    }
    footer .footer-con {
        padding: 20px 0;
    }
    footer .f-nav ul {
        display: none;
    }
    footer .f-wechat {
        display: block !important;
        max-width: inherit;
        width: 100%;
        padding-top: 20px;
    }
    .h-manufacture {
        padding-bottom: 30px;
    }
    footer .f-copyright {
        font-size: 14px;
    }
    .w-breadcrumb {
        padding: 30px 0 10px;
    }
    .breadcrumb {
        margin-bottom: 15px;
    }
    .w-breadcrumb .w-nav li {
        margin-bottom: 10px;
    }
    .w-breadcrumb .w-nav li a {
        font-size: 14px;
        padding: 6px 12px;
    }
    .about, .culture, .partner, .manufacture-details {
        font-size: 14px;
        padding: 30px 0;
    }
    .about-img-title {
        font-size: 18px;
        padding: 20px 0 10px;
    }
    .about .about-ul li {
        width: 50%;
        float: left;
        margin-bottom: 8px;
    }
    .culture-ul li .text {
        height: 120px;
        line-height: 120px;
        font-size: 18px;
    }
    .culture-ul {
        padding-bottom: 20px;
    }
    .culture-about li .con {
        height: auto;
        padding: 30px 0 15px;
    }
    .culture-about li .con .img {
        padding-bottom: 20px;
    }
    .culture-about li .con .text h2 {
        font-size: 24px;
        padding: 15px 0;
    }
    .partner-ul {
        margin-left: -5px;
        margin-right: -5px;
        padding: 30px 0 20px;
    }
    .partner-ul li {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        width: 33.333333333334%;
    }
    .course {
        padding-top: 30px;
    }
    .course .course-title {
        font-size: 28px;
    }
    .course .course-text {
        font-size: 14px;
        padding: 0 0 20px;
    }
    .course-history {
        padding: 50px 0 40px;
    }
    .course-history:after {
        left: 0;
        margin-left: 0;
    }
    .course-history ul li,
    .course-history ul li:nth-child(2n) {
      text-align: left;
      left: 0%;
      width: 100%;
      margin-bottom: 10px;
    }
    .course-history ul li  .con {
      margin-left: 9%;
      font-size: 14px;
    }
    .course-history ul li h3 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .course-history ul li  .con:after {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      right: inherit;
      left: -17px;
    }
    .course-history ul li:after {
      right: inherit;
      left: -6px;
    }
    .news {
        padding: 30px 0 45px;
    }
    .news-ul li .con {
        padding: 20px 0;
    }
    .news-ul li.no-img .text {
        width: 100%;
    }
    .news-ul li .con .time {
        font-size: 16px;
        width: auto;
        padding-top: 10px;
    }
    .news-ul li .con .text p {
        padding-bottom: 10px;
    }
    .news-ul li .con .time span {
        font-size: 18px;
        display: inline-block;
    }
    .news-ul li .con .time div {
        display: inline-block;
    }
    .news-ul li .con .text h3 {
        font-size: 20px;
    }
    .news-ul {
        margin-bottom: 30px;
    }
    .pagination li a, 
    .pagination li span {
        margin: 0 -1px 0 0;
    }
    .news-details-text .title {
        font-size: 22px;
        line-height: 1.4;
    }
    .news-details-text .con {
        font-size: 14px;
    }
    .news-details-text,
    .news-details-page {
        width: 100%;
    }
    .news-details,
    #contact-us {
        padding: 30px 0 60px;
    }
    .contact-us-text li {
        margin-bottom: 15px;
        float: left;
        width: 50%;
    }
    .contact-us-text li p {
        height: 66px;
    }
    .product {
        padding: 30px 0 0;
    }
    .product-nav,
    .product-con,
    .product-search,
    .product-ul li .img ,
    .product-ul li .img img,
    .product-ul li .text {
        width: 100%;
    }
    .recommend,
    .product-nav {
        display: none;
    }
    .product-head {
        padding-top: 0;
    }
    .product-ul {
        margin-bottom: 0;
    }
    .product-ul li {
        margin-bottom: 10px;
        padding: 20px 15px;
    }
    .product-ul li .text {
        padding-top: 20px;
    }
    .product-ul li .text p {
        padding: 10px 0;
    }
    .product-details-head {
        padding: 25px 15px;
    }
    .product-details-head .product-details-text h3 {
        font-size: 18px;
        padding-top: 15px;
    }
    .product-details-head .product-details-swiper,
    .product-details-head .product-details-text {
        width: 100%;
    }
    #course-top {
        right: 15px;
        bottom: 15px;
    }
    .w-breadcrumb .w-nav {
        width: 100%;
    }
    header .language {
        padding-left: 0;
        margin-right: 45px;
    }
    header .h-search {
        padding: 0;
    }
    header .logo {
        padding: 0;
    }
    .header-menu {
        height: 70px;
    }
    #search {
        bottom: -40px;
    }
    #search .form-control {
        padding: 6px 50px;
        font-size: 14px;
        height: 36px;
        line-height: 36px;
    }
    .search-close,
    .search-btn {
        width: 50px;
        height: 36px;
        line-height: 36px;
    }
    .search-close img,
    .search-btn img {
        width: 16px;
    }
    input::placeholder {
      color: #fff;
      font-size: 14px;
    }
    input::-moz-placeholder {
      color: #fff;
      font-size: 14px;
    }
    input:-ms-input-placeholder {
      color: #fff;
      font-size: 14px;
    }
}
@media (max-width:641px) {
    .h-recruitment-con ul li {
        width: 100%;
    }
    .h-news-con {
        padding: 35px 15px;
    }
}
@media (max-width:580px) {
    .productIList .con {
        width: 100%;
    }
    .productIdemo .black {
        width: 100%;
    }
    .productIList a {
        width: 100%;
    }
    .productIList a {
        padding-left: 10%;
        height: 62px;
    }
    .productIList .ico {
        padding: 0px;
        height: 62px;
        width: 82px;
    }
    .productIList .ico .i {
        height: 62px;
        width: 62px;
    }
    .productIList .con {
        padding: 0px 100px;
        height: 62px;
    }
    .productIList .line_1 {
        right: 37px;
    }
    .productIList .line_2 {
        right: 50px;
    }
    .productIList .t {
        padding: 20px 0px 10px;
        font-size: 16px;
    }
    .productIList a:hover .t {
        padding-top: 18px;
    }
    .productIList .c {
        display: none;
    }
    .moreR {
        height: 50px;
        line-height: 50px;
    }
    .productIpage {
        padding-bottom: 60px;
    }
}
@media (max-width:540px) {
}
@media (max-width:481px) {
    .serviceIlist dd p {
        padding: 10px 0 0;
    }
}
@media (max-width:360px) {
    .h-contact-con .serviceIlist dd {
        height: 226px;
    }
}
@media (max-width:340px) {
}