body,div,h1,h2,h3,h4,h5,a,img,strong,span,var,em,form,select,option,input,ol,ul,dt,dd,dl,li,p {margin:0px;padding:0px;}
body{ font-family:"Microsoft Yahei"}
a {text-decoration:none;cursor:pointer;font-style:normal;outline:none;}
ol,ul,li {list-style-type:none;}
em,var{font-style:normal;}
.clear {clear:both;height:0px;overflow:hidden;}
a img{border:none;}


.w1200{ width:1200px; margin:0 auto;}
.fl{ float: left;}
.fr{ float:right;}
.clear{ clear:both}
.div-height{ height:20px; } 

/*头部*/
.topp{ width:100%; height:99px; text-align:center; margin:auto ;  z-index: 999; position: absolute; }
.topp1{ width:1200px; height:47px; margin:auto; text-align:center }
.topp1_1{ width:933px; height:47px; float:left }
.topp1_1 p{ font-size:14px; color:#fff;line-height:47px;}
.topp1_2{ width:267x; height:47px; float:left }
.top{ width:1200px; height:99px; background-image:url(bj.jpg); background-position:center;  text-align:center; margin:auto }
.top1{ width:91px; height:99px; float:left;}
.top2{ width:249px; height:99px; float:left}



/*导航*/
.nav{ float:right; width:860px;  height:99px; line-height:99px; text-align:center ;  !important; }
.nav li{width:107px;float:left;height:99px;line-height:99px;text-align:center; }
.nav li a{font-size:16px;color:#2f2f2f;height:99px;line-height:99px; width:119px; display:block; font-family:"Microsoft Yahei"; }
.nav li a:hover{ font-size:17px;  color:#5c5c5c; background-repeat:no-repeat; font-family:"Microsoft Yahei"; }


/*底部*/
.db{ width:100%; height:314px; background-color:#343d44; background-position:center; background-repeat:no-repeat; padding-top:23px;}
.db1{ width:694px; height:49px; float:left}
.db1_1{ width:694px; height:49px;}
.db1_1 span{ font-size:30px;color:#fff; text-transform:uppercase; line-height:29px;}
.db1_1 a{ font-size:22px;color:#fff; line-height:20px;}
.db1_2{ width:694px; height:200px; padding-top:20px;}

.db2{ width:406px; height:49px; float:left; margin-left:100px;}
.db2_1{ width:406px; height:49px;}
.db2_1 span{ font-size:30px;color:#fff; text-transform:uppercase; line-height:29px;}
.db2_1 a{ font-size:22px;color:#fff; line-height:20px;}
.db2_2{ width:406px; height:200px; padding-top:20px;}
.db2_2 p{ font-size:14px; color:#fff;line-height:220%;}



.dbb{ width:100%; height:66px;  background-image:url(bj3.jpg); background-position:center;}
.dbb1 { width:1200px; height:66px;  background-image:url(d.jpg); background-position:center; text-align:center; margin:auto}
.dbb1 p {font-size:14px;color:#fff; line-height:66px;}



/*黑标题*/

.hbt{ width:1200px; height:42px; margin:auto; text-align:center; padding-top:30px;}
.hbt a{ font-size:35px;color:#067b00; line-height:42px;}
.hbt1{ width:1200px; height:38px; margin:auto; text-align:center; }
.hbt1 span{ font-size:25px;color:#422409; text-transform:uppercase; line-height:38px;}
.hbt2{ width:1200px; height:32px; margin:auto; text-align:center; }
.hbt2 p{ font-size:14px;color:#939393; line-height:32px;}
.hbt3{ width:87px; height:10px; margin:auto; border-bottom:1px solid #422409; text-align:center; }



/*白标题*/

.bbt{ width:1200px; height:42px; margin:auto; text-align:center; padding-top:30px;}
.bbt a{ font-size:35px;color:#fff; line-height:42px;}
.bbt1{ width:1200px; height:38px; margin:auto; text-align:center; }
.bbt1 span{ font-size:25px;color:#fff; text-transform:uppercase; line-height:38px;}
.bbt2{ width:1200px; height:32px; margin:auto; text-align:center; }
.bbt2 p{ font-size:14px;color:#fff; line-height:32px;}
.bbt3{ width:87px; height:10px; margin:auto; border-bottom:1px solid #fff; text-align:center; }

.cpt{ width:100%; height:190px;  background-image:url(a.jpg); background-repeat:no-repeat; background-position:center;}

.gpt{ width:100%; height:190px;  background-image:url(s.jpg); background-repeat:no-repeat; background-position:center;}




/*公司简介*/
.gsjj1{ width:488px; height:443px; float:left}
.gsjj2{ width:652px; height:443px; float:left; padding-left:60px;}
.gsjj2_1{ width:652px; height:33px; }
.gsjj2_1 span{ font-size:20px;color:#363636; line-height:33px; }
.gsjj2_2{ width:122px; height:20px; border-bottom:2px solid #d3d3d3; }
.gsjj2_3{ width:652px; height:352px; padding-top:30px;}
.gsjj2_3 p{ font-size:14px;color:#535353; line-height:240%;}


/*产品展示*/
.shang{ width:100%; height:146px; background-image:url(a.jpg); background-position:center; background-repeat:no-repeat; text-align:center; }
.shang1{ width:165px; height:35px; background-image:url(sd_11.jpg); background-position:center; background-repeat:no-repeat; text-align:center; margin:auto }
.shang2{ width:50px; height:15px; border-bottom:3px solid #57c508; margin:auto; text-align:center; }
.shang3{ width:165px; height:35px; margin:auto; text-align:center; }
.shang3 a{font-size:26px; color:#3e3e3e; line-height:35px; }
.shang4{ width:1200px; height:50px; margin:auto; text-align:center; }
.shang4 span{font-size:16px; color:#525252; line-height:50px; }


/*新闻标题*/

.biao{ width:1200px; height:38px;}
.biao a{ font-size:30px; font-weight:bold; color:#333333; line-height:38px;}
.biao span{font-size:16px; color:#333333;   line-height:38px;}

.wen{width:549px; float:left; padding-right:50px; }
.wen p{font-size:14px; color:#656565;   line-height:220%;}
.wen1{width:25px; height:417px;  border-left:1px solid #7b7b7a; float:left }
.wen2{width:576px; float:left }






/*首页产品展示列表*/

.lb{ width:1200px; margin:0 auto; text-align:center; margin-top:10px;  }
.lb a{display:block; font-size:16px; color:#292929; line-height:40px;width:200px; transition:all .2s ease; border-radius:20px; height:40px; border:1px solid #6b6b6b; font-weight:normal; float:left; text-align:center; margin:10px 17px; }
.lb a:hover{ display:block; font-size:16px; color:#fff;  transition:all .2s ease; background-color:#2584d4; }


/*产品上下滚动*/
#marqueebox0{ float:left;overflow:hidden;height:560px;width:1200px; color:#336699;text-align:left; margin-top:20px; }
#marqueebox0 ul{ display:block;width:1200px; overflow:hidden}
#marqueebox0 ul li{width:380px;margin:15px 10px; float:left}
#marqueebox0 ul li a h3{width:380px;height:330px ; overflow:hidden;}
#marqueebox0 ul li a h3 img{width:380px;transition:all .5s ease;}
#marqueebox0 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#marqueebox0 ul li a ol{ text-align:center; height:40px; line-height:40px;transition:all .5s ease;  background:#434342; color:#fff}
#marqueebox0 ul li a:hover ol{ background:#079d00; color:#fff}


/*两行产品展示滚动*/

#demoy{ float:left;overflow:hidden;height:530px;width:1200px; color:#336699;text-align:left; margin-top:20px;  }
#demoy1 ul,#demo2 ul{ display:block;width:2817px; overflow:hidden}
#demoy1 ul li{width:293px; height: 249px;margin:8px 10px; float:left}
#demoy1 ul li a h3,#demo2 ul li a h3{width:293px;height:219px ; overflow:hidden;}
#demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:293px;transition:all .5s ease;}
#demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:30px; line-height:30px;transition:all .5s ease; background-color: #fbb400; color: #2d2d2c;}
#demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#25a244; color:#fff}
#demoy2 ul li{width:293px;height:249px;margin:8px 10px;}



/*内页产品分类*/

.list_wd h2{ width:240px; height:80px; background-color:#079d00; line-height:80px; border-bottom:5px solid #FFFFFF;color:#FFFFFF; text-align:center; }
.list_wd dd a{display:block; font-size:16px; text-indent:40px; color:#fff; line-height:50px;width:241px; transition:all .7s ease;height:50px; background-color:#1b77ce; font-weight:normal; margin-bottom:1px; }
.list_wd dd a:hover{ display:block; font-size:16px; color:#FFFFFF; text-indent:50px;transition:all .2s ease; line-height:50px; width:240px; height:50px;background-color:#ff4200; }


/*新闻*/
.more{ width:118px; height:30px;  display:block; }
.more a{ width:118px; height:30px; background-color:#e98900; color:#FFFFFF; font-size:14px; text-align:center; display:block; text-align:center; line-height:30px; transition:all .2s ease; margin-top:20px;}
.more a:hover{ width:118px; height:30px; background-color:#3660b2; color:#FFFFFF; font-size:14px;transition:all .2s ease; display:block;}


/*一行展示*/
.al1{ width:1200px; height:301px; }
.qimo8{ overflow:hidden; width:1200px; height:301px; }
.qimo8 .qimo {width:8000%;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; list-style:none; text-align:center; width:290px; margin-right:20px}
.qimo8 .qimo ul li img{ width:290px; height: 260px;}
.qimo8 .qimo ul li ol{ text-align:center; height:40px; width: 290px;  line-height:40px; transition:all .5s ease;background:#e8e8e8; color: #2d2d2d;}
.qimo8 .qimo ul li:hover ol{ background:#3c3c3c; color:#FFFFFF;}
.qimo8 li a{color:#444444; font-size: 14px;}



/*内页*/

.ny_{ width:100%; margin-top:30px;}
.ny{ margin-bottom:50px; }
.ny p{ font-size:16px; line-height:30px}
.neiye{ width:920px;}
.neiye h3{ height:40px; line-height:40px; font-size:20px; border-bottom:1px solid #ccc; margin-bottom:20px; color:#575757}
.neiye h3 span{ float:right; font-size:14px; font-weight:normal; color:#888}
.neiye h3 span a{ color:#888}












.baizi  a:link {
color:#ffffff;
text-decoration: none;

} 
.baizi  a:visited {
color:#ffffff;
text-decoration: none;
} 
.baizi  a:hover {
color:#ffe400;
text-decoration: none;
} 

.heizi  a:link {
color:#333333;
text-decoration: none;

} 
.heizi  a:visited {
color:#333333;
text-decoration: none;
} 
.heizi  a:hover {
color:#dd3f40;
text-decoration: none;
}

.fonts{ font-size:14px; color:#ffffff; }





.gf2 a{  }
.gf2 a:link{
	width:180px;
display:block;
float:left;
	 height:30px; 
     line-height:30px;
	font-size:14px;
	text-decoration:none;
	color:#fff; 
	margin:0px 40px 0px 0px;
}
.gf2 a:visited{
	width:180px;
display:block;
float:left;
	 height:28px;text-align:center
     line-height:30px;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	
		margin:0px 40px 0px 0px;
}


.gf2 a:hover {
width:180px;
display:block;
float:left;
line-height:30px;text-align:center
height:30px;
font-size:14px;
color:#ffec4c;
text-decoration: none;
background-position:center;

	margin:0px 40px 0px 0px;
} 


.juzhong{ text-align:center}



#by1{ background-color:#03AD4D}
#by2{ background-color:#E90000; border-left:#FFF 2px solid}

/*日期新闻*/
.xwzz{ float:left; width:1000px; }
.xwzz span{ float:left; text-align:center; font-size:16px; line-height:35px; width:80px; height:80px; margin:5px 10px 0 ;  }
.xwzz p{ color:#333333; margin-left:94px; margin-right:10px; }
.xwzz li span{ background-color:#e04d17; color: #fff !important;}
.xwzz li{ width:450px;  display:inline-block; overflow:hidden; height:90px; margin:7px 20px; line-height:30px; font-size:12px; border:1px solid #CCCCCC; background-color:#FFFFFF; padding: 5px 0;}
.xwzz li:hover{ width:450px;  display:inline-block; overflow:hidden; height:90px; margin:7px 20px; line-height:30px; font-size:12px;   padding: 5px 0;}
.xwzz li h3{ color:#323232;}
.xwzz li:hover h3{color:#676767; }
.xwzz li:hover p{color:#676767}
.xwzz li:hover span{ background-color:#2bb233; color: #fff !important;}



.xinwen_lx{ width:392px; height:458px; float:left;line-height:33px; color: #FFFFFF; }
.xinwen_lx h3{ line-height: 80px; height: 80px;}
.xinwen_lx p{ color:#ffffff;  font-size:16px; padding:0 5px; width:382px}


.xinwen_news{width:1200px; height:380px;text-indent:10px;}
.xinwen_news span{ float:left; text-align:center; font-size:20px; line-height:50px; width:75px; height:100px;  color:#666; border-right:#D7D7D7 1px solid;}
.xinwen_news p{ padding-left:20px}
.xinwen_news li:hover{ background-color:#F3F3F3;}
.xinwen_news li span{ background-color:#FF5700; color: #FFFFFF !important;}
.xinwen_news li{ width:570px; display:inline-block; overflow:hidden; height:100px; float:left; margin:15px 15px; line-height:28px;font-size:14px;background-color:#F0F0F0; padding: 45px 0;}
.xinwen_news li h3{ color:#333}
.xinwen_news li:hover h3{color:#333333}
.xinwen_news li:hover p{color:#333333}


.xinwen_news dt{ background:#ef9c00; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.xinwen_news:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.xinwen_news dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.xinwen_news dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.xinwen_news dd{ width:700px; padding:0 0 0 15px; float:left;}
.xinwen_news dd h5{ height:25px; line-height:25px; overflow:hidden;}
.xinwen_news dd h5 a{ font-size:16px; color:#444;font-weight: bold;}
.xinwen_news dd h5 a:hover{color:#bc0030; font-size:16px;}
.xinwen_news dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px;}
.xinwen_news dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}
.xinwen_news p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../Images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}


/*列表新闻*/
.xinwen_news1{width:900px; height:340px;}
.xinwen_news1 li{ width:900px; display:inline-block;  padding:8px 0; overflow:hidden; float:left; line-height:28px; font-size:15px}
.xinwen_news1 li a{ font-weight:bold; font-size:16px}
.xinwen_news1 li:hover{ background:#F6F6F6;}
.xinwen_news1 li img{ padding-right:20px}


/*图片新闻*/
.xinwen_news44{width:566px; height:431px; float:left}
.xinwen_news44 li{ width:563px; display:inline-block; padding:8px 0; overflow:hidden; float:left; line-height:28px; font-size:14px}
.xinwen_news44 li a{  font-size:14px}
.xinwen_news44 li p{ width:453px; height:90px; overflow:hidden; float:right;font-size:13px; line-height:28px; text-align:left;}
.xinwen_news44 li:hover{ background:#;}
.xinwen_news44 li img{ padding-right:20px}


.news_dl_3{ width:710px; display:inline-block; padding:14px 0; overflow:hidden; height:420px; float:right;}
.news_dl_3 dd{ border-bottom:#b8b8b8 1px dashed; position:relative; top:-40px}
.news_dl_3 dt{ background:#ef9c00; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.news_dl_3 dl:hover dt{ background:#6f6f6f; width:85px; height:85px; text-align:center; float:right; overflow:hidden;color: #FFF;}
.news_dl_3 dl:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.news_dl_3 dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.news_dl_3 dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.news_dl_3 dd{ width:620px; padding:0 0 0 15px; float:left;}
.news_dl_3 dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news_dl_3 dd h3 a{ font-size:16px; color:#444;font-weight: bold;}
.news_dl_3 dd h3 a:hover{color:#bc0030; font-size:16px;}
.news_dl_3 dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px;}
.news_dl_3 dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}

.news_dl_3 dd p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../Images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}


/*左右新闻顺序位置不可动*/

.xww{ width:352px; float:right  }
.xww li{width:352px; height:40px; line-height:40px; font-size:14px; border-bottom:#959595 1px dashed; overflow:hidden; border-bottom: #959595 1px dashed;}
.xww li span{ float:right; color:#959595; height: 40x; line-height: 40px;}
.xww li:hover span{{color:#959595;}





.flip-container {
	perspective: 1000;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}
.flip-container, .front, .back {
	width: 288px;
	height: 245px;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
}

.back {
	transform: rotateY(180deg);
}