﻿@charset "utf-8";

@media screen and (max-width:1580px) {
.header .daoh .in_wrap {
    padding-left: 50px;
}
}
@media screen and (max-width:1520px) {
.header .daoh .in_wrap {
    padding-left: 30px;
}
.header .daoh .nav > li {
    padding: 0px 14px;
}
}
@media screen and (max-width:1440px) {
.header .daoh .in_wrap {
    padding-left: 30px;
}
.header .daoh .nav > li {
    padding: 0px 12px;
}
.header .daoh .nav > li > a {
    font-size: 18px;
}
.banner .bantext h2 {
    font-size: 50px;
}
.index_bot ul li a {
    height: 240px;
}
.index_bot ul li a .bottom_mask {
    padding: 30px 50px;
}
.index_bot .bottom_a {
    left: 50px;
    bottom: 30px;
}
.index_bot .bottom_mask .bottom_name {
    font-size: 32px;
}
/*index four*/
.index_four:before {
    max-width: 8%;
}
}

@media screen and (max-width:1365px) {
.header .daoh .logo {padding-left: 60px;}     
.header .daoh .nav > li {
    padding: 0px 10px;
}
.header .daoh .nav > li > a {
    font-size: 18px;
}
.navigate-list {
    padding: 75px 80px 0 80px;
}
.navigate-item {
    padding: 20px 0;
}
.navigate-item dd p {
    padding-right: 20px;
}
.navigate-item dd p a {
    font-size: 16px;
}
.navigate-item dt a {
    font-size: 24px;
}
.banner .bantext h2 {
    font-size: 48px;
}
.index_bot ul li a .bottom_mask {
    padding: 30px 40px;
}
.index_bot .bottom_a {
    left: 40px;
    bottom: 30px;
}
.index_bot .bottom_mask .bottom_name {
    font-size: 32px;
}
.index_bot ul li a {
    height: 230px;
}
/*index four*/
.index_four:before {
    max-width: 8%;
}
}

@media screen and (max-width:1279px) {
.header .daoh .logo {padding-left: 50px;}       
.header .daoh .in_wrap {
    padding-left: 40px;
}
.header.aa .daoh .nav > li {
    padding: 0 8px;
}
.header .daoh .nav > li > a {
    font-size: 16px;
}
.navigate-item dt a, .navigate-item dd p a {
    line-height: 35px;
}
.index_bot ul li a .bottom_mask {
    padding: 20px 20px 0 30px;
}
.index_bot .bottom_a {
    left: 30px;
    bottom: 20px;
}
.index_bot .bottom_mask .bottom_name {
    font-size: 30px;
}
.index_bot ul li a {
    height: 220px;
}
/*about*/
.home_about .left {
    padding-right: 60px;
    padding-top: 0;
    width: -webkit-calc(100% - 500px);
    width: -moz-calc(100% - 500px);
    width: calc(100% - 500px);
}
.home_about .right {
    width: 500px;
}
.home_about .left h2 {
    font-size: 38px;
}
.home_about .left .text {
    font-size: 20px;
}
/*footer*/
.foot_mid .left {
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
}
.foot_link {
    width: 200px;
}
/*index two*/
.index_title {
    font-size: 38px;
}
.index_twod .m_left {
    padding: 100px 50px 0 50px
}
.index_twod .m_left .title {
    font-size: 32px;
}
.x-section-7 .co7 .item span.counter {
    font-size: 60px;
    height: 60px;
}
/*index four*/
.index_four:before {
    height: 603px;
    width: 263px;
    max-width: 10%;
}
/*page side*/
.page_ban h3 {
    font-size: 46px;
}
/*key project*/
.key_prolist ul li .bg h3 {
    font-size: 28px;
}
.key_prolist .key_bottom .left {
    width: 200px;
}
.key_prolist .key_bottom .right {
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
}
.cont_border .up .left {
    padding-right: 0;
    width: 100%;
}   
    .cont_border .corde {width:100%;float: left;}   
    
}

@media screen and (max-width:1240px) {
.header .daoh .daoh_r::before {
    display: none;
}
.header .daoh .in_wrap {
    display: none;
}
.index_bot ul li a .bottom_mask {
    padding: 20px 20px 0 30px;
}
.index_bot .bottom_a {
    left: 30px;
    bottom: 20px;
}
.index_bot .bottom_mask .bottom_name {
    font-size: 28px;
}
.index_bot .bottom_mask .bottom_des {
    font-size: 16px;
}
}

@media screen and (max-width:991px) {
.header .daoh .logo {
    padding-left: 30px;
}
.navigate-list {
    padding: 75px 80px 0 50px;
}
.banner .bantext h2 {
    font-size: 50px;
}
.index_bot ul li a .bottom_mask {
    padding: 20px 5px 0 30px;
}
.index_bot .bottom_a {
    left: 30px;
    bottom: 15px;
}
.index_bot .bottom_mask .bottom_name {
    font-size: 26px;
    line-height: 1.1;
}
.index_bot .bottom_mask .bottom_des {
    font-size: 16px;
}
.index_bot ul li a {
    height: 200px;
}
/*about*/
.home_about .left {
    padding-right: 0;
    width: 100%;
}
.home_about .right {
    width: 100%;
    max-width: 666px;
    float: left;
    margin-top: 30px;
}
/*foter*/
.foot_mid .left a {
    font-size: 16px;
    padding-right: 15px;
    margin-right: 15px;
}
.foot_bottom .left {
    width: 100%;
}
.foot_bottom .right {
    width: 100%;
    text-align: left;
}
/*index two*/
.x-section-7 .co7 .item span.counter {
    font-size: 56px;
    height: 50px;
}
.x-section-7 .co7 .item i {
    font-size: 22px;
}
.index_twod ul li {
    width: 100%;
}
.index_twod ul li:nth-child(2) .m_left {
    float: right;
}
.index_twod ul li:nth-child(2) .m_right {
    float: left;
}
/*index three*/
.home_three .index_or .or_cont {
    padding: 45px 15px;
}
.home_three .index_or .or_cont p {
    padding: 0 10px;
}
.home_three .index_or .or_cont span {
    padding: 0 10px;
}
/*index four*/
.index_ml .ml-button-prev {
    right: 153px;
}
.index_ml .ml-button-next {
    right: 84px;
}
/*page side*/
.page_ban {
    height: 300px;
}
.page_ban h3 {
    font-size: 36px;
}
/*new*/
.new_list .title {
    font-size: 20px;
}
/*key project*/
.key_prolist ul li {
    width: 100%;
}
.key_prolist .key_bottom .left {
    width: 233px;
}
.key_prolist .key_bottom .right {
    width: -webkit-calc(100% - 233px);
    width: -moz-calc(100% - 233px);
    width: calc(100% - 233px);
}
}

@media screen and (max-width:768px) {
.foot_mid .left a {
    font-size: 16px;
    padding-right: 10px;
    margin-right: 10px;
}
}

@media screen and (max-width:767px) {
.hidden-xs {
    display: none !important;
}
.visible-xs {
    display: block !important;
}
.header,.header .daoh,.header.aa,.header.aa .daoh,.header.aa .nav_r {
    height: 80px;
}
.heightn {
    height: 80px;
}   
.header.aa .langue a.lanjt {
    line-height: 80px;
}
.langue a.lanjt {
    display: block;
    background-size: 20px 20px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 80px;
}
.header .daoh .logo {
    padding-left: 15px;
    max-width: 45%;
}
.header .daoh .logo a {
    width: 100%;
}
.header .daoh .ss, .langue {
    margin-right: 5px;
    height: 80px;
    line-height: 80px;
}
.langue {
    padding-left: 0;
    padding-right: 10px;
}
.header .daoh .daoh_r {
    padding-left: 5px;
    padding-right: 10px;
}
.menubtn span {
    font-size: 14px;
}
.header .daoh .ss a {
    font-size: 14px;
   /* height: 22px;*/
/*    background-size: 20px 20px !important;*/
}
.header .daoh .daoh_r::before {
    display: none;
}
.header .srk {
    top: 80px;
}   
.navigate {
    width: 100%;
}
.navigate-list {
    padding: 55px 30px 0 30px;
}
.navigate-item {
    padding: 15px 0;
}
.navigate-item dt {
    width: 100%;
}
.navigate-item dd {
    width: 100%;
}
.navigate-item dt a {
    font-size: 20px;
}
.header .nav_r {
    width: 50px;
    height: 80px;margin-left: 0
}
.mo_banner {
    display: block!important;
}
.pc_banner {
    display: none !important;
}
    .banner {height:100vh;padding: 0;}  
.banner .bantext h2 {
    font-size: 36px;
}
.banner .bantext p {
    font-size: 18px;
    line-height: 28px;
}
.banner .bantext .title {
    padding-top: 30px;
}
.banner .bantext .banmore {
    width: 160px;
    height: 50px;
    line-height: 50px;
}
.index_title {
    position: relative;
}
.index_title .right {
    position: absolute;
    top: 0;
    right: 0;
}
.index_title .right a {
    width: 42px;
    padding-top: 12px;
    height: 42px;
}
.index_title .left h3 {
    font-size: 32px;
}
.index_title .left p {
    font-size: 16px;
}
/*index one */
.main-product {
    margin-top: 30px;
}
.main-product {
    padding-bottom: 30px;
}
.main-product .product-wrap {
    height: 450px;
}
/*index new */
.news-list-swp .swiper-slide a {
    height: 260px;
}
.news-list-swp .swiper-slide a strong {
    font-size: 20px;
    margin: 18px 0 25px 0;
    height: 64px;
    line-height: 32px;
}
.news-list-swp .swiper-slide a span.time {
    margin-top: 10px;
}
.index_bot ul li a .bottom_mask {
    padding: 30px 10px 0 30px;
}
.index_bot .bottom_a {
    left: 30px;
    bottom: 20px;
}
.index_bot ul li {
    width: 100%;
}
.swiper-num {
    display: none;
}
#vivo-head .vivo-search {
    max-width: 130%;
}
.back-top {
    width: 40px;
    height: 40px;
    background-size: 14px 15px;
}
.footsharer {
    padding: 0px 0 0px 0;
    border: none;
    float: left;
    width: 100%;
}
.footsharer .bdsharebuttonbox {
    display: none !important;
}
.newlxr04 {
    float: left;
    padding-top: 0px;
    width: 100%;
}
.newlxr04 ul li {
    margin-right: 25px;
    margin-left: 0;
}
.foot_up .left {
    text-align: center;
    width: 100%;
    padding-bottom: 15px;
}
.right_hidden, .lximg {
    display: none !important;
}
.newlxr04 ul li span.mfico {
    display: none;
}
.newlxr04 ul {
    margin-left: -10px;
    margin-right: -10px;
}
.newlxr04 ul li {
    float: left;
    margin: 0;
    width: 50%;
    padding: 0 10px;
    text-align: center;
    padding-top: 15px;
    z-index: inherit;
}
.lximgmo {
    display: block;
}
.lximgmo img {
    width: 120px;
}
.lximgmo p {
    color: #fff;
    padding-top: 5px;
}
.homemess {
    right: 10px;
    top: inherit;
    bottom: 30px;
    width: 40px;
    border-radius: 4px;
}
.homemess ul li.back-top p {
    display: none;
}
.homemess ul li {
    padding: 5px 0;
}
/*about*/
.about_nei .about_text {
    padding-top: 0px;
}
.home_about {
    padding: 50px 0 110px 0;
}
.home_about .left h2 {
    font-size: 34px;
}
.home_about .left .text {
    font-size: 18px;
}
.home_about .left p {
    font-size: 14px;
    line-height: 28px;
}
.home_about .right .mask {
    background-size: 50px 50px;
}
/*index two*/
.index_two {
    padding-top: 50px;
}
.index_twod ul li {
    height: auto;
}
.index_twod .m_left {
    width: 100%;
    padding: 50px 30px 50px 30px;
}
.index_twod .m_right {
    background-image: none !important;
    width: 100%;
    height: auto;
}
.index_title {
    font-size: 34px;
}
.x-section-7 {
    padding: 20px 0 30px 0;
}
.x-section-7 .co7 .item {
    width: 50%;
    padding: 25px 15px 20px 15px;
}
.x-section-7 .co7 .item:nth-child(2) {
    border-right: none;
}
.x-section-7 .co7 .item span.counter {
    font-size: 46px;
    height: 40px;
}
.x-section-7 .co7 .item .text {
    font-size: 16px;
    padding-top: 5px;
    margin: 0;
}
.x-section-7 .co7 .item i {
    font-size: 18px;
}
.index_twod .m_left .title {
    font-size: 28px;
}
.index_twod .m_left p {
    font-size: 16px;
}
/*three*/
.home_three .index_or {
    padding-bottom: 40px;
    padding-top: 35px;
}
/*index four*/
.index_ml .ml-button-prev {
    right: 110px;
}
.index_ml .ml-button-next {
    right: 70px;
}
.index_ml .ml-button-prev, .index_ml .ml-button-next {
    bottom: 30px;
}
.index_ml .project_cont {
    padding: 35px 25px 55px 25px;
}
.index_ml .project_cont .left {
    width: 100%;
    padding-right: 0;
}
.index_ml .project_cont .left::after {
    display: none;
}
.index_ml .project_cont .left h3 {
    font-size: 24px;
}
.index_ml .project_cont p {
    line-height: 25px;
}
.index_four .index_ml .index_k {
    padding: 0;
}
.index_four:before {
    display: none;
}
.project_down {
    padding: 0 30px 15px 30px;
}
.index_sub img {
    height: 25px;
}
.index_text {
    font-size: 16px;
}
.news-list-swp {
    margin: 48px 0 50px 0;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
/*page side*/
.page_ban {
    height: 200px;
}
.page_ban h3 {
    font-size: 34px;
}
/*about*/
.about_nei .title {
    font-size: 32px;
}
.about_nei .about_text .left {
    width: 100%;
    padding-right: 0px;
}
.about_nei .about_text .right {
    width: 100%;
    padding-right: 0;
}
.about_nei .about_text .right p {
    font-size: 16px;
    line-height: 28px;
}
.about_nei .about_text .left .x-section-7 .co7 .item span.counter {
    font-size: 32px;
    height: 32px;
    line-height: 32px;
}
.about_nei .about_text .left .x-section-7 .co7 .item {
    padding-right: 15px;
}
.newlxr04 ul li:nth-child(3) {
    display: none !important;
}
/*new*/
.new_list .title {
    font-size: 18px;
}
.new_list ul li {
    width: 100%;
}
/*key project*/
.key_prolist ul li .bg {
    height: auto;
    padding: 25px 15px;
}
.key_prolist .key_bottom .left {
    width: 100%;
}
.key_prolist .key_bottom .right {
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
}
.key_prolist ul li .bg h3 {
    font-size: 22px;
}
.key_prolist .key_bottom .right .time {
    height: auto;
}
.page_nav {
    padding-top: 35px;
    margin-bottom: 35px;
    border-bottom: 2px solid #438A66;
}
/*tongzhigonggao*/
    .notice_list ul li {width:100%;}
    .indus-top::before {display:none;}
    .eng {top:80px;}
    .cont_border .up .left .row {display:block;}
    
    
    
}

@media screen and (max-width:350px) {
.header .daoh .logo {
    max-width: 48%;
}
.navigate-item dd p a {
    font-size: 15px;
    line-height: 30px;
}
.banner .bantext h2 {
    font-size: 32px;
}

}
