/* CSS Document */

* { margin:0px; padding:0px; list-style:none;}
body { margin:0px; padding:0px; background:url(../images/bg.jpg) no-repeat top center fixed;font-family: "Microsoft YaHei", "宋体", "Segoe UI", sans-serif ;}
img { border:none;}



.container { margin:0 auto; overflow:hidden;}



.head { height:118px; border-bottom:2px solid #2f4d93; }

.head .headwk { width:1140px; margin:0 auto; position:relative; height:118px; z-index:9999;}
.head .headwk .logo { position:absolute; top:20px; left:0px;}

.head .headwk .verqh { position:absolute; top:20px; right:55px;}
.head .headwk .verqh .ch { background:url(../images/02.jpg) no-repeat center left ; padding-left:27px; }
.head .headwk .verqh .ed { background:url(../images/03.jpg) no-repeat center left ; padding-left:27px; }
.head .headwk .verqh a { color:#2f4d93; text-decoration:none; font-size:13px;}
.head .headwk .verqh a:hover { color:#42bdd8; text-decoration:underline;}


.head .headwk .dhbox { width:50%; position:absolute; bottom:10px; right:0px; height:50px; }
.head .headwk .dhbox ul li { width:120px; float:left; text-align:center; color:#2f4d93; font-family:"微软雅黑"; font-size:15px; line-height:50px; font-weight:bold; }




.banner { background:url(../images/pic/banner1.jpg) no-repeat top center; height:460px;}
.ssbox { height:50px; background:#90aace;}
.ssbox .wk { width:1140px; height:50px; margin:0 auto;}
.ssbox .wk .lbox { width:50%; float:left;}
.ssbox .wk .lbox span { padding-left:10px; padding-right:10px; padding-top:10px; display:inline-block;}

.ssbox .wk .rbox { float:right; width:50%; position:relative;}
.ssbox .wk .rbox .ssbj { background:url(../images/07.jpg) no-repeat top center; width:500px; height:40px; position:absolute; right:0px; top:5px;}
.ssbox .wk .rbox .ssbj .an { width:80px; height:40px; font-size:15px; font-weight:bold; text-align:center; line-height:42px; overflow:hidden; color:#fff; float:left; background:none; border:none;}
.ssbox .wk .rbox .ssbj .kk { width:380px; height:40px; padding-left:40px; color:#aaa; border:none; background:none; font-size:15px; font-weight:bold; text-align:left; line-height:42px; overflow:hidden; float:left;}




.content { width:1140px; margin:0 auto; overflow:hidden;}

.content .topbox { margin-top:30px; height:400px;}
.content .topbox ul li { width:360px; height:300px; float:left; margin-right:30px; position:relative;}
.content .topbox ul .nomr { margin:0px;}

.content .topbox ul li .pica { position:relative; float:left; width:360px; height:300px;}
.content .topbox ul li .pica .zz { filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; position:absolute; width:360px; height:300px;display:none; background:#FFFFFF}
.content .topbox ul li .pica a:hover .zz {display:block; cursor:pointer; z-index:99;}

.content .topbox ul li .zibox { width:320px; height:127px; position:absolute; left:20px; bottom:-37px; background:url(../images/08.png) no-repeat top center; z-index:999;}
.content .topbox ul li .zibox .box { position:relative; height:127px;}
.content .topbox ul li .zibox .box .an { font-size:15px; font-weight:bold; text-align:center; position:absolute; bottom:62px; right:10px;}
.content .topbox ul li .zibox .box .an a { background:url(../images/09.jpg) no-repeat top center; width:140px; height:40px; line-height:42px; color:#527bb3; text-decoration:none; display:block; overflow:hidden;
transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s;
-moz-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Firefox 4 */
-webkit-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Safari and Chrome */
-o-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Opera */}
.content .topbox ul li .zibox .box .an a:hover { background:url(../images/09-2.jpg) no-repeat top center; color:#fff; text-decoration:none;}
.content .topbox ul li .zibox .box .more { background:url(../images/10.jpg) no-repeat 95px top; color:#8a97b0; font-weight:bold; font-size:13px; width:97px; padding-left:33px; height:15px; text-align:left; position:absolute; bottom:35px; right:13px; }
.content .topbox ul li .zibox .box .more a { color:#8a97b0; text-decoration:none;}
.content .topbox ul li .zibox .box .more a:hover { color:#4cb1cf; text-decoration:underline;}
.content .topbox ul li .zibox .box .tatbox { color:#999; font-size:12px; line-height:16px; padding-left:1px; width:150px; height:50px; overflow:hidden; position:absolute; top:52px; left:10px;}



.content .bar { background:url(../images/11.jpg) no-repeat top center; height:296px; margin-top:70px; position:relative;}

.content .bar .an1 { position:absolute; top:74px; right:387px; font-size:14px; font-weight:bold; line-height:110px; overflow:hidden; z-index:99;}
.content .bar .an1 a { background:url(../images/12.png) no-repeat top center; width:110px; padding-left:3px; height:110px; display:block; text-decoration:none; color:#527bb3; text-align:center;
transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s;
-moz-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Firefox 4 */
-webkit-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Safari and Chrome */
-o-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Opera */}
.content .bar .an1 a:hover { background:url(../images/12-2.png) no-repeat top center; color:#fff; text-decoration:none;}


.content .bar .an2 { position:absolute; top:114px; right:284px; font-size:14px; font-weight:bold; line-height:110px; overflow:hidden; z-index:98;}
.content .bar .an2 a { background:url(../images/13.png) no-repeat top center; width:110px; padding-left:3px; height:110px; display:block; text-decoration:none; color:#39567e; text-align:center;
transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s;
-moz-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Firefox 4 */
-webkit-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Safari and Chrome */
-o-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Opera */}
.content .bar .an2 a:hover { background:url(../images/13-2.png) no-repeat top center; color:#fff; text-decoration:none;}


.content .bar .an3 { position:absolute; top:74px; right:181px; font-size:14px; font-weight:bold; line-height:110px; overflow:hidden; z-index:99;}
.content .bar .an3 a { background:url(../images/14.png) no-repeat top center; width:110px; padding-left:3px; height:110px; display:block; text-decoration:none; color:#fff; text-align:center;
transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s;
-moz-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Firefox 4 */
-webkit-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Safari and Chrome */
-o-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Opera */}
.content .bar .an3 a:hover { background:url(../images/14-2.png) no-repeat top center; color:#fff; text-decoration:none;}


.content .bar .an4 { position:absolute; top:91px; right:55px; font-size:14px; font-weight:bold; line-height:156px; overflow:hidden; z-index:100;}
.content .bar .an4 a { background:url(../images/15.png) no-repeat top center; width:156px; padding-left:3px; height:156px; display:block; text-decoration:none; color:#39567e; text-align:center;
transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s;
-moz-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Firefox 4 */
-webkit-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Safari and Chrome */
-o-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Opera */}
.content .bar .an4 a:hover { background:url(../images/15-2.png) no-repeat top center; color:#fff; text-decoration:none;}







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.fllm { background:url(../images/18.jpg) repeat-x bottom left #fff; height:60px;}
.fllm .box { background:url(../images/17.jpg) repeat-x top left; overflow:hidden; width:auto}
.fllm .box .zibj2 { background:url(../images/16.jpg) no-repeat top right; padding-top:2px; text-align:center;}




.lm1 { height:47px; border-bottom:1px solid #ccc;  position:relative;}

.lm1 .lmnamebox { background:url(../images/20.jpg) repeat-x top left ; height:48px; overflow:hidden; padding-left:30px; position:absolute; top:0px; left:0px; }
.lm1 .lmnamebox p { background:url(../images/20-2.jpg) no-repeat top right ; color:#fff; font-size:14px; font-weight:bold; height:48px; line-height:54px; overflow:hidden; padding-right:80px; min-width:103px;}

.lm1 .morebox { background:url(../images/21.jpg) no-repeat top right; width:159px; height:47px; position:absolute; top:0px; right:0px;}
.lm1 .morebox a { background:url(../images/22.jpg) no-repeat top right; width:52px; height:26px; line-height:28px; overflow:hidden; color:#fff; font-weight:bold; font-size:13px; padding-left:68px; text-decoration:none; display:block; float:right;
transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s;
-moz-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Firefox 4 */
-webkit-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Safari and Chrome */
-o-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Opera */}
.lm1 .morebox a:hover { background:url(../images/22-2.jpg) no-repeat top right; color:#fff; text-decoration:none;}



/* `````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````` */




/*关于我们*/
.gywmbox { margin-top:64px; height:392px;}
.gywmbox .box2 { width:1130px; margin:0 auto;}
/*公司简介*/
.gywmbox .box2 .gsjj { width:550px; float:left; height:289px; margin-top:43px;}


.gywmbox .box2 .gsjj .conbox { padding-top:1px;}
.gywmbox .box2 .gsjj .conbox .conboxl { float:left;}
.gywmbox .box2 .gsjj .conbox .conboxr { border-left:3px solid #fff; background:url(../images/23.jpg) repeat-x top left #fff; height:240px; width:260px; float:left;}
.gywmbox .box2 .gsjj .conbox .conboxr .zi1 { color:#003e6c; font-weight:bold; font-size:13px; padding-left:20px; padding-top:29px;}
.gywmbox .box2 .gsjj .conbox .conboxr .zi2 { color:#003e6c; font-size:13px; padding-left:20px; padding-top:14px; line-height:21px; width:221px; height:107px; overflow:hidden; }
.gywmbox .box2 .gsjj .conbox .conboxr .more { text-align:center; font-size:15px; font-weight:bold; margin-top:35px;}
.gywmbox .box2 .gsjj .conbox .conboxr .more a { background:url(../images/24.jpg) no-repeat top center; height:40px; line-height:42px; overflow:hidden; display:block; color:#527bb3; text-decoration:none;
transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s;
-moz-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Firefox 4 */
-webkit-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Safari and Chrome */
-o-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Opera */}
.gywmbox .box2 .gsjj .conbox .conboxr .more a:hover { background:url(../images/24-2.jpg) no-repeat top center; text-decoration:none; color:#fff;}

/*工艺流程*/
.gywmbox .box2 .gylc { width:550px; float:right; height:289px; margin-top:43px; overflow:hidden;}
.gywmbox .box2 .gylc .pad { padding-top:1px;}
.gywmbox .box2 .gylc .pad .conbox { background:url(../images/23.jpg) repeat-x top center #fff; height:240px;}

.gywmbox .box2 .gylc .pad .conbox ul { padding-top:25px;}
.gywmbox .box2 .gylc .pad .conbox ul li { width:127px; height:155px; float:left; margin-right:10px; padding-left:3px; padding-top:5px; position:relative;}
.gywmbox .box2 .gylc .pad .conbox ul li .un { position:absolute; bottom:2px; right:50px; z-index:99;}
.gywmbox .box2 .gylc .pad .conbox ul .bj0 { background:url(../images/25.jpg) no-repeat top left; }
.gywmbox .box2 .gylc .pad .conbox ul .bj1 { background:url(../images/25-1.jpg) no-repeat top left; }
.gywmbox .box2 .gylc .pad .conbox ul .bj2 { background:url(../images/25-2.jpg) no-repeat top left; }
.gywmbox .box2 .gylc .pad .conbox ul .bj3 { background:url(../images/25-3.jpg) no-repeat top left; }
.gywmbox .box2 .gylc .pad .conbox ul .bj4 { background:url(../images/25-4.jpg) no-repeat top left; }
.gywmbox .box2 .gylc .pad .conbox ul .nomr { margin-right:0px;}

.gywmbox .box2 .gylc .pad .conbox ul li p { font-size:15px; font-weight:bold; padding-top:30px; text-align:center; color:#527bb3;}
.gywmbox .box2 .gylc .pad .conbox ul li p a { color:#527bb3; text-decoration:none;}
.gywmbox .box2 .gylc .pad .conbox ul li p a:hover { color:#42bdd8; text-decoration:underline;}




/*产品展示*/
.cpzsbox { margin-top:70px; height:340px; clear:both; }

.cpzsbox .boxcon ul { padding-top:30px;}
.cpzsbox .boxcon ul .nomr { margin-right:0px;}
.cpzsbox .boxcon ul li { position:relative; width:315px; height:250px; border-left:5px solid #547cb4; float:left; margin-right:20px; }

.cpzsbox .boxcon ul li .zibj { position:absolute; top:50%; margin-top:-25px; left:50%; margin-left:-85px; background:#000; height:48px; border:1px solid #fff; width:168px; z-index:98; filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.cpzsbox .boxcon ul li .zi   { position:absolute; top:50%; margin-top:-25px; left:50%; margin-left:-85px; color:#fff; font-size:15px; font-weight:bold; text-align:center; width:170px; height:50px; line-height:50px; overflow:hidden; z-index:99;}



/*我们的优势*/
.wmdysbox { margin-top:60px; padding-bottom:66px; }

.wmdysbox .boxcon ul { padding-top:30px;}
.wmdysbox .boxcon ul .nomr { margin-right:0px;}
.wmdysbox .boxcon ul { width:1140px; margin:0 auto; overflow:hidden;}
.wmdysbox .boxcon ul li { position:relative; width:350px; height:240px; float:left; margin-right:45px; }

.wmdysbox .boxcon ul li .pica { position:relative; float:left; width:100%; height:100%;}
.wmdysbox .boxcon ul li .pica .zz { filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; position:absolute; width:100%; height:100%; display:none;}
.wmdysbox .boxcon ul li .pica a:hover .zz {display:block; cursor:pointer; z-index:99;}


.wmdysbox .boxcon ul li .zk1 { background:#527bb3; height:44px; width:3px; position:absolute; bottom:14px; left:30px; z-index:9999;}
.wmdysbox .boxcon ul li .zk2 {  height:50px; width:317px; position:absolute; bottom:11px; right:0px; z-index:9999;}
.wmdysbox .boxcon ul li .zk2 .z1 p { color:#527bb3; font-size:15px; font-weight:bold; }
.wmdysbox .boxcon ul li .zk2 .z1 { color:#aaa; line-height:18px; font-size:13px; padding-left:30px; padding-top:9px; float:left;}
.wmdysbox .boxcon ul li .zk2 .zmore a { background:url(../images/28-2.jpg) no-repeat top center; width:92px; height:19px; display:block; text-decoration:none; float:right; margin-top:28px;transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s;
-moz-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Firefox 4 */
-webkit-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Safari and Chrome */
-o-transition:background 0.4s,color 0.4s,width 0.4s,border 0.4s; /* Opera */}
.wmdysbox .boxcon ul li .zk2 .zmore a:hover { background:url(../images/28.jpg) no-repeat top center; text-decoration:none;}



/*脚注*/
.footer { clear:both; height:180px; margin:0 auto;background:url(../images/29.jpg) no-repeat top center #394459;}
.footer .topbox { width:1200px; margin-left:auto; margin-right:auto;height:120px;position:relative;}
.footer .topbox .lbox { float:left; width:50%;height:120px;}
.footer .topbox .lbox .zi { line-height:25px; font-size:12px;  padding-top:26px; color:#8c9bb3; }

.footer .topbox .rbox { float:right;width:50%;height:120px;}
.footer .topbox .rbox ul {overflow:hidden; float:right}
.footer .topbox .rbox ul li { line-height:25px; font-size:12px; padding-top:26px; color:#8c9bb3; width:140px; float:left; margin-right:25px;}
.footer .topbox .rbox ul .nomr { margin-right:0px;}

.footer .botbox { height:60px; background:url(../images/30.jpg) no-repeat top center #2e3749; position:relative;}
.footer .botbox .lbox { float:left; width:50%;}
.footer .botbox .lbox .zi { line-height:25px; font-size:12px; padding-left:150px; padding-top:18px; color:#5c687f; }
.footer .botbox .rbox { position:absolute; bottom:23px; right:150px; width:150px; height:15px; }
.footer .botbox .rbox a { background:url(../images/31.jpg) no-repeat right top; line-height:16px; color:#5d687f; text-decoration:none; padding-right:20px; font-size:12px; text-align: right; display:block;}
.footer .botbox .rbox a:hover { background:url(../images/31-2.jpg) no-repeat right top; color:#4cb1cf; text-decoration:underline;}