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






/*悬浮链接*/
.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){
	.index_4_mid_2{ font-size:14px!important; font-weight:bold!important;}
	.index_4_mid_3{ font-size:12px!important; line-height:20px!important;}
	
}