@charset "utf-8";
/* CSS Document */
 
input{ outline:none;}
body { font-size:12px; color:#666; margin:0px auto;}
ul, dl, li{ list-style:none; height:auto; overflow:hidden;}
img{ border:none;} 
a{ color:#666; text-decoration:none; font-size:12px; outline:none;}
a:hover{ color:#c00; text-decoration:none; cursor:pointer;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{ outline:0; }
.block{ display:block; }
.display{ display:none; }
.left{float:left;}
.right{float:right;}
.mtop{ margin-top:10px;}
.ht{ height:auto; overflow:hidden;}
.mart{ margin-top:5px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}
.clearfix{ display:block; *zoom:1;}
.clear { clear:both;}

/* register */
.register{ width:100%; background:#fff;}
.register, .subrgs{ height:38px; line-height:38px;overflow: hidden;}
.subrgs, .main{ width:1100px; margin:0px auto; background-color:#FFFFFF}
.compname, .compname a, .rgsrt a{ font-size:14px; color:#666;}
.compname a, .rgsrt a:hover{ color:#c00;}
.compname a:hover{ text-decoration:underline;}
.rgsrt a{ margin-left:10px;}

 

/* company */
.company{ padding-top:25px;}
.padtop{ padding-top:5px;}
.comptit{ height:64px; background:url(../png/index2.png) no-repeat 160px 0px;}
.tit{ width:160px; height:54px;}
.more{ width:103px; height:45px; margin-top:19px;}
.compcont{ width:985px; margin-top:15px; padding-left:15px;}
.compcont img{ width:226px; height:170px; box-shadow:4px 4px 0px #bbb; margin:0px 20px 4px 0px;}
.subcomp{ width:709px; padding-right:30px;}
.subcomp, .subcomp p, .news li p, .companycont, .companycont p{ line-height:26px; text-align:justify; text-justify:inter-ideograph; word-wrap:break-word; word-break:break-all;}
.subcomp, .subcomp p, .subcomp a, .companycont, .companycont p{ font-size:14px;}
.subcomp a{ color:#c00;}
.subcomp a:hover{ text-decoration:underline;}
.video{ width:226px; height:179px;}

/* product */
.protit, .series ul li{ width:500px; height:30px; line-height:30px; background:#db1111 url(../gif/index2.gif) no-repeat 10px center; padding:0px 5px 0px 35px; margin-top:15px;}
.protit, .series ul li a{ font-size:14px; font-weight:bold; color:#fff;}
.series ul li a:hover{ text-decoration:underline;}
.series ul li{ width:198px; float:left; margin-left:16px;}
.protit a{ font-weight:normal; color:#fc9; background:url(../png/index.png) no-repeat right center; padding-right:21px;}
.protit a:hover{ color:#fff;}
.prolist, .rylist{ border-radius:5px; background:#fff; margin-top:15px;}
.probot{ padding-bottom:25px;}
.prolist ul, .rylist ul{ width:985px; padding:0px 0px 15px 15px;}
.prolist ul li, .rylist ul li{ width:219px; height:309px; float:left; margin:15px 15px 0px 0px; padding:6px 6px 0px; background:#db1111;}
.rylist ul li{ text-align:center; height:208px;}
.prolist ul li, .prolist ul li img, .rylist ul li, .rylist ul li img{ border-radius:3px;}
.prolist ul li img{ width:219px; height:249px;}
.rylist ul li img{ width:215px; height:138px; border:2px solid #e5bd96;}
.prolist ul li p, .prolist ul li div, .rylist ul li p{ height:30px; line-height:30px; color:#fc9;}
.prolist ul li p, .prolist ul li p a, .prolist ul li div, .prolist ul li div span a, .rylist ul li p a{ font-size:14px;}
.prolist ul li p a, .prolist ul li div span a, .rylist ul li p a{ color:#fff;}
.prolist ul li p a:hover, .prolist ul li div span a:hover, .rylist ul li p a:hover{ color:#ff0;}
.prolist ul li div{ height:24px; line-height:24px; padding-bottom:6px;}
.daili, .daili:hover{ width:60px; height:20px; line-height:20px; margin-top:2px; background:#fc9; text-align:center;}
.daili, .daili:hover, .rylist ul li div a, .rylist ul li div a:hover{ color:#c00;}
.rylist ul li div{ width:114px; height:24px; line-height:24px; margin:0px auto; background:#fc9;}
.rylist ul li div a{ display:block;}

/* zhengce */
.zhengcecont, .contact table{ margin:12px auto 0px;}
.zhengcecont, .contact table, .zhengcecont img{ width:970px;}
.zhengcecont{ height:460px; overflow:scroll;}

/* contact */
.contact td{ line-height:36px; font-weight:bold; color:#630;}
.contact td, .contact td a{ font-size:14px;}
.contact td strong, .contact td a{ color:#c00;}
.contact td a:hover{ color:#630;}
.contact td span{ color:#333;}

/* online */
.online table, .agent table, .news, .zhaopin table, .zhaopincont table{ width:970px; margin:15px auto 0px;}
.online td{ font-size:14px; line-height:48px; color:#333;}
.online td span{ color:#f00;}
.online strong{ color:#c00;}
.online input{ width:240px; padding-left:5px;}
.online input, .online select, .online textarea{ height:30px; line-height:30px; border:1px solid #ccc; background:#f7f7f7;}
.online select{ margin-right:10px;}
.online textarea{ width:420px; height:120px; background:#f7f7f7 url(../index1.html) no-repeat right bottom; margin:10px 0px; padding:5px;}
.online .yanzheng{ width:90px;}
.online img{ display:inline; vertical-align:middle; margin-left:10px; cursor:pointer;}
.online .anniu{ width:148px; height:40px; background:url(../gif/index3.gif) no-repeat; border:0px;}
.online h4, .online ul li{ height:34px; line-height:34px; color:#666;}
.online ul li a{font-size: 14px;}
.online h4{ color:#c00; font-size:16px;}
.online h4, .online ul{ padding-left:20px;}
.online ul li input{ width:14px; height:14px; border:0px; margin-right:6px;}

/* agent */
.agent th, .zhaopin th{ color:#fff; background:#db1111;}
.agent th, .agent td, .agent td a, .zhaopin th, .zhaopin td, .zhaopin td a{ font-size:14px; line-height:36px;}
.agent td, .zhaopin td{ text-align:center; line-height:40px; color:#333;}
.agent td, .news li, .zhaopin p{ border-bottom:1px dotted #c96;}
.agent td a, .news li h3 a, .zhaopin td a, .zhaopincont h3{ color:#c00;}
.agent td a:hover, .zhaopin td a:hover{ color:#333;}
.zhaopin p{ padding:0px 15px; font-size:12px; color:#666; line-height:24px; text-align:left; padding-bottom:10px;}

/* news */
.news{ margin-top:5px;}
.news li{ padding-bottom:8px;}
.news li h3{ height:32px; line-height:32px; padding-top:5px;}
.news li h3 a{ font-size:14px; font-weight:normal;}
.news li h3 a:hover{ text-decoration:underline;}
.news li p{ text-indent:2em;}

 
/* current */
.current{ height:40px; line-height:40px; color:#333;}
.current, .current a{ font-size:14px;}
.current span{ color:#c00;}

/* procont */
.subprolist{ width:161px; background:#f5f5f5; border-radius:5px; margin-left:30px}
.subprotit{ width:141px; height:40px; line-height:40px; background:url(../gif/product6.gif) repeat-x left center; margin:0px auto; font-size:14px; color:#333; text-align:center;}
.subprotit strong{ background:#f5f5f5; padding:0px 6px;}
.subprolist .other_pro{ width:151px;  overflow:hidden; height:516px;  position:relative; background:url(../png/product.png) no-repeat left bottom;}
.subprolist .other_pro_con{ height:10000px;position:absolute;}
.prodlist ul{ width:140px; padding-left:15px;}
.prodlist ul li{ width:132px; height:172px; text-align:center;}
.prodlist ul li img{ width:128px; height:135px; border:1px solid #cecece;}
.prodlist ul li div{ height:35px; line-height:35px;}
.prodlist ul li div a{ font-size:14px;}
.fanye{ background:#e1e1e1 url(../gif/product3.gif) no-repeat center top;}
.fanye, .prev, .next{ height:37px;}
.prev, .next{ width:75px;}
.prev{ background:url(../gif/product2.gif) no-repeat center center;}
.next{ background:url(../gif/product.gif) no-repeat center center;}
.procontrt{ width:810px; margin-right:50px}
.subprocontlt{ width:503px;}
.subprocontlt h1{ padding:0px 0px 21px 0px; font-size:24px; font-family:"黑体"; text-align:center; color:#000; line-height:34px;}
.arrowlt{ background:url(../png/product3.png) no-repeat; margin:171px 40px 0px 0px;}
.arrowlt, .arrowrt{ width:26px; height:79px;}
.arrowlt:hover{ background:url(../png/product1.png) no-repeat;}
.subprocontlt img{ width:360px; height:410px; border-radius:5px; border:6px solid #ac0c04;}
.arrowrt{ background:url(../png/product4.png) no-repeat; margin-top:171px;}
.arrowrt:hover{ background:url(../png/product2.png) no-repeat;}
.subprocontrt, .xqtop{ width:265px;}
.subprocontrt{ padding-top:46px;}
.xqtop{ border-bottom:1px solid #ddaaaa; padding-bottom:5px; margin-top:5px;}
.xqtop td{ line-height:24px; color:#757575; vertical-align:top;}
.xqtop td span{ color:#444;}
.botton{ margin-top:15px;}
.botton li{ width:94px; height:32px; float:left; margin-right:30px;}
.bdsharebuttonbox{ width:215px; height:28px; line-height:28px; padding-top:10px;}
.collect{ width:100px; height:24px; line-height:24px;}
.collect a{ color:#c00; text-decoration:underline;}
.collect a:hover{ color:#333;}
.cpcont{ width:744px; padding-left:66px;}
.cpcont h4{ color:#000; padding-top:10px;}
.cpcont h4, .cpcont p{ font-size:14px;}
.cpcont p, .newscont, .newscont p{ line-height:30px; text-align:justify; text-justify:inter-ideograph; word-wrap:break-word; word-break:break-all;}

/* company */
.complogo, .complogo img{ width:300px; height:225px;}
.complogo{ margin:0px auto; padding:0px;}
.complogo img{ box-shadow:4px 4px 0px #bbb; margin:0px;}
.companycont{ margin-top:15px;}

/* page */
.page{ height:36px; line-height:36px; text-align:center; color:#f33; padding-top:10px;}
.page, .page a{ font-size:14px;}
.page a{ color:#c33; margin-right:6px;}
.page a:hover{ color:#630;}

 
/* zhaopincont */
.zhaopincont table{ margin-top:0px;}
.zhaopincont td, .zhaopincont h3{ font-size:14px; line-height:30px;}
.zhaopincont h3{ padding:12px 0px;}

/* links */
.links a{ font-size:14px; margin-right:12px; line-height:30px;}