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:118px; height:99px; float:left; margin:16px 0 12px;}
.top2{ width:335px; height:99px; float:left;   margin:16px 0 12px;}
.top3{ width:247px; height:99px; float:right;  margin:16px 0 12px;}




/*导航*/
.nav_{ width:100%; height:40px; border-top:1px solid #9d9d9d ; text-align:center; margin:auto;}
.nav1_{ width:1200px; height:40px; line-height:40px;  text-align:center; margin:auto}
.nav1_ li{width:150px; float:left; height:40px; line-height:40px; text-align:center; }
.nav1_ li a{font-size:16px; color:#3b3b3b;  height:40px; line-height:40px; width:150px; display:block; font-family:"Microsoft Yahei"; }
.nav1_ li a:hover{color:#fff; background-image:url(11.png); background-repeat:no-repeat;font-family:"Microsoft Yahei"; font-size:16px; height:40px; line-height:40px;}



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


/*底部*/
.db{ width:100%; height:230px; background-color:#454545; text-align:center; padding-top:29px; padding-bottom:20px;}
.db1{ width:100px; height:200px; border-right:1px solid #FFFFFF; float:left; padding-left:50px;}
.db1 span{font-size:16px; font-weight:600; color:#fff; line-height:40px;}
.db1 p{font-size:14px; color:#fff; line-height:180%;}
.db2{ width:359px; height:200px; border-right:1px solid #FFFFFF; float:left;  padding-left:110px;}
.db2 span{font-size:16px; font-weight:600; color:#fff; line-height:40px;}
.db2 p{font-size:14px; color:#fff; line-height:180%;}
.db3{ width:518px; height:200px;  float:right; padding-left:60px;}
.db3 span{font-size:16px; font-weight:600; color:#fff; line-height:40px;}
.db3 p{font-size:14px; color:#fff; line-height:180%;}

.dbb{ width:100%; height:45px; background-color:#333333; text-align:center;}
.dbb1 p{ font-size:14px; color:#fff; line-height:45px;}


/*公司简介*/
.gsjj1{ width:421px; height:329px; margin-top:69px; float:left}
.gsjj1 p{font-size:12px; color:#595858; line-height:40px; }

.gsjj2{ width:596px;   float:left; margin-top:75px; }
.gsjj2_1{ width:495px; padding-left:44px; padding-right:57px; }
.gsjj2_1 a{ font-size:20px;  color:#292929; line-height:40px; }
.gsjj2_1 span{ font-size:12px; color:#474747; line-height:20px;}
.gsjj2_2{ width:70px; height:20px; border-bottom:4px solid #c37300; margin-left:44px}
.gsjj2_3{ width:495px; height:100px; padding-left:44px; padding-right:57px; margin-top:20px;}
.gsjj2_3 p{ font-size:14px; color:#3e3d3d; line-height:220%;}
.gsjj2_4{ width:495px; padding-left:44px; height:33px; margin-top:70px; }
.gsjj2_4 a{display:block; font-size:14px; color:#fff; line-height:33px; width:120px; transition:all .2s ease; border-radius:20px; height:33px; background-color:#c37300; font-weight:normal; text-align:center;}
.gsjj2_4 a:hover{  color:#FFFFFF;  height:33px; line-height:33px;  background-color:#880000;}



.gsjj4{ width:183px; height:399px; float:right;}






/*首页产品展示列表*/
.cp{ width:100%; height:1000px; background-image:url(jas_17.jpg);  text-align:center; margin:auto ; padding-top:43px; padding-bottom:40px;  }
.cp1{ width:447px; height:69px; text-align:center; margin:auto;}
.cp2{ width:1200px; height:25px; border-bottom:1px solid #666666; text-align:center; margin:auto;}





.lb{ width:1200px; margin:0 auto; text-align:center; margin-top:20px; }
.lb a{display:block; font-size:15px; color:#000; line-height:40px;width:156px; transition:all .2s ease; border-radius:20px; height:40px; border:1px solid #9d4713; font-weight:normal; float:left; text-align:center; margin:10px 6px; }
.lb a:hover{ display:block; font-size:15px; color:#FFFFFF;  transition:all .2s ease; line-height:40px;width:156px; height:40px;  background-color:#9d4713; float:left; text-align:center; margin:10px 6px;}


/*产品上下滚动*/
#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: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; font-size:14px; line-height:35px;transition:all .5s ease;  background:#ebebeb; color:#1f1a19}
#marqueebox0 ul li a:hover ol{ background:#014da2; color:#fff}


.xw{ width:100%; height:483px; background-image:url(a.jpg); background-position:center; background-repeat:no-repeat; text-align:center;  padding-top:45px; padding-bottom:44px;}
.xw1{ width:284px; height:82px;}
.xw2{ width:1200px;}
.xw2_1{ width:465px; height:369px; float:left; margin-top:32px;}

.diwen{ width:100%; height:355px; background-color:#de7300; margin:auto;  text-align:center; margin-bottom:30px; }
.diwen1{ width:490px; height:325px; float:right}
.diwen2{ width:710px; height:325px; float:right}


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

#demoy{ float:left;overflow:hidden;height:680px;width:100%; color:#336699;text-align:left; margin-top:20px;  }
#demoy1 ul,#demo2 ul{ display:block;width:3420px; overflow:hidden}
#demoy1 ul li{width:360px; height: 320px;margin:8px 10px; float:left}
#demoy1 ul li a h3,#demo2 ul li a h3{width:360px;height:280px ; overflow:hidden;}
#demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:360px;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:40px; font-size:14px; line-height:40px;transition:all .5s ease; background-color: #e1e1e1; color: #464646;}
#demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#c37300; color:#fff}
#demoy2 ul li{width:293px;height:249px;margin:8px 10px;}



/*内页产品分类*/

.list_wd h2{ width:240px; height:80px; background:url(11.jpg) no-repeat left;  line-height:80px; border-bottom:5px solid #FFFFFF;color:#FFFFFF; text-align:center; }
.list_wd dd a{display:block; font-size:16px; text-indent:50px; color:#FFF; line-height:40px;width:240px; transition:all .7s ease;height:40px; background-color:#c37300; font-weight:normal; margin-bottom:1px; }
.list_wd dd a:hover{ display:block; font-size:16px; color:#fff; text-indent:60px;transition:all .2s ease; line-height:40px; width:240px; height:40px; background-color:#535353; }
.list_wd img{ width:240px; height:150px; background:url(44.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;}


/*一行展示*/
.anli{ width:208px; height:302px; float:left }
.qimo8{ overflow:hidden; width:980px; height:302px; float:right }
.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; height: 302px; margin-right:20px}
.qimo8 .qimo ul li img{ width:290px; height: 262px;}
.qimo8 .qimo ul li ol{ text-align:center; height:40px; width: 290px; font-size:14px; height: 302px; line-height:40px; transition:all .5s ease;background:#ebebeb; color:#1f1a19}
.qimo8 .qimo ul li:hover ol{ background:#c37300; color:#fff}
.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}


.list2{width: 900px;height: auto;margin-top: 20px;}
.list2 ul{}.list2 ul li{display: block; font-size:15px; line-height: 35px;background: #f0f0f0;margin-bottom: 10px;}
.list2 ul li a{display: block;background: #f0f0f0;color: #282828;padding-left: 10px;}
.list2 ul li a:hover{display: block;background: #464646; color: #FFF; font-size:15px;}
.list2 ul li span{float: right; padding-right: 10px;line-height: 35px;height: 35px;}



/*日期新闻*/
.xwzz{ width:700px; float:right; padding-left:35px; margin-top:32px; }
.xwzz span{ float:left; text-align:center; font-size:18px; line-height:32px; width:90px; height:80px; margin:5px 10px 0 ; padding-top:10px;  }
.xwzz p{ color:#333333; margin-left:94px; line-height:180%; margin-right:10px; }
.xwzz li span{ background-color:#cc8929; color: #fff !important;}
.xwzz li{ width:650px;  display:inline-block; overflow:hidden; height:100px; margin:7px 20px; line-height:30px; font-size:12px; background-image:url(00.png); padding: 5px 0;}
.xwzz li:hover{ width:650px;  display:inline-block; overflow:hidden; height:100px; 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:#b67313; 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;  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;  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; }
.xinwen_news44 li img:hover{ padding-right:20px; transition:all .5s ease;  opacity: 0.7;}


.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:#fff 1px dashed; overflow:hidden; border-bottom: #fff 1px dashed;}
.xww li span{ float:right; color:#fff; height: 40x; line-height: 40px;}
.xww li:hover span{{color:#fff;}





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