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

body {
	font-family:"微软雅黑,宋体, Arial, Lucida, Verdana, Helvetica, sans-serif";
	font-size: 14px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}
img {
	vertical-align:top;
	border:0;
	padding:0;
	margin:0;
}
font{ font-size:12px;}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

ol, ul, li {
	list-style: none;
	padding:0;
	margin:0;
}
.clear{clear:both; float:none; font-size:0; line-height:0;}

.bh{ color:#810100;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


.haeder{ width:1418px; margin:0 auto;}
.logo{ width:374px; height:109px; float:left;}
.nav_box{ width:960px; height:109px; float:right;}
.nav{ width:960px; margin:0 auto;}
.nav ul li{ width:120px; float:left; font-size:22px; font-family:"微软雅黑"; color:#333; text-align:center; line-height:50px;}
.nav ul li a{ color:#333;}

.tel{ float:right;}


.banner{ width:100%; margin:0 auto;}
#full-screen-slider { width:100%; height:489px; float:left; position:relative}
#slides { display:block; width:100%; height:500px; 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}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:460px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#FF9600}











.dqwz{ width:1418px; margin:0 auto; height:40px; font-size:18px; font-family:"微软雅黑"; line-height:40px; color:#333; text-indent:34px; background:url(../images/dqwz.jpg) no-repeat left; border-bottom:1px solid #CCC;}

.fanyi_tit01{ width:162px; margin:0 auto;}

.fanyi_box{ width:1340px; margin:0 auto; border:1px solid #CCC; height:244px;}
.fanyi_box ul li{ width:267px; float:left; text-indent:20px; font-size:18px; font-family:"微软雅黑"; line-height:40px; color:#333; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.fanyi_box ul li a{ color:#333;}


.fanyi_tit02{ width:162px; margin:0 auto;}

.fanyi_banner{ width:1400px; margin:0 auto;}

.fanyi_ky_box{ width:1400px; margin:0 auto;}
.fanyi_ky_box ul li{ width:700px; float:left;}
.fanyi_ky_bt{ width:600px; float:left;}
.fanyi_ky_ms{ width:600px; float:left; font-size:18px; font-family:"微软雅黑"; line-height:50px; color:#333;}
.fanyi_ky_ms a{ color:#333;}

.tit03{ width:176px; margin:0 auto;}

.fanyi_tit03{ width:160px; margin:0 auto;}

.hzal{ width:1290px; margin:0 auto;}
.hzal ul li{ width:258px; height:240px; float:left;}
.hzal_pic{ width:162px; height:162px; margin:0 auto;}

.hzal_ms{ width:1290px; margin:0 auto; font-size:18px; font-family:"微软雅黑"; line-height:35px; color:#333; text-indent:35px;} 


.fyyz_box{ width:1260px; margin:0 auto;}
.fyyz_box ul li{ width:170px; float:left; height:100px; margin-right:10px;}



.box1{
            /*定义父级的大小，设置高度为图片高度，便于隐藏文字部分*/
            width: 160px;
            height: 80px; border:1px solid #CCC;
			margin:0 auto;
            /*background: #999;*/
            position: relative;/*overflow: hidden;隐藏文字部分*/
            overflow: hidden;/*隐藏超出的部分，就是隐藏蒙版部分*/
}
.box1_cont{
            height: 80px;
            height: 80px;
            /*background: palevioletred;*/
            color: #fff;
}
.mb{
            /*创建一个蒙版*/
            height: 80px;
            width: 160px;
            background:rgba(52,52,52,0.6);
            position: absolute;/*定好蒙版一开始在的位置*/
            bottom:-80px;/*距离box1底部的距离为mb自身的高*/
            left: 0;
            transition: all linear 0.5s;/*设置蒙版的上升动画效果*/
}
.box1:hover .mb{
            bottom: 0;/*将蒙版底部位置上移,与父级box1底部对齐*/
}

.fyyz_box_wz{ width:170px; font-size:22px; font-family:"微软雅黑"; line-height:40px; color:#FFF; text-align:center; font-weight:bold;}



.fanyi_neirong{ width:1300px; margin:0 auto; font-size:18px; font-family:"微软雅黑"; line-height:30px; color:#333;}





/*产品展示效果，不用考虑上传图片大小*/
a{text-decoration:none;color:inherit;}
img{border:none;vertical-align:middle;}
.home2{position:relative;}
.home2 .list .item{ border:1px solid #CCCCCC;position:relative;overflow:hidden;opacity:0;float:left;
transform:translateY(100px);-webkit-transform:translateY(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home2 .list .item:nth-child(4n-3){transition-delay:0.4s;-webkit-transition-delay:0.2s;}
.home2 .list .item:nth-child(4n-2){transition-delay:0.4s;-webkit-transition-delay:0.0s;}
.home2 .list .item:nth-child(4n-1){transition-delay:0.8s;-webkit-transition-delay:0.1s;}
.home2 .list .item:nth-child(4n){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home2.show .list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.home2 .list .item img{width:100%;height:100%;
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;}
.home2 .list .item .mask{background:url(../images/bg1.jpg);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask .cell{position:absolute;left:0;top:45%;width:100%;height:80px;margin-top:-40px;}
.home2 .list .item .mask .h3{font-size:22px; font-family:"微软雅黑";color:#fff;
transform:translateY(-20px);-webkit-transform:translateY(-20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask p{font-size:16px; font-family:"微软雅黑";color:#fff;margin-top:20px;
transform:translateY(20px);-webkit-transform:translateY(20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask p a{margin:0 10px;}
.home2 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}
.home2 .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.home2 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}










.footer{ width:100%; height:180px; background:#000;}
.footer_box{ width:1418px; margin:0 auto;}

.footer_box_bq{ width:1000px; float:left; margin-left:58px;}
.footer_nav{ width:800px; float:left; margin-left:20px;}
.footer_nav ul li{ width:100px; float:left; font-size:20px; font-family:"微软雅黑"; line-height:40px; color:#FFF; border-bottom:1px solid #FFF; text-align:center;}
.footer_nav ul li a{ color:#FFF;}



.footer_ms{ width:800px; margin-left:40px; float:left; font-size:18px; font-family:"微软雅黑"; line-height:30px; color:#FFF;}


.footer_box_ewm{ width:360px; float:left;}

.footer_di_box{ width:100%; background:#333; font-size:18px; font-family:"微软雅黑"; line-height:40px; color:#FFF; text-align:center;}
