@charset "utf-8";
/* CSS Document */
/* *{margin:0;padding:0;list-style-type:none;}
html{overflow-x:hidden;color:#333333;background-color:#FFFFFF}
body,div,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,form{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Arial,"\5b8b\4f53",sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;}
ul,ol{list-style:none}
 */

.company-name .logo_l{float: left;}
.company-name .logo_name{float:left;font-size:22px;font-weight:bold;line-height:20px;padding-right:20px;padding-top:10px}
.company-name .logo_name span{font-size:22px;line-height:39px;}
.company-name .logo_txt{float:left;background:url(../images/xgray_line02.png) repeat-y left center;margin-top:10px;padding-left:22px;height:35px;color:#7F7F7F; padding-top:2px;}
.company-name .logo_txt p{padding: 0;line-height: 18px;}

.language_txt{position:absolute;right:0px;top:10px;width:100px; line-height:23px;}
.language_txt a{display: inline-block;}
.language_txt img{vertical-align: middle;margin-right: 6px;}
.hd-tel span{font-size:18px;line-height:20px;color:#564e5d}

.slider-bottom .slider-bottom-news span{font-size:16px}
.slider-bottom .slider-bottom-search p{color:#d8aa69;height:39px;line-height:39px;font-family:'\5FAE\8F6F\96C5\9ED1';font-size:20px;padding: 0;font-weight: bold;
    font-style: italic;}
.slider-bottom .slider-bottom-search .search_input{font-size:14px;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';height:26px;color:#CCCCCC;border:1px solid #D3D3D3;outline:medium;width:245px;text-indent:0.5em;display: block;float: left;}
.slider-bottom .slider-bottom-search .btn_input{width:48px;border:none;font-size:14px;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';height:28px;background:url(../images/bg.jpg) no-repeat 0 0;cursor:pointer;}

.line07 .line_txt01{font-size:30px;font-weight:bold;color:#5A5A5A;}
.line07 .line_txt02{font-size:16px;color:#CCCCCC;}

.line09 .line_txt01{font-size:20px;font-weight:bold;color:#5A5A5A}
.line09 .line_txt02{font-size:16px;color:#CCCCCC;}

.con_piclist{margin-top:40px;}
.con_piclist img{display: block;width: 100px;height: 100px;}

.luan_listtxt ul li p{font-size:20px;font-weight:bold;padding:0px 0px 10px 0px;line-height: 30px;}
.luan_listtxt ul li span{font-size:13px;}

.foot_link a{color: #666;}

a:link,a:visited {text-decoration:none;color:#333333}
a:hover {color:#076207;text-decoration:underline;}

.wp-hd{width:100%;height:76px;background-color:#FFFFFF;padding-top:14px}
.wp-bd{width:1100px;margin:0 auto;position:relative}
.company-name{height:60px;color:#000000;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
.hd-tel{position:absolute;right:140px;top:10px;background:url(../images/tel.png) no-repeat left center;padding-left:64px;color:#000000;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;height:48px}

.hd-nav{width:100%;height:50px;-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:99;background-color:#564e5d;position:relative}

.hd-nav ul li{float:left;cursor:pointer;text-align:center;z-index:5;position:relative;}
.hd-nav ul li a:link,.hd-nav ul li a:visited{float:left;color:#FFFFFF;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:16px;height:50px;text-decoration:none;line-height:50px;text-align:center;width:165px}
.hd-nav ul li:hover a,.hd-nav ul li a:hover{background-color:#D8D8D8;text-decoration:none;color:#076207}
.nov{background-color:#D8D8D8 !important;color:#076207 !important}

.hd-nav ul li ul{display:none}
.hd-nav ul li:hover ul {display:block;position:absolute;top:50px;left:0px;width:100%;}
.hd-nav ul li ul li {float:left;display:inline;margin-top:1px;width:225%;}
.hd-nav ul li ul li a:link,.hd-nav ul li ul li a:visited {font-size:12px;width:100%;padding:0px;background:#564e5d;font-weight:normal;line-height:normal;text-decoration:none;text-align:center;height:28px;line-height:28px;color:#FFFFFF;}
.hd-nav ul li ul li:hover,.hd-nav ul li ul li a:hover {font-size:12px;font-weight:normal;background:#D8D8D8;line-height:normal;text-decoration:none;text-align:center;line-height:28px;height:28px;color:#076207}

.slider-bottom{background:url(../images/bg001.png) no-repeat 0 0;height:95px;position:relative;top:-45px;z-index:9;left: 0;}
.slider-bottom-news{position:absolute;top:45px;left:0;height:50px;line-height:50px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
.slider-bottom-search{position:absolute;top:10px;right:191px; width:350px; text-align:center}

.aboutus{margin-top:40px}
.sub-section{margin-top:50px}
.sub-section li{float:left;text-align:center;margin:0 17px 0 17px;width:330px;position:relative;bottom:-400px;z-index:2;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.sub-section li a:link,.sub-section li a:visited{display:inline-block;position:relative;z-index:1;width:330px;height:178px;overflow:hidden}
.sub-section-show{
	position:absolute;
	top:178px;
	left:0px;
	width:330px;
	height:178px;
	background:#000000 url(../images/z8bj.png) no-repeat center center;
	opacity:0.6;
	filter:Alpha(opacity=60);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.13s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.sub-section li a:hover .sub-section-show{
	transform: translateY(-178px);
	-webkit-transform:translateY(-178px);
	-moz-transform:translateY(-178px);
	-ms-transform:translateY(-178px);
	-o-transform:translateY(-178px);
}
.sub-section li a:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.sub-section li p{margin:0}
.sub-section li p a:link,.sub-section li a:visited{color:#333333;display:block;height:37px;line-height:37px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px}
.sub-section li p a:hover{color:#076207}

.slider-bottom1{background:#EFEFEF;height:44px}
.content{margin-top:5px;margin-bottom:20px;font-family:Arial,"\5b8b\4f53";font-size:14px}
.content-news li{padding-top:10px;padding-bottom:10px; border-bottom:1px dashed #CCCCCC}

.left-type{float:left;width:200px;margin-right:25px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1"; overflow:hidden}
.left-type ul{background-color:#076207;padding:5px;width:190px;}
.left-type ul li{loat:left;width:190px;background-color:#076207;}
.left-type ul li a:link,.left-type ul li a:visited{float:left;margin-left:8px;margin-right:8px;color:#EFFD00;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:16px;height:43px;text-decoration:none;line-height:43px;text-align:left;width:163px;border-bottom:1px solid #EFFD00;padding-left:8px;transition:all 0.2s linear;}
.left-type ul li a:hover{width:183px;margin-top:-1px;background-color:#FFFFFF;border-bottom:none;text-decoration:none;color:#076207;margin-left:0px;margin-right:0px;transition:all 0.2s linear;}

.left-type ul li ul li{loat:left;width:190px;background-color:#076207;}
.left-type ul li ul li a:link,.left-type ul li ul li a:visited{float:left;margin-left:8px;margin-right:8px;color:#FFFFFF;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:12px;height:auto;text-decoration:none;line-height:21px;text-align:left;width:173px;border-bottom:1px dotted #FFFFFF;padding-left:0px;transition:all 0.2s linear;word-wrap:break-word;word-break:normal;padding-top:5px;padding-bottom:5px}
.left-type ul li ul li:hover a,.left-type ul li ul li a:hover{width:173px;margin-top:-1px;background-color:#FFFFFF;border-bottom:none;text-decoration:none;color:#076207;margin-left:0px;margin-right:0px;transition:all 0.2s linear;padding-left:8px;}



.right{float:left;width:875px;font-size:12px}
.right ul{margin-top:20px}
.right ul li{float:left;z-index:2;position:relative;text-align:center; padding:10px;border:1px solid #DDDDDD;margin-left:15px;margin-right:15px;margin-bottom:20px}
.right ul li a:link,.right ul li a:visited{float:left;width:210px;text-decoration:none;line-height:23px;text-align:center;height:200px}
.right ul li:hover a,.right ul li a:hover{text-decoration:none;color:#2E4E9B}

.products{margin-top:40px}
.line{background:url(../images/xgray_line06.png) repeat center center;height:6px;text-align:center}
.line-text{display:inline-block;margin:-30px auto;text-align:center;padding-left:20px;padding-right:20px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";background-color:#FFFFFF;position:relative;top:-400px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.line1{background:url(../images/xgray_line06.png) repeat center center;height:6px;}
.line-text1{display:inline-block;margin-top:-30px;text-align:left;padding-right:20px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1"; background-color:#F4F4F4;position:relative;top:-400px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}

.product-type{background-color:#EFEFEF;height:40px;margin-top:50px}
.product-type ul li{float:left;width:25%;height:40px;line-height:40px;text-align:center;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:11px;cursor:pointer;}
.product-type ul li a:link,.product-type ul li a:visited{float:left;width:100%;text-decoration:none;height:40px;line-height:40px;text-align:center;}
.product-type ul li:hover a,.product-type ul li a:hover{text-decoration:none;background-color:#076207;color:#FFFFFF;}

.type-pic{margin-top:10px;}
.type-pic li{float:left;text-align:center;margin:11px;width:48%}
.type-pic li a:link,.type-pic li a:visited{display:inline-block;position:relative;z-index:1;width:100%;vertical-align:top;height:auto;overflow:hidden}
.type-show{
	position:absolute;
	top:180px;
	left:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.6;
	filter:Alpha(opacity=60);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.13s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	display:flex;
	text-align:center
}
.type-show span{font-size:14px;font-weight:bold;align-self:center;text-align:center;width:100%;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';}
@-webkit-keyframes flipOutY{
	from{
		-webkit-transform:perspective(400px) rotateX(180deg);
    } 
    to{
	    -webkit-transform:perspective(400px) rotateX(0deg);
    } 
}
@-moz-keyframes flipOutY{
	from{
		-moz-transform:perspective(400px) rotateX(180deg);
    } 
    to{
	    -moz-transform:perspective(400px) rotateX(0deg);
    } 
}
@-ms-keyframes flipOutY{
	from{
		-ms-transform:perspective(400px) rotateX(180deg);
    } 
    to{
	    -ms-transform:perspective(400px) rotateX(0deg);
    } 
}
@-o-keyframes flipOutY{
	from{
		-o-transform:perspective(400px) rotateX(180deg);
    } 
    to{
	    -o-transform:perspective(400px) rotateX(0deg);
    } 
}
@keyframes flipOutY{
	from{
		transform:perspective(400px) rotateX(180deg);
    } 
    to{
	    transform:perspective(400px) rotateX(0deg);
    } 
}
.type-pic li a:hover .type-show{
	top:0px;
	-webkit-animation: flipOutY 0.7s linear 100ms alternate none running; 
    -moz-animation: flipOutY 0.7s linear 100ms alternate none running; 
    -ms-animation: flipOutY 0.7s linear 100ms alternate none running; 
    -o-animation: flipOutY 0.7s linear 100ms alternate none running; 
    animation: flipOutY 0.7s linear 100ms alternate none running
}
.type-pic li a:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.type-pic li p{margin:0}
.type-pic li p a:link,type-pic li p a:visited{border:none;color:#076207;display:block;height:37px;line-height:37px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px}
.type-pic li p a:hover{color:#076207}

.why-us{margin-top:80px}
.why-us ul{width:1052px;margin:0 auto}
.why-us ul li{float:left;width:223px;margin-left:10px;margin-right:10px;padding:10px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";color:#FFFFFF}

.why-us-content{margin-top:50px;height:360px;position:relative;bottom:-400px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}

.news-about{margin-top:50px;background-color:#F4F4F4;padding-top:30px;padding-bottom:20px}
.news{float:left;width:525px;margin-right:50px}
.news ul{margin-top:20px;position:relative;left:-400px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.news ul li{padding-top:3px;padding-bottom:3px;}

.news-pic{float:left;width:220px;padding-right:20px}
.news-pic img{display: block;width: 100%;}
.news-content{float:left;width:285px}
.news-content p{padding: 0;line-height: 24px;}
.news-content1{float:left;width:960px}

.news-title{font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"}
.news-date{color:#A4A4A4}

.about{float:left;width:525px;}
.about-pic{margin-top:30px;position:relative;right:-400px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.about-pic img{display: block;width: 260px;}
.about-content{width:485px;/*height:100px;*/position:absolute;right:-400px;top:135px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";color:#FFFFFF;background-color:#564e5d;padding:20px;font-size:13px;line-height:21px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}

a.more:link,a.more:visited {display:inline-block;width:80px;height:24px;line-height:24px;text-decoration:none;color:#FFFFFF;border-radius:20px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;text-align:center;transition: all 0.4s linear;border:1px solid #FFFFFF}
a.more:hover {text-decoration:none;width:90px;transition: all 0.4s linear;}

.customer{margin-top:40px;margin-bottom:40px}
.c-scroll{overflow:hidden;width:992px;margin:0 auto}
.c-scroll ul{width:1000%;}
.c-scroll li{float:left;display:inline-block;padding-left:12px;padding-right:12px;width:100px;text-align:center;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';}

.c-title{background-color:#F2F2F2;text-align:center;padding-top:30px;padding-bottom:30px;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';}

#c-scroll-left{position:absolute;left:0;top:80px}
#c-scroll-left a:link,#c-scroll-left a:visited{display:inline-block;background:url(../images/q2_k1v2.jpg) no-repeat 0 0; width:30px; height:30px}
#c-scroll-left a:hover{ background:url(../images/q4_4hwe.jpg) no-repeat 0 0}
#c-scroll-right{position:absolute;right:0;top:80px}
#c-scroll-right a:link,#c-scroll-right a:visited{display:inline-block;background:url(../images/q1_48zz.jpg) no-repeat 0 0; width:30px; height:30px}
#c-scroll-right a:hover{ background:url(../images/q3_feit.jpg) no-repeat 0 0}

.wp-ft{border-top:1px solid #DDDDDD;padding-top:28px;padding-bottom:28px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}

.ft-logo{float:left;width:220px;text-align:center;border-right:1px dashed #E0E0E0;height:110px;position:relative;bottom:-400px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.ft-logo img{display: block;vertical-align: middle;margin: 15px auto;/*padding-left: 135px;*/}
.ft-contact{float:left;padding-left:30px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;line-height:23px;width:530px;color:#666666;position:relative;bottom:-400px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.qrcode{float:left;/* background:url(../images/1hsl_0meo.png) no-repeat left center; *//* height:108px; */font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px; /* padding-left:160px; */color:#999999;line-height:23px;position:relative;bottom:-400px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}

.qrcode dl dt{float: left;width: 160px;}
.qrcode dl dd{width:120px;float: right;padding-top:30px;}

.copyright{text-align:center;line-height:33px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-weight:bold}


.workshop li{float:left;text-align:center;margin:0 17px 0 17px;width:330px;padding-top:20px}
.workshop li a:link,.workshop li a:visited{display:inline-block;position:relative;z-index:1;width:330px;height:205px;border:1px solid #076207;overflow:hidden}
.workshop-show{
	position:absolute;
	top:205px;
	left:0px;
	width:330px;
	height:205px;
	background:#000000 url(../images/z8bj.png) no-repeat center center;
	opacity:0.6;
	filter:Alpha(opacity=60);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.13s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.workshop li a:hover .workshop-show{
	transform: translateY(-252px);
	-webkit-transform:translateY(-205px);
	-moz-transform:translateY(-205px);
	-ms-transform:translateY(-205px);
	-o-transform:translateY(-205px);
}
.workshop li a:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.workshop li p{margin:0;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px}
.workshop li p a:link,.workshop li a:visited{color:#333333;display:block;height:37px;line-height:37px;}
.workshop li p a:hover{color:#076207}

.equipment li{float:left;text-align:center;margin:0 11px 0 11px;width:252px;padding-top:20px}
.equipment li a:link,.equipment li a:visited{display:inline-block;position:relative;z-index:1;width:252px;height:252px;border:1px solid #076207;overflow:hidden}
.equipment-show{
	position:absolute;
	top:252px;
	left:0px;
	width:252px;
	height:252px;
	background:#000000 url(../images/z8bj.png) no-repeat center center;
	opacity:0.6;
	filter:Alpha(opacity=60);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.13s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.equipment li a:hover .equipment-show{
	transform: translateY(-252px);
	-webkit-transform:translateY(-252px);
	-moz-transform:translateY(-252px);
	-ms-transform:translateY(-252px);
	-o-transform:translateY(-2252px);
}
.equipment li a:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.equipment li p{margin:0;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px}
.equipment li p a:link,.equipment li a:visited{color:#333333;display:block;height:37px;line-height:37px;}
.equipment li p a:hover{color:#076207}

.AZoom{
	display:block;
	max-width:265px;
	max-height:183px;
	width:expression(this.width > 265 && this.width > this.height ? 265 : true);
    height:expression(this.height > 183 ? 183 : true);
	display: inline-block; vertical-align: middle;
}

.PageNo{margin:0 auto;text-align:center;padding-top:30px;padding-bottom:20px;font-size:12px}
.PageNo a{font-weight:100;margin:2px;border:1px solid #787878;padding:5px;color:#323232;text-decoration:none;}
.PageNo .PV{color:#FFFFFF;background-color:#076207}
.PageNo span{margin:2px;padding:5px;border:1px solid #787878;font-weight:100;color:#787878;}

.clearfix{zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}