@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:none; outline:none; font-family:"微软雅黑"; color:#333;}
a{ text-decoration:none;}
ul,ol,li,dl,dd,dt{ list-style:none;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}

/*header*/
.header{ width:100%; height:100px; height:144px; background-image:url(../images/navbg.png); background-position:top center; background-repeat:no-repeat;}
.header .head{ width:1150px; margin:auto;}
.header .head .logo{  height:60px; overflow:hidden; padding-top:20px; padding-left:20px;}
.header .head .logo img{ height:60px;}
.header .head .navbox{ width:546px; height:144px; overflow:hidden;}
.header .head .navbox .nav{ height:100px; float:right;}
.header .head .navbox .nav li{ display:block; float:left; padding-left:1px; background-image:url(../images/nav.jpg); background-position:left center; background-repeat:no-repeat; line-height:100px; width:90px;}
.header .head .navbox .nav li a{ display:block; width:90px; line-height:100px; height:100px; text-align:center; font-size:15px;}
.header .head .navbox .nav li a:hover{ background-image:url(../images/line.jpg); background-position:center bottom; background-repeat:no-repeat; background-color:#f7bb03; color:#fff;}
.header .head .navbox .tel{ height:30px; line-height:30px; padding-right:20px; font-size:14px; color:#fff; text-align:right;}

/*banner*/
#full-screen-slider { width:100%; height:480px; float:left; position:relative; z-index:-1; margin-top:-14px;}
#slides { display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}

/*工艺*/
.probox{ width:1148px; height:224px; border:1px solid #cacaca; background-image:url(../images/gybg.png); background-position:top center; background-repeat:repeat-x; position:absolute; top:650px; z-index:999; left:50%; margin-left:-575px;}
.probox .title{ width:1108px; padding:0 20px; height:42px;}
.probox .title span{ display:block; float:left; background-image:url(../images/title.jpg); background-position:left center; background-repeat:no-repeat; padding-left:15px; height:42px; line-height:42px; font-size:16px; color:#fff;}
.probox .title strong{ font-weight:normal; padding-left:7px; height:42px; line-height:42px; font-size:14px; color:#fff; display:block; float:left;}
.probox .title a{ display:block; float:right; font-size:14px; color:#fff; height:32px; line-height:32px; padding-top:10px;}

/* .probox .pro{ width:1084px; margin:auto; height:140px; padding-top:23px;} */
/* .probox .pro li{ padding-left:5px; padding-top:5px; padding-bottom:10px; padding-right:9px; width:207px; height:125px; display:block; float:left; overflow:hidden; background-image:url(../images/gy.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat; margin:0 25px;} */
/* .probox .pro li a{ width:207px; height:125px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size: 100% auto; position:relative;} */
/* .probox .pro li a span{ width:100%; height:30px; line-height:30px; display:block; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-position:top left; background-repeat:repeat; text-align:center; font-size:14px; color:#fff;} */
/* .probox .pro li:hover {  background-image:url(../images/gy-.png); background-color:#f7bb03; } */
/* .probox .pro li a:hover span{font-size:14px; color:#fff; background-color:#f7bb03; background-image:none;} */

/*main*/
.main{ width:1150px; margin:auto; padding-top:205px;}
.cha{ float:left; width:360px; margin-right:20px;}
.cha .title{ width:360px; height:26px; padding-bottom:4px;}
.cha .title span{ display:block; float:left; font-size:16px; line-height:26px;}
.cha .title strong{ font-weight:normal; color:#f7bb03; padding:0 5px; display:block; float:left; font-size:18px; line-height:26px;}
.cha .title a{ display:block; float:left; font-size:14px; line-height:26px; color:#666;}

.gund{ width:360px; height:130px;}
.gund li { width:200px; height:120px; cursor:pointer; overflow:hidden; box-shadow: 3px 3px 3px #666; vertical-align: middle;}
.gund li img{ width:100%; vertical-align: middle;}

/*news*/
.uldiv{ position:relative; float:left; width:460px; margin-right:20px;}
.uldiv .title { width:460px; float:left; position:relative; height:26px; padding-bottom:4px;}
.uldiv .title span{ display:block; float:left; font-size:16px; line-height:26px;}
.uldiv .title strong{ font-weight:normal; color:#f7bb03; padding:0 5px; display:block; float:left; font-size:18px; line-height:26px;}
.uldiv .title b{ font-weight:normal; display:block; float:left; font-size:14px; line-height:26px; color:#666;}
a.abtn{ width:26px; height:26px; display:block; position:absolute; top:0; background-position:center; background-repeat:no-repeat;}
a.aleft{ right:30px; background-image:url(../images/left01.jpg);}
a.agrayleft {cursor:default; background-image:url(../images/left.jpg) !important;}
a.aright{ right:0; background-image:url(../images/right01.jpg);}
a.agrayright{ cursor:default; background-image:url(../images/right.jpg) !important;}
.scrollcontainer { width:460px; height:120px; overflow:hidden; position:relative; margin:0 auto; margin-top:4px;}
.scrollcontainer ul { width:20000px; position:absolute; left:0px; top:0px;}
.scrollcontainer ul li{ width:440px; height:100px; padding:10px; background-color:#eee; display:block; float:left; overflow:hidden; position:relative;}
.scrollcontainer ul li .more{ display:block; position:absolute; right:0; bottom:0; z-index:9999;}
.scrollcontainer ul li .tu{ width:180px; height:100px; overflow:hidden;}
.scrollcontainer ul li .tu a{ width:180px; height:100px; overflow:hidden; display:block;}
.scrollcontainer ul li .tu img{ width:100%;}
.scrollcontainer ul li .wen{ width:250px; height:100px; overflow:hidden; margin-left:10px;}
.scrollcontainer ul li .wen a{ font-size:14px; color:#f7bb03; height:24px; display: block; line-height:24px; overflow:hidden;}
.scrollcontainer ul li .wen h1{ font-weight:normal; width:240px; height:72px; font-size:12px; line-height:24px; color:#666; overflow:hidden; text-indent:2rem;}

/*lianxi*/
.lx{ width:290px; overflow:hidden;}
.lx a{ width:290px; height:90px; overflow:hidden; padding-bottom:15px; display:block;}
.lx a img{ width:100%;}
.lx span{ width:290px; height:44px; overflow:hidden; display:block;}
.lx span img{ width:100%;}

/*footer*/
.footer{ width:100%; height:30px; line-height:30px; background-color:#4e2c1f; font-size:14px; color:#fff; margin-top:15px;}
.foot{ width:1150px; margin:auto;}
.footer span{ display:block; float:left; color:#fff;}
.footer strong{ display:block; float:right; font-weight:normal; color:#fff;}
.footer strong a{ color:#fff;}

/*ny*/
.content{ width:1150px; margin:auto; padding-bottom:50px; padding-top:20px;}
.left{ width:240px; overflow:hidden;}
.left .title{ width:240px; padding-top:10px; padding-bottom:2px; border-bottom:1px solid #4e2c1f;}
.left .title a{ color:#f7bb03; font-size:26px; height:34px; line-height:34px; display:block;}
.left .title span{ color:#666; text-transform:uppercase; font-size:18px; height:22px; line-height:22px; display:none; font-family:Arial, Helvetica, sans-serif;}
.left .suv{ width:230px; padding-left:10px;}
.left .suv li{ width:240px; height:36px; overflow:hidden; padding-left:20px; background-image:url(../images/li.jpg); background-position:left center; background-repeat:no-repeat;}
.left .suv li a{ height:36px; line-height:36px; font-size:16px; display:block; color:#333;}
.left .suv li a:hover{ color:#f7bb03;}
.left .contant{ font-size:14px; color:#333; line-height:30px;}

/*right*/
.right{ width:860px; overflow:hidden; margin-left:50px;}
.right .title{ width:860px; padding-bottom:30px;}
.right .title a{ font-family:Arial, Helvetica, sans-serif; font-size:18px; height:34px; line-height:34px; text-align:center; display:none; text-transform:capitalize; color:#4e2c1f;}
.right .title span{ background-image:url(../images/title01.jpg); background-position:center; background-repeat:no-repeat; height:35px; line-height:35px; text-align:center; color:#f7bb03; font-size:16px; display:block;}
.right .txts{ font-size:14px; color:#333; line-height:24px; margin:auto; width:860px; overflow:hidden;}
.right .txts img{ max-width:100%;}

/*图片*/
.list{ width:880px; margin-left:-19px;}
.list li{ padding-left:6px; padding-top:5px; padding-bottom:10px; padding-right:8px; width:187px; height:125px; display:block; float:left; overflow:hidden; background-image:url(../images/gy.png); background-position:center; background-repeat:no-repeat; background-size: cover; margin-left:19px; margin-bottom:20px;}
.list li a{ width:187px; height:125px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:auto 100%; position:relative;}
.list li a span{ width:100%; height:30px; line-height:30px; display:block; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-position:top left; background-repeat:repeat; text-align:center; font-size:14px; color:#fff;}

.list01{ width:880px; margin-left:-19px;}
.list01 li{ padding-left:6px; padding-top:5px; padding-bottom:10px; padding-right:8px; width:142px; height:205px; display:block; float:left; overflow:hidden; background-image:url(../images/gy01.png); background-position:center; background-repeat:no-repeat; background-size: cover; margin-left:19px; margin-bottom:20px;}
.list01 li a{ width:142px; height:205px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:auto 100%; position:relative;}
.list01 li a span{ width:100%; height:30px; line-height:30px; display:block; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-position:top left; background-repeat:repeat; text-align:center; font-size:14px; color:#fff;}

.fanye{ text-align:center; font-size:14px; text-align:center; padding-top:10px;}
.fanye a{ color:#333; margin:0 3px;}
.fanye span{ margin:0 3px; color:#f7bb03;}
.fanye a:hover{ color:#f7bb03;}

/*文字*/
.right .tou{ text-align:center; font-size:18px; color:#f7bb03; line-height:40px;}
.right .time{ font-size:14px; text-align:center; line-height:20px; color:#666; margin-bottom:10px; border-bottom:1px solid #e1e1e1; margin:auto; padding-bottom:10px; margin-bottom:20px;}

.right .back{ width:100%; margin-top:30px;}
.right .back .pre{ font-size:14px; color:#333; line-height:24px;}
.right .back .pre a{ color:#333;}
.right .back .pre a:hover{ color:#f7bb03;}
.right .fh a{ color:#f7bb03; font-size:14px;}


/*新闻*/
.news{ width:100%; overflow:hidden;}
.news li{ width:100%; padding-bottom:20px; height:200px;}
.news .tp{ width:360px; overflow:hidden; height:200px;}
.news .tp img{ width:100%; display:block;}
.news .new{ width:480px; overflow:hidden; margin-left:20px; height:220px;}
.news .new .bt{ height:28px; line-height:28px; font-size:18px; display:block;}
.news .new .bt:hover{ color:#f7bb03;}
.news .new strong{ font-size:14px; color:#666; height:22px; line-height:22px; font-weight:normal; display:block;}
.news .new h1{ font-weight:normal; height:120px; line-height:24px; font-size:14px; display:block; overflow:hidden;}
.news .new .more01{ height:30px; line-height:30px; font-size:14px; display:block; color:#f7bb03;}

/*下载*/
.right .xia{ width:860px; overflow:hidden; padding-bottom:10px;}
.right .xia li{ background:url(../images/li.png) left center no-repeat; line-height:40px; color:#333; overflow:hidden; font-size:14px;}
.right .xia li span{ color:#333; float:left; padding-left:15px;}
.right .xia li:hover a{ color:#f7bb03;}
.right .xia li a{ color:#333; float:right; cursor:pointer;}










.sph{
    width: 1084px;
	margin: 0 auto;
}
.spbq{
	width: 208px;
	height: 130px;
	float: left;
	line-height: 2;
	padding: 10px 5px 5px 10px;
	margin: 20px;
	position: relative;
	overflow: hidden;
}
.spbq h2{
	color: #14191e;
	font: bold 14px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
	margin-top: 18px;
}
.spbq span{
	display: block;
	color: #b4bbbf;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
	margin: 8px 0;
}
.spbq b{
	color: #787d82;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
}
.biankuang{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	/*background: black;*/
}
.biankuang_1{
	height: 3px;
	top: -6px;
	left:0px;
	border-left: 3px solid #f7bb03;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 3px solid #f7bb03;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 3px solid #f7bb03;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom: 3px solid #f7bb03;
}
.text_gobuy {
	position: absolute;
	z-index:9;
	bottom: -30px;
	left: 0px;
	width: 280px;
	height: 20px;
	overflow: hidden;
	background:rgba(207, 208, 211, 0);
	cursor: pointer;
	transition:all  300ms;
	-webkit-transition:all  300ms;
	-moz-transition:all  300ms;
	-o-transition:all  300ms;
}
.text_gobuy_show{
	height: 20px;
	position: absolute;
	z-index:9;
	bottom: 0px;
	width: 207px;
	overflow: hidden;
	padding: 10px 10px ;
	cursor: pointer;
	background-color: rgba(32, 32, 33,0.3);
}
.spbq p{
	position:absolute;
	bottom:0;
	left:75px;
		font-size:12px;
	text-align:center;
	line-height: 40px;
	color: #fff;
}