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

/*头部*/
.top1{ width:89px; height:74px; float:left; margin:25px 0 50px;}
.top2{ width:260px; height:74px; float:left; margin:25px 0 50px;}
.top22{ width:320px; height:74px; float:left; margin:25px 0 50px;}
.top3{ width:229px; height:74px; float:right; margin:25px 0 50px;}



/*导航*/
.nav_{ width:100%; height:50px; background-color:#000000;  text-align:center; margin:auto; }
.nav1_{ width:1200px; height:50px; background-color:#000000; line-height:56px;  text-align:center; margin:auto}
.nav1_ li{width:150px; float:left; height:50px; line-height:50px; text-align:center; }
.nav1_ li a{font-size:16px; color:#fff; font-weight:bold; height:50px; line-height:50px; width:150px; display:block; font-family:"Microsoft Yahei"; }
.nav1_ li a:hover{color:#fff; background-color:#f75e3b;font-family:"Microsoft Yahei"; font-size:16px; height:50px; line-height:50px;}


/*关键词*/
.mess{ width:100%; height:30px; background-color:#f75e3b; text-align:center; margin:auto}
.mess1{ width:1200px; height:30px; text-align:center; margin:auto}
.mess1 p{font-size:14px; color:#fff; line-height:30px;}

/*底部*/
.db{ width:100%; height:52px; background-color:#f75e3b; text-align:center; margin:auto}
.db1{ width:1200px; height:52px;text-align:center; margin:auto}
.db1 p{ font-size:14px; color:#fff; line-height:52px;}


.dbb{ width:100%; background-color:#313131; text-align:center; margin:auto; padding: 20px 0 30px;}
.dbb1{ width:388px; height:43px; float:left; margin-bottom:30px; }
.dbb1 p{ font-size:20px; color:#fff; line-height:43px; }
.dbb2{ width:812px; height:43px; float:right; margin-bottom:30px; }
.dbb2 p{ font-size:14px; color:#fff; line-height:35px; }
.dbb3{ width:1200px; height:41px; margin:auto; text-align:center; border-bottom:1px solid #696969; border-top:1px solid #696969; }
.dbb3 p{ font-size:14px; color:#d1d1d1; line-height:43px;}


.dbbb{ width:100%; background-color:#3f3f3f; text-align:center; margin:auto; }
.dbbb1{ width:1200px; text-align:center; margin:auto; }
.dbbb1 p{ font-size:14px; color:#d1d1d1; line-height:43px; }

/*公司简介*/
.gsjj{ width:720px; height:203px; text-align:center; margin:auto }
.gsjj1{ width:1200px; height:123px; text-align:center; margin:auto; margin:30px 0 30px; }
.gsjj1 p{ font-size:14px; color:#414141; line-height:240%;}

.gsjj2{ width:490px; height:56px; margin:0 auto; text-align:center }
.gsjj2 a{display:block; font-size:14px; color:#fff; line-height:36px;width:140px; transition:all .2s ease; border-radius:20px; height:36px; background-color:#000000;font-weight:normal; float:left; text-align:center; margin:10px 10px; }
.gsjj2 a:hover{ display:block; font-size:14px; color:#FFFFFF;  transition:all .2s ease; line-height:36px;width:140px; height:36px;  background-color:#ff7e00; float:left; text-align:center; margin:10px 10px;}






/*广告*/
.gg{ width:100%; height:212px; background-image:url(a.jpg); background-position:center; background-repeat:no-repeat; text-align:center; margin:25px 0 30px;}

/*新闻*/
.xwd{ width:100%; height:428px; background-color:#f8f8f8; text-align:center; margin:auto; padding:19px 0 40px;}
.xwd1{ width:1200px; height:43px;  text-align:center; margin:auto;}
.xwd1_1{ width:139px; height:43px; float:left}
.xwd1_2{ width:138px; height:43px; float:left}
.xwd1_2 a{ font-size:30px; color:#5e5e5e; line-height:43px;}
.xwd1_3{ width:70px; height:43px; float:right}
.xwd1_3 a{ font-size:14px; color:#5e5e5e; line-height:43px;}
.xwd1_3 a:hover{ font-size:16px; color:#5e5e5e; line-height:43px;}

.xwd2{ width:1200px; height:23px; border-bottom:1px solid #dddddd;  text-align:center; margin:auto;}

.xwd3{ width:419px; height:338px; float:left; margin:20px 0 20px;}

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

.lb{ width:1200px; height:47px; margin:0 auto; text-align:center }
.lb a{display:block; font-size:18px; color:#2a2a2a; line-height:36px;width:180px; transition:all .2s ease; border-radius:20px; height:36px; background-color:#fff;font-weight:normal; float:left; text-align:center; margin:10px 3px; }
.lb a:hover{ display:block; font-size:18px; color:#FFFFFF;  transition:all .2s ease; line-height:36px;width:180px; height:36px;  background-color:#ff6000; float:left; text-align:center; margin:10px 3px;}


/*产品上下滚动*/
#marqueebox0{ float:right; overflow:hidden;height:900px;width:930px; color:#336699;text-align:left; }
#marqueebox0 ul{ display:block;width:930px; overflow:hidden}
#marqueebox0 ul li{width:280px;margin:15px 10px; float:left}
#marqueebox0 ul li a h3{width:280px;height:230px ; overflow:hidden;}
#marqueebox0 ul li a h3 img{width:280px;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:35px; line-height:35px;transition:all .5s ease;  background:#656565; color:#fff}
#marqueebox0 ul li a:hover ol{ background:#c10103; color:#fff}


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

#demoy{ float:left;overflow:hidden;height:270px;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:#000000; line-height:80px; border-bottom:5px solid #FFFFFF;color:#FFFFFF; text-align:center; }
.list_wd dd a{display:block; font-size:14px; text-indent:60px; color:#1f1f1f; line-height:31px;width:241px; transition:all .7s ease;height:31px;background:url(11.jpg) no-repeat left; font-weight:normal;  }
.list_wd dd a:hover{ display:block; font-size:14px; color:#1f1f1f; text-indent:70px;transition:all .2s ease; line-height:31px; width:240px; height:31px; background:url(22.jpg) no-repeat left; }


/*新闻*/
.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: 240px;}
.qimo8 .qimo ul li ol{ text-align:center; height:40px; width: 290px; line-height:40px; transition:all .5s ease;background:#656565; color: #fff;}
.qimo8 .qimo ul li:hover ol{ background:#25a244; 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:735px; height:340px; float:left}
.xinwen_news44 li{ width:735px; 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:625px; 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:680px; float:right; padding:20px 20px 0 20px;  }
.xww li{width:680px; height:40px; line-height:40px; font-size:14px; border-bottom:#a9a9a9 1px dashed; overflow:hidden; border-bottom: #a9a9a9 1px dashed;}
.xww li span{ float:right; color:#525252; height: 40x; line-height: 40px;}
.xww li:hover span{{color:#525252;}





.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);
}