@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote,{ 
 padding: 0;
 margin: 0;
 }

a{border:0px;}

* {margin:0; padding:0;}
ul, li, ol {list-style-type : none;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	color: #6d6d6d;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	
}

.mobile_daohang{ display:none}
#banner{ display:none}
.pc_dibu{ display:block}
.mobile_dibu{ display:none}
.pc_more{ display:block}
.wap_more{ display:none}
.wap_foot{ display:none}
.pc_fenlei{ display:block}
.wap_fenlei{ display:none}


.bottomNav{ display:none}
.tbottom{ display:none}
.mobile_chanpin{ display:none}

.pc_xianshi{ display:block}
.wap_xianshi{ display:none}
.wap_xs{ display:none}

@font-face {
	font-family:impact;
	src: url('../fonts/impact.ttf'); }

@font-face {
	font-family:impact;
	src: url('../fonts/impact.otf'); }
	
a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #959595;
}
a.zzb07link:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #959595;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #959595;
}
.zzb07tail
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #959595;
}
.tooo{font-size: 35px; text-transform:uppercase;
font-weight: bold;
font-style: normal;
color: #686868;}
.tooo1{font-size:40px; text-transform:uppercase;
font-weight: bold;
font-style: normal;
color: #1e1e1e;}
.tooo1 span{width:100px; background:#00a19b; height:1px; position:absolute; margin-top:5px; margin-left:-50px;}

.too1{font-size: 32px;
font-weight: normal;
font-style: normal;
color: #fff;}
.shl-adv  {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 50px;
padding-bottom: 30px;
	clear: both;
	overflow: hidden; text-align:center;
}
.shl-adv1  {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;

padding-bottom:30px;
	clear: both;
	overflow: hidden; text-align:center;
}
.header_title {
font-size:32px;font-weight:normal;font-style:normal;color:#333333;
}
.header_title1 {
font-size:32px;font-weight:normal;font-style:normal;color:#fff;
}

.line-abs {
overflow:hidden;border-bottom-style:solid;width:60px;max-width:60px;border-bottom-width:4px;border-bottom-color:#0092DB; margin:0 auto;margin-top:15px;
}
.line-abs1 {
overflow:hidden;border-bottom-style:solid;width:60px;max-width:60px;border-bottom-width:4px;border-bottom-color:#fff; margin:0 auto;margin-top:20px;
}
.line-p { margin-top:25px; font-size:18px; color:#9A9A9A; text-transform:uppercase;}
.line-pp { margin-top:15px; font-size:17px; color:#7d7d7d; line-height:30px;}
.pbgi1 { background-image: url(../images/pbg1.jpg);}
.pbgi2 { background-image: url(../images/pbg2.jpg);}
.pbgi3 { background-image: url(../images/pbg3.jpg);}
.pbgi4 { background-image: url(../images/pbg4.jpg);}
.pbgi5 { background-image: url(../images/pbg5.jpg);}

.ptt1  {
	width: 1200px; margin:0 auto;
	clear: both;
	overflow: hidden;
}

.focus {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden; padding-bottom:50px;
}
	.focus .shanghl00{ width:100%; height:21px;  position:absolute; z-index:1; bottom:0px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:15px; padding:3px 5px; 
		-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#CACACA; margin:0 5px;  vertical-align:top; overflow:hidden; cursor: pointer;  }
	.focus .shanghl00 ul .on{ background:#0071C1;  }
	
	
	.focus .shanghlban{ width:100%; height:21px;  position:absolute; z-index:1; bottom:40px; text-align:center;  }
	.focus .shanghlban ul{ display:inline-block; height:15px; padding:3px 5px; 
		-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:0; vertical-align:top;
	}
	.focus .shanghlban ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden; cursor: pointer;  }
	.focus .shanghlban ul .on{ background:#F4B125;  }
	

	
	
		.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.tempWrap{overflow:hidden;}
.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */
}
.otherpa {
    display: flex;

    flex-wrap: wrap;
}
.othp1{ text-align:center; color:#333;line-height: 50px;
overflow: hidden;
height: 50px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box; margin-top:4px;}
.othp{width: 100%;height:260px; overflow:hidden;}
.othern{ width:19%; background-color:#FDD100; margin-right:1.25%; position:relative; overflow:hidden;padding: 4px;
box-sizing: border-box;}
.othp img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.othp:hover img  {
    transform: scale(1.1, 1.1)
}
.othern:hover   {
   background-color:#3EA5DD;
}
.othern:hover .othp1   { color:#FFF;
}

.othern:last-of-type {
    margin-right:0!important;
}

.newite {
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e2e0e0;
}
.news-time {
    font-size: 13px;
    line-height: 13px;
    color: #969696;
    background-image: url(../images/shl-ico-time.png);
    background-size: auto 13px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 17px;
    width: 100%;
    margin-top: 5px;
}

.shl-xuan   {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 70px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
}
.shl-xuar   { height:80px;}
.xuanpp{ width:100%; height:180px;}
.xuanpp img{ width:100%; height:100%; object-fit:cover;}
.shl-xuan1   {
	width: 380px; float:left; margin-right:30px; background-color:#F0F0F0; }
.shl-xuan1:last-of-type {
    margin-right:0!important;
}	
	
.shl-xuan1:hover  { margin-top:-15px; background-color:#0B478F;}
.shl-xuan1:hover .shl-xuanp1  { color:#FFF;}
.shl-xuan1:hover .shl-xuanp2  { color:#FFF;}
.shl-xuanp1 {
    font-size: 16px;
    padding-top: 27px;
    float: left;
    color: #626262;
    padding-left: 30px;
    width: 240px;
}
.shl-xuanp2 {
    font-size: 14px;
    color: #0B478F;
    float: right;
    padding-top: 28px;
    padding-right: 30px;
}
.xuar1{background-image: url(../images/ico1.png);background-repeat: no-repeat; background-position:center center; width:100%; height:150px;}
.xuar2{background-image: url(../images/ico2.png);background-repeat: no-repeat; background-position:center center; width:100%; height:150px;}
.xuar3{background-image: url(../images/ico3.png);background-repeat: no-repeat; background-position:center center; width:100%; height:150px;}
.xuar4{background-image: url(../images/ico4.png);background-repeat: no-repeat; background-position:center center; width:100%; height:150px;}

.shl-product1{ width:100%; float:left; background:#f5f5f5; }
.shl-product{ 
	width: 100%;
	max-width:1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; 
	clear: both;
	overflow: hidden; padding-bottom:80px;

}
.ptt2{padding-top: 70px;
color: #fff;
font-size: 42px;
font-weight: bold;}
.ptt2 span{color: #1FB8B6;}
.ptt3{padding-top: 20px;
color: #fff;
font-size: 14px;
line-height: 24px;
padding-bottom: 30px;
}



.box-accordion {
    display: flex;margin-top: 0px;
}
.box-accordion .accordion-item {flex: 1;min-width: 10px;height: 326px;
							display: flex;
							color: #fff;
							background-size: cover;
							background-position: center center ;
							background-repeat: no-repeat;
							position: relative; -moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border: 5px solid #fff;
margin-left: 5px;
margin-right: 5px;
}
						
.accordion-item:hover { min-width:400px;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.accordion-title{ font-size:19px;box-sizing:border-box; -webkit-transition: all 0.3s ;
										-o-transition: all 0.3s;
										transition: all 0.3s ; }
										
.asdf3{width:100%; height:50px; box-sizing:border-box;display:flex;text-align: center;align-items: center;justify-content: center;flex-direction: column;align-self: flex-end;-webkit-transition: all 0.3s ease ;
										-o-transition: all 0.3s ease ;
										transition: all 0.3s ease ; }
										
										
.asdf31{width:100%;padding-top:10px; padding-bottom:10px; box-sizing:border-box;display:flex;text-align: center;align-items: center;justify-content: center;flex-direction: column;align-self: flex-end;-webkit-transition: all 0.3s ease ;
										-o-transition: all 0.3s ease ;
										transition: all 0.3s ease ; }
										
.pitembg1{ background-color:rgba(32,84,167,0.8); }
.pitembg2{ background-color:rgba(105,85,113,0.8)}
.pitembg3{ background-color:rgba(6,137,139,0.8)}
.pitembg4{ background-color:rgba(8,33,109,0.8)}
.pitembg5{ background-color:rgba(103,4,90,0.8)}
.pitembg6{ background-color:rgba(5,96,15,0.8)}
.pitembg7{ background-color:rgba(78,105,2,0.8)}

.accordion-list{  width:100%;-webkit-transition: all 0.3s ease 0.3s;
										-o-transition: all 0.3s ease 0.3s;
										transition: all 0.3s ease 0.3s; opacity:0; position: absolute;}
.accordion-list p{ line-height:30px;}										
.accordion-item:hover .accordion-list {  opacity:1;position: relative; margin-top:20px;}	
.accordion-item:hover .accordion-title { transform:rotate(0); }	
.accordion-item:hover .asdf3 { height:100%;}			
.accordion-item:hover .asdf31 { padding-bottom:146px; padding-top:135px; padding-left:10px; padding-right:10px}							
.shl-proshow {

    width: 1020px;
    margin: 0 auto;

}
.shl-pro1{width:310px;background-color: rgba(77,206,163,0.6); float:left;margin-left: 15px;margin-right: 15px;}
.shl-pro1:hover{background-color: rgba(77,206,163,0.9); margin-top:-10px;}

.shl-pro-1{}
.shl-pro-pic{ width:310px; height:195px; overflow:hidden; margin:0 auto; }
.shl-pro-pic img{ width:310px; height:195px; }
.shl-pro-xian{ overflow:hidden;border-bottom-style:solid;width:60px;max-width:60px; margin:0 auto;border-bottom-width:4px;border-bottom-color:#ffffff;margin-bottom:40px;}
.shl-pro-text{ font-size:18px;font-weight:normal;font-style:normal;color:#ffffff; text-align:center; padding-top:15px; padding-bottom:15px;}


.shl-csh   {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	overflow: hidden; padding-bottom:80px;
}
.shl-csh1{ width:403px; float:right;padding-top: 15px; border-bottom:#ebebeb solid 1px;}
.shl-csh2{ width:15%; float:right; text-align:right; border-left:#e0e0e0 solid 1px; padding-left:3%}
.shl-csh3{ width:75%; float:left; }
.shl-csh3 .cffont3{ font-size:18px; color:#5B5B5B;line-height: 26px; padding-top:2px;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.shl-csh3 .cffont4{ font-size:15px; color:#777777;line-height: 22px;width:300px; float:left;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;

}




/* 本例子css */
.tabox{ margin-top:60px; margin-bottom:70px;}
.tabox .hd{}
.tabox .hd li{}
.tabox .hd li.on{ background:#00a19b}
.tabox .bd{border-top:0;}
.tabox .lh{overflow:hidden;}




.nedate1{ font-size:45px; color:#e0e0e0; font-family:impact;line-height:50px; text-align:right; float:right; }
.nedate2{ font-size:19px; color:#e0e0e0;font-family:impact; text-align:right; float:right; }
.shl-cshnn{
	float:left; width:100%; border-top:#ebebeb solid 1px;box-sizing: border-box; padding-top:25px; padding-bottom:25px; margin-bottom:10px; 
}


.shl-cshnn{ display:inline-block; 
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;border-radius:0px;
}
.shl-cshnn:before {border-radius:0px;
  content: "";
  position: absolute;
  z-index: -1;
  height:2px;
  margin-top:131px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00a19b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin:0%;
  transform-origin:0%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.shl-cshnn:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.shl-cshnn:hover{ color:#00a19b;}




.cffont1{font-size:28px; color:#fff; padding-top: 70px; text-align:center; margin:0 auto;}
.cffont2{
border-bottom-style: solid;
width: 60px;
border-bottom-width: 4px;
border-bottom-color: #fff;
margin: 0 auto;
margin-top: 20px;}


.new2{ width:200px; float:left; margin-right:30px; }
.new2 h3{ width:200px; float:left; font-size:35px; color:#3e3e3e; font-weight:normal; line-height:60px; padding-bottom:10px;}
.new2 ul{ width:100%}
.new2 ul li{float:left;width:100%; background:#cfcfcf; border-radius:5px;  margin-bottom:10px; text-align:center; color:#FFFFFF}
.new2 ul li a{ width:100%;line-height:45px; border-radius:5px; text-align:center; color:#FFFFFF; font-size:19px;}
.new2 ul li a:hover{   float:left; background:#00a19b;}




.new1{ width:502px; height:408px; margin-top:20px; margin-left:20px; float:left;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom:10px;}
.new12{ width:502px;height:270px; overflow:hidden}

.new12 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.new12 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.new13{ width:442px; padding:10px 30px 0px 30px; float:left; color:#8c8c8c;  }
.new13 h5{ width:100%; float:left; color:#000; line-height:40px; font-size:18px; font-weight:normal  }
.new14{ width:100%; float:left; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; }

.new14si{ width:50%; float:right; color:#CCCCCC; text-align:right; padding-top:17px; }




.a_more3{ font-size:15px; color:#000; padding:5px 0px 5px 0px; margin:10px 0 0px 0; display:inline-block; 
  border: 0px solid #00a19b;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;border-radius:0px;
}
.a_more3:before {border-radius:0px;
  content: "";
  position: absolute;
  z-index: -1;
  height:2px;
  margin-top:25px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00a19b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin:0%;
  transform-origin:0%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more3:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more3:hover{ color:#00a19b;}








.section2 {background:url(../images/ab_b.jpg) no-repeat right top;  width: 100%; float:left; padding-top:50px; padding-bottom:20px;}

.section1 {
    box-sizing: border-box; 
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    overflow: hidden;

}

.shl-ldrp1{   padding-top:20px; }

.aboutright{ float:right;padding-top: 40px; width:55%;color: #555;line-height: 26px;padding-bottom: 80px;}
.shl-ldrp2{  font-size:35px; font-weight:normal; color:#3e3e3e;line-height:46px; padding-bottom:30px; padding-top:30px; }
.shl-ldrp2 span{ width:80px; background:#00a19b; height:1px; position:absolute; margin-top:5px;}

.ab1{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.aboutleft{ float:left; overflow:hidden; width:468px;height: 363px;
overflow: hidden;margin-top: 40px;
border-top-left-radius:25px;
border-bottom-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:25px;}
.aboutleft img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.aboutleft:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }



.shl-huoban { width:100%; padding-top:50px;
}


.a_more{ font-size:15px; color:#fff!important; padding:7px 37px 7px 37px; margin:28px 0 28px 0; display:inline-block; background:#00a19b;
  border: 1px solid #00a19b;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;border-radius:5px;
}
.a_more:before {border-radius:5px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#00a19b!important;}





.a_more1{ font-size:15px;  color:#fff!important; padding:7px 37px 7px 37px; margin:28px 0 28px 0; display:inline-block; background:#ff6c00; margin-left:10px;
  border: 1px solid #ff6c00;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;border-radius:5px;
}
.a_more1:before {border-radius:5px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more1:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more1:hover{ color:#ff6c00!important;}



.wenhua{ width:1200px; margin:auto; border-top:#ececec solid 1px; padding-top:40px; height:80px;}
.wenhua1{ width:300px; float:left; background:url(../images/a1.jpg) no-repeat left 0px; color:#7b7b7b; padding-left:80px; -moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.wenhua1 p{ width:100%; float:left;color:#393939; font-size:20px;}
.wenhua1:hover{ -webkit-transform: rotateX(360deg);color:#504537;-moz-transform: rotateX(360deg);-o-transform: rotateX(360deg);-ms-transform: rotateX(360deg);transform: rotateX(360deg);}



.wenhua2{ width:270px; float:left; background:url(../images/a2.jpg) no-repeat left 0px; color:#7b7b7b; padding-left:70px; -moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s; margin-left:100px;}
.wenhua2 p{ width:100%; float:left;color:#393939; font-size:20px;}
.wenhua2:hover{ -webkit-transform: rotateX(360deg);color:#504537;-moz-transform: rotateX(360deg);-o-transform: rotateX(360deg);-ms-transform: rotateX(360deg);transform: rotateX(360deg);}


.wenhua3{ width:200px; float:right; background:url(../images/a3.jpg) no-repeat left 0px; color:#7b7b7b; padding-left:70px; -moz-transition: all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.wenhua3 p{ width:100%; float:left;color:#393939; font-size:20px;}
.wenhua3:hover{ -webkit-transform: rotateX(360deg);color:#504537;-moz-transform: rotateX(360deg);-o-transform: rotateX(360deg);-ms-transform: rotateX(360deg);wenhua3: rotateX(360deg);}



a.font_wenle{
	font-size: 14px;
	text-decoration: none;
	color: #000;
	font-size: 14px;
}
a.font_wenle:visited {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}
a.font_wenle:hover {
	text-decoration: underline;
	font-size: 14px;
	color: #000;
}
.newsbg{ background-color:#F5F5F5; width:100%; padding-bottom:70px; clear:both; overflow:hidden;}
.newhui {
    display: flex;
    flex-wrap: wrap;padding-top: 30px;overflow: visible!important;
}

.newsec {
    width: 30%; margin-right:5%;
    box-sizing: border-box;background-color: #FFF;box-shadow: 0 2px 10px rgba(0,0,0,.1);
}
.newsec:last-of-type {
    margin-right:0!important;
}
.sznewpic {
    width: 100%;
    height: 205px;
    overflow: hidden;
}
.sznewpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.sznewpic:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.sznewtitlep {
    padding: 15px 25px 25px 25px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}
.sznewtitle{ font-size:20px; color:#494949;line-height: 26px;
overflow: hidden;
height: 26px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box; width:100%; font-weight:bold;}	
.sznewtitle1{ font-size:12px; color:#737373;line-height: 22px;
overflow: hidden;
height: 44px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; box-sizing:border-box; width:100%;margin-top: 20px; }	

.sznewtitle2{ font-size:12px; color:#1FB8B6;margin-top: 20px;
padding-bottom: 20px;}	






.ppro{ width:100%; float:left; background:url(../images/por_b.jpg) no-repeat top center; height:852px;}

/* 本例子css */
.tabox1{width:1200px;margin:auto;}
.tabox1 h3{width:100%; float:left; color:#FFFFFF; font-size:45px;font-weight:normal; padding-top:70px;}
.tabox1 h3 span{width:100px; background:#FFFFFF; height:2px; position:absolute; margin-top:20px; }
.tabox1 .hd{width:349px; float:left; padding-top:80px;}
.tabox1 .hd li{ width:349px; float:left; background:url(../images/cb_b.png) repeat; height:91px;color:#fff; margin-bottom:1px; font-size:20px; line-height:91px;}
.tabox1 .hd li img{ float:left; padding-right:30px; margin-top:13px; margin-left:40px;}
.tabox1 .hd li.on{width:349px;background:#00a19b;color:#fff;}
.tabox1 .bd{border-top:0; width:728px; float:right; color:#FFFFFF; font-size:18px; padding-top:170px;}
.tabox1 .lh{width:100%;}
.tabox1 .lh h4{ width:100%; float:left; font-size:35px; padding-bottom:55px; font-weight:normal}


.a_more41{ width:100%; float:left; padding-top:50px;}

.a_more4{ font-size:15px; color:#fff; padding:12px 37px 12px 37px; display:inline-block; background:#00a19b;
  border: 1px solid #00a19b;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more4:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#008580;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more4:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more4:hover{ color:#fff;}





#adv  , #adv1  , #adv2  , #adv3  , #adv4  , #adv5  , #adv6  , #adv7   {
	width: 1202px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	background-color: #FFF;
}
#bianxian111 {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    clear: both;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../images/111g.jpg);
    height: 339px;
    text-align: center;
    background-position: center;
}
#top{ width:100%; height:40px; background-color:#F2F2F2; overflow:hidden}

#huanying{
	width: 1172px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
	height: 40px;
}
#huanying .welcome1{
	width: 600px;
	float: left;
	line-height: 40px;
	color:#5F5F5F;
	font-size:16px;
}

#huanying .welcome2{
	width: 140px;
	float: right;
	line-height: 40px;
	text-align: center;
	height: 40px;
	background-color: #E8E8E8;
}
#huanying .welcome3{
	width: 140px;
	float: right;
	line-height: 40px;
	text-align: center;
	height: 40px;

}
#logotop{
	width:1420px;
	margin:0 auto;
	padding: 0px;
	clear: both;

	
}
#logotop .logo{
 float:left; padding-top:15px;

}
.yuyan{  float:left; text-align:right; padding-top:30px; border-left:#e9e9e9 solid 0px;	height: 78px; padding-left:0px; width:5%}
.yuyan img{ padding-top:12px; float:left;}

.yuyan1{ background:url(../images/dq.jpg) no-repeat left 46px; padding-left:2.5%; float:right; width:10%; }
.yuyan1 p{ padding-top:30px;color:#00a19b; line-height:50px;}
.dropbtn1{
}


.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown-content1 { z-index:999; 
    display: none;
    position: absolute;
    background-color: #f9f9f9; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-left:-10px; 
}

.dropdown-content1 a { width:100%; float:left; text-align:center;
    color: black;
    padding: 0px 0px;
    text-decoration: none;color:#00a19b
    display: block;padding-top:5px; padding-bottom:5px;line-height:22px; font-size:15px!important;
}

.dropdown-content1 :hover { background:#00a19b; color:#FFFFFF;}
.dropdown1:hover .dropdown-content1 {
    display: block;
}

.dropdown1:hover .dropbtn1{
    background-color: #00a19b; color:#FFFFFF 
}


.dropdown1:hover{ 

}







 .daohang_1{
	height: 108px;
	width: 68%;
	float:right;

}
 .daohang_1 li{
	float: left;
	padding-left:5px; padding-right:5px;
	line-height: 108px;
	text-align: center;

	display: block;
	height: 108px;
}
.dnavflex{ display:flex;}



.dropbtn{ color:#FFFFFF
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content { z-index:999;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-left:-5px;
}

.dropdown-content a {
    color: black;
    padding: 0px 0px;
    text-decoration: none;
    display: block;padding-top:15px; padding-bottom:15px;line-height:18px; font-size:15px!important;
}

.dropdown-content :hover { background:#00a19b;color:#FFFFFF;}
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn{
    background-color: #00a19b; color:#FFFFFF; 
}


.dropdown:hover{
    background-color: #00a19b; 
}




.product{ width:100%; margin:0 auto; clear:both;}
.chanpin11{ width:1172px; margin:0 auto; overflow:hidden; }
.chanpin11 h2{ color:#0B4FA2; font-size:30px; text-align:center; padding-top:30px;}
.chanpin11 .mc{ color:#c0cadd; font-size:30px; text-align:center; text-transform:uppercase; padding-top:5px;}


.gao{ width:100%; margin:0 auto; text-align:center; clear:both;height:598px; padding:0px;}




#sosuo{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	clear: both;
	overflow: hidden;
background-image: url(../images/87871_46.jpg);
background-position:top center;
background-repeat:no-repeat;
height:404px;
}



a.font_dh{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
a.font_dh:visited {
color: #fff;
	text-decoration: none;
	font-size: 14px;
}
a.font_dh:hover{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;

}
.font_bbbb{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/6jex_12.gif);
}
.font_cccc{
	color: #FFF !important;
	
}
.beijing4{width:100%; height:279px; background-position: center center; background-repeat:no-repeat; clear:both; background-image:url(../images/287822_09.jpg)}
.sybj{ text-align:center; color:#FFF; font-size:24px;}
.sybj .pp1{padding-top: 90px;}
 .sybj .pp1 span{ font-size:36px;}
  .sybj .pp2 { font-size:18px; text-transform:uppercase;padding-top: 20px;}


#footer{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
	text-align: center;
	background-color: #232324;
}
#footer .copy1{
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	color: #fff;
	font-size: 12px; text-align:left;
}
#footer .copy1 .tub{
	width: 250px;
	float: right;  font-size:15px;
}
#footer .copy1 em{ height:1px; background:#565656; width:70px; position:absolute; margin-top:7px;}
#footer .copy1 .tub p a{color: #878786; padding-bottom:0px; line-height:22px; padding-top:10px; float:left; width:100%}
#footer .copy1 .tub p a:hover{color: #009891;}
#footer .copy1 .tub22{
	width: 560px; border-left:#2c2c2d solid 1px;border-right:#2c2c2d solid 1px;
	float: left; line-height:26px;  margin-left:45px; font-size:15px; padding-left:45px; padding-right:45px;
}
#footer .copy1 .tub1{
	width:200px;
	float: left; line-height:26px;
}

.contactico1{
line-height: 28px;
color: #878786; padding-top:10px;
}



.tubpp{padding-bottom:20px; color:#01a29c; font-size:16px; line-height:22px; text-transform:uppercase}
.tubpp img{ padding-right:10px; float:left; }
.tubpp p{ padding-top:5px;}
.ewm{ padding-left:20px;}

.tubpp1{ font-size:20px; padding-bottom:20px; color:#fff; line-height:35px}
.tubpp a{color:#01a29c;}


.copyright{ width:100%; line-height:90px; text-align:center; font-size:14px; margin:0 auto; background-color:#232324; color:#fff; border-top:#2c2c2d solid 1px;}
.daoh{
	float: left;
	width: 240px;
	padding-left:11px;
	height:115px;
	padding-top:35px;
	
}

.contact{
	width: 445px;
	float: left;
	color: #C9E4FF;
	text-align: left;
	padding-left: 35px;
	font-size: 14px;
	line-height: 30px;height:150px;
	padding-top:30px;
}
#gundong .donghua{
	width: 985px;
	margin: 0 auto;
	height: 32px;
	line-height: 32px;
	background-image: url(../images/5531_07.gif);
	background-repeat: repeat-x;
	
}#nav .denglu{
	border: none;
	padding: 0px;
	width: 225px;
	float: left;
	
}
#nav .denglu .email{
	border: none;
	padding: 0px;
	width: 225px;
	float: left;
	
}
#nav .denglu .email_1{
	 background-image:url(../images/luu_05.gif); background-repeat:repeat-y; padding-left:18px; padding-top:1px; padding-bottom:2px; line-height:23px; float:left;
	
}


/*��ҳ��ʽ��ʼ*/





#content{
	width: 1172px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
}
#content .chanpin{
	width: 235px;
	float: left;
	
}#content .about{
	border: none;
	padding: 0px;
	width: 937px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
#content .about .jieshao{
	border: none;
	padding: 0px;
	width: 897px;
	float: left;
	padding-left: 40px;
	
}
#content .about .jsmain{
	border: none;
	padding: 0px;
	width: 648px;
	float: left;
	padding-left: 23px;
	
}
#content .about .jieshao_1{
	border: none;
	width: 887px;
	float: left;
	height: 50px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 18px;
	background-repeat: no-repeat;
	padding-top: 17px;
	text-align: left;
	background-image: url(../images/man_05.gif);
	background-position: top;
	
}
#content .about .jieshao_11{
	border: none;
	padding: 0px;
	width: 690px;
	float: left;
	height: 35px;
	padding-left: 58px;
	font-weight: bold;
	font-size: 14px;
	color: #794A0E;
	background-repeat: no-repeat;
	padding-top: 15px;
	text-align: left;
	background-image: url(../images/ddd_03.gif);
	padding-right: 10px;
	overflow: hidden;
	
}
#content .about .jsmain_1{
	border: none;
	padding: 0px;
	width: 648px;
	float: left;
	
}
#content .about .jsmain_2{
	border: none;
	padding: 0px;
	width: 761px;
	float: left;
	
}
#content .about .jieshao_2{
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 5px;
	line-height: 26px;
	clear: both;

	text-align: left;
	font-size: 16px;
	
}
.jieshao_2 img{ max-width:100%; height:auto!important;}
#content .about .jieshao_4{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	line-height: 24px;
	clear: both;
	padding-bottom: 5px;
	font-size: 14px;
	background-color: #F8F8F8;
	
	
}
#content .about .jieshao_5{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	clear: both;
	padding-bottom: 0px;
	background-repeat: repeat-y;
	
}
#content .about .jieshao_3{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	line-height: 26px;
	
}
#content .about .neiye{
	border: none;
	padding: 0px;
	width: 783px;
	float: left;
	
}
#content .about .neiye_1{
	border: none;
	padding: 0px;
	width: 783px;
	
	clear:both;
	
}



#content .chanpin .tit_1{
	border: none;
	padding: 0px;
	width: 213px;
	float: left;
	
}
#content .chanpin .tit_00{
	width: 235px;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	height: 90px;
	background: #3EA5DD;
	text-align: center;
	padding-top: 25px;
	
}
.tit_00 span {
    font-size: 15px;
    font-weight: normal;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#content .chanpin .tit_33{
width: 233px;
float: left;
border: #e2e2e2 solid 1px;
background: url(../images/tel1.jpg) no-repeat 20px 30px;
height: 130px;
margin-bottom: 1px;
	
}
.tit_33 span{
	font-size: 18px;
	color: #980E23;
	font-weight: bold;
	padding-left: 70px;
}
.tit_33 p{
	padding-left: 70px;
	padding-top: 30px;
	padding-bottom: 3px;
}
.tit_33 em{
	width: 183px;
	padding-left: 24px;
	font-style: normal;
	float: left;
	margin-top: 20px;
}
.rxxx{width:235px; float:left; line-height:35px; text-align:center; background:#f68b1c; font-size:15px; color:#FFFFFF; margin-bottom:20px}
.rxxx a  , .rxxx a:visited{width:235px;  float:left;line-height:35px; text-align:center; background:#f68b1c; font-size:15px; color:#FFFFFF;}
.rxxx a:hover{width:235px;  float:left;line-height:35px; text-align:center; background:#f7c200; font-size:15px; color:#FFFFFF;}
#content .chanpin .tit_44{
	padding: 0px;
	width: 190px;
	float: left;
	padding-left: 23px;
	padding-top: 10px;
	background-image: url(../images/ssww_22.jpg);
	background-repeat: no-repeat;
	text-align: left;
	color: #FD0000;
	font-size: 14px;
	height: 27px;
	
}
#content .chanpin .tit_55{
	padding: 0px;
	width: 185px;
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	background-image: url(../images/ssww_22.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 14px;
	height: 27px;
	padding-right: 8px;
	
}
#content .chanpin .tit_2{
	border: none;
	padding: 0px;
	width: 235px;
	float: left;
	vertical-align: top;
	padding-left: 0px;
	
}

#content .chanpin .tit_2 ul{
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	width: 235px;

}
#content .chanpin .tit_2 ul li{
	LIST-STYLE-TYPE: none;
	line-height: 43px;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 35px;
	width: 200px;
	clear: both;
	height: 43px;
	background-image: url(../images/cp_1.jpg);

}
a{

	color: #575757;
	text-decoration: none;
}
a:visited {

	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #00a19b;
}
a.font_22{

	color: #C9E4FF;
	text-decoration: none;
}
a.font_22:visited {
	color: #C9E4FF;
	text-decoration: none;

}
a.font_22:hover {
	text-decoration: underline;
	color: #C9E4FF;
	
}
a.font_vv{
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
}
a.font_vv:visited {
	color: #FFF;
	text-decoration: none;
}
a.font_vv:hover {
	text-decoration: underline;
	color: #FFF;
}
a.font_lan{
	color: #6C6B6B;
	text-decoration: none;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
a.font_lan:visited {
	color: #6C6B6B;
	text-decoration: none;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
a.font_lan:hover {
	color: #fff;
	text-decoration: none;

	display: block; background-color:#3EA5DD;
}
a.font_top{
	font-size: 16px;
	text-decoration: none;
	color: #fff;
}
a.font_top:visited {
	color: #fff;
	text-decoration: none;font-size: 16px;
}
a.font_top:hover {
	text-decoration: underline;
	color: #fff;font-size: 16px;
}

a.font_wen{
	width:150px; line-height:40px; text-align:center; background:#E5E5E5; font-size:14px; color:#575757; display:block; float:left; margin-left:10px; margin-right:10px;}
a.font_wen:visited {
width:150px; float:left; line-height:40px; text-align:center; background:#E5E5E5; font-size:14px; color:#575757; display:block;margin-left:10px; margin-right:10px;}
a.font_wen:hover {
width:150px; float:left; line-height:40px; text-align:center; background:#1BA66D; font-size:14px; color:#fff; display:block;margin-left:10px; margin-right:10px;}




.lefttit {
	background-image: url(../images/6555_12.gif);
	background-repeat: no-repeat;
	height: 31px;
	padding-left: 40px;
	line-height: 31px;
	font-size: 12px;
	font-weight: bold;
}
.lefttit2 {
	background-image: url(../images/76664.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 721px;
}
.lefttit3{
	background-image: url(../images/ft_20.gif);
	background-repeat: no-repeat;
	height: 38px;
	padding-bottom: 4px;
}
.di{
	background-image: url(../images/111_35.gif);
	background-repeat: repeat-x;
	height: 2px;
}
.di1{
	background-image: url(../images/111_35.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.rig{
	line-height: 24px;
	color: #563619;
}
.rig_1{
	line-height: 24px;
	border: 4px solid #EBD6C3;
	color: #563619;
}
.nav {
	background-image: url(../images/ft_5.gif);
	background-repeat: no-repeat;
	height: 30px;
}
.nav_222 {
	background-image: url(../images/8555_60.gif);
	background-repeat: repeat-x;
	height: 74px;
}
.cright{
	color: #563619;
	line-height: 24px;
	padding-left: 20px;
}
.font_1{
	color: #EB4221;
	text-decoration: none;
}
.font_shl{
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
.font_youshi{
	color: #de7e10;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.font_youshid{
	color: #814E0D;
	text-decoration: none;
	font-size: 14px;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
}
.font_2{
	color: #ADADAB;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.font_5 , .font_5 a:link , .font_5 a:visited , .font_5 a:active{
	color: #333;
	text-decoration: none;
}
.font_5 a:hover{
	color: #00a19b;
	text-decoration: none;
}
.font_dd , .font_dd a:link , .font_dd a:visited , .font_dd a:active{
	color: #6C6B6B;
	text-decoration: none;
	font-size: 18px; padding-left:24px; padding-right:24px;
	font-family: Arial, Helvetica, sans-serif;

}
.font_dd a:hover{
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	display: block; background-color:#00a19b;

}




.font_3{
	color: #777;
	text-decoration: none;
}
.font_4{
	color: #00a19b;
	text-decoration: none;
	font-size: 18px; font-weight:bold;
}
.dibg{
	background-image: url(../images/ft_454.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dibg1{
	background-image: url(../images/ft_464.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.leftprobg{
	 width:100%; box-sizing:border-box;
	padding: 5px;
	border: 1px solid #E7E7E7; height:250px;

}
.leftprobg img{
	 width:100%; height:100%!important;object-fit: cover;

}
.shppr{width:30%; float:left; margin-right:5%; box-sizing:border-box;padding-top: 10px;
padding-bottom: 10px; }
.shppr:nth-child(3n)
{
 margin-right:0!important;
}
		.ppname{clear:both; text-align:center; line-height:30px; height:30px;box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.leftprobg_1{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9D9D9;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
}
.leftprobg3{
	 width:100%; box-sizing:border-box;
	padding: 5px;
	border: 1px solid #E7E7E7; height:200px;

}
.leftprobg3 img{
	 width:100%; height:100%;object-fit: cover;

}
.leftprobg_5{
	background-image: url(../images/npp_11.gif);
	background-repeat: repeat-x;
}

#navdi{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
	height:40px;
}
.newspage  { padding-top:20px;}
.newspage A {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    background: #FFF none repeat scroll 0% 0%;
    font: 12px/22px "";
    color: #666;
    margin-right: 2px;
}
.newspage SPAN.current {
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    padding: 2px 5px;
    font-weight: bold;
    background: #3EA5DD none repeat scroll 0% 0%;
    color: #FFF;
    margin-right: 2px;
}
.newspage A {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    background: #FFF none repeat scroll 0% 0%;
    font: 12px/22px "";
    color: #666;
    margin-right: 2px;
}
.section {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.szpsec1 {
    width: 24.25%;
    background-color: #1FB8B6;
    margin-right: 0;
    margin-top: 1%;
    box-sizing: border-box; height:284px; position:relative; overflow:hidden;
}
.szpsec {
    width: 24.25%;
    background-color: #f8f7f7;
    margin-right: 1%;
    margin-top: 1%;
    box-sizing: border-box; height:284px; position:relative; overflow:hidden;
}
.szpsec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.szpsec:nth-child(4n)
{
 margin-right:0!important;
}
.szpsec:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.wgglaym {
    position: absolute;
    width: 100%;
    z-index: 100;
    background-color: rgba(31,184,182,0.6);
    top: 50px;
    height: 100%;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    opacity: 0;display: flex;
align-items: center;
justify-content: center;
}
.szpsec:hover .wgglaym{  opacity:1; top:0;}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;} 
.szps1{ text-align:center; text-transform:uppercase; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding-top:70px;}
.szps2{ text-align:center;color:#FFF; font-size:20px; font-weight:bold; padding-bottom:20px; padding-top:10px;}
.szps3{ margin:0 auto; width:90px; height:1px; border-bottom:1px solid #fff;}
.szps4{margin:0 auto; margin-top:30px; width:140px; height:36px; line-height:36px; border:1px solid #fff; border-radius:5px; font-size:14px; text-align:center; color:#FFF;}

.middle_pic {list-style:none; font-family: Arial, Helvetica, sans-serif;}/*���������һ��Ҫд  ������  microsoft yahei  ���� Arial, Helvetica, sans-serif  ���岻��*/
.middle_pic { text-align:center; width:225px; height:170px; margin:0 auto; z-index:8; padding:0px;}

.middle_pic .bdlistImg {width:225px; height:170px; background-color:#EAEDEE;  text-align:center;}
.middle_pic .bdlistImg img{border:0px solid #FBFBFB;  max-height:170px; max-width:215px; _width:expression(this.width > 215 ? '215px' : true);  _height:expression(this.height > 170 ? '170px' : true); vertical-align:middle; border:0px none;}
.middle_pic .bdlistImg span {display:inline-block; height:100%; vertical-align:middle; width:0px;}

.imghover img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imghover:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}

.imgho p {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imgho:hover p {transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */}


.shl-mb2-animation {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s;} 



.mbdh{ display:none;}
.mbfor{display:none;}
#banner{display:none;}

@media screen and (max-width: 640px) {
	#top , #logotop { display:none}
	body {
    width: 100% !important;


}
 .mbdh{ display: block;}
 .mbfor{display:block;}

.pc_fenlei{ display:none}
.wap_fenlei{ display:block}

.pc_xianshi{ display:none}
.wap_xianshi{ display:block}
.wap_xs{ display:block}


.element {
	max-height:0;
	overflow:hidden;
	transition:max-height .3s;
}
:checked ~ .element {
	max-height:666px;
}
input[type="checkbox"] {
	position:absolute;
	clip:rect(0 0 0 0);
}
:checked ~ .check-in {
	display:none;color:#fff; background:#00a19b; width:100px; line-height:30px; text-align:center; font-size:16px; border-radius:5px; margin-bottom:30px;
}
:checked ~ .check-out {
	display:inline-block;
}
.check-out {
	display:none;
}
.check-out{ margin-top:20px;}
.check-in,.check-out {
color:#fff; background:#00a19b; width:100px; line-height:30px; text-align:center; font-size:16px; border-radius:5px; margin-bottom:30px;
	cursor:pointer;
}
.check-in div {
color:#fff; background:#00a19b; width:100px; line-height:30px; text-align:center; font-size:16px; border-radius:5px; margin-bottom:30px;
	cursor:pointer;
}

 
#banner {width: 100%;margin:0px;padding:0px;overflow: hidden; display:block;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden; padding-bottom:0px;  }
	.focus .shanghl000{ width:100%; height:11px;  position:absolute; z-index:1; bottom:13px; text-align:center;  }
	.focus .shanghl000 ul{ display:inline-block; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl000 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl000 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */
}
.shl-adv { width:100%;padding-top: 40px;box-sizing: border-box;
padding-left: 15px;
padding-right: 15px; padding-bottom:0;}
.tooo {
    font-size: 18px;
}
.shl-xuan {
   width:100%;box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;padding-top:0px;
}
.shl-xuan1 {
    width: 100%;
    margin-right: 0px;margin-top: 30px; 

}
.shl-xuanp1 {
    width: initial;
}
.shl-adv1 {
    width: 100%;padding-top: 30px;
padding-bottom: 20px;
}
.othp {
    height: 80px;
}
.shl-cshnn {
    width: 100%;
    margin-right: 0; margin-top:15px;
}
/*
.section1 {
    padding: 15px;
}*/
.cffont1 {
    font-size: 20px;
    padding-top: 20px;
}
.shl-csh1 {
    padding-top: 0px;
}
.shl-csh {
    height: auto; padding-bottom:10px;
}
.aboutright {
    width: 100%; padding-top:0px;padding-bottom:20px;

}
.aboutleft {
    width: 100%;padding-bottom: 20px; padding-top:0;height:auto;
}
.aboutleft img {
    width: 100%;
}
#footer{ display:none}
.copyright {

    line-height: 24px; box-sizing:border-box; padding:10px;

}
#bianxian111 {
    height: 100px;
    background-size: cover;
}

#content {
  width: 100%;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    clear: both;
    overflow: hidden;
	box-sizing:border-box;
}
#content .chanpin { display:none;}	
#content .about {

    width: 100%;

}
#content .about .jieshao {

    width: 100%;

    padding-left: 0px;
}
#content .about .jieshao p img { width:100%!important; height:auto!important;
}
#content .about .jieshao_1 {
    width: 100%;background-position: left top; padding-left:0;
}
.leftprobg {
    height: 120px;
}
.leftprobg3 {
    height: 90px;
}
.line-pp { font-size:12px; padding-left:15px; padding-right:15px;}
.box-accordion {
    flex-wrap: wrap; margin-top:20px!important;
}
.box-accordion .accordion-item {
    flex: auto!important;

    width: 100%;
}
.accordion-list {
    opacity: 1!important;
    position: relative!important;margin-top: 10px;
}
.asdf3 {
    padding-top: 20px!important;
    padding-bottom: 20px!important;height:auto!important;
}
.shl-product {
    padding-bottom: 40px;
}
.tooo1 {
    font-size: 28px;
}
}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:300px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#00a19b;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ff6c00;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-qrcode1 .i{background-position:-88px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:0px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:120px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


.suspension .d-qrcode1{top:132px;}
.suspension .d-qrcode1{text-align:center;}
.suspension .d-qrcode1 .inner-box{padding:20px 0;}
.suspension .d-qrcode1 p{font-size:16px;color:#93959c;}






@media all and (max-width:768px){
	.pc_lianxi{ display:none}
	.page-wrapper{ display:none}
	
	.mobile_dibu{ display:block}
	.mobile_lianxi{ display:none; font-size:15px!important}
	.mobile_job{ display:block}
.pc_job{ display:none}
.lxma{ font-size:15px!important}
	.mobile_daohang{ display:block}
	.pc_daohang{ display:none}
	body{ font-size:14px!important;}
	.neirong{ font-size:14px;}

.suspension{ display:none}
.suspension-box{ display:none}

.alogo{ display:none}

.flash{ display:none}


/*-------底部-----------*/



/*手机版底部导航*/
.htmleaf-container{ display:none}
#banner{ display:block}
.tbottom{ display:block; height:70px;}

.nav_bgc{ display:none}
.bottomNav {display:block;
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px;}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:25%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:0.85rem}


.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #0e4ca0;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}



#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	}

.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}
.inital_color { color:#00a19b}


/*手机版顶部导航*/
@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#333;font-family:"arial","微软雅黑"}
html{width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;font-size:16px;}
html.ns{overflow:hidden}
.wsneirong img{ width:100%!important; height:auto!important}
body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑"; width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:45px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; margin-top:15px;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:-2px 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bd li{ margin:0px; padding:0px; height:8rem; position:relative; overflow:hidden;}
	.focus .bd li img{ width:100%!important;  height:100%; object-fit:cover; display:block; }
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.foctit{position:absolute; z-index:111; width:100%; bottom:0;background: rgba(0,0,0,.6); padding-left: 0.7rem; padding-right: 0.7rem; color:#FFF; font-size:0.8rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden; height:40px; line-height:40px; box-sizing:border-box;}
	
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.toubuge{ width:100%; height:50px;}
.main-header {
    height: 50px;box-shadow: 0px 1px 5px #5c4b51;
    /*background: #a10e15;*/
	background: rgba(255,255,255,1.0);
    z-index: 60;
	width:100%;
	position:relative;
		
}
header{	
	height:50px;
	line-height: 50px;
	text-align: center;
    background-color: #fff;
	box-shadow: 0px 1px 5px #9c8e93; margin-bottom:5px;
}

.cd-logo {
    position: absolute;
    top: 0px; font-size:20px; 
    left: 10px;
   
}
.cd-logo img { float:left; padding-right:5px; padding-top:2px;
   
} 

/*.search_open {
display: block;
    width: 30px;
    height: 30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:60px;
top:10px;
background-size: auto 25px;
background-position: center center;
}*/
.menu_open {
display: block;
    width: 30px;
    height: 30px;
background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:10px;
}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
/*
background: url(../images/wap_close.png) no-repeat;*/} 
  .animate1{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(-180deg);-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg); /* Opera */} 
#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#f2f2f2;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}

.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px 12px;
background-color:#fff;border-bottom: 1px solid #EBEBEB;}

.shl-n-pic {
    width: 115px;
    min-width: 115px;
    height: 72px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-time {
 font-size:12px;
 color:#00943e;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:15px
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}
.loading-more-button {
    width: 6rem;
    height: 2rem;
    line-height: 1.96rem;
    text-align: center;
    font-size: .8rem;
    border: 1px solid #00943e;
border-radius: 5px;
color: #00943e;
    cursor: pointer;
    margin: 0 auto;
}


/*选项卡*/
.tabs {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con{ display:none; background-color:#FFF;}

.tabs li{
float: left;
width: 33.33%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs .thistab{
float: left;
width: 33.33%;
height: 40px;
border-bottom: 1px solid #00943e;
line-height: 40px;
font-size: 0.9rem;
color: #00943e;}

.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0579cb; box-sizing:border-box;}
.home-tit .dtit { font-weight:bold; float:left;}
.home-tit a {

    font-family: Arial;
    font-size: 10px;
    float: right;
    color: #666;
    text-align: right;
    display: block;
    padding-top: 6px;
}

.shl-zj{display: flex;flex-wrap: wrap; background-color:#FFF; box-sizing:border-box;padding: 7px; text-align:center;}
.shl-zjsection {
    width: 50%;
    padding: 5px;box-sizing:border-box;
}
.zjkuang {border: 1px solid #EBEBEB;box-sizing:border-box; padding:6px 6px 12px 6px; border-radius:5px;box-shadow: 0px 0px 5px #E4E4E4;}
.shl-zjpic{width: 4.2rem;
height: 4.2rem;
overflow: hidden;
position: relative; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:0.6rem;}
.shl-zjpic img{width: 100%;
height: 100%; object-fit:cover;}
.zjtit1{ font-size:0.9rem; height:2.6rem;
 line-height:1.3rem; overflow:hidden; margin-top:10px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit2{font-size:0.8rem; height:2rem; line-height:1rem; color:#959595; overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit3{font-size:0.7rem; height:1.4rem; line-height:1.4rem; border-radius:0.7rem; width:4rem; text-align:center; border:1px solid #0a53a3; margin:0 auto; margin-top:10px; color:#0a53a3;}



/*选项卡*/
.tabs2 {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con2{ display:none; background-color:#FFF;}

.tabs2 li{
float: left;
width: 50%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs2 .thistab{
float: left;
width: 50%;
height: 40px;
border-bottom: 1px solid #029d25;
line-height: 40px;
font-size: 0.9rem;
color: #029d25;}


.shl-djt{display: flex;flex-wrap: wrap;box-sizing:border-box;}
.shl-section {
    width: 50%;
    padding: 8px;box-sizing:border-box;
}
.skkk {
    background-color: #fff;
  
}
.shl-djtpic{width: 100%;
height: 110px; border-bottom:1px solid #f2f2f2;
overflow: hidden;
position: relative;}
.shl-djtpic img{width: 100%;
height: 100%; object-fit:cover;}
.shlne {
    padding: 10px;
}
.djtte{ font-size:0.9rem;
 overflow:hidden; text-align:center;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
 
 .djttime {
 font-size:12px;
 color:#969696;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;
 background-position: left center;
 background-repeat:no-repeat;
 padding-left:15px; height:15px; line-height:15px;
}

.jigou{ background-color:#FFF;}
.jigouname{ font-size:0.9rem;color: #0a53a3;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical}
.jigoumiaoshu{
	font-size:12px;
 color:#969696;
 margin-top:6px;
  overflow:hidden;
 height:3rem;
 line-height:1rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:3;
 /*显示行数*/-webkit-box-orient:vertical}

.jigou-pic {
    width: 115px;
    min-width: 115px;
    height: 82px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}

.wap_add{ background:url(../images/in_28.jpg) no-repeat left; padding-left:3rem; height:40px; line-height:40px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; overflow:hidden!important }
.wap_tel{ background:url(../images/in_30.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:20px;}
.wap_mail{ background:url(../images/in_32.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:40px;}
.wap_line{ margin-top:0.8rem; margin-bottom:0.8rem; background:#d8d8d8; height:1px; width:100%;}
.foot2-wap { width:100%; margin:0 auto;
    display: block;
    text-align: center;
    padding-top: 1rem;
    font-size: 0.8rem;
	padding-bottom: 1rem;background:#00943e;color:#fff;
}
.foot2-wap a {
    color: #fff;
}

.tit4 {
    width: 100%;
    padding: 15px;
    border-bottom: 
    #EBEBEB 1px solid;
    overflow: hidden; background-color:#FFF; box-sizing:border-box;
}
.tit4 .tout {width: 100%; display:flex;}
.ttpic{ width:4.4rem; min-width:4.4rem; margin-right:10px;}
.ttpic img{ width:100%;}
.tit4 .tout .text { width: 100%;}
.tit4 .tout .text h3 {

    font-size: 1rem;
    font-weight: bold;
    color: 004276;
    line-height: 1.5rem;
	height:1.5rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical;

}
.tit4 .tout .text h3 a { color: #0a53b8;}
.tit4 .tout .text .tex {
	font-size:0.75rem;
    color: #888;
	  line-height: 1rem;
	height:2rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; margin-top:8px; 

}
.tit4 .touj {width: 100%; display:flex; align-items: center; background-color:#f2f2f2;}
.tjzjleft {
    width: 2rem;
	min-width: 2rem;
    text-align: center;
    line-height: 1.1rem;
    padding: 8px 0;
    background:#0a53a3;
    color: #fff; 
     font-size:0.9rem;
    
}
.zjtu{min-width:4.2rem;width: 4.2rem;height: 4.2rem; overflow:hidden; border-radius:50%; margin-right:10px; margin-left: 15px;}
.zjtu img{width: 100%;height: 100%; object-fit: cover; display:block;}
.rszj{ width:100%;}
.rszjtit {
	font-size:0.75rem;
    color: #888;
	  line-height: 1.1rem;
	height:1.1rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; padding-right: 6px;

}





.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.tbottom{ height:70px;}
#BottomNav {
    /*background: #0a53a3 none repeat scroll 0 0;*/
	background: rgba(36,131,61,0.9) none repeat scroll 0 0;
    bottom: 0;
    height: 3em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9;
}
#BottomNav ul li {
    float: left;
   
    text-align: center;
    width: 16.66%; 
}

.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #00943e;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}


#BottomNav ul li a div {
    font-size: 0.7rem; padding-top:0.25rem;padding-bottom:0.4rem; 
}
#BottomNav .yy1 {
    background-image: url(../images/yy1.png);
}
#BottomNav .yy2 {
    background-image: url(../images/yy2.png);
}
#BottomNav .yy3 {
    background-image: url(../images/yy3.png);
}
#BottomNav .yy4 {
    background-image: url(../images/yy4.png);
}
#BottomNav .yy5 {
    background-image: url(../images/yy5.png);
}
.yy6 {
    background: url(../images/yy6.png) no-repeat left;
	    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}

#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
#menu{ position:fixed; width:200px; height:100%;  right:-200px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;}
.menu1{ position:absolute; width:200px; height:100%;  right:-200px; background:#444; color:#fff; z-index:300; display:none;}

#menu li:after , .menu1 li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #222;}
#menu a , .menu1 a{  line-height:45px;  padding:0 20px 0 35px; border:none; display:block;  color:#fff;font-size: 0.8rem;}
/*---
#menu a:after , .menu1 a:after{
	display:block; content:''; position:absolute; 
	right:15px;
	top:50%;
	margin-top:-4px;
	width:6px; height:6px;
	border:2px solid #fff;
	border-width:2px 2px 0 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}---*/
.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}

.main{ max-width:640px; width:100%;}
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}



		.menu_open{ display: block;}
	.menu_close{ display: none; background:url(../images/wap_close.png) no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px; z-index:555}
	.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
	.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
	.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
	.menu .menu-li{border-bottom: 1px solid #222;}
	.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
	.menu .twoul{ display: none;}
	.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
	.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}
	
	.menuico_right{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_down{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
}


@media all and (max-width:640px){
body{font-family:Arial, Helvetica, sans-serif!important;}
.header2 {
 height:60px;
 position:fixed;
 background:#fff;
 z-index:2222222222;
 top:0px;
 width:100%;
 display:none;
}
.header2 .main-wrap {
 height:60px;
 padding:0 3%;
 box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.header2 .logo {
 height: auto;
 margin-top: 5px;
 overflow:hidden;
}
.header2 .logo a {
 display:block;
}
.header2 .logo img {
 vertical-align:top;
}
.header2 .nav-btn {
 width:25px;
 height:16px;
 position:relative;
 cursor:pointer;
 margin-top:25px;
}
.header2 .nav-btn.active {
 -webkit-animation:rotate 0.5s linear 0s;
 animation:rotate 0.5s linear 0s;
}
.header2 .nav-btn .line {
 display:block;
 width:100%;
 height:2px;
 border-radius:2px;
 background-color:#333;
 position:absolute;
 left:50%;
 margin-left:-15px;
}
.header2 .nav-btn .line1 {
 -webkit-transform-origin:4px 0;
 -ms-transform-origin:4px 0;
 transform-origin:4px 0;
}
.header2 .nav-btn.active .line1 {
 top:0px;
}
.header2 .nav-btn.hover .line {
 background: #00a89b;
}
.header2 .nav-btn .line2 {
 top:7px;
}
.header2 .nav-btn .line3 {
 bottom:0px;
 -webkit-transform-origin:1px center;
 -ms-transform-origin:1px center;
 transform-origin:1px center;
}
.header2 .caid {
 height:55px;
 line-height:55px;
 padding-right:10px;
 position:relative;
}
.header2 .sub-menu {
 width:94%;
 padding: 0 3% 100%;
 display:none;
 position:absolute;
 left:0px;
 top: 60px;
 background: #f7f7f7;
 z-index:2;
 overflow-y:auto;
}
.header2 .sub-menu ul {
 width:100%;
 overflow-y:scroll;
 height:calc(100vh - 55px - 1.5rem);
}
.js-m-3 {
 opacity:0;
 -webkit-transform:translate(30px, 0);
 -ms-transform:translate(30px, 0);
 transform:translate(30px, 0);
}
.js-m-3.animate {
 opacity:1;
 -webkit-transform:translate(0, 0);
 -ms-transform:translate(0, 0);
 transform:translate(0, 0);
}
.header2 .sub-menu li {
 border-bottom:1px solid #dcdcdc;
 font-size:16px;
 padding: 0 0px 0 20px;
}
.header2 .sub-menu .tit {
 display:inline-block;
 text-decoration:none;
 width:80%;
 line-height:60px;
 color:#333;
 position:relative;
 box-sizing:border-box;
}
.header2 .sub-menu .sub-tit.on {
 background-color:#e9e9e9;
}
.header2 .sub-menu .sec-list {
 line-height:40px;
 padding:10px 0%;
 display:none;
}
.header2 .sub-menu .jt {
 position:relative;
 display:inline-block;
 width:10%; 
 height:60px;
 text-align:center;
 background:none;
 float:right;
}
.header2 .sub-menu .jt:after {
 content:'';
 display:block;
 width:26px;
 height:26px; background:url(../images/jia.png) no-repeat center;
 background-size:17px auto;
 position:absolute;
 right:10%;
 top:15px;
}
.header2 .sub-menu .jt.jtRote:after {
 background:url(../images/jian.png) no-repeat center;
 background-size:20px auto;
}
.header2 .sub-menu .sec-list p {
  background:url(../images/dian.png) no-repeat left center;
 background-size:3px auto;
 font-size:14px;
}
.header2 .sub-menu .sec-list a {
 padding-left:5%;
 color:#666;
 display:block;
}
.header2 .sub-menu .sec-list a:active {
 color:#0099db;
}
.search-bg {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 z-index:20;
 background-color:#f5f5f5;
 display:none;
}
.search-alert {
 position:fixed;
 z-index:100;
 background-color: rgba(255,255,255,1);
 border-top: 1px solid #eee;
 left:0px;
 top: 100px;
 width:100%;
 height:25%;
 -webkit-transform-origin:bottom center;
 -ms-transform-origin:bottom center;
 transform-origin:bottom center;
 -webkit-transform:scaleY(0);
 -ms-transform:scaleY(0);
 transform:scaleY(0);
 -webkit-transition:-webkit-transform .3s .5s;
 transition:transform .3s .5s;
}
.search-alert .close {
 width:30px;
 height:30px;
 position:absolute;
 top: 30px;
 right:2.6%;
 cursor:pointer;
 text-shadow:none;
 opacity:1;
 float:none;
 -webkit-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
}
.search-alert .close:before {
 font-size:30px;
 top:0px;
 left:0px;
 color: #192a55;
 -webkit-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
}
.search-alert .close:hover:before {
 color: #ed1845;
}
.icon-close:before {
 content:"\e6d3";
}
.search-alert .cent-form {
 position:absolute;
 width: 60%;
 left: 20%;
 top:50%;
 height: 40px;
 margin-top: -20px;
 border-bottom: 1px solid #d5d5d5;
 opacity:0;
 -webkit-transform:translate(0, 40px);
 -ms-transform:translate(0, 40px);
 transform:translate(0, 40px);
 -webkit-transition:all .5s;
 transition:all .5s;
}
.search-alert .cent-form:before {
 color: #ed1845;
 font-size: 25px;
 position:absolute;
 left:0px;
 height:50px;
 top:50%;
 margin-top: -8px;
 display:none;
}
.search-alert .cent-form .tex {
 border:none;
 font-size: 16px;
 height:46px;
 line-height: 46px;
 text-align: left;
 width:100%;
 color: #333;
 background:none;
 padding-left: 30px;
 padding-right:20%;
}
.search-alert .cent-form .sub-butn {
 border:none;
 height:46px;
 font-size: 19px;
 line-height:46px;
 color:#555;
 text-align:center;
 background:none;
 position:absolute;
 right:0px;
 top:0px;
 width:105px;
}
.search-alert.active {
 -webkit-transform-origin:top center;
 -ms-transform-origin:top center;
 transform-origin:top center;
 -webkit-transform:scaleY(1);
 -ms-transform:scaleY(1);
 transform:scaleY(1);
 -webkit-transition:-webkit-transform .3s;
 transition:transform .3s;
 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
}
.search-alert.active .cent-form {
 opacity:1;
 -webkit-transform:translate(0, 0);
 -ms-transform:translate(0, 0);
 transform:translate(0, 0);
 -webkit-transition:all .5s .3s;
 transition:all .5s .3s;
}
.header2 .mo_tel {
 font-size:16px;
 color: #00a89b;
 font-weight:bold;
 line-height:60px;
}
/*
.header2 .mo_tel .iconfont {
 line-height:40px;
 height:40px;
 width:30px;
 display:inline-block;
}*/
.header2 .mo_tel .iconfont:before {
 color: #00a89b;
 font-size:20px;
}
.header2 .mo_lan {
 line-height:60px;
}
@media only screen and (max-width: 768px) {
 .pc_nav {
  height:60px;
 }
 .search-alert .close {
  right:5%;
 }
 .search-alert .cent-form {
  height:60px;
 }
 ::placeholder {
  font-size:22px;
 }
 .search-alert .cent-form .tex {
  font-size: 22px;
  padding-right: 30%;
 }
 .search-alert .cent-form .sub-butn {
  font-size:22px;
 }
 .search-alert .cent-form:before {
  font-size: 24px;
  height: 46px;
  margin-top: -17px;
 }
}
@media only screen and (max-width: 1480px) {
 .header1 nav {
  margin-right: 40px;
 }
}
@media only screen and (max-width: 1200px) {
 .pc_nav {
  height:60px;
 }
 .wel_top {
  display: none !important;
 }
 .header1 {
  display: none !important;
 }
 .header1.active {
  display: none !important;
 }
 .header2 {
  display: block;
 }
 .gdt {
  display:none!important;
 }
}
@media only screen and (max-width: 1360px) {
 .header1 nav li {
  margin: 0 18px;
 }
 .header1 nav {
  width: auto;
 }
 .header1 h1 img {
  width:90%;
 }
}
.head_lan {
 width:140px;
 position:relative;
 margin-left:auto;
 margin-right:0px;
 background:none;
 padding:0px 10px;
 border-radius:30px;
 transition:all .5s ease;
 float: right;
 top: 32px;
}
.head_lan.fixed {
 background:#23498b;
 border:none;
}
.lan_con {
 width:auto;
 display:flex;
 justify-content:center;
 align-items:center;
}
.lan_con:hover {
 cursor:pointer;
}
.head_lan .lan_tit {
 width:auto;
 line-height:36px;
 display:flex;
 align-items:center;
}
.head_lan .lan_tit span {
 display:inline-block;
 font-size:14px;
 color: #666;
}
.head_lan .lan_tit .iconfont.map {
 width:auto;
 margin-right:5px;
 text-align:center;
 display:inline-block;
}
.head_lan .lan_tit .iconfont.jt {
 width:auto;
 margin-left:5px;
 text-align:center;
 transform:scale(0.7);
 display:inline-block;
}
.head_lan .lan_tit .iconfont.map:before {
 content:'\e614';
 color: #ed1845;
 font-size:16px;
 text-align:center;
}
.head_lan .lan_tit .iconfont.jt:before {
 content:'\e69a';
 color: #ed1845;
 font-size:12px;
 text-align:center;
}


body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:14px!important;color:#6c6c6c; line-height:24px!important;}





.shl-product1{ width:100%; float:left; background:#f5f5f5; padding-top:30px; }
.shl-product{ 
	width: 100%;
	max-width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; 
	clear: both;
	overflow: hidden; padding-bottom:0px;

}
.ptt2{padding-top: 10px;
color: #fff;
font-size:20px;
font-weight: bold;}
.ptt2 span{color: #1FB8B6;}
.ptt3{padding-top: 10px;
color: #fff;
font-size: 14px;
line-height: 24px;
padding-bottom:10px;
}

.line-p { margin-top:10px; font-size:15px; color:#9A9A9A; text-transform:uppercase;}
.line-pp { margin-top:10px; font-size:14px; color:#7d7d7d; line-height:20px;}


.box-accordion {
    display: flex;margin-top: 20px;
}
.box-accordion .accordion-item {flex: 1;min-width:100%;width:100%;
							display: flex;
							color: #fff; margin-left:0px; margin-right:0px; border:0px;
					}
						
.accordion-item:hover { min-width:100%;}
.accordion-title{ font-size:20px; line-height:30px!important;box-sizing:border-box; line-height:18px; padding-top:10px; padding-bottom:10px;}										.accordion-title a{ line-height:30px;}
										
.asdf3{width:100%; height:50px; box-sizing:border-box;display:flex;text-align: center;align-items: center;justify-content: center;flex-direction: column;align-self: flex-end;}
										
										
.asdf31{width:100%;padding-top:0px; padding-bottom:0px; box-sizing:border-box;display:flex;text-align: center;align-items: center;justify-content: center;flex-direction: column;align-self: flex-end;-webkit-transition: all 0.3s ease ;
										-o-transition: all 0.3s ease ;
										transition: all 0.3s ease ; }
										
.pitembg1{ background-color:rgba(32,84,167,0.8); }
.pitembg2{ background-color:rgba(105,85,113,0.8)}
.pitembg3{ background-color:rgba(6,137,139,0.8)}
.pitembg4{ background-color:rgba(8,33,109,0.8)}
.pitembg5{ background-color:rgba(103,4,90,0.8)}
.pitembg6{ background-color:rgba(5,96,15,0.8)}
.pitembg7{ background-color:rgba(78,105,2,0.8)}

.accordion-list{  width:100%;-webkit-transition: all 0.3s ease 0.3s;
										-o-transition: all 0.3s ease 0.3s;
										transition: all 0.3s ease 0.3s; opacity:0; position: absolute;}
.accordion-list p{ line-height:18px;}										
.accordion-item:hover .accordion-list {  opacity:1;position: relative; margin-top:10px;}	
.accordion-item:hover .accordion-title { transform:rotate(0); }	
.accordion-item:hover .asdf3 { height:100%;}			
.accordion-item:hover .asdf31 { padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; }							
.shl-proshow {

    width: 100%;
    margin: 0 auto;

}
.shl-pro1{width:100%;background-color: rgba(77,206,163,0.6); float:left;margin-left: 15px;margin-right: 15px;}
.shl-pro1:hover{background-color: rgba(77,206,163,0.9); margin-top:0px;}

.shl-pro-1{}
.shl-pro-pic{ width:100%; height:195px; overflow:hidden; margin:0 auto; }
.shl-pro-pic img{ width:100%; height:195px; }
.shl-pro-xian{ overflow:hidden;border-bottom-style:solid;width:60px;max-width:60px; margin:0 auto;border-bottom-width:4px;border-bottom-color:#ffffff;margin-bottom:20px;}
.shl-pro-text{ font-size:14px;font-weight:normal;font-style:normal;color:#ffffff; text-align:center; padding-top:15px; padding-bottom:15px;}


.shl-csh   {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	overflow: hidden; padding-bottom:0px;
}
.shl-csh1{ width:100%; float:right;padding-top: 0px; border-bottom:#ebebeb solid 0px;}
.shl-csh2{display:none; }
.shl-csh3{ width:90%; padding:3% 5%; float:left; }
.shl-csh3 .cffont3{ border-left:5px solid #02938c; padding-left:17px;font-size:15px; color:#5B5B5B;line-height: 24px; padding-top:0px;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.shl-csh3 .cffont4{  display:none; 

}



/* 本例子css */
.tabox{ width:100!important; margin-top:20px; margin-bottom:30px;}
.tabox .hd{ width:100%; float:left;display: flex; flex-wrap: wrap; justify-content: space-between; }
.tabox .hd li{ border-radius:5px;width:45%; float:left; margin-left:2.5%; margin-right:2.5%;}

.tabox .hd li.on{ background:#00a19b}
.tabox .bd{border-top:0; width:100%; float:left}
.tabox .lh{overflow:hidden;}




.nedate1{ font-size:20px; color:#e0e0e0; font-family:impact;line-height:20px; text-align:right; float:right; }
.nedate2{ font-size:14px; color:#e0e0e0;font-family:impact; text-align:right; float:right; }
.shl-cshnn{
	float:left; width:100%; border-top:#ebebeb solid 1px; margin-top:0px; padding-top:10px; padding-bottom:0px; margin-bottom:0px; 
}


.shl-cshnn{ display:inline-block; 
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;border-radius:0px;
}
.shl-cshnn:before {border-radius:0px;
  content: "";
  position: absolute;
  z-index: -1;
  height:2px;
  margin-top:0px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00a19b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin:0%;
  transform-origin:0%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.shl-cshnn:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.shl-cshnn:hover{ color:#00a19b;}




.cffont1{font-size:15px; color:#fff; padding-top:20px; text-align:center; margin:0 auto;}
.cffont2{
border-bottom-style: solid;
width: 60px;
border-bottom-width: 4px;
border-bottom-color: #fff;
margin: 0 auto;
margin-top:10px;}


.new2{ width:100%; float:left; margin-right:0px; }
.new2 h3{ width:100%; float:left; font-size:32px; color:#3e3e3e; font-weight:normal; line-height:20px; padding-bottom:30px; text-align:center}
.new2 ul{ width:100%}
.new2 ul li{float:left;width:100%; background:#cfcfcf; border-radius:2px;  margin-bottom:1px; text-align:center; color:#FFFFFF;line-height:45px; }
.new2 ul li a{ width:100%;line-height:45px; border-radius:2px; text-align:center; color:#FFFFFF; font-size:16px;}
.new2 ul li a:hover{   float:left; background:#00a19b; }




.new1{ width:100%; height:auto; margin-top:10px; margin-left:0px; float:left;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom:10px;}
.new12{ margin-top:20px;width:100%;height:auto; overflow:hidden}

.new12 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width:100%;}
.new12 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.new13{ width:90%; padding:5%; float:left; color:#8c8c8c;  }
.new13 h5{ width:100%; float:left; color:#000; line-height:25px; font-size:17px; font-weight:normal  }
.new14{ width:100%; float:left; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; }

.new14si{ width:50%; float:right; color:#CCCCCC; text-align:right; padding-top:17px; }











.section2 {background:url(../images/ab_b.jpg) no-repeat right top;  width: 100%; float:left; padding-top:10px; padding-bottom:10px;}

.section1 {

    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;

}


/*------------公司---------*/

.nr1{display:none;  }


.shl-ldrp1{   padding-top:0px; }

.aboutright{ float:right;padding-top: 10px; width:100%;color: #555;line-height: 26px;padding-bottom: 20px; margin-top:20px;}
.shl-ldrp2{  font-size:30px; font-weight:normal; color:#3e3e3e;line-height:30px; padding-bottom:20px; padding-top:0px; }
.shl-ldrp2 span{ width:80px; background:#00a19b; height:1px; position:absolute; margin-top:5px;}

.ab1{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:7;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; float:left; height:auto; padding:0; margin:0}


.aboutleft{ float:left; overflow:hidden; width:100%;height:auto;
overflow: hidden;margin-top: 0px; border-radius:0px;}
.aboutleft img {
    width: 100%;
    height: 100%;border-top-left-radius:10px;
border-bottom-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:10px!important;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.aboutleft:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) ;border-top-left-radius:5px;
border-bottom-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;}



.shl-huoban { width:100%; padding-top:50px;
}


.pc_more{ display:none}
.wap_more{display:block; flex-wrap: wrap; justify-content: space-between;}
.wap_more a{ color:#fff;}

.a_more{ float:left; width:31%; text-align:center; font-size:20px; color:#fff!important; padding:10px 0px 10px 0px; margin:30px 0 0px 0; display:inline-block; background:#00a19b;}
.a_more p{ font-size:25px; font-weight:bold}

.a_more:before{ display:none}
.a_more:hover:before { display:none
}
.a_more a:hover{ display:block; color:#fff!important;}


.a_more1{ margin-left:2.5%; margin-top:30px; float:left;width:31%; text-align:center; font-size:20px;  color:#fff!important; padding:10px 0px 10px 0px;display:inline-block; display:block}
.a_more1 p{ font-size:25px; font-weight:bold;}
.a_more1:before{ display:none}
.a_more1:hover:before { display:none
}
.a_more1 a:hover{ display:block; color:#fff!important;}


.wenhua{ width:95%; margin:auto; border-top:#ececec solid 0px; padding-top:0px; height:auto; padding-bottom:20px; }

.wenhua1{ width:33%; float:left; background:url(../images/a1.jpg) no-repeat center 0px; color:#7b7b7b; padding-left:0px; padding-top:18%; line-height:20px;}
.wenhua1 p{ width:100%; float:none;color:#393939; font-size:18px; text-align:center}
.wenhua1 span{ display:none}



.wenhua2{width:33%; float:left; background:url(../images/a2.jpg) no-repeat center 10px; color:#7b7b7b; padding-top:18%; padding-left:0px; margin-left:0px;margin-bottom:20px; line-height:20px;}
.wenhua2 p{width:auto; float:none;color:#393939; font-size:18px;text-align:center; padding-left:25px; padding-right:25px;}
.wenhua2 span{ display:none}


.wenhua3{ width:33%; float:right; background:url(../images/a3.jpg) no-repeat center 0px; color:#7b7b7b; padding-top:18%; padding-left:0px;margin-bottom:20px; line-height:20px;}
.wenhua3 p{ width:auto; float:none;color:#393939; font-size:18px; text-align:center; padding-left:15px; padding-right:15px;}
.wenhua3 span{ display:none}



a.font_wenle{
	font-size: 14px;
	text-decoration: none;
	color: #000;
	font-size: 14px;
}
a.font_wenle:visited {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}
a.font_wenle:hover {
	text-decoration: underline;
	font-size: 14px;
	color: #000;
}
.newsbg{ background-color:#F5F5F5; width:100%; padding-bottom:70px; clear:both; overflow:hidden;}
.newhui {
    display: flex;
    flex-wrap: wrap;padding-top: 30px;overflow: visible!important;
}

.newsec {
    width: 30%; margin-right:5%;
    box-sizing: border-box;background-color: #FFF;box-shadow: 0 2px 10px rgba(0,0,0,.1);
}
.newsec:last-of-type {
    margin-right:0!important;
}
.sznewpic {
    width: 100%;
    height: 205px;
    overflow: hidden;
}
.sznewpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.sznewpic:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.sznewtitlep {
    padding: 15px 25px 25px 25px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}
.sznewtitle{ font-size:20px; color:#494949;line-height: 26px;
overflow: hidden;
height: 26px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box; width:100%; font-weight:bold;}	
.sznewtitle1{ font-size:12px; color:#737373;line-height: 22px;
overflow: hidden;
height: 44px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; box-sizing:border-box; width:100%;margin-top: 20px; }	

.sznewtitle2{ font-size:12px; color:#1FB8B6;margin-top: 20px;
padding-bottom: 20px;}	






.ppro{ width:100%; float:left; background:url(../images/por_b.jpg) no-repeat top center; height:582px; margin-top:20px;}

/* 本例子css */
.tabox1{width:95%;margin:auto;}
.tabox1 h3{width:100%; float:left; color:#FFFFFF; font-size:25px;font-weight:normal; padding-top:40px;}
.tabox1 h3 span{width:100px; background:#FFFFFF; height:1px; position:absolute; margin-top:10px; }
.tabox1 .hd{width:35%; float:left; padding-top:40px;}
.tabox1 .hd li{ width:100%; float:left; background:url(../images/cb_b.png) repeat; color:#fff; margin-bottom:1px; font-size:18px; line-height:30px; text-align:center; padding-top:15px; padding-bottom:15px; height:auto; }

.tabox1 .hd li img{  display:none}


.tabox1 .hd li.on{width:100%;background:#00a19b;color:#fff;}
.tabox1 .bd{border-top:0; width:55%; float:right; color:#FFFFFF; font-size:14px; padding-top:70px; line-height:20px;}
.tabox1 .lh{width:100%;}
.tabox1 .lh h4{ width:100%; float:left; font-size:24px; padding-bottom:12px; font-weight:normal}


.a_more41{ width:100%; float:left; padding-top:10px;}

.a_more4{ font-size:14px; color:#fff; padding:5px 10px 5px 10px; display:inline-block; background:#00a19b;
  border: 1px solid #00a19b;
 
}




#adv  , #adv1  , #adv2  , #adv3  , #adv4  , #adv5  , #adv6  , #adv7   {
	width: 1202px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	background-color: #FFF;
}
#bianxian111 {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    clear: both;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../images/111g.jpg);
    height: 339px;
    text-align: center;
    background-position: center;
}
#top{ width:100%; height:40px; background-color:#F2F2F2; overflow:hidden}

#huanying{
	width: 1172px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
	height: 40px;
}
#huanying .welcome1{
	width: 600px;
	float: left;
	line-height: 40px;
	color:#5F5F5F;
	font-size:16px;
}

#huanying .welcome2{
	width: 140px;
	float: right;
	line-height: 40px;
	text-align: center;
	height: 40px;
	background-color: #E8E8E8;
}
#huanying .welcome3{
	width: 140px;
	float: right;
	line-height: 40px;
	text-align: center;
	height: 40px;

}
#logotop{
	width:1420px;
	margin:0 auto;
	padding: 0px;
	clear: both;

	
}
#logotop .logo{
 float:left; padding-top:15px;

}
.yuyan{  float:left; text-align:right; padding-top:30px; border-left:#e9e9e9 solid 0px;	height: 78px; padding-left:0px; width:5%}
.yuyan img{ padding-top:12px; float:left;}

.yuyan1{ background:url(../images/dq.jpg) no-repeat left 46px; padding-left:2.5%; float:right; width:10%; }
.yuyan1 p{ padding-top:30px;color:#00a19b; line-height:50px;}
.dropbtn1{
}


.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown-content1 { z-index:999; 
    display: none;
    position: absolute;
    background-color: #f9f9f9; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-left:-10px; 
}

.dropdown-content1 a { width:100%; float:left; text-align:center;
    color: black;
    padding: 0px 0px;
    text-decoration: none;color:#00a19b
    display: block;padding-top:5px; padding-bottom:5px;line-height:22px; font-size:15px!important;
}

.dropdown-content1 :hover { background:#00a19b; color:#FFFFFF;}
.dropdown1:hover .dropdown-content1 {
    display: block;
}

.dropdown1:hover .dropbtn1{
    background-color: #00a19b; color:#FFFFFF 
}


.dropdown1:hover{ 

}







 .daohang_1{
	height: 108px;
	width: 68%;
	float:right;

}
 .daohang_1 li{
	float: left;
	padding-left:5px; padding-right:5px;
	line-height: 108px;
	text-align: center;

	display: block;
	height: 108px;
}
.dnavflex{ display:flex;}



.dropbtn{ color:#FFFFFF
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content { z-index:999;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-left:-5px;
}

.dropdown-content a {
    color: black;
    padding: 0px 0px;
    text-decoration: none;
    display: block;padding-top:15px; padding-bottom:15px;line-height:18px; font-size:15px!important;
}

.dropdown-content :hover { background:#00a19b;color:#FFFFFF;}
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn{
    background-color: #00a19b; color:#FFFFFF; 
}


.dropdown:hover{
    background-color: #00a19b; 
}




.product{ width:100%; margin:0 auto; clear:both;}
.chanpin11{ width:1172px; margin:0 auto; overflow:hidden; }
.chanpin11 h2{ color:#0B4FA2; font-size:30px; text-align:center; padding-top:30px;}
.chanpin11 .mc{ color:#c0cadd; font-size:30px; text-align:center; text-transform:uppercase; padding-top:5px;}


.gao{ width:100%; margin:0 auto; text-align:center; clear:both;height:598px; padding:0px;}




#sosuo{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	clear: both;
	overflow: hidden;
background-image: url(../images/87871_46.jpg);
background-position:top center;
background-repeat:no-repeat;
height:404px;
}



a.font_dh{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
a.font_dh:visited {
color: #fff;
	text-decoration: none;
	font-size: 14px;
}
a.font_dh:hover{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;

}
.font_bbbb{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/6jex_12.gif);
}
.font_cccc{
	color: #FFF !important;
	
}
.beijing4{width:100%; height:279px; background-position: center center; background-repeat:no-repeat; clear:both; background-image:url(../images/287822_09.jpg)}
.sybj{ text-align:center; color:#FFF; font-size:24px;}
.sybj .pp1{padding-top: 90px;}
 .sybj .pp1 span{ font-size:36px;}
  .sybj .pp2 { font-size:18px; text-transform:uppercase;padding-top: 20px;}


#footer{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
	text-align: center;
	background-color: #232324;
}
#footer .copy1{
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	color: #fff;
	font-size: 12px; text-align:left;
}
#footer .copy1 .tub{
	width: 250px;
	float: right;  font-size:15px;
}
#footer .copy1 em{ height:1px; background:#565656; width:70px; position:absolute; margin-top:7px;}
#footer .copy1 .tub p a{color: #878786; padding-bottom:0px; line-height:22px; padding-top:10px; float:left; width:100%}
#footer .copy1 .tub p a:hover{color: #009891;}
#footer .copy1 .tub22{
	width: 560px; border-left:#2c2c2d solid 1px;border-right:#2c2c2d solid 1px;
	float: left; line-height:26px;  margin-left:45px; font-size:15px; padding-left:45px; padding-right:45px;
}
#footer .copy1 .tub1{
	width:200px;
	float: left; line-height:26px;
}

.contactico1{
line-height: 28px;
color: #878786; padding-top:10px;
}



.tubpp{padding-bottom:20px; color:#01a29c; font-size:16px; line-height:22px; text-transform:uppercase}
.tubpp img{ padding-right:10px; float:left; }
.tubpp p{ padding-top:5px;}
.ewm{ padding-left:20px;}

.tubpp1{ font-size:20px; padding-bottom:20px; color:#fff; line-height:35px}


.copyright{ width:100%; line-height:90px; text-align:center; font-size:15px; margin:0 auto; background-color:#232324; color:#fff; border-top:#2c2c2d solid 1px;}
.daoh{
	float: left;
	width: 240px;
	padding-left:11px;
	height:115px;
	padding-top:35px;
	
}

.contact{
	width: 445px;
	float: left;
	color: #C9E4FF;
	text-align: left;
	padding-left: 35px;
	font-size: 14px;
	line-height: 30px;height:150px;
	padding-top:30px;
}
#gundong .donghua{
	width: 985px;
	margin: 0 auto;
	height: 32px;
	line-height: 32px;
	background-image: url(../images/5531_07.gif);
	background-repeat: repeat-x;
	
}#nav .denglu{
	border: none;
	padding: 0px;
	width: 225px;
	float: left;
	
}
#nav .denglu .email{
	border: none;
	padding: 0px;
	width: 225px;
	float: left;

	
}
#nav .denglu .email_1{
	 background-image:url(../images/luu_05.gif); background-repeat:repeat-y; padding-left:18px; padding-top:1px; padding-bottom:2px; line-height:23px; float:left;
	
}


/*��ҳ��ʽ��ʼ*/





#content{
	width: 1172px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
}
#content .chanpin{
	width: 235px;
	float: left;
	
}#content .about{
	border: none;
	padding: 0px;
	width: 937px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
#content .about .jieshao{
	border: none;
	padding: 0px;
	width: 897px;
	float: left;
	padding-left: 40px;
	
}
#content .about .jsmain{
	border: none;
	padding: 0px;
	width: 648px;
	float: left;
	padding-left: 23px;
	
}
#content .about .jieshao_1{
	border: none;
	width: 887px;
	float: left;
	height: 50px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 18px;
	background-repeat: no-repeat;
	padding-top: 17px;
	text-align: left;
	background-image: url(../images/man_05.gif);
	background-position: top;
	
}
#content .about .jieshao_11{
	border: none;
	padding: 0px;
	width: 690px;
	float: left;
	height: 35px;
	padding-left: 58px;
	font-weight: bold;
	font-size: 14px;
	color: #794A0E;
	background-repeat: no-repeat;
	padding-top: 15px;
	text-align: left;
	background-image: url(../images/ddd_03.gif);
	padding-right: 10px;
	overflow: hidden;
	
}
#content .about .jsmain_1{
	border: none;
	padding: 0px;
	width: 648px;
	float: left;
	
}
#content .about .jsmain_2{
	border: none;
	padding: 0px;
	width: 761px;
	float: left;
	
}
#content .about .jieshao_2{
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 5px;
	line-height: 26px;
	clear: both;

	text-align: left;
	font-size: 16px;
	
}
.jieshao_2 img{ max-width:100%; height:auto!important;}
#content .about .jieshao_4{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	line-height: 24px;
	clear: both;
	padding-bottom: 5px;
	font-size: 14px;
	background-color: #F8F8F8;
	
	
}
#content .about .jieshao_5{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	clear: both;
	padding-bottom: 0px;
	background-repeat: repeat-y;
	
}
#content .about .jieshao_3{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	line-height: 26px;
	
}
#content .about .neiye{
	border: none;
	padding: 0px;
	width: 783px;
	float: left;
	
}
#content .about .neiye_1{
	border: none;
	padding: 0px;
	width: 783px;
	
	clear:both;
	
}



#content .chanpin .tit_1{
	border: none;
	padding: 0px;
	width: 213px;
	float: left;
	
}
#content .chanpin .tit_00{
	width: 235px;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	height: 90px;
	background: #3EA5DD;
	text-align: center;
	padding-top: 25px;
	
}
.tit_00 span {
    font-size: 15px;
    font-weight: normal;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#content .chanpin .tit_33{
width: 233px;
float: left;
border: #e2e2e2 solid 1px;
background: url(../images/tel1.jpg) no-repeat 20px 30px;
height: 130px;
margin-bottom: 1px;
	
}
.tit_33 span{
	font-size: 18px;
	color: #980E23;
	font-weight: bold;
	padding-left: 70px;
}
.tit_33 p{
	padding-left: 70px;
	padding-top: 30px;
	padding-bottom: 3px;
}
.tit_33 em{
	width: 183px;
	padding-left: 24px;
	font-style: normal;
	float: left;
	margin-top: 20px;
}
.rxxx{width:235px; float:left; line-height:35px; text-align:center; background:#f68b1c; font-size:15px; color:#FFFFFF; margin-bottom:20px}
.rxxx a  , .rxxx a:visited{width:235px;  float:left;line-height:35px; text-align:center; background:#f68b1c; font-size:15px; color:#FFFFFF;}
.rxxx a:hover{width:235px;  float:left;line-height:35px; text-align:center; background:#f7c200; font-size:15px; color:#FFFFFF;}
#content .chanpin .tit_44{
	padding: 0px;
	width: 190px;
	float: left;
	padding-left: 23px;
	padding-top: 10px;
	background-image: url(../images/ssww_22.jpg);
	background-repeat: no-repeat;
	text-align: left;
	color: #FD0000;
	font-size: 14px;
	height: 27px;
	
}
#content .chanpin .tit_55{
	padding: 0px;
	width: 185px;
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	background-image: url(../images/ssww_22.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 14px;
	height: 27px;
	padding-right: 8px;
	
}
#content .chanpin .tit_2{
	border: none;
	padding: 0px;
	width: 235px;
	float: left;
	vertical-align: top;
	padding-left: 0px;
	
}

#content .chanpin .tit_2 ul{
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	width: 235px;

}
#content .chanpin .tit_2 ul li{
	LIST-STYLE-TYPE: none;
	line-height: 43px;
	text-align: left;
	background-repeat: no-repeat;
	padding-left: 35px;
	width: 200px;
	clear: both;
	height: 43px;
	background-image: url(../images/cp_1.jpg);

}
a{

	color: #575757;
	text-decoration: none;
}
a:visited {

	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #00a19b;
}
a.font_22{

	color: #C9E4FF;
	text-decoration: none;
}
a.font_22:visited {
	color: #C9E4FF;
	text-decoration: none;

}
a.font_22:hover {
	text-decoration: underline;
	color: #C9E4FF;
	
}
a.font_vv{
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
}
a.font_vv:visited {
	color: #FFF;
	text-decoration: none;
}
a.font_vv:hover {
	text-decoration: underline;
	color: #FFF;
}
a.font_lan{
	color: #6C6B6B;
	text-decoration: none;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
a.font_lan:visited {
	color: #6C6B6B;
	text-decoration: none;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
a.font_lan:hover {
	color: #fff;
	text-decoration: none;

	display: block; background-color:#3EA5DD;
}
a.font_top{
	font-size: 16px;
	text-decoration: none;
	color: #fff;
}
a.font_top:visited {
	color: #fff;
	text-decoration: none;font-size: 16px;
}
a.font_top:hover {
	text-decoration: underline;
	color: #fff;font-size: 16px;
}

a.font_wen{
	width:150px; line-height:40px; text-align:center; background:#E5E5E5; font-size:14px; color:#575757; display:block; float:left; margin-left:10px; margin-right:10px;}
a.font_wen:visited {
width:150px; float:left; line-height:40px; text-align:center; background:#E5E5E5; font-size:14px; color:#575757; display:block;margin-left:10px; margin-right:10px;}
a.font_wen:hover {
width:150px; float:left; line-height:40px; text-align:center; background:#1BA66D; font-size:14px; color:#fff; display:block;margin-left:10px; margin-right:10px;}




.lefttit {
	background-image: url(../images/6555_12.gif);
	background-repeat: no-repeat;
	height: 31px;
	padding-left: 40px;
	line-height: 31px;
	font-size: 12px;
	font-weight: bold;
}
.lefttit2 {
	background-image: url(../images/76664.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 721px;
}
.lefttit3{
	background-image: url(../images/ft_20.gif);
	background-repeat: no-repeat;
	height: 38px;
	padding-bottom: 4px;
}
.di{
	background-image: url(../images/111_35.gif);
	background-repeat: repeat-x;
	height: 2px;
}
.di1{
	background-image: url(../images/111_35.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.rig{
	line-height: 24px;
	color: #563619;
}
.rig_1{
	line-height: 24px;
	border: 4px solid #EBD6C3;
	color: #563619;
}
.nav {
	background-image: url(../images/ft_5.gif);
	background-repeat: no-repeat;
	height: 30px;
}
.nav_222 {
	background-image: url(../images/8555_60.gif);
	background-repeat: repeat-x;
	height: 74px;
}
.cright{
	color: #563619;
	line-height: 24px;
	padding-left: 20px;
}
.font_1{
	color: #EB4221;
	text-decoration: none;
}
.font_shl{
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
.font_youshi{
	color: #de7e10;

	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.font_youshid{
	color: #814E0D;
	text-decoration: none;
	font-size: 14px;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
}
.font_2{
	color: #ADADAB;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.font_5 , .font_5 a:link , .font_5 a:visited , .font_5 a:active{
	color: #333;
	text-decoration: none;
}
.font_5 a:hover{
	color: #00a19b;
	text-decoration: none;
}
.font_dd , .font_dd a:link , .font_dd a:visited , .font_dd a:active{
	color: #6C6B6B;
	text-decoration: none;
	font-size: 18px; padding-left:24px; padding-right:24px;
	font-family: Arial, Helvetica, sans-serif;

}
.font_dd a:hover{
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	display: block; background-color:#00a19b;

}




.font_3{
	color: #777;
	text-decoration: none;
}
.font_4{
	color: #00a19b;
	text-decoration: none;
	font-size: 18px; font-weight:bold;
}
.dibg{
	background-image: url(../images/ft_454.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dibg1{
	background-image: url(../images/ft_464.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.leftprobg{
	 width:100%; box-sizing:border-box;
	padding: 5px;
	border: 1px solid #E7E7E7; height:250px;

}
.leftprobg img{
	 width:100%; height:100%!important;object-fit: cover;

}
.shppr{width:30%; float:left; margin-right:5%; box-sizing:border-box;padding-top: 10px;
padding-bottom: 10px; }
.shppr:nth-child(3n)
{
 margin-right:0!important;
}
		.ppname{clear:both; text-align:center; line-height:30px; height:30px;box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.leftprobg_1{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9D9D9;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
}
.leftprobg3{
	 width:100%; box-sizing:border-box;
	padding: 5px;
	border: 1px solid #E7E7E7; height:200px;

}
.leftprobg3 img{
	 width:100%; height:100%;object-fit: cover;

}
.leftprobg_5{
	background-image: url(../images/npp_11.gif);
	background-repeat: repeat-x;
}

#navdi{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
	height:40px;
}
.newspage  { padding-top:20px;}
.newspage A {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    background: #FFF none repeat scroll 0% 0%;
    font: 12px/22px "";
    color: #666;
    margin-right: 2px;
}
.newspage SPAN.current {
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    padding: 2px 5px;
    font-weight: bold;
    background: #3EA5DD none repeat scroll 0% 0%;
    color: #FFF;
    margin-right: 2px;
}
.newspage A {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    background: #FFF none repeat scroll 0% 0%;
    font: 12px/22px "";
    color: #666;
    margin-right: 2px;
}
.section {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.szpsec1 {
    width: 24.25%;
    background-color: #1FB8B6;
    margin-right: 0;
    margin-top: 1%;
    box-sizing: border-box; height:284px; position:relative; overflow:hidden;
}
.szpsec {
    width: 24.25%;
    background-color: #f8f7f7;
    margin-right: 1%;
    margin-top: 1%;
    box-sizing: border-box; height:284px; position:relative; overflow:hidden;
}
.szpsec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.szpsec:nth-child(4n)
{
 margin-right:0!important;
}
.szpsec:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.wgglaym {
    position: absolute;
    width: 100%;
    z-index: 100;
    background-color: rgba(31,184,182,0.6);
    top: 50px;
    height: 100%;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    opacity: 0;display: flex;
align-items: center;
justify-content: center;
}
.szpsec:hover .wgglaym{  opacity:1; top:0;}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;} 
.szps1{ text-align:center; text-transform:uppercase; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding-top:70px;}
.szps2{ text-align:center;color:#FFF; font-size:20px; font-weight:bold; padding-bottom:20px; padding-top:10px;}
.szps3{ margin:0 auto; width:90px; height:1px; border-bottom:1px solid #fff;}
.szps4{margin:0 auto; margin-top:30px; width:140px; height:36px; line-height:36px; border:1px solid #fff; border-radius:5px; font-size:14px; text-align:center; color:#FFF;}

.middle_pic {list-style:none; font-family: Arial, Helvetica, sans-serif;}/*���������һ��Ҫд  ������  microsoft yahei  ���� Arial, Helvetica, sans-serif  ���岻��*/
.middle_pic { text-align:center; width:225px; height:170px; margin:0 auto; z-index:8; padding:0px;}

.middle_pic .bdlistImg {width:225px; height:170px; background-color:#EAEDEE;  text-align:center;}
.middle_pic .bdlistImg img{border:0px solid #FBFBFB;  max-height:170px; max-width:215px; _width:expression(this.width > 215 ? '215px' : true);  _height:expression(this.height > 170 ? '170px' : true); vertical-align:middle; border:0px none;}
.middle_pic .bdlistImg span {display:inline-block; height:100%; vertical-align:middle; width:0px;}

.imghover img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imghover:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}

.imgho p {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imgho:hover p {transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */}


.shl-mb2-animation {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s;} 



.mbdh{ display:none;}
.mbfor{display:none;}
#banner{display:none;}


@media screen and (max-width: 640px) {

	#top , #logotop { display:none}
	body {
    width: 100% !important;


}
 .mbdh{ display: block;}
 .mbfor{display:block;}
 
.wap_foot{ display:block; background:#232324; padding:45px 15px;}

.wap_foot h2{ font-weight:normal; color:#fff; font-size:27px;}
 .wap_foot .wline{ background:#fff; height:2px; width:50px; margin-top:20px; margin-bottom:30px;}
 .wap_foot h3{ font-weight:normal; color:#00a19b; font-size:27px;}
.mobile_daohang { margin-bottom:60px;}
 
.section1{display: flex !important;
flex-wrap: wrap;
flex-direction: column-reverse;}





.shl-adv { width:100%;padding-top: 40px;box-sizing: border-box;
padding-left: 15px;
padding-right: 15px; padding-bottom:0;}
.tooo {
    font-size: 18px;
}
.shl-xuan {
   width:100%;box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;padding-top:0px;
}
.shl-xuan1 {
    width: 100%;
    margin-right: 0px;margin-top: 30px; 

}
.shl-xuanp1 {
    width: initial;
}
.shl-adv1 {
    width: 100%;padding-top: 30px;
padding-bottom: 20px;
}
.othp {
    height: 80px;
}
.shl-cshnn {
    width: 100%;
    margin-right: 0; margin-top:15px;
}
/*
.section1 {
    padding: 15px;
}*/
.cffont1 {
    font-size: 20px;
    padding-top: 20px;
}
.shl-csh1 {
    padding-top: 0px;
}
.shl-csh {
    height: auto; padding-bottom:10px;
}
.aboutright {
    width: 100%; padding-top:0px;padding-bottom:20px;

}
.aboutleft {
    width: 100%;padding-bottom: 20px; padding-top:0;height:auto;
}
.aboutleft img {
    width: 100%; 
}
#footer{ display:none}
.copyright {

    line-height: 25px; box-sizing:border-box; padding:30px 20px; text-align:left;

}
#bianxian111 {
    height: 100px;
    background-size: cover;
}

#content {
  width: 100%;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    clear: both;
    overflow: hidden;
	box-sizing:border-box;
}
#content .chanpin { display:none;}	
#content .about {

    width: 100%;

}
#content .about .jieshao {

    width: 100%;

    padding-left: 0px;
}
#content .about .jieshao p img { width:100%!important; height:auto!important;
}
#content .about .jieshao_1 {
    width: 100%;background-position: left top; padding-left:0;
}
.leftprobg {
    height: 120px;
}
.leftprobg3 {
    height: 90px;
}
.line-pp {  display:none; font-size:12px; padding-left:0px; padding-right:0px;}
.box-accordion {
    flex-wrap: wrap; margin-top:20!important;
}
.tooo1 span{ margin-top:15px;}
.box-accordion .accordion-item {
    flex: auto!important;

    width: 100%;
}
.accordion-list { display:none;
    opacity: 1!important;
    position: relative!important;margin-top: 10px;
}
.asdf3 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;height:auto!important;
}
.shl-product {
    padding-bottom: 10px;
}
.tooo1 {
    font-size: 32px; text-transform:capitalize
}
.gongsi{ padding:15px;}




}