@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}

.xianshi{ 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:Barlow-Bold;
	src: url('../fonts/Barlow-Bold.ttf'); }

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
	
	
	@font-face {
    font-family: 'PingFang';
    src: url(../fonts/AkzidenzGrotesk-BoldCondAlt.otf);
}

@font-face {
    font-family: 'PingFang_reg';
    src: url(../fonts/PingFang-ExtraLight.woff2);
}

	
	
a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;
	color: #fff;
}
a.zzb07link:visited{
	font-family: Arial, Helvetica, sans-serif;
	
	text-decoration: none;
	color: #fff;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #fff;
}
.zzb07tail
{
	
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}




.cxx{ color:#FFFFFF}
.cuti{ width:100%; float:left; line-height:40px; margin-bottom:50px; background:#21538f; text-align:center; color:#FFFFFF; font-size:18px;}

.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:left;padding-top: 40px; width:562px;color: #737373;line-height: 26px;padding-bottom: 10px;}
.shl-ldrp2{  font-size:45px; text-transform:uppercase; font-weight:normal; color:#000;line-height:40px; padding-bottom:20px; font-family:Barlow-Regular;}
.shl-ldrp2 em{ width:130px; background:#025eb5; height:1px; position:absolute; margin-top:22px;}
.shl-ldrp2 span{ font-size:25px;text-transform:none;}

.ab1{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:8;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:16px;}




.aboutleft{ float:right; overflow:hidden; width:600px;height: 349px;
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;
}


.nr1{width:600px; float:right; height:0px; position: relative;clear: both; z-index:9999; }
.nr2{float:left;width:600px; position: absolute;clear: both; margin-top:341px;}

.a_more1{ font-size:15px;  color:#fff!important; padding:15px 37px 15px 37px; float:left;display:inline-block; background:#ff6c00;  font-family:Barlow-Regular; text-transform:uppercase;
  border: 0px 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;
}
.a_more1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #004a9f;
  -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:#fff!important;}




.wrapper {
    width:1200px;
    display: flex!important;
    flex-direction: row;
	margin:auto;
	clear:both;
	    margin-top: 60px;
    margin-bottom: 60px;
}

.wrapper1 {
    width:100%; float:left;}
.counter { color:#008e3b; border-radius: 5px;}

.time1{ width:90%; margin-right:15%;  text-align:left; float:left; margin-left:0%; position:relative;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.time1 h3{  font-size:50px;font-family:Barlow-Bold;  color:#01479e; text-align:left; float:left; line-height:70px;}
.timex{ width:100%; color:#868686; font-size:15px; text-align:left;float:left;  }
.picd{ float:left; margin-left:20px;}


.time1:hover{ 	transform: translate(0,-20px);
	-webkit-transform: translate(0,-20px);
	-moz-transform: translate(0,-20px);
	-o-transform: translate(0,-20px);
	-ms-transform: translate(0,-20px);
	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
	

.wrapper2 {
    width:85%; float:right;}
	
	







/*wenhua s*/
#mid {
    position: relative;
    transition: all 0.5s ease 0s;
    z-index: 1;
}

.clearfix1 {
    *zoom: 1;
}




.index_4_bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}



.index_4{

background-position: center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img23.jpg);}

.index_4 { width:100%; height:553px; clear:both; overflow:visible;}
.index_4_mid{background-position:left;background-repeat:repeat-y;background-image:url(../images/img38.png); height:463px; text-align:center;padding:130px 0em 0em 0em;}


.index_4_mid_2{
color:#fff;}
.index_4_mid_1{
height:7em;}

.index_4_mid_2{
font-size:25px!important;	font-family:Barlow-Regular;}
.index_4_mid_3{ margin-bottom:2.5em;
font-size:15px; color:#fff; margin-top:2em;  padding-left:20%; padding-right:20%;font-family:Barlow-Regular;}
.index_4_mid_4 span{
display:inline-block; border:1px #fff solid; width:49px; height:49px; background-position:center; background-repeat:no-repeat; background-image:url(../images/wh_jt.png);}
.swiper-wrapper-index_4 .swiper-slide:nth-child(1) .index_4_mid{
background-image:none}
.swiper-wrapper-index_4 .swiper-slide:hover .index_4_mid_4 span{
border-color:#bca26f; background-color:transparent; background:#bca26f;background-image:url(../images/wh_jt.png); background-position:center; background-repeat:no-repeat; } 




.index_4 .swiper-pagination-bullet{
background-color:#fff;opacity:1;}
.index_4 .swiper-pagination-bullet-active{
background-color:#bca26f;}
.index_4_mid_2{
font-size:30px;}
.index_4_mid_3{
font-size:14px; line-height:24px; text-align:justify;}


.index_4_bg{ overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.index_4_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} 
.index_4_bg div.on{transform: scale(1.08, 1.08);height:553px;
opacity:1; z-index:10;}





/*wenhua s*/







/*首页产品*/
.index_pro{ width:100%; float:left; padding-top:70px; padding-bottom:80px; background:#f5f5f5}
.pro_r ul li:nth-child(5) { float:right}
.pro_r{ width:1200px; margin:auto;}
.pro_r ul li{ background:#FFFFFF;  width:380px; height:232px; box-shadow: 0px 0px 10px #efefef; transition:all .5s ease; text-align:center;  font-size:19px; margin-top:20px;}
.pro_r ul li:hover{   box-shadow: 0px 0px 30px #d0d0d0;transition:all .5s ease;  }

.pro_r ul li img{ padding-top:30px; padding-bottom:20px; }




.more-btn1 {text-align:center; position:relative; margin-left:0px; margin-top:20px;}
.more-btn1 a {padding:3px 20px;transition:.3s all ease-out;display:inline-block;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;position:relative;overflow:hidden;position:relative;z-index:9;line-height:25px;font-family: Barlow Regular;}
.more-btn1 a:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:#3973b8}
.more-btn1 a:hover span{ color:#fff!important;}
.more-btn1 a span{display:inline-block;font-size:14px;color:#7a7a7a;position:relative;z-index:14;}
.more-btn1 a:hover i {color:#FFF;border-color:#000}
.more-btn1 a:hover:after {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}




/*news*/
.huibg{ background:url(../images/nb.jpg) no-repeat;background-attachment: fixed;  width:100%; margin:0 auto; padding-bottom:0px;}

.huibg h2{ color:#1e70bd; font-size:45px; text-transform:uppercase; font-weight:normal;font-family: Barlow Regular; text-align:center}
.huibg h3{ font-family:Barlow-bold; font-size:45px; color:#1e70bd; margin-bottom:10px; text-transform:uppercase;text-align:center}




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

	
}
#logotop h1{
 float:left; padding-top:40px; padding-bottom:15px; 	
}
#logotop h1 a{ color:#000000
}
#logotop h1 b{ color:#01479e}

#logotop h1 span{
 float:left; font-size:20px; 

}

 .daohang_1{ font-size:20px;

	width: 67%;
	float:right;

}
 .daohang_1 li{
	float: left;
	line-height: 130px;
	text-align: center;

}
 .daohang_1 li a{ color:#000000;

}


.font_dd , .font_dd a:link , .font_dd a:visited , .font_dd a:active{
	color: #000000;
	text-decoration: none;
	font-size: 20px; padding-left:15px; padding-right:15px;
	font-family: Arial, Helvetica, sans-serif;

}
.font_dd a:hover{
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	display: block; background-color:#3b72b8;

}





.search { position: relative;  float:right; margin-top:58px; }
.search_input {
  height: 35px;
  border: 2px solid #76b900;
  border-radius:5px;
  font-size: 14px;
  padding: 0 0 0 20px;
  width:220px;
}
.search_input:focus {
  outline: 0;
  border: 1px solid #76b900;
}
.search_button {
  position: absolute;
  width: 80px;
  height: 36px;
  top: 1px;
  right: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background:#78b236;
  border-radius: 5px;
   color:#FFFFFF;
  outline: 0;
  font-size:16px;
  border: none;
  cursor:pointer;
}
.search_button:hover {
  background-color: #3b73b9;
}








#news{ width:100%; float:left; padding-bottom:80px; height:auto; padding-top:90px; }

#news #main{width:1211px; margin:0 auto;}
#news .pro_nr{width:330px; float:left; background:url(../images/nn.jpg) no-repeat bottom left; padding-bottom:120px;}
#news .pro_ri1{width:810px; background:#f3f3f3; float:right;}
#news .vtu{width:260px; height:220px; overflow:hidden; float:left;border-radius:5px;}
#news .vtu img{width:260px; height:220px; overflow:hidden; float:left;-o-transition:scale(1.1,1.1); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
#news .vtu img:hover{ 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); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}

#news .pro_ri{width:550px;  float:right; padding-bottom:20px}
#news .pro_nr h3  { font-size:45px; color:#000; font-weight:normal; text-transform:uppercase;font-family:Barlow-Regular;
}
#news .pro_nr h3 b { color:#1e70bd;}
#news .pro_nr h3 span{ font-size:45px; font-family:Barlow-Bold; font-weight:normal; text-transform:uppercase}

#news .pro_nr  p{   font-size:16px; line-height:24px; font-weight:100!important; margin-top:34px; color:#4f4f4f; float:left}

#news .pro_nr .nr21 {
    float: left;
    width: 307px;
    height: 45px;
    background: url(../images/nr2.jpg) no-repeat left top;
    color: #FFFFFF;
    font-size: 18px;
    text-align: left;
    line-height: 45px;
    text-transform: uppercase;
    padding-left: 30px; margin-top:35px; margin-bottom:108px
}

#news .pro_nr .nr21 a{    color: #FFFFFF;}





.pro_ri ul li{display:inline;float:left;width:95%; padding-top:50px; padding-right:5%;}
.pro_ri ul li a{ float:left;  width:100%;  line-height:30px; margin-bottom:10px;    }
.pro_ri ul li h3{width:100px; padding-left:30px;float:left; text-align:left; color:#2b2118; font-size:20px;  font-weight:normal;  line-height:35px;  background:url(../images/dd.jpg) no-repeat bottom; padding-bottom:50px; }
.pro_ri b{  color:#2b2118; font-weight:normal ;font-size:35px; }

.m3{line-height:37px; text-align:center; float:left; color:#CCCCCC; font-size:50px;}
.m3 a{line-height:37px; float:left; color:#CCCCCC!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#16549c!important; padding-left:10px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.vv1{width:355px;float:right;}
.vv1 h5{width:355px;float:left; text-align:left; color:#000; font-size:20px; font-weight:normal; line-height:40px; margin-bottom:5px;text-overflow: ellipsis;display: -webkit-box; color:#505050;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;}
.vv{width:100%;float:left;text-overflow: ellipsis;display: -webkit-box; color:#505050;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; line-height:24px; font-size:15px; color:#7c7c7c}



.youshi{
    width: 100%; float:left; background:url(../images/dit.jpg) no-repeat center top; background-size:cover; background-attachment:fixed;  margin-top:0px;
}

.container{
    width: 1200px;
    margin: auto;
    clear: both;
    overflow: hidden;
padding-top:30px; padding-bottom:30px; 
}

 .flip{width:650px; float:left; text-align:center; margin-top:33px;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
	 .flip2{ width:350px;  float:left; text-align:center; margin-top:50px;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
  .flip3{ width:200px; float:right; text-align:center; margin-top:42px;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
 .flip p, .flip1 p, .flip2 p,  .flip3 p{ line-height:28px; font-size:16px}

    .front{}

 .flip:hover{ 
 transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
-o-transform: translate(0,-20px);
-ms-transform: translate(0,-20px);
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
	 
 .flip1:hover{ 
 transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
-o-transform: translate(0,-20px);
-ms-transform: translate(0,-20px);
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
 .flip2:hover{ 
 transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
-o-transform: translate(0,-20px);
-ms-transform: translate(0,-20px);
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
 .flip3:hover{ 
 transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
-o-transform: translate(0,-20px);
-ms-transform: translate(0,-20px);
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}	 
	 

 	.container h7{width:100%;font-family:Barlow-Regular; font-size:22px!important; color:#000; text-align:center; float:left; line-height:70px;}

.container p a{ color:#fff} 







/* 本例子css */
/*==首页切换大图==*/
.rollBox2{ overflow:hidden; width:100%; float:left;background-image:url(../images/fa_bg.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed; padding-top:70px; padding-bottom:60px;}
.rollBox2 h2{ color:#1e70bd; font-size:35px; text-transform:uppercase; font-weight:normal;font-family: Barlow Regular; text-align:center}
.rollBox2 h3{ font-family:Barlow-bold; font-size:45px; color:#1e70bd; margin-bottom:10px; text-transform:uppercase;text-align:center}



.rollBox{ overflow:hidden; width:1330px;margin:0 auto;background-repeat:repeat-x; z-index:-9999; padding-top:30px}
.rollBox .LeftBotton{height:66px;width:38px;background:url(../images/leftarrow.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:137px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:66px;width:38px;background:url(../images/rightarrow.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:137px 0 0 0; cursor:pointer;}
.rollBox .Cont{width:1210px;overflow:hidden;float:left; margin-left:10px; margin-right:10px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pick{width:285px; height:303px;  overflow:hidden ; margin-left:10px; margin-right:10px; color:#FFFFFF;font-size:20px; float:left }
.rollBox .Cont .pick img{width:285px; height:303px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } 
 .rollBox .Cont .pick img:hover{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); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;} 
 
 .nr12{width:100%; float:left; height:0px; position: relative;clear: both; z-index:9999;font-family:Barlow-Regular; line-height:30px;}
.nr22{float:left;width:85%; position: absolute;clear: both; margin-top:200px; color:#FFFFFF; background:url(../images/p_b.png) repeat; height:300px;  padding-top:20px; padding-left:10%; padding-right:5%;}
.nr22 a{ color:#FFFFFF!important;} 
 .nr22 p{ font-size:14px; text-transform:uppercase;}

.rollBox #List1,.rollBox #List2{float:left;}







#footer{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	clear: both;
	text-align: center;
	background-color: #21538f;
}
#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!important;
text-align:left; line-height:28px;
}

#footer .copy1 a{
	color: #fff!important;
}
#footer .copy1 .tub{

	float: left; 
}


.tubpp{ float:left; padding-right:30px;}


.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: #004597;
}
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_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;}



/*悬浮链接*/
.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:#3973b8;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#76b900;}
.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:0px;}
.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:100%;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Barlow-Regular; font-size:23px; color:#1e70bd}
.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:30px;}
.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){
	.header{ display:none}
	.indexBanner{ 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; z-index:222;
	/*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: #157f82;
    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:#157f82}


/*手机版顶部导航*/
@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; padding-top:60px;}
#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;
	}
	.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:0 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:0px; padding-top:5px;
   
} 

/*.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{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:14px!important;color:#6c6c6c; line-height:23px!important;}




.header2 {
 height:60px;
 position:fixed;
 background:#fff;
 z-index:2222222222;
 top:0px;
 width:100%;;

}
.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 { font-size:20px; text-transform:uppercase; padding-top:0px;font-family:Barlow-Regular;
 display:block;
}
.header2 .logo img {
 vertical-align:top; height:50px;
}
.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: #76b900;
}
.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; font-size:14px;
 text-decoration:none;
 width:80%;
 line-height:50px;
 color:#333;
 position:relative;
 box-sizing:border-box;
}
.header2 .sub-menu .sub-tit.on {
 background-color:#e9e9e9;
}
.header2 .sub-menu .sec-list {
 line-height:30px;
 padding:0px 0%;
 padding-bottom:10px;
 display:none;
}
.header2 .sub-menu .jt {
 position:relative;
 display:inline-block;
 width:10%; 
 height:30px;
 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:14px auto;
 position:absolute;
 right:10%;
 top:15px;
}
.header2 .sub-menu .jt.jtRote:after {
 background:url(../images/jian.png) no-repeat center;
 background-size:14px 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:15px;
 color: #f79606;
 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: #f79606;
 font-size:20px;
}
.header2 .mo_lan {
 line-height:60px;
}




#logotop{
display:none; 
	
}



.gao{display:none;}





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

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

}

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

.aboutright{ float:left;padding-top:0px; width:100%;color: #737373;line-height:22px;padding-bottom: 10px;}
.shl-ldrp2{  font-size:22px; text-transform:uppercase; font-weight:normal; color:#000;line-height:20px; padding-bottom:10px; font-family:Barlow-Regular;}
.shl-ldrp2 em{ width:50px; background:#025eb5; height:1px; position:absolute; margin-top:10px;}
.shl-ldrp2 span{ font-size:16px;text-transform:none;}

.ab1{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:8;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:14px;}


.aboutleft{ display:none; }

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



.wrapper {display:none;  
    width:100%;
    display: flex!important;
    flex-direction: row;
	margin:auto;
	clear:both;
	    margin-top: 10px;
    margin-bottom: 10px;
}

.wrapper1 {display:none;  
    width:100%; float:left;}
.counter { color:#008e3b; border-radius: 5px;}

.time1{ width:85%; margin-right:15%;  text-align:left; float:left; margin-left:0%; position:relative;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.time1 h3{  font-size:20px;font-family:Barlow-Bold;  color:#01479e; text-align:left; float:left; line-height:30px;}
.timex{ width:100%; color:#868686; font-size:14px; text-align:left;float:left;display:none;   }
.picd{ float:left; margin-left:0px; width:20px;}
.picd img{ width:35px}

.time1:hover{ 	transform: translate(0,-20px);
	-webkit-transform: translate(0,-20px);
	-moz-transform: translate(0,-20px);
	-o-transform: translate(0,-20px);
	-ms-transform: translate(0,-20px);
	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
	

.wrapper2 {display:none;  
    width:85%; float:right;}
	
	





/*wenhua s*/
#mid {
    position: relative;
    transition: all 0.5s ease 0s;
    z-index: 1;
}

.clearfix1 {
    *zoom: 1;
}




.index_4_bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}



.index_4{

background-position: center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img23.jpg);}

.index_4 { width:100%; height:300px; clear:both; overflow:visible;}
.index_4_mid{background-position:left;background-repeat:repeat-y;background-image:url(../images/img38.png); height:200px; text-align:center;padding:100px 0em 0em 0em;}


.index_4_mid_2{
color:#fff;}
.index_4_mid_1{
height:3em;}

.index_4_mid_1 img{ height:30px;}


.index_4_mid_2{
font-size:14px!important;	font-family:Barlow-Regular;word-wrap:break-word; line-height:15px;}
.index_4_mid_3{display:none;  
font-size:15px; color:#fff; margin-top:2em;  padding-left:20%; padding-right:20%;font-family:Barlow-Regular;}
.index_4_mid_4 span{
display:inline-block; border:1px #fff solid; width:49px; height:49px; background-position:center; background-repeat:no-repeat; background-image:url(../images/wh_jt.png);}
.swiper-wrapper-index_4 .swiper-slide:nth-child(1) .index_4_mid{
background-image:none}
.swiper-wrapper-index_4 .swiper-slide:hover .index_4_mid_4 span{
border-color:#bca26f; background-color:transparent; background:#bca26f;background-image:url(../images/wh_jt.png); background-position:center; background-repeat:no-repeat; } 




.index_4 .swiper-pagination-bullet{
background-color:#fff;opacity:1;}
.index_4 .swiper-pagination-bullet-active{
background-color:#bca26f;}
.index_4_mid_2{
font-size:16px;}
.index_4_mid_3{
font-size:14px; line-height:22px;}


.index_4_bg{ overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.index_4_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} 
.index_4_bg div.on{transform: scale(1.08, 1.08);height:300px;
opacity:1; z-index:10;}





/*wenhua s*/






/*标题公共样式*/
.wd1200{ padding-top:20px; clear:both; padding-bottom:20px; width:95%; margin:0 auto}
.wenzi{ text-align:center; margin:0 auto}
.wenzi h2{ color:#1e70bd; font-size:16px; text-transform:uppercase; font-weight:normal;	font-family:Barlow-Regular;}
.wenzi h3{ font-family:Barlow-bold; font-size:20px; color:#1e70bd; margin-bottom:10px; text-transform:uppercase}
.wline{ background:#1e70bd; height:2px; margin:0 auto; width:70px;}


.more-btn {text-align:center; margin-top:10px; margin:auto}
.more-btn a {padding:7px 10px;transition:.3s all ease-out;display:inline-block;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;position:relative;overflow:hidden;position:relative;z-index:9;line-height:20px;font-family: Barlow Regular;}
.more-btn a:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:#3973b8}
.more-btn a:hover span{ color:#fff!important;}
.more-btn a span{display:inline-block;font-size:13px;color:#7a7a7a;position:relative;z-index:14;}
.more-btn a:hover i {color:#FFF;border-color:#000}
.more-btn a:hover:after {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.more-btn a i {display:inline-block;font-size:13px;color:#7a7a7a;position:relative;z-index:14;margin-left:8px;margin-right:8px;}





/*首页产品*/
.index_pro{ width:100%; float:left; padding-top:30px; padding-bottom:30px; background:#f5f5f5}
.pro_r ul li:nth-child(5) { float:right}
.pro_r{ width:90%; margin:auto;}
.pro_r ul li{ background:#FFFFFF; position: relative; width:100%; height:auto; box-shadow: 0px 0px 10px #efefef; transition:all .5s ease; text-align:center;  font-size:14px; float:left; margin-right:0px; padding-bottom:20px;}
.pro_r ul li:hover{   box-shadow: 0px 0px 10px #d0d0d0;transition:all .5s ease;  }

.pro_r ul li img{ padding-top:15px; padding-bottom:10px; }




.more-btn1 {text-align:center; position:relative; margin-left:0px; margin-top:20px;}
.more-btn1 a {padding:2px 20px;transition:.3s all ease-out;display:inline-block;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;position:relative;overflow:hidden;position:relative;z-index:9;line-height:25px;font-family: Barlow Regular;}
.more-btn1 a:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:#3973b8}
.more-btn1 a:hover span{ color:#fff!important;}
.more-btn1 a span{display:inline-block;font-size:12px;color:#7a7a7a;position:relative;z-index:14;}
.more-btn1 a:hover i {color:#FFF;border-color:#000}
.more-btn1 a:hover:after {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}






/*news*/
.huibg{ background:url(../images/nb.jpg) no-repeat;background-attachment: fixed;  width:100%; margin:0 auto; padding-bottom:0px;}

.huibg h2{ color:#1e70bd; font-size:20px; text-transform:uppercase; font-weight:normal;font-family: Barlow Regular; text-align:center}
.huibg h3{ font-family:Barlow-bold; font-size:20px; color:#1e70bd; margin-bottom:10px; text-transform:uppercase;text-align:center}









#news{ width:100%; float:left; padding-bottom:40px; height:auto; padding-top:40px; }

#news #main{width:95%; margin:0 auto;}
#news .pro_nr{width:100%; float:left; background:url(../images/nn.jpg) no-repeat top right; background-size:40%; padding-bottom:20px;}
#news .pro_ri1{width:100%; background:#f3f3f3; float:right;}
#news .vtu{width:30%; height:auto; overflow:hidden; float:left;border-radius:5px;}
#news .vtu img{width:100%; height:auto; overflow:hidden; float:left;-o-transition:scale(1.1,1.1); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
#news .vtu img:hover{ 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); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}

#news .pro_ri{width:70%;  float:right; padding-bottom:0px}
#news .pro_nr h3  { font-size:15px; color:#000; font-weight:normal; text-transform:uppercase;font-family:Barlow-Regular;
}
#news .pro_nr h3 b { color:#1e70bd;}
#news .pro_nr h3 span{ font-size:20px; font-family:Barlow-Bold; font-weight:normal; text-transform:uppercase}

#news .pro_nr  p{   font-size:14px; line-height:22px; font-weight:100!important; margin-top:15px; color:#4f4f4f; float:left}

#news .pro_nr .nr21 {
    float: left;
    width: 307px;
    height: 45px;
    background: url(../images/nr2.jpg) no-repeat left top;
    color: #FFFFFF;
    font-size: 18px;
    text-align: left;
    line-height: 45px;
    text-transform: uppercase;
    padding-left: 30px; margin-top:35px; margin-bottom:108px
}

#news .pro_nr .nr21 a{    color: #FFFFFF;}





.pro_ri ul li{display:inline;float:left;width:95%; padding-top:10px; padding-right:5%;}
.pro_ri ul li a{ float:left;  width:100%;  line-height:30px; margin-bottom:0px;    }
.pro_ri ul li h3{width:30%; padding-left:5%;float:left; text-align:left; color:#2b2118; font-size:15px;  font-weight:normal;  line-height:24px;  background:none; padding-bottom:30px; }
.pro_ri b{  color:#2b2118; font-weight:normal ;font-size:16px; }

.m3{line-height:20px; text-align:center; float:left; color:#CCCCCC; font-size:25px;}
.m3 a{line-height:20px; float:left; color:#CCCCCC!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#16549c!important; padding-left:10px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.vv1{width:65%;float:right;}
.vv1 h5{width:100%;float:left; text-align:left; color:#000; font-size:14px; font-weight:normal; line-height:20px; margin-bottom:0px;text-overflow: ellipsis;display: -webkit-box; color:#505050;-webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden;}
.vv{display:none; }



.youshi{
  display:none; 
}

.container{
    width: 100%;
    margin: auto;
    clear: both;
    overflow: hidden;
padding-top:30px; padding-bottom:30px; color:#fff
}

 .flip{width:100%; float:left; text-align:center; margin-top:10px;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;display:none; }
    .flip1{ width:33%; margin-left:0px; float:left; text-align:center; margin-top:10px;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
	 .flip2{ width:33%; margin-left:0px; float:left; text-align:center; margin-top:10px;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
  .flip3{ width:33%; float:right; text-align:center; margin-top:10px;	 -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
 .flip p, .flip1 p, .flip2 p,  .flip3 p{ line-height:20px; font-size:14px}

    .front{}

 .flip:hover{ 
 transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
-o-transform: translate(0,-20px);
-ms-transform: translate(0,-20px);
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
	 
 .flip1:hover{ 
 transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
-o-transform: translate(0,-20px);
-ms-transform: translate(0,-20px);
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
 .flip2:hover{ 
 transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
-o-transform: translate(0,-20px);
-ms-transform: translate(0,-20px);
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
 .flip3:hover{ 
 transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
-o-transform: translate(0,-20px);
-ms-transform: translate(0,-20px);
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}	 
	 

 	.container h7{width:100%;font-family:Barlow-Regular; font-size:16px!important; color:#fff; text-align:center; float:left; line-height:30px;}
	.container img{width:30%;}

.container p a{ color:#fff} 







/* 本例子css */
/*==首页切换大图==*/
.rollBox2{ overflow:hidden; width:100%; float:left;background-image:url(../images/fa_bg.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed; padding-top:30px; padding-bottom:0px;}
.rollBox2 h2{ color:#1e70bd; font-size:16px; text-transform:uppercase; font-weight:normal;font-family: Barlow Regular; text-align:center}
.rollBox2 h3{ font-family:Barlow-bold; font-size:20px; color:#1e70bd; margin-bottom:10px; text-transform:uppercase;text-align:center}



.rollBox{ overflow:hidden; width:100%;margin:0 auto;background-repeat:repeat-x; z-index:-9999; padding-top:10px}
.rollBox .LeftBotton{height:46px;width:18px;background:url(../images/leftarrow.png) no-repeat 0px 0;overflow:hidden; background-size:100%;float:left;display:inline;margin:70px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:46px;width:18px;background:url(../images/rightarrow.png) no-repeat 0px 0; background-size:100%;overflow:hidden;float:left;display:inline;margin:70px 0 0 0; cursor:pointer;}
.rollBox .Cont{width:80%;overflow:hidden;float:left; margin-left:0px; margin-right:0px;}
.rollBox .ScrCont{width:10000px;}
.rollBox .Cont .pick{width:200px; height:183px;  overflow:hidden ; margin-left:10px; margin-right:10px; color:#FFFFFF;font-size:20px; float:left }
.rollBox .Cont .pick img{width:200px; height:183px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } 
 .rollBox .Cont .pick img:hover{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); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;} 
 
 .nr12{width:100%; float:left; height:0px; position: relative;clear: both; z-index:9999;font-family:Barlow-Regular; line-height:30px;}
.nr22{float:left;width:85%; position: absolute;clear: both; margin-top:110px; color:#FFFFFF; background:url(../images/p_b.png) repeat; height:153px;  padding-top:10px; padding-left:10%; padding-right:5%;}
.nr22 a{ color:#FFFFFF!important;} 
 .nr22 p{ font-size:14px; text-transform:uppercase;}

.rollBox #List1,.rollBox #List2{float:left;}



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



.tubpp{display:none;  }


.ewm{ padding-left:20px; float:right;display:none; }

.tubpp1{ font-size:25px; padding-bottom:20px; color:#fff; line-height:35px; text-transform:uppercase; 	font-family:Barlow-Bold;}


.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: #004597;
}
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_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;} 


.xianshi{ display:block;  }
.yinchang{display:none;   }


.abnr{ width:80%; margin:auto; text-align:center; padding-top:0px; padding-bottom:0px; margin-top:15px; margin-bottom:15px; line-height:20px; font-size:14px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.cuti{ width:100%; float:left; line-height:40px; margin-bottom:50px; background:#21538f; text-align:center; color:#FFFFFF; font-size:15px;}


.jianbian{  background-color: #3973b8; /* 浏览器不支持的时候显示 */background-image: linear-gradient(90deg, #3973b8  50%, #76b900  50%); width:100%;  color:#FFFFFF; padding-bottom:30px; float:left }
.jianbian p{ font-size:20px;	font-family:Barlow-Regular; width:45%; text-align:right; float:left; padding-right:5%;text-transform:uppercase;}
.jianbian span{ font-size:15px;	font-family:Barlow-Regular;width:45%; text-align:left; float:right; padding-left:5%; line-height:18px;}


}