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


.banner_phone{
    display: none;
}
.footer{
    display: none;
}
.sectionB {
    height: 176px;
}
#n_contain{
    margin-top: -68px;
}
#contain{
    margin-top: -68px;
}
.map_html #dituContent{
    margin-top: -68px;
}
.search_html .n_rightb{
    width: 100%;
}
.search_html .n_rightb table{
    display: block;
    width: 100% !important;
}
.search_html .n_rightb table tbody{
    display: block;
    width: 100% !important;
}
.search_html .n_rightb table tbody tr{
    display: block;
    width: 100% !important;
}
.search_html .n_rightb table tbody tr td{
    display: block;
    width: calc(100% / 3) !important;
    float: left;
}
.search_html .n_rightb table tbody tr td:nth-child(even){
    display: none;
}
.search_html .n_rightb table tbody tr td table{
    width: calc(100% - 15px) !important;
    
}
.search_html .n_rightb table tbody tr td table:nth-child(1){
    height: 280px;
}
.search_html .n_rightb table tbody tr td img{
    width: 100%;
    height: 280px;
}
.search_html .n_rightb table tbody tr td table tr td{
    width: 100% !important;
}
.slides li img{
    width: 100%;
}
.slides li{
    height: auto;
}
.banner{
    height: auto;
}
.swiper-button-prev-about{
    width: 38px !important;
    height: 70px !important;
    background: url(../images/advleft.png) center center no-repeat !important;
    background-size: 100% auto !important;
}
.swiper-button-next-about{
    width: 38px !important;
    height: 70px !important;
    background: url(../images/advright.png) center center no-repeat !important;
    background-size: 100% auto !important;
}
.swiper-container-about img{
    width: 100%;
}          
.swiper-container-about{
    position: relative;
}
.swiper-container-about a{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 99;
    width: calc(100% - 32px);
    height: 76px;
    padding: 5px 16px 10px;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    background: url(../images/backbg.png);
}
.swiper-container-about a span{
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    display: block;
}
.swiper-container-about{
    height: 388px;
}
.swiper-container-about img{
    height: 388px;
}
.nav li{
    height: 103px;
}
.nav li a:hover {
    background: url(../images/navli.png) no-repeat center;
    background-position: top center;
    background-size: 130% auto;
}
.productcon ul li a{
    position: relative;
    display: block;
}
.productcon ul li a .shuiyin{
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -40%;
    width: 80%;
}
.n_rightb td a{
    position: relative;
    display: block;
}
.n_rightb td a img{
    display: block;
    position: relative;
}
.n_rightb td a .shuiyin{
    position: absolute;
    top: 10%;
    width: 80%;
    left: 10%;
}
.bproconimg{
    position: relative;
}
.bproconimg .shuiyin{
    position: absolute;
    top: 10%;
    width: 80%;
    left: 10%;
}

@media screen and (max-width:1320px) {
	#dituContent1{
		display:none;
	}
    .headt_con,
    .product,
    .aboutcon,
    .main3,
    .bprocon,
    .footnav,
    .footmain,
    .footjianyi,
    #n_contain{
        width: 1000px;
    }
    .headt_conl{
        width: 700px;
    }
    /* .nav {
        width: 860px;
    }     */
    .nav li {
        width: 122px;
    }
    .productcon ul li {
        width: 204px;
    }
    .productcon ul li a{
        display: flex;
        align-items: center;
        height: 100%;
    }
    .productcon ul li a img{
        width: 100%;
		height:100%;
    }
    .productcon .txt{
        width: 100%;
    }
    .aboutr {
        width: 630px;
    }
    .abouttitle{
        width: calc(100% - 30px);
    }
    .aboutrcon{
        width: 100%;
        overflow: hidden;
    }
    .news {
        width: 602px;
        margin-right: 30px;
    }    
    .newstitle{
        width: calc(100% - 30px);
    }
    .newscon,
    .newscon ul{
        width: 100%;
    }
    .footlink {
        width: 188px;
    }
    .footmain .footlink:nth-child(3){
        width: 140px;
    }
    .newscon li {
        width: 50%;
    }
    .newsconr {
        width: 132px;
    }
    .newsrtitle{
        width: 100%;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
    }
    .newsrcon{
        width: 100%;
        height: 42px;
        overflow:hidden; 
        margin-bottom: 20px;
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .n_right {
        width: 722px;
    }
    .n_rightt{
        width: calc(100% - 20px);
        background-size: 100% auto;
    }
    .n_rightb{
        width: 100%;
    }
    .nav-center{
        width: 100%;
    }
    .nav{
        width: calc(100% - 481px);
    }
    .nav li {
        width: calc(100% / 8);
    }
    .search_html .n_rightb table tbody tr td table:nth-child(1){
        height: 240px;
    }
    .search_html .n_rightb table tbody tr td img{
        width: 100%;
        height: 240px;
    }
}

@media screen and (max-width:1100px) {
    .pc_none{display: block}
    .phone_none{display: none}
    .headt{
        display: none;
    }
    .nav-center{
        height: auto;
    }
    .logo{
        float: unset;
        display: block;
    }
    .logo img{
        display: block;
        margin: auto;
        height: 66px;
    }
    .nav{
        width: 100%;
        padding-left: 0;
        position: relative;
        float: unset;
        height: auto;
        background: #603811;
    }
    .nav li {
        width: calc(100% / 4 - 1px);
        height: 50px;
        border-right: solid 1px #542b03;
        border-bottom: solid 1px #542b03;
    }
    .nav li:nth-child(9),
	.nav li:nth-child(10){
        border-bottom: none;
    }
    .nav li a {
        display: block;
        padding-top: 0px;
        text-align: center;
        height: 50px;
        line-height: 50px;
    }
    .nav li a span{
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #fff;
    }
    .banner{
        display: none;
    }
    .banner_phone{
        display: block;
        position: relative;
    }
    .banner_phone img{
        width: 100%;
    }
    .slides li{
        height: auto;
    }
    .flex-direction-nav li a.flex-prev {
        left: 5px;
        margin-top: 56px;
    }
    .flex-direction-nav li a.flex-next {
        right: 5px;
        margin-top: 56px;
    }
    .notice{
        display: none;
    }
    .toptel{
        display: none;
    }
    .searchBd{
        width: calc(100% - 50px);
        padding-left: 50px;
    }
    .inTopBd{
        width: 100vw;
    }
    .headt_con, 
    .product, 
    .aboutcon, 
    .main3, 
    .bprocon, 
    .footnav, 
    .footmain, 
    .footjianyi, 
    #n_contain{
        width: 100vw;
    }
    .fhdb,
    .footnav{
        display: none;
    }
    .advFont {
        width: calc(100% - 70px);
    }
    .search {
        width: calc(100% - 40px);
    }
    .text {
        width: calc(100% - 164px);
    }
    .productt{
        width: calc(100vw - 60px);
        margin: auto;
        background-size: 100% 10px;
    }
    .productb{
        width: calc(100vw - 30px);
        margin: auto;
    }
    .problist{
        border: none;
        width: 100%;
    }
    .problistcon{
        width: calc(100% - 10px);
        padding: 15px 5px;
    }
    .problisttitle{
        display: none;
    }
    .problistcon li{
        float: left;
        width: calc(100% / 3 - 2px);
        border: 1px dashed #67523d;
        border-top: none;
        border-left: none;
    }
    .problistcon li a{
        display: block;
        max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
    .problistcon li:nth-child(1),
    .problistcon li:nth-child(2),
    .problistcon li:nth-child(3){
        border-top: 1px dashed #67523d;
    }
    .problistcon li:nth-child(3n+1){
        border-left: 1px dashed #67523d;
    }
    .problistcon #sort ul{
        display: none;
        clear: both;
    }
    .productcon{
        width: 100%;
    }
    .productcon ul li{
        float: left;
        margin: 0;
        height: 130px;
        margin-bottom: 20px;
        width: calc(50% - 10px);
        border: 1px solid #603811;
    }
    .productcon ul li:nth-child(odd){
        margin-right: 16px;
    }
    .about{
        width: 100vw;
        height: auto;
    }
    .aboutl{
        width: 100%;
        height: auto;
        padding-top: 20px;
        background: #613019;
    }
    .adv {
        height: auto;
        margin: auto;
        float: unset;
        padding: 0;
        width: calc(100vw - 30px);
    }
    .advPicUlIdBox{
        width: calc(100vw - 30px);
    }
    .advPicUl{
        width: calc(100vw - 30px);
    }
    .advPicUlIdBox img{
        width: calc(100vw - 30px);
    }
    #advPicUlId{
        width: 100%;
        height: auto;
    }
    #advPicUlId iframe{
        width: 100%;
    }
    .aboutr{
        width: calc(100% - 30px);
        padding: 0 15px;
        height: auto;
        padding-bottom: 10px;
        background: #613019;
        padding-bottom: 30px;
    }
    .aboutrcon{
        height: auto;
    }
    .aboutrcon img{
        display: none;
    }
    .abouttitle{
        background-size: 100% 10px;
    }
    .news{
        width: calc(100% - 30px);
        padding: 0 15px;
        height: auto;
    }
    .newstitle{
        background-size: 100% 10px;
    }
    .newscon, .newscon ul {
        width: 100%;
        height: auto;
    }
    .newscon li{
        width: 100%;
    }
    .main3{
        height: auto;
    }
    .newsconr{
        width: calc(100% - 168px);
    }
    .contact{
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .contactt{
        width: calc(100% - 30px);
        background: url(../images/newstitle.jpg) no-repeat bottom;
        background-size: 100% 10px;
    }
    .main4{
        display: none;
    }
    .footjianyi{
        display: none;
    }
    .footlink{
        display: none;
    }
    .footcopy{
        width: 100%;
        padding-top: 0;
        height: auto;
        float: unset;
    }
    .footmain{
        width: 100%;
        height: auto;
    }
    #foot{
        width: calc(100vw - 30px);
        height: auto;
        padding: 10px 15px;
        background: #232121;
    }
    .footer{
        background:#603811;
        position:fixed;padding:12px 0 12px 0;width:100%;
        /* max-width:640px; */
        margin:0 auto;bottom:0;z-index:99}
    .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: 69px !important;
    }
    .n_left{
        width: calc(100% - 30px);
        margin-left: 15px;
    }
    .n_contact{
        display: none;
    }
    .n_jiange{
        display: none;
    }
    .n_right{
        width: calc(100% - 30px);
        margin-left: 15px;
        padding-bottom: 20px;
    }
    .page_list{
        display: inline-flex;
        width: 100%;
    }
    .page_list a{
        display: none;
        width:50%;
    }
    .page_list a:nth-last-child(2){
        display: block;
    }
    .page_list a:nth-child(2){
        display: block;
    }
    .product_title{
        width: 100% !important;
    }
    .product_time{
        width: 100% !important;
    }
    .n_rightb table{
        display: block;
        width: 100% !important;
    }
    .n_rightb table tbody{
        display: block;
        width: 100% !important;
    }
    .n_rightb table tbody tr{
        display: flex;
        width: 100% !important;
    }
    .n_rightb table tbody tr td:nth-child(2){
        display: block;
		margin-top: 10%;
        width: 74%;
    }
    .n_rightb table tbody tr td:nth-child(1),
    .n_rightb table tbody tr td:nth-child(3){
        margin-top: 10%;
		width:26%;
    }
    .n_rightb table tbody tr td:nth-child(1) img,
    .n_rightb table tbody tr td:nth-child(3) img{
        height: 34px;
    }
	
	 .n_rightb .show1 tbody tr td:nth-child(2){
        display: block;
		margin-top: 10%;
        width: 100% !important;
    }
    .n_rightb .show1 tbody tr td:nth-child(1),
    .n_rightb .show1 tbody tr td:nth-child(3){
        margin-top: 30%;
		width:26%;
    }
    .n_rightb .show1 tbody tr td:nth-child(1) img,
    .n_rightb .show1 tbody tr td:nth-child(3) img{
        height: 34px;
    }
	
    .n_rightb img{
        display: block;
        width: 100% !important;
        height: 100%;
    }
    .product_content{
        width: 100% !important;
    }
    .n_rightt{
        display: none;
    }
    .news3 li a{
        display: block;
        width: calc(100% - 120px);
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
    }
    .footcopy p:nth-child(1){
        display: none;
    }
    .map_html #foot{
        display: none;
    }
    .footer{
        display: block;
    }
    .search_html .n_rightb table tbody tr td{
        margin-top: 0;
    }
    .search_html .n_rightb table tbody tr td:nth-child(even) {
        display: none;
    }
    .search_html .n_rightb table tbody tr td{
        width: calc(100% / 2) !important;
    }
    .search_html .n_rightb table tbody tr td table:nth-child(1){
        height: 140px;
    }
    .search_html .n_rightb table tbody tr td table:nth-child(1) img{
        height: 140px;
    }
    .swiper-button-prev-about{
        width: 38px !important;
        height: 70px !important;
        background: url(../images/advleft.png) center center no-repeat !important;
        background-size: 100% auto !important;
    }
    .swiper-button-next-about{
        width: 38px !important;
        height: 70px !important;
        background: url(../images/advright.png) center center no-repeat !important;
        background-size: 100% auto !important;
    }
    .swiper-container-about img{
        width: 100%;
    }          
    .swiper-container-about{
        position: relative;
    }
    .swiper-container-about a{
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 99;
        width: calc(100% - 32px);
        height: 76px;
        padding: 5px 16px 10px;
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        background: url(../images/backbg.png);
    }
    .swiper-container-about a span{
        color: #fff;
        font-size: 18px;
        line-height: 40px;
        font-weight: bold;
        display: block;
    }
    .advFont{
        display: none;
    }
    .search {
        width: calc(100% - 20px);
        margin-top: 15px;
    }
    .searchBd{
        background-size: 45px;
        height: 68px;
    }
    .sectionB{
        background: none;
    }
    .inTopBd{
        height: 68px;
        background: #603912;
    }
    .sectionB {
        height: 132px;
    }
    .contact{
        height: 370px;
    }
    .nav li:hover{
        background: #a40000;
    }
    .nav li a:hover{
        background: none;
    }
}
/* @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;
} */