@charset "utf-8";
/* Css Document */
body,td,div,ul,dl,dt,form,a{ margin:0px; padding:0px; font-family:Microsoft YaHei; font-size:12px; color:#454545; line-height:24px; behavior:url(../images/iepngfix.htc);}
img{ border:none; behavior:url(../images/iepngfix.htc);}
ul,li{ list-style-type:none;}
a{ color:#454545; text-decoration:none;}
a:hover{ color:#c7000b; text-decoration:none;}
a{ outline: none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0; }

/* Css Top */
.top{ position:fixed; top:0px; left:0px; z-index:9999; background: url(../images/top.png) repeat-x center; width:100%; height:85px;}
/*.logo{ background:url(../images/logo.png) no-repeat center; width:70px; height:48px; padding:16px 25px 16px;}
.logo a{ display:block; width:70px; height:48px;}*/
.logo{ background:url(../images/logo2.png) no-repeat center; width:165px; height:50px; padding:15px 25px 15px;}
.logo a{ display:block; width:165px; height:50px;}
.menu a{ float:right; font-size:14px; color:#fff; padding:0 26px 0 25px; line-height:85px; background:url(../images/sx.png) no-repeat right; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.menu a.yba{ background:none; padding:0 25px;}
.menu a:hover, .menu a:hover.yba{ background:#c7000b; color:#fff;}

/* Css Flash */
.fullSlide{ width:100%; position:relative; height:735px; background:#e5e5e5;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important; height:735px; overflow:hidden; text-align:center;}
.fullSlide .bd li a{ display:block; height:685px;}
.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px;}
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:0px 4px; overflow:hidden; background:url(../images/an.png) no-repeat; text-indent:-9999px;}
.fullSlide .hd ul .on{ background:url(../images/am.png) no-repeat;}
.fullSlide .prev,.fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-31px; z-index:1; width:62px; height:62px; cursor:pointer; display:none;}
.fullSlide .prev{ left:20px;}
.fullSlide .next{ right:20px;}

/* Css About */
.ab-bg{ padding:125px 0;}
.ab-zb{ width:696px;}
.ab-zb a{ display:block; width:696px; height:468px;}
.ab-zb a div{ float:left;}
.ab-zb a .zb-ig{ width:352px; height:468px; overflow:hidden; position:relative;}
.ab-zb a .zb-ig img{ width:352px; height:468px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-zb a:hover .zb-ig img{ -transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transition:scale(1.2,1.2);}
.ab-zb a .zb-ig span{ display:block; position:absolute; left:0px; top:0px; background:url(../images/ab-sj.png) no-repeat; width:352px; height:320px;}
.ab-zb a .zb-tx{ width:266px; height:468px; background:#fff; padding:0 39px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-zb a .zb-tx .zb-nm{ background:url(../images/zb-tx.png) no-repeat; width:224px; height:68px; margin:75px 0px 0px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-zb a .zb-tx .zb-js{ font-size:14px; line-height:24px; margin:19px 0 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-zb a .zb-tx .zb-gd span{ display:block; width:98px; height:36px; line-height:36px; border:1px solid #999; text-align:center; font-size:15px; color:#666; margin:19px 0 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.ab-zb a:hover .zb-tx{ background:#c7000b;}
.ab-zb a:hover .zb-tx .zb-nm{ background:url(../images/zb-ax.png) no-repeat;}
.ab-zb a:hover .zb-tx .zb-js{ color:#fff;}
.ab-zb a:hover .zb-tx .zb-gd span{ border:1px solid #fff; color:#fff;}

.ab-yb{ width:504px;}
.ab-yb a{ display:block; width:504px; height:468px;}
.ab-yb a .yb-tx{ width:380px; height:189px; background:#e5e5e5; padding:45px 62px 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-yb a .yb-tx .yb-nm{ background:url(../images/yb-tx.png) no-repeat; width:312px; height:19px; margin:0px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-yb a .yb-tx .yb-js{ font-size:14px; line-height:24px; margin:28px 0 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-yb a .yb-ig{ width:504px; height:234px; overflow:hidden; position:relative;}
.ab-yb a .yb-ig img{ width:504px; height:234px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-yb a:hover .yb-ig img{ -transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transition:scale(1.2,1.2);}

.ab-yb a:hover .yb-tx{ background:#c7000b;}
.ab-yb a:hover .yb-tx .yb-nm{ background:#c7000b; background:url(../images/yb-ax.png) no-repeat;}
.ab-yb a:hover .yb-tx .yb-js{ color:#fff;}

/* Css Product */
.tp-bg{ margin:0 auto; min-width:1200px; overflow:hidden;}
.ig-bx{ width:50%; overflow:hidden;}
.ig-bx img{ width:100%;}
.lb-bx{ width:50%; overflow:hidden;}
.lb-bx a{ display:block; float:left; width:33.33333%; position:relative; overflow:hidden;}
.lb-bx a .img{ width:100%; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.lb-bx a:hover .img{ -transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transition:scale(1.2,1.2);}
.lb-bx a div{ position:absolute; top:0px; left:0px;}
.lb-bx a div img{ width:100%;}


/* Css News */
.zx-bg{ padding:125px 0;}

.zx-zb{ width:600px;}
.zx-zb a{ display:block; width:600px; height:345px;}
.zx-zb a div{ float:left;}
.zx-zb a .zx-ig{ width:300px; height:345px; overflow:hidden; position:relative;}
.zx-zb a .zx-ig img{ width:300px; height:345px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.zx-zb a:hover .zx-ig img{ -transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transition:scale(1.2,1.2);}
.zx-zb a .zx-ig span{ display:block; position:absolute; left:0px; top:0px; background:url(../images/zx-tx.png) no-repeat; width:300px; height:345px;}
.zx-zb a .zx-tx{ width:240px; height:345px; background:#fff; padding:0 30px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.zx-zb a .zx-tx .zx-nm{ font-size:16px; color:#000; line-height:24px; margin:45px 0px 0px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.zx-zb a .zx-tx .zx-js{ font-size:14px; line-height:24px; margin:15px 0 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.zx-zb a .zx-tx .zx-gd span{ display:block; width:98px; height:34px; line-height:34px; border:1px solid #999; text-align:center; font-size:15px; color:#666; margin:19px 0 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.zx-zb a:hover .zx-tx{ background:#c7000b;}
.zx-zb a:hover .zx-tx .zx-nm, .zx-zb a:hover .zx-tx .zx-js{ color:#fff;}
.zx-zb a:hover .zx-tx .zx-gd span{ border:1px solid #fff; color:#fff;}

.zx-yb{ width:575px; height:345px; background:url(../images/zx-yb.jpg) repeat-x;}
.zx-yb ul li{ height:115px;}
.zx-yb ul li a{ display:block; height:100px; padding:15px 25px 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.zx-yb ul li p{ margin:0px;}
.zx-yb ul li a .nm{ font-size:14px; color:#000; margin-top:4px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.zx-yb ul li a .tx{ font-size:14px; color:#666; line-height:22px; margin-top:5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.zx-yb ul li a:hover{ background:#c7000b;}
.zx-yb ul li a:hover .nm, .zx-yb ul li a:hover .tx, .zx-yb ul li a:hover .tx span{ color:#fff;}


/* Css Footer */
.db-bg{ background:#252525; height:80px;}
.db-bg td{ color:#fff;}
.db-bg td span{ float:right;}

/* CSS Page */
#home{ background:#f5f5f5;}
#about{ background:#f5f5f5 url(../images/about.jpg) no-repeat center top; margin-top:267px;}
#product{ background:#f5f5f5 url(../images/product.jpg) no-repeat center top; margin-top:267px;}
#news{ background:#f5f5f5 url(../images/news.jpg) no-repeat center top; margin-top:267px;}
#network{ background:#f5f5f5 url(../images/network.jpg) no-repeat center top; margin-top:267px;}
#message{ background:#f5f5f5 url(../images/message.jpg) no-repeat center top; margin-top:267px;}
#contact{ background:#f5f5f5 url(../images/contact.jpg) no-repeat center top; margin-top:267px;}
#about .menu .a-2, #product .menu .a-3, #news .menu .a-4, #network .menu .a-5, #message .menu .a-6, #contact .menu .a-7{ background:#c7000b; color:#fff;}

.zy-bg{ background:#fff; width:805px; vertical-align:top; padding:0 45px 50px;}
.zy-hx{ border-bottom:1px solid #eee; height:48px; padding-top:27px;}
.zy-nm{ font-size:20px; font-weight:bold; color:#c7000b;}
.zy-lb{ text-align:right; color:#999; padding-top:8px;}
.zy-bx{ padding-top:20px;}
.ig{ margin-top:10px;}

.clnm{ background:url(../images/nm.jpg) no-repeat top; width:230px; height:186px;}
.cllb a{ display:block; height:38px; line-height:38px; background:#646b71; color:#fff; margin-bottom:1px; padding-left:56px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.cllb a:hover{ background:#e6000d;}
.cllb a.g{ font-size:14px; font-weight:bold;}

.zbbg{ background:#e0e0e0; padding:15px;}
.zbnt{ display:block; background:url(../images/nt.jpg) no-repeat; width:200px; height:60px; margin-bottom:15px;}
.zblx{ display:block; background:url(../images/lx.jpg) no-repeat; width:200px; height:60px;}

.ig-bg{ background:#fff; padding:0 45px 50px;}
.ig-lb{ padding-top:25px;}
.ig-lb a{ display:block; float:left; width:340px; margin-right:45px; margin-bottom:45px;}
.ig-lb a.lb{ margin-right:0px;}
.ig-lb a.bt{ margin-bottom:0px;}
.ig-lb a .ig-ig{ width:340px; height:266px; overflow:hidden;}
.ig-lb a .ig-ig img{ width:340px; height:266px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ig-lb a .ig-tx{ background:#f5f5f5; width:340px; height:266px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ig-lb a .ig-tx .ig-nm{ font-size:20px; font-weight:bold; color:#c7000b; line-height:30px; padding:55px 0 0 50px; margin:0px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ig-lb a .ig-tx .ig-js{ padding:0 50px; font-size:14px; margin:5px 0 0; line-height:20px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ig-lb a .ig-tx .ig-gd{ display:block; width:116px; height:36px; line-height:36px; border:2px solid #d5d5d5; margin:15px 0 0 50px; text-align:center; color:#999; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ig-lb a:hover .ig-ig img{ -transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transition:scale(1.2,1.2);}
.ig-lb a:hover .ig-tx{ background:#c7000b;}
.ig-lb a:hover .ig-tx .ig-nm, .ig-bg a:hover .ig-tx .ig-js{ color:#fff;}
.ig-lb a:hover .ig-tx .ig-gd{ border:2px solid #fff; color:#fff;}

.pc-lb{ padding-top:5px;}
.pc-lb ul li{ float:left; width:245px; margin-right:35px; margin-bottom:10px; overflow:hidden;}
.pc-lb ul li.pc-yb{ margin-right:0px;}
.pc-lb ul li a .pc-bx{ width:235px; height:184px; padding:4px; border:1px solid #f2f2f2; background:#fbfbfb; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.pc-lb ul li a .pc-nm{ display:block; height:24px; line-height:24px; text-align:center; padding-bottom:5px; overflow:hidden; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.pc-lb ul li a:hover .pc-bx{ border:1px solid #c7000b; background:#c7000b;}
.pc-lb ul li a:hover .pc-nm{ background:#c7000b; color:#fff;}
.pc-ig{ width:805px; text-align:center; overflow:hidden;}
.pc-ig img{ max-width:805px;}
.pc-mn{ font-family:Arial, Microsoft YaHei; font-size:30px; font-weight:bold; color:#c7000b; padding-left:150px;}
.pc-js{ width:805px; padding-top:10px; overflow:hidden; padding-left:150px;}

.page{ padding-top:20px;}
.page a{ display:block; float:left; height:24px; line-height:24px; background:#c7000b; color:#fff; text-align:center; margin-right:5px; padding:0 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.page a:hover{ background:#e8343f;}
.page a span{ padding:0 2px; font-size:10px;}
.next{ padding:15px 0 0 150px;}
.next a{ display:block; float:left; margin-right:10px; width:50px; height:28px; line-height:28px; border:1px solid #d5d5d5; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.next a:hover{ border:1px solid #c7000b; background:#c7000b; color:#fff;}

.ns-ls ul li{ margin-bottom:20px; height:92px;}
.ns-ls ul li a{ display:block; height:85px; background:#f5f5f5; padding:7px 20px 0;}
.ns-ls ul li p{ margin:0px; padding-top:5px;}
.ns-ls ul li a .big{ font-size:14px; color:#000;}
.ns-ls ul li a .small{ color:#797979; line-height:18px;}
.ns-ls ul li a:hover{ background:#eee;}

.ns-nm{ font-size:24px; font-weight:bold; color:#333; text-align:center; padding-top:10px;}
.ns-in{ padding:10px 0; color:#999999; text-align:center}
.ns-in span{ padding:0 5px;}
.ns-ig{ padding:20px 0 10px; text-align:center;}
.ns-js{ padding:10px 0;}
.ns-pg{ padding:20px 0 5px;}
.ns-a, .ns-a a,.ns-a a:hover{ font-size:14px;}

.mage{ width:490px; padding-right:35px;}
.ly-td{ padding:0 0 15px;}
.input{ width:256px; height:30px; line-height:30px; font-family:Microsoft YaHei; font-size:12px; color:#999; padding:0 10px; border:2px solid #f5f5f5;}
.textarea{ width:256px; height:96px; line-height:30px; font-family:Microsoft YaHei; font-size:12px; color:#999; padding:0 10px; border:2px solid #f5f5f5; scrollbar-shadow-color:#f5f5f5;
scrollbar-highlight-color:#fff; scrollbar-face-color:#f6f6f6; scrollbar-3dlight-color:#f6f6f6; scrollbar-darkshadow-color:#f6f6f6; scrollbar-track-color:#f6f6f6; scrollbar-arrow-color:#f5f5f5; SCROLLBAR-BASE-COLOR:#f5f5f5;}
.submit{ width:280px; height:34px; background:#c7000b; font-family:Microsoft YaHei; font-size:15px; color:#fff; border:0; cursor:pointer;}

.lx-yi{ margin:5px 0 0 0; padding:0px; line-height:30px;}
.lx-ad{ margin-top:10px; font-size:14px; line-height:30px;}
.lx-nm{ font-size:28px; color:#c7000b;}
.lx-en{ text-transform:uppercase; letter-spacing:0.2px;}

.cu-nm{ font-size:14px; line-height:30px;}
.cu-db{ padding-top:25px;}
.cu-ig{ padding-top:35px;}
.nt{ padding-top:30px; text-align:center;}
.ewm{ background:url(../images/ewm.jpg) no-repeat right; min-height:250px;}