﻿body,input,textarea{
	font-family:"微软雅黑",Arial,Tahoma;
}
.nav .nLi h3 a{
	padding:0 28px;
}
.nav .sub{
	width:150px;
}
.footer dl{
	margin-right:90px;
}

.header{ max-width:100%}
#full-screen-slider{
	max-width:100%;
	min-width:inherit !important
}
.main{ max-width:100%}
.zone{ 
	min-width:inherit !important
}
.footer_zone{min-width:inherit !important;   }

#full-screen-slider img{ display:block; width:100%;}
#full-screen-slider .owl-controls{ position:absolute; z-index:2; bottom:10px; left:0; right:0}

@media (max-width: 1220px){ 
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
#fancybox-wrap,#fancybox-title{box-sizing:content-box}
.main{padding-left:10px; padding-right:10px;}
.header{ padding-left:10px; padding-right:10px;}
#other_box{ width:48%}
#news_box{ width:48%}
#other_pic,#news_pic{ height:183px; overflow:hidden}
#other_pic img,#news_pic img{ width:100%; height:100%;object-fit: cover;}
#other_txt{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.footer_zone{ padding-left:10px; padding-right:10px;}
.footer{ max-width:100%}
#copy{ max-width:100%}
.footer dl{    min-width: 12.25vw;    margin-right: 10vw;}
dl.last{ width:31vw}
#other_box,#news_box{ height:408px}

.nav .nLi h3 a{ padding:0 1.5vw}

.wz_zone{
	max-width:100%;
	min-width:inherit !important
}
.wz{max-width:100%; padding-left:10px; padding-right:10px}
.right_wrap{ float:none; width:auto; padding-left:30px}
.ny_banner{max-width:100%;
	min-width:inherit !important}
.ny_banner img{ max-width:100%}	


.tulist_02{ width:auto; margin:0 -8px;}
.tulist_02 li{ width:25%;margin-right:0}
.tulist_02 li a{ display:block; margin:0 8px }

.side{ height:auto;top:auto; bottom:10%}
#full-screen-slider img{ display:block; width:100%; height:100%;    object-fit: cover;}
#full-screen-slider{ height:377px; overflow:hidden;}
#full-screen-slider.owl-carousel .owl-wrapper-outer,#full-screen-slider.owl-carousel .owl-wrapper,#full-screen-slider .owl-item,#full-screen-slider .item,#full-screen-slider .item a{ display:block; height:100%}

.pro_right{ float:none; width:auto; padding-left:10px}
.spec-preview{width:calc(450px - 2px); height:calc(377px - 2px)}
.jqzoom img{ display:block; max-width:100%; max-height:100%}
.jqzoom{ display:block; float:none; height:100%}
}
@media (max-width: 1000px){ 
body{ padding-top:65px !important; overflow-x:hidden}
.header{ height:65px; position:fixed; z-index:999; background-color:#fff; left:0; right:0;top:0; box-shadow:0 0 5px rgba(0,0,0,.2)}
.logo img{ height:45px;}
.logo{ margin-top:10px}
#header_r{ position:absolute; z-index:3; right:60px;top:0; margin-top:5px}
.search{ margin-top:15px;}
.search .key_text{ height:25px}
.search .search_btn{ width:25px; height:25px;}
.lan{ display:none}


.m-nav{display:block; height: 20px; width: 26px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 15px; top:50%; margin-top:-10px; }
.m-nav a{background-color:#A5251C; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color:#A5251C; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -7px;}
.m-nav a:after{top: 8px;}
body.block .m-nav{transform: rotate(90deg);}
body.block .m-nav a{background-color: transparent !important;}
body.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
body.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-7px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}
body.block:before{ content:""; display:block; position:fixed; z-index:100; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.5)}

.nav{ position:fixed; z-index:999; width:300px;top:65px; bottom:0; background-color:#fff; margin:0;transform:translateX(300px); right:0;transition: all 0.3s;}
body.block .nav{transform:translateX(0); }
.nav .nLi{ display:block; float:none; height:auto}
#pagination{ z-index:99 !important}
.side{ z-index:998 !important}
.nav .nLi:hover h3 .line, .nav .on h3 .line{ width:100%; height:2px}
.nav .sub{ position:static; width:100%; box-shadow:none  }
.nav .nLi h3{ line-height:52px; height:52px}
.nav .nLi h3 .line{ margin:0}
 
.nav .sub a{ text-align:left}

.exist h3{ position:relative}
.exist h3:before{ position:absolute; content:""; display:block; z-index:3; left:0; right:0;top:0; bottom:0;}

#scroll .owl-buttons div{top:calc(50% - 10px) !important; margin-top:-12px}
#other_box{ margin-bottom:10px}
#other_box, #news_box{ width:100% !important;float:none !important}

.footer dl{ display:none}
.footer dl.last{ display:block; width:100%}

.left_lxxx{ display:none}
.left_wrap h2:nth-of-type(2){ display:none}

.left_wrap{ float:none; width:100%; margin-bottom:15px}
.right_wrap{ padding-left:0}
.wz_zone{ display:none}
.ny_banner{ height:20vw}
.ny_banner img{ display:none;}

.right_title h2{ font-size:21px; text-align:center}
dl.tuwenlist dt{ width:150px;}
dl.tuwenlist dd{ margin-left:160px}
dl.tuwenlist dd .info{ line-height:1.6;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
dl.tuwenlist dd span{ display:none}

.pro_left{ float:none; width:100%}
.pro_left>div{ width:100%}
.pro_right{ width:100%; float:none; margin-top:20px; padding-left:0}
.spec-preview{ width:calc(100% - 2px) !important}
.zlm{ overflow:hidden; background-color:#f1f1f1;    border-bottom: 1px solid #d8d8d8;}
.zlm dl{ float:left; width:33.33%; margin-bottom:-1px}

#full-screen-slider{ height:35vw}
.ny_banner { height:35vw;background-position: center left -45vw !important;
    background-size: auto 100% !important;}
.spec-scroll .items{ float:none !important}
.zlm dl dt{ text-align:center; background-color:transparent}
dl.tuwenlist dd h2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jqZoomPup{ display:none !important}
} 

@media (max-width: 640px){ 
.tulist_02 li{ width:50%}

}
 