@charset "utf-8";
/* CSS Document */


.banner_phone{
    display: none;
}
.banner_img img{
    display: none;
}
.big_img img{
    display: none;
}
.phone_none{
    display: none;
}
.pc_none{
    display: block;
}
.footer{
    display: none;
}
.ny_banner img{
    display: none;
}

@media screen and (max-width:1280px) {
    .center{
        width: 1000px;
    }
    .nav .logo {
        height: 95px;
        margin-top: 10px;
    }
    .nav .daohang{
        margin-left: 0;
        float: right;
    }
    .nav .daohang a {
        padding: 0 12px;
    }
    .index_about .left {
        width: calc(100% - 440px);
    }
    .index_about .left .icon .float_l {
        width: 128px;
        margin-left: 16px;
    }
    .index_news .news_list a {
        width: calc(100% / 3 - 48px);
    }
    .news_list .img {
        width: 100%;
        height: auto;
    }
    .news_list .img img{
        height: auto;
    }
    .index_case .swiper-slide a img {
        width: 100%;
    }
    .foot .center .foot_nav {
        padding-left: 90px;
        padding-right: 60px;
    }
    .index_product {
        height: 1030px;
    }
    .index_case {
        height: 570px;
    }
    .index_news {
        height: 850px;
    }
    .product_html{
        height: auto;
    }
}

@media screen and (max-width:1100px) {
    .center{
        width: 100vw;
    }
    .top{
        display: none;
    }
    .pc_none{
        display: none;
    }
	.banner .swiper-pagination {
    bottom: 10px !important;
}
	#dituContent1{
		display:none;
	}
    .phone_none{
        display: block;
    }
    .banner_img{
        height: auto;
        min-width: auto;
    }
    .banner_img img{
        display: block;
        width: 100%;
    }
    .nav{
        height: auto;
        min-width: auto;
    }
    .nav .logo {
        height: 62px;
        float: unset;
        margin: auto;
        margin-top: 0;
    }
    .nav .daohang {
        width: 100vw;
        padding-top: 0px;
        background: #ff0000;
        border-top: solid 1px #bb0808;
    }
    .nav .daohang a{
        width: calc(25% - 1px);
        padding: 0;
        text-align: center;
        height: 46px;
        line-height: 46px;
        border-bottom: none;
        border-right: solid 1px #bb0808;
    }
    .nav .daohang a:nth-child(1),
    .nav .daohang a:nth-child(2),
    .nav .daohang a:nth-child(3),
    .nav .daohang a:nth-child(4){
        border-bottom: solid 1px #bb0808;
    }
    .nav .daohang a:nth-child(4n){
        border-right: none;
    }
    .nav .daohang .xuanzhong{
        border-bottom: none;
        border-bottom: auto;
    }
    .index_about .right{
        display: none;
    }
    .index_about .left {
        width: calc(100vw - 30px);
        padding: 0 15px;

    }
    .index_about .index_title {
        padding-top: 26px;
    }
    .index_title .p2 p {
        font-size: 22px;
    }
    .index_about .left .text {
        height: auto;
        padding: 0;
    }
    .index_about .left .icon .float_l{
        width: calc(50% - 8px);
        margin-left: 16px;
        height: 120px;
        margin-top: 15px;
    }
    .index_about .left .icon .float_l:nth-child(2n+1){
        margin-left: 0;
    }
    .index_about .left .icon .float_l div {
        margin-top: 12px;
    }
    .index_about .left .icon .float_l p {
        padding-top: 3px;
    }
    .index_about{
        height: auto;
        padding-bottom: 30px;
    }
    .index_product{
        height: auto;
        padding-bottom: 30px;
    }
    .more_button {
        width: 130px;
        height: 42px;
        line-height: 42px;
        margin-top: 30px;
    }
    .product_nav{
        width: 100vw;
        height: auto;
        margin-top: 12px;
        padding-bottom: 10px;
    }
    .product_nav .flex {
        display: block;
    }
    .product_nav .flex a{
        float: left;
        width: calc(100% / 2 - 30px);
        margin: 0;
        padding: 0 15px;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
    }
    .product_img .product_top{
        padding-top: 20px;
    }
    .product_img .product_lb .float_l {
        width: calc(100% / 3 - 10px);
        margin: 0 5px;
    }
    .product_img .product_top .float_l {
        width: calc(50% - 10px);
        margin: 0 5px;
    }
    .product_img .product_lb {
        padding-top: 15px;
    }
    .big_img{
        width: 100vw;
        height: auto;
    }
    .big_img img{
        width: 100vw;
        display: block;
    }
    .index_news .center {
        padding-top: 0;
    }
    .index_news .news_list a {
        width: calc(100% / 2 - 10px);
        padding: 0 5px;
        margin: 0 0;
        margin-top: 15px;
    }
    .index_news .news_list{
        padding: 0 5px;
    }
    .index_news{
        height: auto;
        padding-bottom: 30px;
    }
    .index_news .news_list a .time p:nth-child(1) {
        font-size: 18px;
    }
    .index_news .news_list a .time p:nth-child(2) {
        line-height: 20px;
    }
    .index_news .news_list a .text p:nth-child(1) {
        line-height: 34px;
        padding-top: 0px;
    }
    .index_news .news_list a .text p:nth-child(2) {
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .index_news .news_list a .ck{
        display: none;
    }
    .index_news .news_list a .text {
        padding: 0px 2px;
    }
    .index_news .news_list a .time{
        padding: 0 8px;
        padding-top: 14px;
        display: none;
    }
    .news_list .img{
        margin-top: 10px;
    }
    .yqlj{
        display: none;
    }
    .foot{
        display: none;
    }
    .foot_bottom{
        height: auto;
        padding: 12px 0;
    }
    .foot_bottom p{
        text-align: center;
        line-height: 24px;
        padding: 0px 20px;
    }
    .message {
        width: calc(100vw - 20px);
        padding: 15px 10px;
    }
    .message .message_img {
        width: 100%;
        height: auto;
    }
    .message .message_img .baise {
        width: 100%;
        height: auto;
        padding-bottom: 24px;
        background: rgba(255, 255, 255, 0.8);
    }
    .message .message_img .baise .width {
        width: calc(100% - 30px);
    }
    .message .message_img .baise .width .bt {
        font-size: 16px;
        padding-top: 24px;
        font-weight: 600;
    }
    .message .message_img .baise .width .input input{
        width: calc(100% - 20px);
        margin-left: 0;
        margin-top: 20px;
    }
    .footer{
        background:#ec0000;
        position:fixed;
        padding:12px 0 12px 0;
        width:100%;
        /* max-width:640px; */
        margin:0 auto;
        bottom:0;
        z-index:99;
        display: block;}
    .footer ul li{float:left;width:25%;text-align:center}
    .footer ul li h3{font-size:14px;color:#fff}
    .footer ul li h2{height:19px;margin-bottom:7px}
    .footer ul li h2 img{display:block;margin:0 auto}
    body{
        padding-bottom: 68px;
    }
    .index_case{
        height: auto;
        padding-top: 0;
        padding-bottom: 30px;
    }
    .index_case .swiper-slide a {
        width: calc(100% / 3 - 10px);
        padding: 0 5px;
    }
    .index_case .swiper-slide a div {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }
    .index_case .swiper-button-prev-c {
        width: 20px;
        height: 20px;
        background: url(../img/left.png) center center no-repeat;
        margin-top: -24px;
        background-size: 100% auto;
        left: 5px;
    }
    .index_case .swiper-button-next-c {
        width: 20px;
        height: 20px;
        background: url(../img/right.png) center center no-repeat;
        margin-top: -24px;
        background-size: 100% auto;
        right: 5px;
    }
    .index_case .case{
        width: calc(100vw - 20px);
        padding: 0 10px;
        margin-top: 10px;
    }
    .ny_banner{
        height: auto;
    }
    .ny_banner img{
        display: block;
        width: 100vw;
    }
    .map_html .message{
        display: none;
    }
    .map_html .foot_bottom{
        display: none;
    }
    .pop .top {
        display: block;
    }
    .shousuo{
        width: 100vw;
        height: auto;
    }
    .shousuo .weizhi{
        float: left;
        line-height: 40px;
        padding: 0 30px;
        width: calc(100% - 60px);
        background-size: auto 82%;
        background-position: left 15px center;
    }
    .shousuo .search{
        width: calc(100% - 30px);
        margin-left: 15px;
        height: 38px;
    }
    .shousuo .search input {
        width: calc(100% - 90px);
        border: none;
        height: 38px;
        font-size: 15px;
        padding: 0px 0 0 12px;
    }
    .shousuo .search a {
        width: 65px;
        height: 38px;
    }
    .shousuo .search a img{
        margin-top: 8px;
    }
    .index_title {
        padding-top: 22px;
    }
    .product_show_html .text {
        padding: 15px 15px 24px 15px;
    }
    .product_show_html .text img{
        width: 100%;
        display: block;
    }

    .product_show_html .text table{
        width: 100%;
    }
    .product_show_html .text table td{
        width: auto!important;
    }
    .single_html .single_icon{
        height: auto;
        padding-bottom: 20px;
        background: #fafafa;
        display: none;
    }
    .single_html .single_icon .icon{
        width: calc(50% - 20px);
        padding: 0 14px 0 6px;
        padding-top: 20px;
    }
    .product_html  .product_img .product_lb a{
        width: calc(100% / 2 - 10px);
        margin-bottom: 20px;
    }
    .product_html .product_img .float_l .text {
        height: 45px;
        width: calc(100% - 40px);
        padding: 0 20px 0 20px;
    }
    .product_html .product_img .float_l .text .p{
        width: 100%;
        height: 45px;
        text-align: center;
        line-height: 45px;
    }
    .product_html .product_img .product_lb {
        padding-top: 30px;
    }
    .jvzhong .fanye a{
        display: none;
    }
    .jvzhong .fanye .shang{
        display: block;
        width: calc(50% - 10px);
        float: left;
        padding: 0;
        margin: 0;
    }
    .jvzhong .fanye .xia{
        display: block;
        width: calc(50% - 10px);
        float: right;
        padding: 0;
        margin: 0;
    }
    .jvzhong .fanye{
        display: block;
        padding: 0 10px;
    }
    .jvzhong {
        text-align: center;
        padding-top: 22px;
        padding-bottom: 65px;
    }
    .nav .daohang a:hover {
        border-bottom: solid 1px #bb0808;
    }
    .product_show_html .qiehuan .float_l {
        width: calc(50% - 60px);
        padding-left: 40px;
        background: url("../img/list_show_l.png") left 10px center no-repeat;
        background-size: 20px auto;
    }
    .product_show_html .qiehuan .float_r {
        width: calc(50% - 60px);
        padding-right: 40px;
        background: url("../img/list_show_r.png") right 10px center no-repeat;
        background-size: 20px auto;
    }
    .product_show_html .h3 {
        font-size: 22px;
        line-height: 40px;
        padding-top: 20px;
    }
    .product_show_html .show_img{
        width: calc(100vw - 30px);
        margin: auto;
    }
    .product_show_html .show_img img{
        width: 100%;
    }
    .product_show_html .title {
        margin-top: 30px;
    }
    .product_show_html .show_img .show_left {
        left: 0;
    }
    .product_show_html .show_img .show_right{
        right: 0;
    }
    .news_list{
        padding-bottom: 30px;
    }
    .news_list .list a {
        display: block;
        width: calc(100% - 60px);
        padding: 0 30px;
        height: auto !important;
        padding-bottom: 20px;
        margin-bottom: 0;
        height: 42px;
        line-height: 42px;
    }
    .news_list .list a .riqi {
        font-size: 24px;
        line-height: 38px;
    }
    .news_list .list a .riqi span{
        margin-left: 6px;
    }
    .news_list .list a .title {
        font-size: 16px;
        line-height: 45px;
        margin-bottom: 0px;
    }
    .news_list .list a .text{
        line-height: 24px;
        text-align: justify;
    }
    .news_list .list {
        padding-top: 15px;
    }
}
/* @media screen and (max-width:1024px) {
    
    .nav{
        width: calc(100% - 251px);
    }
    .nav li {
        width: calc(100% / 7);
    }
} */

























/* transition:all 0.3s ease-in-out;
transform: scale(1.1);

overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;

input::-webkit-input-placeholder{
    color:#cccccc;
}
input::-moz-placeholder{   
    color:#cccccc;
}
input:-moz-placeholder{    
    color:#cccccc;
}
input:-ms-input-placeholder{
    color:#cccccc;
}

textarea::-webkit-input-placeholder{
    color:#cccccc;
}
textarea::-moz-placeholder{ 
    color:#cccccc;
}
textarea:-moz-placeholder{ 
    color:#cccccc;
}
textarea:-ms-input-placeholder{ 
    color:#cccccc;
} */