@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family:"微软雅黑", "宋体", Arial; text-decoration: none; color:#535353;}

/*美比简介*/
.magi-top{width:100%; min-width:1400px; height:436px; background:url(../images/nbg-banner1.jpg) no-repeat top center; position:relative; padding-top:240px;}
.magi-top .nnav{width:100%; height:130px; background:#ffb718; position:absolute; left:0; top:30px;}

.magi-top .nnav .frame{width:1400px; height:108px; padding-top:22px; margin:0 auto; overflow:hidden;}
.magi-top .nnav .frame .n-logo{width:470px; height:88px; float:left; margin-left:38px;}
.magi-top .nb1-text1{width:300px; height:90px; line-height:90px; text-align:center; margin:0 auto; color:#ffb717; font-size:70px; font-weight:bold;}
.magi-top .nb1-line{width:76px; height:6px; background:#ffb717; margin:30px auto 0;}
.magi-top .nb1-text2{width:900px; height:90px; line-height:90px; text-align:center; margin:32px auto 0; color:#fff; font-size:66px; font-weight:bold;}
.magi-top .nb1-text3{width:900px; height:36px; line-height:36px; text-align:center; margin:30px auto 0; color:#ddd; font-size:24px; }

.magi-top .nnav .frame .n-topr{width:800px; height:88px; float:right; margin-right:20px;}
.magi-top .nnav .frame .n-topr .topr-1{width:800px; height:30px; margin-top:10px; margin-bottom:2px; overflow:hidden;}
.magi-top .nnav .frame .n-topr .topr-1 .n-search{width:200px; height:28px; border-radius:10px; border:1px solid #f2aa09; float:right; background:#fff; overflow:hidden;}
.magi-top .nnav .frame .n-topr .topr-1 .n-search .ns-left{float:left; width:160px; height:28px; margin-left:8px;}
.btn-search1{width:150px; height:28px; line-height:28px; color:#c0c0c0; font-size:14px; border:none; outline:none; padding-left:10px;}
.magi-top .nnav .frame .n-topr .topr-1 .n-search a{display:block; width:22px; height:22px; float:right; margin-right:10px; margin-top:3px;}
.magi-top .nnav .frame .n-topr .topr-2{width:800px; height:28px; overflow:hidden; margin-top:16px;}
.magi-top .nnav .frame .n-topr .topr-2 ul{display:block;}
.magi-top .nnav .frame .n-topr .topr-2 ul li{float:right; line-height:28px; margin-left:20px; color:#fff; font-size:17px;}
.magi-top .nnav .frame .n-topr .topr-2 ul li a{color:#fff; font-size:17px; transition:0.5s all;}
.magi-top .nnav .frame .n-topr .topr-2 ul li a:hover{color:#7e5803;}

.wz{width:100%; min-width:1400px; background:#f4f6f9; padding-top:25px; padding-bottom:5px;}
.wz .frame{width:1400px; margin:0 auto;}
.wz .frame .wz-t1{width:1400px; height:66px; overflow:hidden;}
.wz .frame .wz-left{width:280px; height:46px; line-height:46px;padding-left:50px; color:#ffb718; font-size:32px; font-weight:bold; margin-left:38px; background:url(../images/icon-wz.png) no-repeat left 2px; float:left;}
.wz .frame .wz-right{width:auto; height:28px; float:right; margin-top:22px; overflow:hidden; margin-right:34px;}
.wz .frame .wz-right .wz-dnav ul{display:block;}
.wz .frame .wz-right .wz-dnav {float:left; color:#9b9c9d; font-size:15px; line-height:18px; margin-left:10px; height: 28px;}
.wz .frame .wz-right .wz-dnav a{color:#9b9c9d; font-size:15px; line-height: 25px; }
.wz .frame .wz-right .wz-dnav a:hover{color:#ffb718;line-height: 25px;}
 
.text-active{color:#ffb718 !important;}

.wz .frame .wz-t2{width:1400px; border-top:1px solid #dadada; overflow:hidden; padding-top:22px; text-align:center; padding-bottom:20px;}
.wz .frame .wz-t2 a{display:inline-block; width:200px; height:54px; text-align:center; border:1px dashed #d8d8d8; background:#f2f2f2; line-height:54px; color:#535355; font-size:15px; margin:0 auto; margin-right:16px;}
.wz .frame .wz-t2 a:hover{background:#ffb718; border:1px solid #ffb718; color:#fff;}
.nnav-active{background:#ffb718!important; border:1px solid #ffb718!important; color:#fff!important;}

.fen-f1{width:1320px; margin:10px auto 0; min-height:600px; padding-bottom:120px; padding-top: 30px; }
.fen-f1 .news-title{width:1320px; border-bottom:1px dashed #d8d8d8;}
.fen-f1 .news-title .news-tname{width:1200px; line-height:2.2; font-size:32px; font-weight:bold; text-align:center; color:#444; margin:0 auto 12px;}
.fen-f1 .news-title .news-tname1{width:1200px; line-height:2.2; font-size:36px; font-weight:bold; text-align:center; color:#444; margin:0 auto 8px;}
.fen-f1 .news-title .news-ttime{width:1200px; line-height:2.2; font-size:14px; text-align:center; color:#888; margin:0 auto 18px;} 
.fen-f1  p{line-height:2.2; color:#535353; font-size:16px; text-indent:2em;}
.fen-f1  span{line-height:2.2; color:#535353; font-size:16px; text-indent:2em;}
.fen-f1 img{max-width:980px; display:block; margin:26px auto;}

.down{width:100%; min-width:1400px; height:154px; background:#303031; padding-top:46px;}
.down .frame{width:1320px; margin:0 auto; height:110px; overflow:hidden;}
.down .frame .down1{width:460px; height:110px; float:left; color:#8d8d8f; font-size:14px; line-height:36px;}
.down .frame .down1 p{color:#8d8d8f; font-size:14px; line-height:36px;}
.down .frame .down2{width:240px; height:90px; float:left; overflow:hidden; margin-left:50px;}
.down .frame .down2 .down2-left{float:left; width:90px; height:90px;}
.down .frame .down2 .down2-right{float:right; width:130px; height:75px; padding-top:15px;}
.down .frame .down2 .down2-right p{color:#8d8d8f; font-size:14px; line-height:36px;}
.down .frame .down3{width:480px; height:110px; float:right; margin-right:60px;}
.down .frame .down3 .down3-1{width:480px; height:30px; overflow:hidden;}
.down .frame .down3 .down3-1 ul{display:block;}
.down .frame .down3 .down3-1 ul li{float:right; line-height:30px; margin-left:10px; color:#cbcbcb; font-size:14px;}
.down .frame .down3 .down3-1 ul li a{color:#cbcbcb; font-size:14px;}
.down .frame .down3 .down3-1 ul li:last-child {display: none}
.down .frame .down3 .down3-2{width:480px; height:60px; margin-top:16px; color:#8d8d8f; font-size:14px;}
.down .frame .down3 .down3-2 p{color:#8d8d8f; font-size:14px; text-align:right; line-height:30px;}

/*产品中心*/
.fen-fcp{width:1320px; margin:0 auto; min-height:600px; padding-top:46px; padding-bottom:120px;}
.fen-fcp .frame{width:1400px; overflow:hidden;}
.fen-fcp .frame a{float:left; width:422px; height:552px; margin-right:42px; margin-bottom:30px;}
.fen-fcp .frame a .fcp-img{width:422px; height:470px; overflow:hidden;}
.fen-fcp .frame a .fcp-img img{cursor: pointer; transition: all 0.8s;}
.fen-fcp .frame a:hover .fcp-img img{transform: scale(1.05);}
.fen-fcp .frame a .fcp-text{width:422px; height:82px; overflow:hidden; position:relative;}

.fen-fcp .frame a .fcp-text .fcp-textbg1{width:422px; height:82px; line-height:82px; color:#535353; font-size:22px; text-align:center; background:#fffae5; position:absolute; left:0; bottom:0; transition: all 0.5s;}
.fen-fcp .frame a:hover .fcp-text .fcp-textbg1{left:0; bottom:82px;}

.fen-fcp .frame a .fcp-text .fcp-textbg2{width:422px; height:82px; line-height:82px; color:#fff; font-size:22px; background:#ffb718; position:absolute; text-align:center; left:0; bottom:-82px; transition: all 0.5s;}
.fen-fcp .frame a:hover .fcp-text .fcp-textbg2{left:0; bottom:0;}
/*新闻列表*/
.fen-f2{width:1320px; margin:0 auto; min-height:600px; padding-top:46px; padding-bottom:120px;}
.fen-f2 a{display:block; width:1280px; height:148px; transition:1s all; padding:35px 50px 35px 50px;}
.fen-f2 a:hover{background:#fcedcb;}
.fen-f2 a .f2-time{float:left; width:142px; height:126px; border:4px solid #dcdcdc; transition:0.5s all; padding-top:16px;}
.fen-f2 a:hover .f2-time{border:4px solid #ffb718; margin-left:5px;}
.fen-f2 a .f2-time .f2-day{width:68px; height:68px; text-align:center; color:#ffb718; font-size:55px; font-weight:bold; margin:0 auto;}
.fen-f2 a:hover .f2-time .f2-day{color:#666;}
.fen-f2 a .f2-time .f2-year{width:140px; height:30px; line-height:30px; margin:5px auto 0; color:#ffb718; font-size:18px; text-align:center;}
.fen-f2 a:hover .f2-time .f2-year{color:#666;}
.fen-f2 a .f2-title{width:1130px; height:148px; float:right;}
.fen-f2 a .f2-title .f2-tname{width:1100px; height:50px; line-height:50px; color:#535353; font-weight:bold; font-size:22px;}
.fen-f2 a .f2-title .f2-ttext{width:1130px; height:80px; margin-top:14px; line-height:38px; color:#838383; font-size:17px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }


/*透明生产*/
.fen-f3{width:1320px; margin:0 auto; min-height:600px; padding-top:46px; padding-bottom:120px;}

.fen-f3 .frame{width:1400px; overflow:hidden;}
.fen-f3 .frame a{float:left; display:block; width:620px; height:450px; margin-right:40px; margin-left:10px; position:relative; overflow:hidden; margin-bottom:30px;}

.fen-f3 .frame a .shebei-top{display:none;position:absolute; top:0; left:0; width:620px; height:400px;  padding:30px 30px;font-size:22px; line-height:400px; text-align:center; color:#fff; background-color:rgba(255,255,255,0); z-index:999; transition-property:all; transition-duration:1s;}
.fen-f3 .frame a:hover .shebei-top{display:block; background-color:rgba(0,0,0,0.2); }
.fen-f3 .frame a img{cursor: pointer; transition: all 0.8s;}
.fen-f3 .frame a:hover img{transform: scale(1.06);}

/*人力资源*/
.fen-f3{width:1320px; margin:0 auto; min-height:600px; padding-top:46px; padding-bottom:120px;}
.fen-f3 .frame .f3-left{float:left; width:326px; height:600px;}
.fen-f3 .frame .f3-left .f3-limg{width:326px; height:424px;}
.fen-f3 .frame .f3-left .f3-ltext{width:326px; height:80px; line-height:80px; background:#f2f2f2; margin-top:10px; text-align:center; color:#e49d00; font-size:18px;}
.fen-f3 .frame .f3-right{width:960px; min-height:600px; float:right;}

.rlzy{}
.rlzy h3{ height:56px; line-height:56px; padding-left:26px; background:#ffb718; cursor:pointer;
	font:normal 16px/56px "Microsoft YaHei"; color:#fff; margin-top:10px;
}
.rlzy h3 em{ float:right; display:block; width:40px; height:56px;   background:url(../images/icoAdd.png) 0px 18px no-repeat; cursor:pointer; }
.rlzy h3.on em{ background-position:0px -40px; }
.rlzy ul{ padding:25px 40px; color:#999; display:none; margin-bottom:10px; background:#f3f3f5; /* 默认都隐藏 */ }
.rlzy ul p{color:#535353; line-height:2;}


/*联系我们*/
.fen-f4{width:1320px; margin:0 auto; padding-top:100px; padding-bottom:120px;}
.fen-f4 .frame{width:1320px; overflow:hidden;}
.fen-f4 .frame .f4-left{float:left; width:700px; height:404px;}
.fen-f4 .frame .f4-left .f4-l1{width:700px; height:200px; border-bottom:1px dashed #dcdcdc}
.fen-f4 .frame .f4-left .f4-l1 .f4-01{width:700px; height:54px; line-height:32px; color:#c0c1c2; font-size:32px;}
.fen-f4 .frame .f4-left .f4-l1 .f4-02{width:700px; height:32px; line-height:32px; color:#757774; font-size:30px;}
.fen-f4 .frame .f4-left .f4-l1 .f4-03{width:700px; height:68px; line-height:36px; font-size:15px; margin-top:20px; color:#898989;}

.fen-f4 .frame .f4-left .f4-l2{width:700px; height:120px; margin-top:40px; overflow:hidden;}

.fen-f4 .frame .f4-left .f4-l2 .f4-l2left{width:500px; height:120px; float:left;}
.fen-f4 .frame .f4-left .f4-l2 .f4-l2left p{line-height:40px; color:#898989; font-size:15px;}


.fen-f4 .frame .f4-left .f4-l2 .f4-l2right{float:right; width:90px; height:90px; margin-right:80px;}

.fen-f4 .frame .f4-right{float:right; width:587px; height:404px;}




/*翻页 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.number { overflow:hidden; text-align:center; clear:both; padding-top:20px; float: left; width: 1280px;}
.number.s2 { padding-bottom:20px;}

.number dl { font-size:0; display:inline-block; 
	_width:410px; _margin:0 auto;
	*width:410px; *margin:0 auto;
}
.number dl dd { font-size:14px; text-align:center; line-height:30px; height:30px; float:left;}
.number dl dd a { text-decoration:none;}
.number a { color: #ffb718	}
.number dl .number_t1.z2 { color:#cc053e; padding:0 15px; background:#fff; border:1px solid #418de9; margin-left:-1px;}
.number dl .number_t1 a { background:#fff; color:#cc053e; display:block; padding:0 12px; height:30px; border:1px solid #e5e5e5; margin-left:-1px;}
.number dl .number_t1 a:hover { background:#338ee9; border:1px solid #338ee9; color:#fff;}

.number dl .number_t1.on a { background:#338ee9; color:#fff; display:block; height:30px; border:1px solid #418de9; margin-left:-1px;}
.number dl .number_t1.on a:hover { background:#338ee9; border:1px solid #338ee9; color:#fff;}


.number dl .number_t2l_end a { background:url(../images/a15.png) no-repeat center center #e5e5e5; height:30px; width:30px; border:1px solid #e5e5e5; margin-left:-1px; display:block;}
.number dl .number_t2l_end a:hover { background:url(../images/a15.png) no-repeat center center #e5e5e5;}
.number dl .number_t1l a { background:url(../images/a15.png) no-repeat center center #fff; height:30px; width:30px; border:1px solid #e5e5e5; margin-left:-1px; display:block;}
.number dl .number_t1l a:hover { background:url(../images/a15.png) no-repeat center center #eb1e26; border:1px solid #eb1e26;}
.number dl .number_t2r a { background:url(../images/a16.png) no-repeat center center #fff; height:30px; width:30px; border:1px solid #e5e5e5; margin-left:-1px; display:block;}
.number dl .number_t2r a:hover { background:url(../images/a16-2.png) no-repeat center center #338ee9; border:1px solid #338ee9;}
.number dl .number_t2r_end a { background:url(../images/a16.png) no-repeat center center #e5e5e5; height:30px; width:30px; border:1px solid #e5e5e5; margin-left:-1px; display:block;}
.number dl .number_t2r_end a:hover { background:url(../images/a16-2.png) no-repeat center center #e5e5e5;}

.number dl .number_t3 { color:#666; padding:0 10px; font-size:13px; line-height:32px; height:32px;}

.number_kk { line-height:30px; height:30px; width:36px; font-size:13px; color:#757575; text-align:center; border:1px solid #e5e5e5; background:#fff; float:left;}
.number_an { line-height:32px; height:32px; width:60px; font-size:13px; color:#fff; text-align:center; border:none; background:#338ee9; display:block;}
.number_an:hover { background:#338ee9; cursor:pointer; color:#fff;}