/*åˆå§‹åŒ–æ ·å¼*/
*{margin:0;padding:0;border:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body{background:#fff;color:#333;font-size:14px;position:relative;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}
ul,ol,li{list-style-type:none;}
input{background:none;}
.fix_box{display:none!important}
.navs, .banner, .main, .footer{ width:100%;}

.navs{ height:95px; background:url(../images/nav.png); position:fixed; top:0; left:0; right:0; z-index:9999}
.navs .navul{ width:1400px; margin:0px auto;}
.navs .logo{ width:345px; float:left;margin-top: 22px;}
.navs #nav{ float:right;}
.navs .navul .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navs .navul .nav{ padding:0 20px; height:34px; line-height:34px; position:relative; z-index:1;  }
.navs .navul .nav a{ color:#fff;  }
.navs .navul .nav .sub a{color:#000}
.navs .navul .nav a hr{ width:0; height:1px;-webkit-transition: 1s ease;transition: 1s ease;}
.navs .navul .nav li{float:left; height:95px;}
.navs .navul .nav .nLi{  position:relative; display:inline;  }
.navs .navul .nav .nLi h3 a{ display:block;padding:29px 40px; font-size:14px; font-weight:bold;  }
.navs .navul .nav .sub{ display:none; width:100%; left:0; top:95px;position:absolute; background:#fff;  line-height:26px; padding:5px 0;  }
.navs .navul .nav .sub li{ zoom:1; height:30px; width:100%}
.navs .navul .nav .sub a{ display:block; text-align:center;}
.navs .navul .nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.navs .navul .nav .on{ }
.navs .navul .nav .on h3 a{ color:#b28f3a;}
.navs .navul .nav .on a hr{ width:100%; height:1px;border-bottom:2px solid #b28f3a;-webkit-transition:1s ease;transition:1s ease; }
.navs .navul .nav .cen, .so{ margin:32px 20px;}
.navs .navul .nav .so{ position:relative;}
.navs .navul .nav .so form{ z-index:999;position:absolute;top: 30px;left: -155px;width:180px;height: 32px;background: #fff;display:none;}
.navs .navul .nav .so form .cont_text{line-height:32px;color:#000;font-size:16px;background:none;width:140px;padding-left:10px;}
.navs .navul .nav .so form .cont_btn{ width:38px;float: right; height:32px;background:url(../images/so.png) #b28f3a center center no-repeat; ;}
.navs .navul .nav .so:hover form{display:block;}
/*banner*/
.banner .slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:45px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#c49d3d; color:#fff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; display:block;  }
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .slideBox .prevStop{ display:none;  }
.banner .slideBox .nextStop{ display:none;  }

/*baout*/
.main .abou_b{ width:100%; height:640px; background:url(../images/about.jpg) center center no-repeat;}
.main .baout{ width:1400px; height:640px; margin:0px auto; padding-top:80px;}
.main .baout .abos{ width:49%; float:left; background:url(../images/about.png) no-repeat;}
.main .baout .abos img{-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
.main .baout .abos:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
.main .baout .abos p{ width:606px; height:447px; overflow:hidden; margin:auto; margin-top:40px;}
.main .baout .abocon{ width:49%; float:right; height:470px; position:relative;padding-top:30px;}
.main .baout .abocon h2{ line-height:50px; font-size:28px; font-weight:600;} 
.main .baout .abocon hr{ width:60px; border:2px solid #c49d3d;}
.main .baout .abocon .bao1{ height:230px; overflow:hidden;}
.main .baout .abocon .bao1 a{ display:block; color:#666; border:1px #ccc solid;border-radius:20px; width:100px; height:30px; line-height:30px; text-align:center; margin-top:10px;}
.main .baout .abocon .bao1 a:hover{ color:#fff; background:#c49d3d;}
.main .baout .abocon .abmo{ position:absolute; bottom:0;}
.main .baout .abocon .abmo a{ display:block; float:left;margin-right: 40px;}
.main .baout .abocon .abmo a img{transform:rotate(0deg);transition: all 2s ease;}
.main .baout .abocon .abmo a:hover img{transform:rotate(360deg);transition: all 2s ease;}
/*puoduct*/
.product{ width:100%; padding-top:80px; float:left;margin-bottom: 80px;}
.product h2{ line-height:50px; font-size:28px; font-weight:600; text-align:center;} 
.product span{ text-align:center; font-size:16px; color:#999; display:block;}
.product ul{ width:1400px; margin:0px auto;}
.product ul li{ width:30%; float:left; margin-right:1%; border:1px #edebeb solid; margin-top:30px;}
.product ul li:nth-child(3n){ margin-right:0;}
.product ul li a{ width:418px; height:342px; overflow:hidden;margin:auto;display: block;}
.product ul li img{-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
.product ul li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
.product ul li:hover p{ color:#b28f3a}
.product ul li p{ line-height:35px; font-size:16px; text-align:center; display:block;}
/*team*/
.team{ width:100%; height:830px; background:#eeeeee; float:left}
.team ul{ width:1400px; height:640px; margin:80px auto;}
.team ul li{ float:left; width:32%; margin-right:1%;}
.team ul li:nth-child(1){ margin-right:2%;box-shadow:5px 5px 11px 1px #888888;}
.team ul li:nth-child(1) a{box-shadow:none; width:448px; height:302px;}
.team ul li:nth-child(1) h3{ line-height:50px; font-size:20px; font-weight:600;margin-left: 25px;} 
.team ul li:nth-child(1) hr{ width:60px; border:2px solid #c49d3d;margin-left: 25px;}
.team ul li:nth-child(1) p{ width:400px; height:100px; margin:30px auto; overflow:hidden;}
.team ul li:nth-child(1) .mo{ width:129px; height:63px; background:#313131; color:#fff; line-height:63px; text-align:center; float:left;margin-left: 25px; font-size:16px;}
.team ul li:nth-child(1) .co{ width:129px; height:63px; background:#c49d3d; color:#fff; line-height:63px; text-align:center; float:left;font-size:16px;}
.team ul li:nth-child(3){ margin-right:0px}
.team ul li a{ width:441px; height:302px; display:block; overflow:hidden;box-shadow:5px 5px 11px 1px #888888;margin-bottom:30px;}
.team ul li img{ width:100%;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
.team ul li a:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
/*new*/
.new{ width:100%; padding:80px 0; float:left;}
.new h2{ line-height:50px; font-size:28px; font-weight:600; text-align:center;} 
.new span{ text-align:center; font-size:16px; color:#999; display:block;}
.new ul{ width:1400px; margin:20px auto;}
.new ul li{ width:32%; float:left;}
.new ul li:nth-child(2){ margin:0 1%;}
.new ul li .new_img{ width:448px;height:276px; position:relative; overflow:hidden;}
.new ul li .new_img span{ position:absolute; width:120px; height:31px; line-height:31px; text-align:center; left:15px; bottom:25px; background:#000;}
.new ul li:hover span{ background:#c49d3d; color:#fff;}
.new ul li .new_img img{ width:100%;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
.new ul li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
.new ul li h5{ line-height:40px;height:40px; width:100%; overflow: hidden; margin-top:20px; font-size:16px; font-weight:700;color:#333}
.new ul li p{ color:#999797; line-height:30px;}
.new ul li:hover h5{ color:#c49d3d}
/*footer*/
.footer{ width:100%; float:left; background:#242222;color:#a7a4a4;}
.footer a{ color:#a7a4a4;}
.footer ul{ width:1400px; margin:0px auto;}
.footer ul li{ float:left; padding:30px 0;}
.footer ul li.hz_link{ width:550px;}
.footer ul li.hz_link h5{ font-size:22px; color:#fff; line-height:35px;}
.footer ul li.hz_link .link{ border:1px #fff solid; width:550px; height:85px; padding:15px; line-height:28px; font-weight:600; color:#ccc;}
.footer ul li.hz_link .link a{font-weight:100; padding-right:10px;}
.footer ul li.hz_link .link a:hover{ color:#b28f3a;}
.footer .picMarquee-left{ width:550px;  overflow:hidden; position:relative;}
.footer .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.footer .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.footer .picMarquee-left .bd ul li .pic{ text-align:center; }
.footer .picMarquee-left .bd ul li .pic img{ width:144px; height:82px; display:block;}
.footer .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }

.footer ul li.so_nav{ width:430px; border-left:1px solid #404040; border-right:1px solid #404040; margin: 50px 45px;}
.footer ul li.so_nav form{ width:355px; height:55px; margin:10px auto;}
.footer ul li.so_nav .cont_text{ line-height:53px; font-size:16px; background:none; width:300px; padding-left:10px; border:1px #404040 solid;color: #fff;}
.footer ul li.so_nav .cont_btn{ width:55px;float: right; height:55px;background:url(../images/so.png) #b28f3a center center no-repeat; ;}
.footer ul li.so_nav ul{ width:355px; margin:30px auto; padding-top:30px;border-top: 1px #404040 solid;}
.footer ul li.so_nav ul a{ display:block; float:left; margin-right:43px; line-height:25px;}
.footer ul li.so_nav ul a:nth-child(4n){margin-right:0px;}

.footer ul li.f_co{ width:330px; height:340px; overflow:hidden; float:right;padding-top: 53px;}
.footer ul li.f_co h4{ font-size:20px; line-height:30px; color:#fff;}
.footer ul li.f_co p{ line-height:30px;}
























