@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: 14px;
	color: #575757;

	font-family: Arial, Helvetica, sans-serif;
	
}

a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
}
a.zzb07link:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #fff;
}
.zzb07tail
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
.tooo{font-size: 54px; text-transform:uppercase;
font-weight: bold;
font-style: normal;
color: #686868;}
.tooo1{font-size: 54px; text-transform:uppercase;
font-weight: bold;
font-style: normal;
color: #fff;}
.too1{font-size: 32px;
font-weight: normal;
font-style: normal;
color: #fff;}
.shl-adv  {
	width: 1160px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 50px;

padding-bottom: 30px;
	clear: both;
	overflow: hidden; text-align:center;
}
.shl-adv1  {
	width: 1160px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;

padding-bottom: 50px;
	clear: both;
	overflow: hidden; text-align:center;
}
.header_title {
font-size:32px;font-weight:normal;font-style:normal;color:#333333;
}
.header_title1 {
font-size:32px;font-weight:normal;font-style:normal;color:#fff;
}

.line-abs {
overflow:hidden;border-bottom-style:solid;width:60px;max-width:60px;border-bottom-width:4px;border-bottom-color:#0092DB; margin:0 auto;margin-top:15px;
}
.line-abs1 {
overflow:hidden;border-bottom-style:solid;width:60px;max-width:60px;border-bottom-width:4px;border-bottom-color:#fff; margin:0 auto;margin-top:20px;
}
.line-p { margin-top:25px; font-size:14px; color:#9A9A9A; text-transform:uppercase;}
.line-pp { margin-top:15px; font-size:20px; color:#fff; line-height:30px;}
.pbgi1 { background-image: url(../images/pbg1.jpg);}
.pbgi2 { background-image: url(../images/pbg2.jpg);}
.pbgi3 { background-image: url(../images/pbg3.jpg);}
.pbgi4 { background-image: url(../images/pbg4.jpg);}
.pbgi5 { background-image: url(../images/pbg5.jpg);}
.pbgi6 { background-image: url(../images/pbg6.jpg);}
.pbgi7 { background-image: url(../images/pbg7.jpg);}
.ptt1  {
	width: 1200px; margin:0 auto;
	clear: both;
	overflow: hidden;
}

.otherpa {
    display: flex;

    flex-wrap: wrap;
}
.othp1{ text-align:center; color:#333;line-height: 50px;
overflow: hidden;
height: 50px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box; margin-top:4px;}
.othp{width: 100%;height:260px; overflow:hidden;}
.othern{ width:19%; background-color:#FDD100; margin-right:1.25%; position:relative; overflow:hidden;padding: 4px;
box-sizing: border-box;}
.othp img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.othp:hover img  {
    transform: scale(1.1, 1.1)
}
.othern:hover   {
   background-color:#3EA5DD;
}
.othern:hover .othp1   { color:#FFF;
}

.othern:last-of-type {
    margin-right:0!important;
}

.newite {
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e2e0e0;
}
.news-time {
    font-size: 13px;
    line-height: 13px;
    color: #969696;
    background-image: url(../images/shl-ico-time.png);
    background-size: auto 13px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 17px;
    width: 100%;
    margin-top: 5px;
}

.shl-xuan   {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 70px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
}
.shl-xuar   { height:80px;}
.xuanpp{ width:100%; height:180px;}
.xuanpp img{ width:100%; height:100%; object-fit:cover;}
.shl-xuan1   {
	width: 380px; float:left; margin-right:30px; background-color:#F0F0F0; }
.shl-xuan1:last-of-type {
    margin-right:0!important;
}	
	
.shl-xuan1:hover  { margin-top:-15px; background-color:#0B478F;}
.shl-xuan1:hover .shl-xuanp1  { color:#FFF;}
.shl-xuan1:hover .shl-xuanp2  { color:#FFF;}
.shl-xuanp1 {
    font-size: 16px;
    padding-top: 27px;
    float: left;
    color: #626262;
    padding-left: 30px;
    width: 240px;
}
.shl-xuanp2 {
    font-size: 14px;
    color: #0B478F;
    float: right;
    padding-top: 28px;
    padding-right: 30px;
}
.xuar1{background-image: url(../images/ico1.png);background-repeat: no-repeat; background-position:center center; width:100%; height:150px;}
.xuar2{background-image: url(../images/ico2.png);background-repeat: no-repeat; background-position:center center; width:100%; height:150px;}
.xuar3{background-image: url(../images/ico3.png);background-repeat: no-repeat; background-position:center center; width:100%; height:150px;}
.xuar4{background-image: url(../images/ico4.png);background-repeat: no-repeat; background-position:center center; width:100%; height:150px;}

.shl-product   {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	clear: both;
	overflow: hidden; padding-bottom:90px; border-top:0px solid #F2F2F2;

}
.ptt2{padding-top: 70px;
color: #fff;
font-size: 42px;
font-weight: bold;}
.ptt2 span{color: #1FB8B6;}
.ptt3{padding-top: 20px;
color: #fff;
font-size: 14px;
line-height: 24px;
padding-bottom: 30px;
}

.shl-proshow {

    width: 1020px;
    margin: 0 auto;

}
.shl-pro1{width:310px;background-color: rgba(77,206,163,0.6); float:left;margin-left: 15px;margin-right: 15px;}
.shl-pro1:hover{background-color: rgba(77,206,163,0.9); margin-top:-10px;}

.shl-pro-1{}
.shl-pro-pic{ width:310px; height:195px; overflow:hidden; margin:0 auto; }
.shl-pro-pic img{ width:310px; height:195px; }
.shl-pro-xian{ overflow:hidden;border-bottom-style:solid;width:60px;max-width:60px; margin:0 auto;border-bottom-width:4px;border-bottom-color:#ffffff;margin-bottom:40px;}
.shl-pro-text{ font-size:18px;font-weight:normal;font-style:normal;color:#ffffff; text-align:center; padding-top:15px; padding-bottom:15px;}


.shl-csh   {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	overflow: hidden; padding-bottom:80px;
}
.shl-csh1{ width:100%;overflow: hidden;padding-top: 15px;}
.shl-csh2{ width:23%; float:left; text-align:center;}
.shl-csh3{ width:77%; float:left;}
.nedate1{ font-size:34px; color:#0B478F;padding-top: 5px;padding-bottom: 10px;}
.nedate2{ font-size:15px; color:#0B478F;}
.shl-cshnn   {
	float:left; width:47%;  background-color:#F5F3F4;margin-top: 30px;box-sizing: border-box;padding: 15px 15px 15px 0px;margin-right: 6%;
}
.shl-cshnn:nth-child(2n)
{
 margin-right:0!important;
}
.dgg{text-align: center;
padding-top: 80px;
font-size: 20px;}


.cffont1{font-size:28px; color:#fff; padding-top: 70px; text-align:center; margin:0 auto;}
.cffont2{
border-bottom-style: solid;
width: 60px;
border-bottom-width: 4px;
border-bottom-color: #fff;
margin: 0 auto;
margin-top: 20px;}
.cffont3{ font-size:18px; color:#5B5B5B;line-height: 26px;font-weight: bold;
overflow: hidden;
height: 26px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box;}
.cffont4{ font-size:12px; color:#777777;line-height: 22px;
overflow: hidden;
height: 44px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; box-sizing:border-box; margin-top:10px;}
a.cffont5 , a.cffont5:visited , a.cffont5:hover{
	 line-height:42px;height:42px; width:135px; text-align:center; font-size:14px; color:#fff; display:block; border-radius:5px; border:1px solid #fff; }	
	 
.martop{ margin-top:100px;}	
.section1 {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    overflow: hidden;

}



.shl-ldrp1{   padding-top:20px; }
.shl-ldrp2{  font-size:46px; font-family:"Arial Black", Gadget, sans-serif; color:#A2A2A2; text-transform:uppercase; line-height:46px; }
.shl-ldrp3{  font-size:20px;  color:#DC5F03; padding-top:15px; padding-bottom:15px; text-transform:uppercase; }
.aboutright{ float:right;padding-top: 40px; width:46%;color: #555;line-height: 26px;}
.aboutleft{ float:left;padding-top: 40px;padding-bottom: 80px; overflow:hidden; max-width:600px;}
.aboutleft img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.aboutleft:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }

.shl-huoban { width:100%; padding-top:50px;
}

a.font_wenle{
	font-size: 14px;
	text-decoration: none;
	color: #000;
	font-size: 14px;
}
a.font_wenle:visited {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}
a.font_wenle:hover {
	text-decoration: underline;
	font-size: 14px;
	color: #000;
}
.newsbg{ background-color:#F5F5F5; width:100%; padding-bottom:70px; clear:both; overflow:hidden;}
.newhui {
    display: flex;
    flex-wrap: wrap;padding-top: 30px;overflow: visible!important;
}

.newsec {
    width: 30%; margin-right:5%;
    box-sizing: border-box;background-color: #FFF;box-shadow: 0 2px 10px rgba(0,0,0,.1);
}
.newsec:last-of-type {
    margin-right:0!important;
}
.sznewpic {
    width: 100%;
    height: 205px;
    overflow: hidden;
}
.sznewpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.sznewpic:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.sznewtitlep {
    padding: 15px 25px 25px 25px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}
.sznewtitle{ font-size:20px; color:#494949;line-height: 26px;
overflow: hidden;
height: 26px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box; width:100%; font-weight:bold;}	
.sznewtitle1{ font-size:12px; color:#737373;line-height: 22px;
overflow: hidden;
height: 44px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; box-sizing:border-box; width:100%;margin-top: 20px; }	

.sznewtitle2{ font-size:12px; color:#1FB8B6;margin-top: 20px;
padding-bottom: 20px;}	












#adv  , #adv1  , #adv2  , #adv3  , #adv4  , #adv5  , #adv6  , #adv7   {
	width: 1202px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	background-color: #FFF;
}
#bianxian111 {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    clear: both;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../images/111g.jpg);
    height: 339px;
    text-align: center;
    background-position: center;
}
#top{ width:100%; height:40px; background-color:#F2F2F2; overflow:hidden}

#huanying{
	width: 1172px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
	height: 40px;
}
#huanying .welcome1{
	width: 600px;
	float: left;
	line-height: 40px;
	color:#5F5F5F
}

#huanying .welcome2{
	width: 140px;
	float: right;
	line-height: 40px;
	text-align: center;
	height: 40px;
	background-color: #E8E8E8;
}
#huanying .welcome3{
	width: 140px;
	float: right;
	line-height: 40px;
	text-align: center;
	height: 40px;

}
#logotop{
	width: 1172px;
	margin:0 auto;
	padding: 0px;
	clear: both;

	
}
#logotop .logo{
	width:433px; float:left; 

}
 .daohang_1{
	height: 108px;
	width: 690px;
	float:left;
	padding-left:49px;
}
 .daohang_1 li{
	float: left;
	width: 115px;
	line-height: 108px;
	text-align: center;

	display: block;
	height: 108px;
}
.dnavflex{ display:flex;}
.dnavflex1{ width:14.2857%; min-width:14.2857%; line-height:20px; box-sizing:border-box; padding:0 5px;}
.dnavfon1{ font-size:16px; font-weight:bold; line-height:20px; padding-bottom:20px;}
.dnavfon2{ padding-top:5px; padding-bottom:5px;}
.menu_about{
	position:absolute;
	left:0px;
	top:148px; display:none; z-index:11111; width:100%; background-color:#FFF; border-top:1px solid #CCC; box-sizing:border-box; padding:20px 0;
}



.product{ width:100%; margin:0 auto; clear:both;}
.chanpin11{ width:1172px; margin:0 auto; overflow:hidden; }
.chanpin11 h2{ color:#0B4FA2; font-size:30px; text-align:center; padding-top:30px;}
.chanpin11 .mc{ color:#c0cadd; font-size:30px; text-align:center; text-transform:uppercase; padding-top:5px;}


.gao{ width:100%; margin:0 auto; text-align:center; clear:both;height:550px; padding:0px;}




#sosuo{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	clear: both;
	overflow: hidden;
background-image: url(../images/87871_46.jpg);
background-position:top center;
background-repeat:no-repeat;
height:404px;
}



a.font_dh{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
a.font_dh:visited {
color: #fff;
	text-decoration: none;
	font-size: 14px;
}
a.font_dh:hover{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;

}
.font_bbbb{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/6jex_12.gif);
}
.font_cccc{
	color: #FFF !important;
	
}
.beijing4{width:100%; height:279px; background-position: center center; background-repeat:no-repeat; clear:both; background-image:url(../images/287822_09.jpg)}
.sybj{ text-align:center; color:#FFF; font-size:24px;}
.sybj .pp1{padding-top: 90px;}
 .sybj .pp1 span{ font-size:36px;}
  .sybj .pp2 { font-size:18px; text-transform:uppercase;padding-top: 20px;}


#footer{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
	clear: both;
	text-align: center;
	background-color: #676B74;
}
#footer .copy1{
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	color: #fff;
	font-size: 12px; text-align:left;
}
#footer .copy1 .tub{
	width: 380px;
	float: left; line-height:30px; margin-left:25px;  font-size:14px;
}
#footer .copy1 .tub22{
	width: 560px;
	float: left; line-height:26px;  margin-right:35px; font-size:14px;
}
#footer .copy1 .tub1{
	width: 140px;
	float: right; line-height:26px;
}
.contactico1{background: url(../images/add.png) no-repeat top 5px left;font-size: 17px;
line-height: 28px;
color: #eaeaea;
padding-left: 58px;}
.contactico2{background: url(../images/tel.png) no-repeat top 7px left;font-size: 17px;
line-height: 40px;
color: #eaeaea;
padding-left: 58px; margin-top:30px; }
.contactico3{background: url(../images/email.png) no-repeat ;font-size: 17px;background-position:left center;
line-height: 28px;
color: #eaeaea;
padding-left: 58px;margin-top:30px;}

.tubpp{ font-size:28px; padding-bottom:20px;}

.copyright{ width:100%; line-height:90px; text-align:center; font-size:14px; margin:0 auto; background-color:#61666D; color:#fff;}
.daoh{
	float: left;
	width: 240px;
	padding-left:11px;
	height:115px;
	padding-top:35px;
	
}

.ewm{
	float: left;
	width: 230px;
	border-left: #506E8C 1px solid;
	border-right: #506E8C 1px solid;
	height:180px; text-align:center;
	padding-top:15px;
}
.ewm1{
	float: left;
	width: 230px;
	
	border-right: #506E8C 1px solid;
	height:180px;padding-top:15px;
}
.ewm1 p{

	
	text-align: center;

	color: #FFFFFF;
	line-height:30px;
}
.ewm p{


	text-align: center;
	
	color: #FFFFFF;line-height:30px;
}
.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 {
	color: #575757;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #A50007;
}
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: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
a.font_lan:visited {
	color: #6C6B6B;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
a.font_lan:hover {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	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;}

a.font_more , a.font_more:visited{
	width:130px; line-height:40px; text-align:center; background:#0092DB; font-size:14px; color:#fff; display:block; border-radius:20px;}
a.font_more:hover {
width:130px;  line-height:40px; text-align:center; background:#0B478F; font-size:14px; color:#fff; display:block;border-radius:20px;}





.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: #A50007;
	text-decoration: none;
}
.font_dd , .font_dd a:link , .font_dd a:visited , .font_dd a:active{
	color: #6C6B6B;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;

}
.font_dd a:hover{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	display: block; background-color:#3EA5DD;

}


.font_3{
	color: #777;
	text-decoration: none;
}
.font_4{
	color: #A50007;
	text-decoration: none;
	font-size: 18px; font-weight:bold;
}
.dibg{
	background-image: url(../images/ft_454.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dibg1{
	background-image: url(../images/ft_464.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.leftprobg{
	 width:100%; box-sizing:border-box;
	padding: 5px;
	border: 1px solid #E7E7E7; height:250px;

}
.leftprobg img{
	 width:100%; height:100%!important;object-fit: cover;

}
.shppr{width:30%; float:left; margin-right:5%; box-sizing:border-box;padding-top: 10px;
padding-bottom: 10px; }
.shppr:nth-child(3n)
{
 margin-right:0!important;
}
		.ppname{clear:both; text-align:center; line-height:30px; height:30px;box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.leftprobg_1{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9D9D9;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
}
.leftprobg3{
	 width:100%; box-sizing:border-box;
	padding: 5px;
	border: 1px solid #E7E7E7; height:200px;

}
.leftprobg3 img{
	 width:100%; height:100%;object-fit: cover;

}
.leftprobg_5{
	background-image: url(../images/npp_11.gif);
	background-repeat: repeat-x;
}

#navdi{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
	height:40px;
}
.newspage  { padding-top:20px;}
.newspage A {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    background: #FFF none repeat scroll 0% 0%;
    font: 12px/22px "";
    color: #666;
    margin-right: 2px;
}
.newspage SPAN.current {
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    padding: 2px 5px;
    font-weight: bold;
    background: #3EA5DD none repeat scroll 0% 0%;
    color: #FFF;
    margin-right: 2px;
}
.newspage A {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    background: #FFF none repeat scroll 0% 0%;
    font: 12px/22px "";
    color: #666;
    margin-right: 2px;
}
.section {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.szpsec1 {
    width: 24.25%;
    background-color: #1FB8B6;
    margin-right: 0;
    margin-top: 1%;
    box-sizing: border-box; height:284px; position:relative; overflow:hidden;
}
.szpsec {
    width: 24.25%;
    background-color: #f8f7f7;
    margin-right: 1%;
    margin-top: 1%;
    box-sizing: border-box; height:284px; position:relative; overflow:hidden;
}
.szpsec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.szpsec:nth-child(4n)
{
 margin-right:0!important;
}
.szpsec:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.wgglaym {
    position: absolute;
    width: 100%;
    z-index: 100;
    background-color: rgba(31,184,182,0.6);
    top: 50px;
    height: 100%;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    opacity: 0;display: flex;
align-items: center;
justify-content: center;
}
.szpsec:hover .wgglaym{  opacity:1; top:0;}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;} 
.szps1{ text-align:center; text-transform:uppercase; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding-top:70px;}
.szps2{ text-align:center;color:#FFF; font-size:20px; font-weight:bold; padding-bottom:20px; padding-top:10px;}
.szps3{ margin:0 auto; width:90px; height:1px; border-bottom:1px solid #fff;}
.szps4{margin:0 auto; margin-top:30px; width:140px; height:36px; line-height:36px; border:1px solid #fff; border-radius:5px; font-size:14px; text-align:center; color:#FFF;}

.middle_pic {list-style:none; font-family: Arial, Helvetica, sans-serif;}/*这里的字体一定要写  可以用  microsoft yahei  或者 Arial, Helvetica, sans-serif  宋体不行*/
.middle_pic { text-align:center; width:225px; height:170px; margin:0 auto; z-index:8; padding:0px;}

.middle_pic .bdlistImg {width:225px; height:170px; background-color:#EAEDEE;  text-align:center;}
.middle_pic .bdlistImg img{border:0px solid #FBFBFB;  max-height:170px; max-width:215px; _width:expression(this.width > 215 ? '215px' : true);  _height:expression(this.height > 170 ? '170px' : true); vertical-align:middle; border:0px none;}
.middle_pic .bdlistImg span {display:inline-block; height:100%; vertical-align:middle; width:0px;}

.imghover img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imghover:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}

.imgho p {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imgho:hover p {transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */}


.shl-mb2-animation {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s;} 



.mbdh{ display:none;}
.mbfor{display:none;}
#banner{display:none;}

@media screen and (max-width: 640px) {
	#top , #logotop , .gao{ display:none}
	body {
    width: 100% !important;


}
 .mbdh{ display: block;}
 .mbfor{display:block;}



 
#banner {width: 100%;margin:0px;padding:0px;overflow: hidden; display:block;}
#banner img{width: 100%; display:block;}




}