@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;
	background-color: #FFF;
	font-family: microsoft yahei;
	
}

a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #464646;
}
a.zzb07link:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #464646;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #464646;
}
.zzb07tail
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
}
.tooo{font-size: 28px;
font-weight: normal;
font-style: normal;
color: #333333;}
.tooo1{font-size: 30px;
font-weight: normal;
font-style: normal;
color: #333333;}
.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: 80px;

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:#F6A700; margin:0 auto;margin-top:20px;
}
.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:30px; font-size:15px; color:#9A9A9A;}
.line-pp {margin-top:10px; font-size:15px; color:#9A9A9A;  }
.ptt1  {
	width: 1200px; margin:0 auto;
	clear: both;
	overflow: hidden;
}

.focus {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden; padding-bottom:50px;
}
	.focus .shanghl00{ width:100%; height:21px;  position:absolute; z-index:1; bottom:0px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:15px; padding:3px 5px; 
		-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#CACACA; margin:0 5px;  vertical-align:top; overflow:hidden; cursor: pointer;  }
	.focus .shanghl00 ul .on{ background:#0071C1;  }
	
	
	.focus .shanghlban{ width:100%; height:21px;  position:absolute; z-index:1; bottom:40px; text-align:center;  }
	.focus .shanghlban ul{ display:inline-block; height:15px; padding:3px 5px; 
		-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:0; vertical-align:top;
	}
	.focus .shanghlban ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden; cursor: pointer;  }
	.focus .shanghlban ul .on{ background:#F4B125;  }
	

	
	
		.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.tempWrap{overflow:hidden;}
.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.otherpa {
    display: flex;

    flex-wrap: wrap;
}
.othp1{ text-align:center; color:#333;line-height: 50px;
overflow: hidden;
height: 50px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; box-sizing:border-box; margin-top:4px;}
.othp{width: 100%;height:260px; overflow:hidden;}
.othern{ width:19%; background-color:#FDD100; margin-right:1.25%; position:relative; overflow:hidden;padding: 4px;
box-sizing: border-box;}
.othp img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.othp:hover img  {
    transform: scale(1.1, 1.1)
}
.othern:hover   {
   background-color:#3EA5DD;
}
.othern:hover .othp1   { color:#FFF;
}

.othern:last-of-type {
    margin-right:0!important;
}



.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:60px; background-color:#F9FAFC; border-top:1px 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; background-image: url(../images/44111_17.jpg);
background-repeat: no-repeat; background-position: center center; background-size:cover; height:533px; background-attachment:fixed;
}
.shl-csh1{ width:100%;overflow: hidden;padding-top: 35px;}
.shl-csh2{ width:23%; float:left; text-align:center;}
.shl-csh3{ width:77%; float:left;}
.nedate1{ font-size:30px; color:#0B478F;padding-top: 5px;padding-bottom: 10px;}
.nedate2{ font-size:14px;}
.shl-cshnn   {
	float:left; width:47%;  background-color:#F0F0F0;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:#000;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:#000;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; }
.aboutright{ float:left;padding-top: 40px; width:47%;color: #555;line-height: 26px;}
.aboutleft{ float:right;padding-top: 40px;padding-bottom: 80px;}

.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:#0B478F; 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:#FFF
}

#huanying .welcome2{
	width: 140px;
	float: right;
	line-height: 40px;
	text-align: center;
	height: 40px;
	background-color: #14A09D;
}
#huanying .welcome3{
	width: 300px;
	float: right;
	line-height: 40px;
	text-align: right;
	height: 40px; color:#FFF;

}
#logotop{
	width: 1172px;
	margin:0 auto;
	padding: 0px;
	clear: both;

	
}
#logotop .logo{
	width:433px; float:left; 

}
 .daohang_1{
	height: 118px;
	width: 690px;
	float:left;
	padding-left:49px;
}
 .daohang_1 li{
	float: left;
	width: 115px;
	line-height: 118px;
	text-align: center;
	position: relative;
	display: block;
	height: 118px;
}
.menu_about{
	position:absolute;
	left:0px;
	top:118px; display:none; z-index:11111;
}
.menu_about p{
	width:115px;
	height:36px;
	background:#3EA5DD;
	text-align:center;
	color:#FFFFFF;
	border-top:#FFFFFF 1px solid;

}
.menu_about p a{
	line-height:36px;color: #FFffff!important;

}
.menu_about a{
	color: #FFffff!important;
	background:none;
	
}
.menu_about a:hover{
	color:#FFCC00;
	text-decoration: underline;
	background:#A60605 ;
	width:115px;
	height:36px;
	display:block;

}



.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:545px; 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: #0B478F;
}
#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: 200px;
	float: left; line-height:26px; margin-left:25px; margin-right:25px; font-size:14px;
}
#footer .copy1 .tub22{
	width: 230px;
	float: left; line-height:26px; margin-left:15px; margin-right:25px; font-size:14px;
}
#footer .copy1 .tub1{
	width: 140px;
	float: left; line-height:26px; margin-left:25px;
}


.tubpp{ font-size:16px; font-weight:bold; padding-bottom:20px;}

.copyright{ width:100%; line-height:50px; text-align:center; font-size:14px; margin:0 auto; background-color:#F4F4F4; color:#464646;}
.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;
	
}
#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{
	font-size: 14px;
	text-decoration: none;
	color: #951220;
}
a.font_lan:visited {
	color: #951220;
	text-decoration: none;
}
a.font_lan:hover {
	text-decoration: underline;
	color: #951220;
}
a.font_top{
	font-size: 14px;
	text-decoration: none;
	color: #fff;
}
a.font_top:visited {
	color: #fff;
	text-decoration: none;font-size: 14px;
}
a.font_top:hover {
	text-decoration: underline;
	color: #fff;font-size: 14px;
}

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:#F6A700; 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: microsoft yahei;
}
.font_youshid{
	color: #814E0D;
	text-decoration: none;
	font-size: 14px;
	line-height: 26px;
	font-family: microsoft yahei;
}
.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: #030043;
	text-decoration: none;
	font-size: 14px;
	font-family: "microsoft yahei";

}
.font_dd a:hover{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	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;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden; padding-bottom:0px;  }
	.focus .shanghl000{ width:100%; height:11px;  position:absolute; z-index:1; bottom:13px; text-align:center;  }
	.focus .shanghl000 ul{ display:inline-block; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl000 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl000 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.shl-adv { width:100%;padding-top: 40px;box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;}
.tooo {
    font-size: 18px;
}
.shl-xuan {
   width:100%;box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;padding-top:0px;
}
.shl-xuan1 {
    width: 100%;
    margin-right: 0px;margin-top: 30px; 

}
.shl-xuanp1 {
    width: initial;
}
.shl-adv1 {
    width: 100%;padding-top: 30px;
padding-bottom: 20px;
}
.othp {
    height: 80px;
}
.shl-cshnn {
    width: 100%;
    margin-right: 0;
}
.section1 {
    padding: 15px;
}
.cffont1 {
    font-size: 20px;
    padding-top: 20px;
}
.shl-csh1 {
    padding-top: 0px;
}
.shl-csh {
    height: auto;
}
.aboutright {
    width: 100%; padding-top:0px;

}
.aboutleft {
    width: 100%;padding-bottom: 20px;
}
.aboutleft img {
    width: 100%;
}
#footer{ display:none}
.copyright {

    line-height: 24px; box-sizing:border-box; padding:10px;

}
#bianxian111 {

    height: 150px;

    background-position: right;
    background-size: cover;
}
#content {
  width: 100%;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    clear: both;
    overflow: hidden;
	box-sizing:border-box;
}
#content .chanpin { display:none;}	
#content .about {

    width: 100%;

}
#content .about .jieshao {

    width: 100%;

    padding-left: 0px;
}
#content .about .jieshao p img { width:100%!important; height:auto!important;
}
#content .about .jieshao_1 {
    width: 100%;background-position: left top; padding-left:0;
}
.leftprobg {
    height: 120px;
}
.leftprobg3 {
    height: 90px;
}
}