







a{font-family:"微软雅黑",Verdana,arial,Helvetica, sans-serif; font-size:13px; font-weight:normal; text-decoration: none; cursor:pointer;}



a:link   {color:#666;}



a:visited{color:#666;}



a:hover  {color:#d00000;}



a:active {color:#d00000;}







/*去掉链接（包括图片链接）的虚线边框*/ 



a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 



:focus { outline: none; }/* for Firefox */  







body { background:url(../image/bg.jpg) repeat; text-align:left; margin:0; color:#666; line-height:22px; position:relative; width:100%; z-index:1; -webkit-text-size-adjust:none;}



div,ul,dl,dt,dd{ margin:0; padding:0;list-style:none;}



body,td,input,select,textarea{ font-family:"微软雅黑",Verdana,arial,Helvetica, sans-serif; font-size:13px;}



img{ border:0;}



form{ margin:0; padding:0;}



input,select{ vertical-align:middle;}



p{ margin:0; padding:0;}



hr{border-top:#e1e1e1 1px solid; border-bottom:#fff 1px solid; background:none; border-left:none; border-right:none}



*{-webkit-text-size-adjust:none;} /*解决webkit内核浏览器强制最小字体*/



h1,h2,h3,h4 { margin:0px; padding:0px; font-weight:normal; color:#333;}



/*css3过渡效果*/



a,li,p,div{transition:background-color 0.4s,color 0.3s;-webkit-transition:background-color 0.4s,color 0.3s;-moz-transition:background-color 0.4s,color 0.3s; -o-transition:background-color 0.4s,color 0.3s;}



button { border:0px; margin:0px; padding:0px; background:#ea4f5f; cursor:pointer; }







/*公共*/



.blank{clear:both; height:0; line-height:0; font-size:0; margin:0; padding:0; z-index:1}



.hide{ display:none;}



.textCenter{ text-align:center;}



.globalBox{ position:relative; z-index:10; width:100%; max-width:1440px; margin:0 auto; *width:expression(this.offsetWidth > 1440 ? '1440px': true); clear:both;}



.globalWidth{ position:relative; z-index:10; width:1000px; margin:0 auto; text-align:left; clear:both;}



.floatL{ float:left;}



.floatR{ float:right;}







/*---头部---*/

.trip-navWrap{ width: 100%; z-index:1000; top:0; position:fixed;}

/*.fixtop{ position:fixed; top:0px; z-index:90; _position:absolute; _top:expression(documentElement.scrollTop + "px");}*/



.fixside{ position: fixed; top: 80px; left: 50%; margin-left: 440px; z-index:80; _position:absolute; _top:expression(documentElement.scrollTop + "px");}



#header { width:100%; height:141px; background:url(../image/headbg.png) repeat-x; z-index:999; }



.head { width:1200px; height:90px; margin:auto; padding-top:30px; z-index:1000; position:relative; }



.head .logo { width:196px; margin-top:15px; }



#nav { width:900px; height:70px; margin:30px 0px 0px auto; color:#555; display:block; }



#nav li { width:125px; height:70px; text-align:center; display:inline-block; float:left;  position:relative; z-index:105; }



#nav li a { height:70px; font-size:16px; color:#333; display:block; padding-top:10px; font-weight:bold}

#nav li a span { font-size:9px; text-transform:uppercase; display:block; padding-top:3px; font-family:"Microsoft Yahei", "simsun"; font-weight:normal}



#nav li a:hover { background: url(../image/hov.png) center top no-repeat; color:#006837}

#nav li a.nc1 { background: url(../image/hov.png) center top no-repeat; color:#006837}



  



#nav .tli p{ position:absolute; z-index:100; left:0px; top:70px;  margin:0; padding:23px 10px; white-space:nowrap; display:none;}



#nav .tli p.rightSide{ left:auto; right:0px;}



/*



#nav .tli p#pright { right:-300px;}



*/



#nav .tli p a,#nav .tli.active p a{ display:inline-block; padding:0px 20px 0px 20px; font-size:14px; color:#2c2624; border-right:1px solid #675855; line-height:18px; font-weight:bold; height:20px}



#nav .tli p a:hover { color:#d00000; background:none  }







/*



#nav .tli p{ min-width:56px; position:absolute; z-index:10000; left:-1px; top:36px; margin:0; padding:12px 22px; white-space:nowrap; display:none; background:#a86e2f; color:#fff;}



#nav .tli p.fldown { left:-30px; }



#nav .tli p a,#nav .tli.active p a{ display:block; padding:3px 0px; font-size:13px; color:#fff; line-height:22px; text-align:left; }



#nav .tli p a:hover { color:#ddd; }



*/



.lan { width:29px; height:29px; margin-top:50px; text-align:right; color:#a1a1a1; float:right; }



.lan a { width:28px; height:25px; display:inline-block; color:#675855; border:1px solid #eee; line-height:25px; font-size:12px; text-align:center; padding-top:4px; border-radius:20px;}



.lan a:hover { border:1px solid #f3d573;}







#subMenu_bg{ position:absolute; left:0; top:141px; z-index:2; width:100%; min-height:70px; background:url(../image/navsbg.png) repeat; display:none; z-index:999;}



#subMenu_bg div{ width:100%; text-align:center; position:relative; top:72px;}











/*---底部---*/



#footer { width:100%; margin-top:-20px; padding:25px 0px 15px; background:url(../image/footbg.png) top center no-repeat; text-align:center; }



.wrap1 { width:1200px; margin:0 auto}



.foot-left{ width:32%; background:url(../images/foot_xian.png) no-repeat right; height:130px;}



.foot-logo{ margin-left:50px; margin-top:20px;}





.foot-center{ width:32%; color:#ccc; margin-left:7%; line-height:28px; margin-top:7px;}



.foot-center span{ padding-right:10px;}

.foot-center a { color:#ccc}





.foot-right{ width:28%; height:130px; background:url(../images/foot_xian.png) no-repeat left; }



.foot-ewm{ margin-top:15px;}



.foot-link{ width:120px; margin-top:10px;}



.foot-link dl{ line-height:24px; padding-left:30px; background-image:url(../image/foot_ico.png); background-repeat:no-repeat; color:#bea081; margin-bottom:15px;}



.foot-link dl.fl_01{ background-position:0px 0px; }



.foot-link dl.fl_02{ background-position:0px -41px; }



.foot-link dl.fl_03{ background-position:0px -80px; }



.wxewm-img{ padding:5px; background:#fff; border:1px solid #ddd;}







.footblock { width:1200px; margin:auto; line-height:24px; color:#b9b9b9; font-size:12px; }



.footblock a { font-size:12px; color:#eee; }



.footblock a:hover { color:#a86e2f; }











@media screen and (max-width:1280px) {



.head { width:1000px;}



.head .logo { width:120px; margin-top:18px; }



.head .logo img { width:120px; }



#nav { width:810px; }



#nav li { width:100px; }



#nav .tli p#pright { right:-270px;}



.footblock { width:1000px; }



}



/*整体大小*/
.ProductIntroduction {
	position: relative;
	width: 800px;
	margin:40px auto;
	overflow: hidden;
	background-color:#fff;
	box-shadow: 0px 0px 25px #ccc;
}
/*小图左右位置*/
.ProductExhibition {
	position: relative;
	width: -20px;
	height: 0px;
	text-align: right;
}
/*小图之间的间距*/
.ProductExhibition .Exhibition_num .Exhibition_item {
	margin-right: 15px;
	height: 115px;
}
/*小图大小*/
.ProductExhibition .Exhibition_num .Exhibition_item img {
	width:130px;
	height: 119px;
	border-radius: 6px;
	opacity: 0.5;
	vertical-align: top;
	box-sizing: border-box;
	padding: 15px;

}
/*大图大小*/
.ProductExhibition_box,
.ProductExhibition_box .Exhibition_Img,
.ProductExhibition_box .Exhibition_Img img {
	width:650px;
	height: 610px;
}
/*大图边框大小*/
.ProductExhibition_box .Exhibition_Img img {
	box-sizing: border-box;
	padding: 10px;
	border-radius: 20px;
}
/*小图选中边框大小以及模糊*/
.Exhibition_items::after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	border-radius: 0 3px 0 0;
	border-color: #af5000 #af5000 transparent transparent;
	border-style: solid;
	border-width: 6px;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	left: -5px;
	/* right: 0; */
	background: -o-linear- n(45deg,  rgba(255, 255, 255, 0)  0, rgba(255, 255, 255, 0) 49%, #af5000 50%, #af5000 100%) no-repeat border-box;
	background: linear-gradient(45deg,  rgba(255, 255, 255, 0) , rgba(255, 255, 255, 0) 49%,#af5000 50%, #af5000) no-repeat border-box;
	content: "";
}
/*小图选框高度位置*/
.Exhibition_items {
	position: absolute;
	right: 28px;
	top: 13px;
	width: 105px;
	height: 92px;
	box-sizing: border-box;
	border: 0;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 3px #af5000;
	box-shadow: inset 0 0 0 3px #af5000;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
	-o-transition: transform .5s cubic-bezier(.86, 0, .07, 1);
	transition: transform .5s cubic-bezier(.86, 0, .07, 1);
	transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
}
/*箭头大小*/
.icon_LImg img,
.icon_RImg img {
	width: 5px;
	height: 9px;
}

.icon_LImg,
.icon_RImg {
	position: absolute;
	z-index: 200;/*切换速度*/
	width: 26px;
	height: 26px;
	border-radius: 2rem;
	background-color: black;
	text-align: center;
	line-height: 23px;
	opacity: .5;
}
/*箭头位置*/
.icon_LImg {
	top: -50px;
	transition: all .3s;
	right:65px;
}
/*下箭头启示位置*/
.icon_RImg {
	right: 65px;
	transition: all .3s;
	top: 620px;
}

.icon_LImg:hover,
.icon_LImg:focus,
.icon_RImg:hover,
.icon_RImg:focus {
	opacity: .8;
}

.ProductExhibition:hover .icon_LImg {
	top: -50px;
}
/*下箭头启示位置*/
.ProductExhibition:hover .icon_RImg {
	top: 580px;
}

.icon_LImg img {
	transform: rotate(90deg);
}

.icon_RImg img {
	transform: rotate(-90deg);
}

.ProductExhibition .Exhibition_num .czt_active img {
	opacity: 1;
}

.ProductExhibition_wrap {
	position: relative;
	width: 600px;
	height: 610px;/*长图不要动*/
}
/*可放图长度*/
.ProductExhibition_box {
	position: absolute;
	height: 120000px;
	transition: all .5s;
}

.ProductExhibition_box img {
	width: 646px;
	height: 150px;
}

/*生产流程图*/
/*.sclct-title{
	padding-top:30px;
	text-align: center;}
.sclct-pic{
	padding-top: 40px;
padding-bottom:80px;}*/


/*生产流程图*/
.sclct{width: 90%;margin: 0 auto;padding: 50px 0;text-align: center;}
.sclct-title{width: 100%;margin-bottom: 40px;}
.sclct-title img,.sclct-mobile img{max-width: 100%;}
.sclct-pic{padding-top: 40px;}
.sclct-mobile{width: 100%;display: none;}
@media screen and (max-width: 760px) {
  .sclct-pic{display: none;}
  .sclct-mobile{display: block;}
}




























