*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:16px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6;background:#fff;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;cursor: pointer; color: #333;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}

/*img*/
img{border:0;vertical-align:middle; max-width: 100%; height: auto;}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.fl{ float: left;}
.fr{float: right;}
.fb {font-weight:bold;}
.text-l{text-align:left}/*水平居左*/
.text-r{text-align:right}/*水平居中*/
.text-c{text-align:center}/*水平居右*/
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}/*上下居顶*/
.va-m{ vertical-align:middle!important}/*上下居中*/
.va-b{ vertical-align:bottom!important}/*上下居底*/
.clear{    clear: both;
    height: 0;
    width: 0;
    zoom: 1;
    overflow: hidden;}
.row:after,.clearfix:after,.container:after{content:"";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
#ie9{position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background:#00ADB5}
#ie9 h6{ font-size: 20px; text-align: center; padding-top: 80px; color: #fff; font-weight: 100;}
#ie9 ul{ width: 20%; margin:50px auto;}
#ie9 ul li{ width: 50%; float: left; text-align: center;}
#ie9 ul li img{  width: 80px ;}
#ie9 .logo{ float: none;font-weight: initial; cursor: pointer; text-align: center; padding:0 30px; padding-top:50px;letter-spacing: -.5px; text-decoration: none; color: #fff; line-height: 75px; font-size:30px;font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif;}
/*公用开始------------------------------------------------------------------*/
.container {margin: 0 auto;width: 1440px;overflow: hidden;}
  
@media (max-width:1199px) {
.container {width: 970px;}
#header {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,74,150,0.6);
}
}
@media (max-width: 767px) {
  .container {
    width: auto !important;
  }
  #header {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,74,150,0.6);
}
}




.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  /*margin-left: -15px;
  margin-right: -15px;*/
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;

}
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width:100%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 42%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
   width:365px;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
 @media (max-width: 1200px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 992px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .menulevel{display: none !important;}
  .qingchu{clear: both; display: block;}
  .mt15{margin-top: 25px; display: block;}
}

 @media (max-width:767px ) {
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.none-xs{display: none !important;}
	#header{ }
	.block-xs{ display:block !important; }
	.onoff{ display: block;}
	.head-nav{ position: relative; margin-top: 0;}
	.about-img{  background-size:cover ;}
.head-nav ul{position: absolute; display: none;  width:calc(100% + 15px); top: 40px;width: -webkit-calc(100% + 15px);}
.head-nav ul li{  width: 100%; text-align: center; display: block;  line-height:40px ;}
	.nav{ width: calc(40% - 30px); width: -webkit-calc(40% - 30px);}
	#header{  top: 0;}
	.logo{ width: 60%;}
	.about-con{ float: none; width: 80%; margin: 31px auto;}
	.aboutlist{ position: absolute; width: 90%;  bottom: 0; left:5%;}
	.about-p{ width: 90%;}
	.pro-pad img{
		width: 100%;
	}
	.pro-pad{
		margin-bottom: 15px;
	}
.good img{
	float: none;
	vertical-align: middle;
}
.good {
	text-align: center;
}
.good span{
	float: none;
}
.news-con ul{ padding: 0 15px!important;}

.news-img,.news-con,.news-con1{float: none; width: 100%; padding-left: 0;}
.new_content {
    width: calc(100% - 170px);
    height: 80px;
    float: right;
    overflow: hidden;
}
.new1_content {
    width: calc(100% - 170px);
    height: 80px;
    float: right;
    overflow: hidden;
}
.aboutlist a {
    width: 49%;
    display: block;
    text-align: center;
    height: 65px;
    line-height: 65px;
    float: left;
    border-top: 1px solid #bfbfbf;
}
.about-p {
    margin: 10px auto;
    height: 270px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 200%;
    overflow: hidden;
}
}
.text-overflow{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/*================= 产品图片错位修复 =================*/
.h-tu span{border: 1px solid #ccc;padding: 5px;overflow: hidden;display: block;width: 100%;}
.h-tu span img{width: 100%;height: 220px;object-fit: cover;}

/*================= 上一篇下一篇 =================*/
.page-prev-next{margin:30px 0 10px !important;overflow:hidden;border-top:1px solid #e0e0e0;padding-top:20px;clear:both;}
.pn-item{display:flex !important;align-items:center !important;padding:12px 20px !important;background:#f7f7f7 !important;border-radius:4px !important;margin-bottom:10px !important;border-left:3px solid #c9241e !important;transition:all 0.2s;}
.pn-item:hover{background:#fff5f5 !important;border-left-color:#da3119 !important;}
.pn-label{flex-shrink:0 !important;width:70px !important;font-size:14px !important;color:#c9241e !important;font-weight:bold !important;}
.pn-link{flex:1 !important;overflow:hidden !important;}
.pn-link a{color:#333 !important;font-size:14px !important;text-decoration:none !important;display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.pn-link a:hover{color:#c9241e !important;}
.pn-empty{color:#ccc !important;font-size:14px !important;}
.pn-date{flex-shrink:0 !important;margin-left:15px !important;color:#aaa !important;font-size:12px !important;}

/*================= 手机端一键拨号按钮 =================*/
.mobile-call-btn{display:none;position:fixed;right:15px;bottom:80px;width:60px;height:60px;background:#c91a0a;border-radius:50%;text-align:center;z-index:9999;box-shadow:0 2px 10px rgba(201,26,10,0.5);flex-direction:column;justify-content:center;align-items:center;}
.mobile-call-btn svg{display:block;margin:0 auto 2px;}
.mobile-call-btn span{color:#fff;font-size:10px;display:block;line-height:1;}
.mobile-call-btn:active{transform:scale(0.9);}

/*================= 移动端导航按钮 =================*/
.nav-btn{display:none;cursor:pointer;position:absolute;right:15px;top:30px;width:40px;height:40px;z-index:10001;}
.nav-btn span{display:block;width:30px;height:4px;background:#c91a0a;margin:6px auto;border-radius:2px;transition:all 0.3s;}
.nav-btn.open span:nth-child(1){transform:translateY(10px) rotate(45deg);}
.nav-btn.open span:nth-child(2){opacity:0;}
.nav-btn.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg);}

/*================= 响应式适配 =================*/

/* 平板 (<=1199px) */
@media (max-width:1199px) {
    .h-dingwei{width:100%;left:0;margin-left:0;height:90px;top:15px;padding:0 15px;}
    .container1{width:100% !important;padding:0 15px;}
    .container{width:100% !important;}
    .navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:100%;}
    .xbg{padding:30px 20px;}
    .ny-title{font-size:30px;}
    .ny-location{font-size:14px;line-height:40px;}
    /* 首页产品 */
    #ScrollBox li{width:calc(50% - 30px);margin-right:30px;margin-bottom:30px;}
    #ScrollBox li:nth-child(3),#ScrollBox li:nth-child(6),#ScrollBox li:nth-child(9){margin-right:30px;}
    #ScrollBox li:nth-child(2n){margin-right:0;}
    #ScrollBox li .cp-tp{width:100%;height:auto;}
    #ScrollBox li .cp-tp img{width:100%;height:auto;}
    #ScrollBox li .cp-bt{background:none;line-height:50px;}
    /* 关于我们 */
    .about-nr{width:100%;float:none;}
    .about-img{width:100%;text-align:center;margin-top:20px;}
    .about-img img{max-width:100%;}
    .about-bottom{margin-top:50px;}
    .about-bottom li{width:50% !important;margin-bottom:20px;}
    .about-slogn-con{width:100%;font-size:24px;}
    .about-slogn-con p:before{width:100%;}
    /* 案例 */
    .case-con li{width:100%;float:none;margin-bottom:30px;padding-left:0;}
    /* 产品列表 */
    .h-tu{width:48% !important;}
    .h-tu span img{height:180px;}
    /* 联系页表单 */
    .lhbdfl,.lhbdfr{float:none !important;width:100% !important;}
    /* 内页 */
    .page-about1{width:100%;}
    .ny-xbt{width:100%;margin-left:0;}
    .dljjing_erji ul li{width:calc(50% - 10px);margin:5px;}
    /* 页脚 */
    .f-con ul{flex-wrap:wrap;}
    .f-con li{width:50%;margin-bottom:20px;}
    .f-lxfs{width:100% !important;float:none !important;}
    /* 产品详情 */
    .lh714 .fl{margin-left:0 !important;width:100% !important;margin-top:20px;}
    #slider2{width:100% !important;}
}

/* 手机 (<=767px) */
@media (max-width:767px) {
    body{font-size:14px;}
    /* 手机端拨号按钮 */
    .mobile-call-btn{display:flex;}
    /* 导航 */
    .h-dingwei{height:70px;top:0;padding:0 10px;}
    .logo img{height:50px;}
    .logo{width:auto;}
    .nav-btn{display:block;}
    .nav{display:none;position:fixed;top:70px;left:0;width:100%;background:rgba(0,0,0,0.9);height:auto;z-index:9998;margin-top:0;padding-bottom:15px;}
    .nav.open{display:block;}
    .nav ul{flex-direction:column;}
    .nav li{width:100%;line-height:45px;border-bottom:1px solid rgba(255,255,255,0.1);}
    .nav-con>ul>li:hover{border-radius:0;height:auto;}
    /* banner */
    .rslides img{height:200px;object-fit:cover;}
    .slide_container{margin-top:0;}
    /* 通用 */
    .container,.container1{width:100% !important;padding:0 10px;}
    .dbg,.dbg1,.dbg2{padding:30px 0 40px;}
    .xbg{padding:20px 15px;border-radius:15px;}
    .ny-title{font-size:24px;line-height:35px;}
    .ny-location{font-size:12px;line-height:35px;}
    .pro-bt{font-size:26px;line-height:30px;}
    .pro-bt p{font-size:16px;}
    .pro-con{margin-top:25px;padding-top:15px;background:none;}
    /* 首页产品 */
    #ScrollBox li{width:100% !important;margin-right:0 !important;margin-bottom:20px;}
    #ScrollBox li .cp-tp{width:100%;height:auto;}
    #ScrollBox li .cp-tp img{width:100%;height:200px;object-fit:cover;}
    #ScrollBox li .cp-bt{line-height:45px;background:none;}
    #ScrollBox li .cp-bt a{font-size:16px;}
    /* 关于我们 */
    .about-bg{padding:25px 0 !important;background-size:cover !important;}
    .about-content{margin-top:15px !important;}
    .about-nr{width:100%;float:none;}
    .about-title{font-size:20px !important;margin-top:10px !important;}
    .about-con{font-size:13px;width:100%;height:auto !important;min-height:0 !important;margin-top:15px !important;line-height:24px !important;overflow:visible !important;}
    .about-more{margin-top:20px !important;width:200px !important;height:45px !important;line-height:45px !important;font-size:14px !important;}
    .about-more a{font-size:14px !important;}
    .about-img{width:100%;float:none;margin-top:15px;text-align:center;}
    .about-img img{max-width:100%;}
    .about-bottom{margin-top:25px !important;}
    .about-bottom ul{flex-wrap:wrap;}
    .about-bottom li{width:100% !important;margin-bottom:15px;height:auto !important;padding:15px;background-size:contain !important;}
    .about-bottom li img{float:left;margin:0 15px 0 0;margin-top:0;}
    .about-slogn{margin-top:15px !important;padding-bottom:5px;}
    .about-slogn-con{width:100% !important;font-size:16px !important;line-height:28px !important;float:none !important;text-align:center;}
    .about-slogn-con span{display:none !important;}
    .about-slogn-con img{display:none !important;}
    .about-slogn-con p:before{display:none !important;}
    .about-slogn-con p{font-size:11px !important;line-height:18px !important;margin-top:5px;}
    .about-slogn-more{float:none !important;margin:10px auto 0 !important;width:150px !important;height:40px !important;line-height:40px !important;}
    .about-slogn-more a{font-size:14px !important;}
    /* 案例 */
    .case-con{margin-top:30px;}
    .case-con li{width:100% !important;float:none !important;margin-bottom:30px;padding-left:0;}
    .case-con li .homethreepic img{width:100% !important;height:auto !important;}
    /* 产品列表 */
    .h-tu{width:100% !important;margin:0 0 20px !important;}
    .h-tu span img{height:200px;}
    .photos p{font-size:14px;line-height:40px;}
    /* 子分类导航 */
    .dljjing_erji ul li{width:calc(50% - 10px);margin:5px;height:40px;line-height:40px;}
    /* 新闻列表 */
    .newsList li{padding:15px 0 !important;}
    .xinwen-con{width:calc(100% - 90px) !important;}
    .xinwen-bt a{font-size:15px !important;}
    .xinwen-by a{font-size:12px !important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
    .xinwen-sj{width:80px !important;}
    .xinwen-sj a{font-size:12px !important;}
    /* 内页通用 */
    .page-about1{width:100%;}
    .ny-xbt{width:100%;margin-left:0;}
    .ny-xsj{width:80px;font-size:14px;padding:10px 0;}
    .ny-xsj p{font-size:24px;}
    /* 联系我们 */
    .ny-lxfs{padding:20px 15px;}
    .ny-lxfs li{font-size:14px;line-height:25px;padding-bottom:12px;margin-bottom:12px;}
    .ny-lxfs li span{font-size:16px;}
    .lxwm-ly-bt{font-size:16px;padding-left:15px;line-height:50px;margin-top:30px;}
    .lhbdfl,.lhbdfr{float:none !important;width:100% !important;}
    .lhbd dt label{display:block;width:100%;text-align:left;margin-bottom:5px;}
    .lhbd dt input,.lhbd dt textarea{width:100% !important;}
    .page-guestbook input[type="submit"],.page-guestbook input[type="reset"]{width:100px !important;font-size:14px;}
    /* 产品详情 */
    .lh714{margin:0 !important;}
    .lh714 .fl{margin-left:0 !important;width:100% !important;margin-top:20px;}
    #slider2{width:100% !important;}
    .silder_panel2 img{width:100% !important;height:auto !important;}
    .silder_nav2 li img{width:60px !important;height:60px !important;}
    #pro_info li{font-size:13px !important;}
    #pro_info li span:last-child{font-size:20px !important;}
    .ny-cpys ul{flex-wrap:wrap;}
    .ny-cpys li{width:33%;margin-right:0 !important;margin-bottom:15px;}
    .ny-cpys li img{max-width:40px;}
    .ny-cpys li p{font-size:12px !important;}
    .tab{font-size:14px !important;padding:10px 15px !important;}
    /* 新闻详情 */
    .text-center div{font-size:18px !important;margin-top:15px !important;}
    .post-txt{font-size:14px !important;}
    .post-txt img{max-width:100% !important;height:auto !important;}
    /* 上一篇下一篇 */
    .page-prev-next{margin:20px 0 5px !important;padding-top:15px !important;}
    .pn-item{padding:8px 10px !important;}
    .pn-label{width:55px !important;font-size:13px !important;}
    .pn-link a{font-size:13px !important;}
    .pn-date{display:none !important;}
    /* 页脚 */
    .footer{padding:30px 0;}
    .f-con ul{flex-direction:column;}
    .f-con li{width:100%;text-align:center;margin-bottom:15px;}
    .f-con li img{float:none;margin:0 auto 5px;display:block;}
    .f-nav ul{flex-wrap:wrap;text-align:center;}
    .f-nav li{width:33%;margin-bottom:10px;}
    .f-lx{text-align:center;font-size:12px;}
    .f-lx a{display:inline-block;margin:2px;}
    /* 分页 */
    .pagination a,.pagination span{padding:5px 10px !important;font-size:12px !important;margin:0 2px !important;}
}