body{margin:0; padding:0; border:0}
*{margin:0; padding:0; font-family:"微软雅黑"; font-size:12px}
a{outline:none; color:#333; font-size:14px} /*for Firefox*/
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{ border:0}
li{ list-style-type:none}


#main{ width:100%;height:auto;min-width:1200px; }
#logo{ width:100%; height:100px;background:url(../images/logo.png) no-repeat center; margin:0 auto; min-width:1200px}
#nav{ width:100%; height:42px; border-top:#DFDFDF 1px solid; min-width:1200px; border-bottom:#DFDFDF 1px solid; margin-bottom:8px}
#nav ul{ width:1120px; height:42px; margin:0 auto;}
#nav ul li{ width:11%; float:left;display:inline-block; height:47px; text-align:center;}
#nav ul li a{ line-height:42px; color:#000000; font-size:16px}
/*#nav ul li:hover{ background:#FC5709;
transition:0.2s;
-moz-transition:0.2s;
-webkit-transition:0.2s;
-o-transition:0.2s;}*/
/*#nav ul li a:hover{ color:#f90}*/
#nav ul li ul{ display:none;position:absolute; z-index:1000}
#nav ul li:hover ul{display:block; position:relative; width:93px; height:auto; z-index:2000; left:0; display:inline-table; padding-top:7px;
transition:0.2s;
-moz-transition:0.2s;
-webkit-transition:0.2s;
-o-transition:0.2s;}
#nav ul li ul li:hover{background:#FC5709!important; }
#nav ul li ul li{ width:93px; height:40px;background:#000!important; float:left;display:block; overflow:hidden;
filter:alpha(opacity=80);   
      -moz-opacity:0.8;   
      -khtml-opacity: 0.8;   
      opacity: 0.8; }
#nav ul li ul li a{color:#fff; height:40px; line-height:40px; }









#nav1{ width:100%; height:58px; background:#222C50; min-width:1329px;}
#nav1 ul{ width:991px; height:58px; margin:0 auto;overflow:hidden}
#nav1 ul li{ width:165px; float:left; display:inline; height:58px; text-align:center;}
#nav1 ul li a{ line-height:58px; color:#696969; font-size:17px; color:#FFF}

#product{ width:100%; height:747px;min-width:1200px;display:inline-block}
#product2{ width:1200px;height:615px;min-width:1200px;}
#prd_left{ width:500px; height:615px;overflow:hidden; float:left; display:inline-block}
#pin{ width:100%; height:75px;text-align:left;display:inline-block}
#pin span{ width:117px; font-size:18px; color:#000000;}
#hz{ border-bottom:#1b1b1b 1px solid;height:40px;line-height:50px;letter-spacing:4px}
#en{ border-top:#1b1b1b 1px solid;height:40px;line-height:25px;letter-spacing:1px}
#pin:hover span{ color:#f60}
#pin:hover #hz { border-bottom:#f90 1px solid;}
#pin:hover #en { border-top:#f90 1px solid;}
#procon{ float:left; text-align:left;display:inline-block; width:100%; height:315px;}
#procon p{ font-size:14px; color:#000000; line-height:30px;}

#prd_rigjt{width:690px; height:613px;overflow:hidden; float:right; display:inline-block; text-align:left}
#prd_rigjt span{ float:left;}
.scale img{-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;}
.scale:hover img{
-moz-transform:scale(1.14);
-webkit-transform:scale(1.14);
-o-transform:scale(1.14);
}
.b2:hover img{ -moz-transform:scale(1.3);
-webkit-transform:scale(1.3);
-o-transform:scale(1.3);}

.to{ margin-top:15px}
.bot{ margin-top:18px}
.b2{ margin-left:18px}






#foot{ width:100%; height:auto; min-width:1200px;}

#company{ width:100%;min-width:1203px; height:816px;margin:0 auto;text-align:center; background:url(../images/08.jpg)}
#productcon1{width:1206px;margin:0 auto;text-align:center;height:816px;}



#box ul li{ width:632px; height:113px; margin:0 auto;margin-top:30px}
#box ul li dl{ width:105px; height:111px;float:left; display:inline-block; position:relative;}
#box ul li dl dd{ position:absolute; top:0; left:0; z-index:10}
#box ul li dl dd img{-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;}
#box ul li dl:hover dd img{-moz-transform:rotate(360deg) scale(1.3);
-webkit-transform:rotate(360deg) scale(1.3);
-o-transform:rotate(360deg) scale(1.3);}

#box ul li dl dt{ position:absolute; bottom:0; z-index:100; width:100%; height:30px; line-height:30px; text-align:center; color:#626161;}
#box ul li dl:hover dt{ color:#f90; font-size:13px;transition-delay:0.1s;}








.zf{width:1203px; height:480px; margin:0 auto;}
.zf1{ float:left; display:inline-block;}
.zf2{ float:right; display:inline-block}







#shop{ width:100%; min-width:1200px; height:auto;display:inline-block}
#shopt{ width:1200px; height:91px; margin:0 auto; text-align:center;}
#shopcon{ width:100%; height:auto; margin-top:15px}
#shopcon dl{ width:16.6%; height:auto; float:left; display:inline-block; position:relative}
#shopcon dl dd { width:100%; height:auto; position:relative; top:0; left:0; z-index:100}
#shopcon dl dd img{ width:100%; height:auto}
#shopcon dl dt{width:100%; height:60%; position:absolute; top:25%; left:0; z-index:1000; background:#000; text-align:center;
-moz-transition:transform 0.8s;
-webkit-transition:transform 0.8s;
-o-transition:transform 0.8s;
filter:alpha(opacity=0);
-moz-opacity:0;
-webkit-opacity: 0;
opacity: 0;}
#shopcon dl:hover dt{transform:translateY(-40px);
filter:alpha(opacity=60);
-moz-opacity:0.60;
-webkit-opacity:0.60;
opacity:0.60;
}
#shopcon dl dt span{ color:#FFF; }
.hh{font-size:23px; height:50px; line-height:50px; display:block}
.hhp{font-size:14px;width:90%;line-height:25px; display:block; margin:0 auto; text-align:left;letter-spacing:1px; margin-top:10px; max-height:77px; height:77px; overflow:hidden}
.hhk{font-size:14px;width:60%;border:#FFF 1px solid;line-height:25px; display:block; margin:0 auto; text-align:left; margin-top:10px; text-indent:15px; background:url(../images/j.png) no-repeat 90% 10px}

#fu{ width:950px;height:105px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
#fu dl{width:306px;height:103px; float:left; display:inline-block; margin-right:15px; text-align:left}


#productcon{width:1200px; height:auto; margin:0 auto;text-align:center;}


#productcon dl{ width:221px; height:165px; float:left; display:inline; margin-right:33px; transition:0.8s;}
#productcon dl dd{ position: relative; z-index:100}

#productcon dl #hong{ display:none}
#productcon dl:hover{transform:translateY(-20px)}
#productcon dl:hover dt{ background:#DA0C0C}
#productcon dl:hover #hong{ display:block;width:208px; height:153px; border:#F00 1px solid; position: absolute; z-index:1000; top:-15px; left:-16px}

#productcon dl dt{ height:32px; line-height:32px; color:#FFF; background:#222C50}
#productcon dl dd img{ width:221px;height:165px;}

#productcon span{ display:block}





#comimg{ width:353px; height:272px;float:left; display:inline}
#comimg img{ float:left; display:inline; position:absolute; z-index:100}
#hong{ width:331px; height:250px; border:#DD1F1F 2px solid; float:left; display:inline; position:relative; margin-top:20px; margin-left:22px}
#comcon{ width:601px; height:272px;float:left; display:inline; margin-left:32px; overflow:hidden}
#comtent{ width:601px; height:178px; }
#comtent p{ line-height:28px; text-indent:28px; font-size:14px; color:#222222; letter-spacing:1px}

.more{ width:100px; height:30px;text-align:center; border:#000 1.8px solid; float:right; margin-right:10px; background:url(../images/04.jpg) no-repeat 80px 11px}
.more a{ line-height:30px; color:#000; font-size:14px}
.more:hover a{color:#F90;}
.more:hover{border:#F90 1.8px solid; background:url(../images/05.jpg) no-repeat 80px 11px}








#footer{ width:100%; height:46px; background:#eeeeee; min-width:1200px}
#footcon{ width:1200px;height:auto; margin:0 auto}
#footcon p{ text-align:center; height:46px; line-height:47px; color:#373737; font-size:14px; letter-spacing:0.8px}
#footcon span{ font-size:13px;}




.content02{width:1120px; margin:20px auto 0 auto; height:auto; display:table; margin-bottom:18px}
.blk_t2{ background:url(../images/blk_t1.jpg) left center no-repeat; padding-left:30px; height:50px; line-height:50px; border-bottom:1px solid #e1e1e1; font-size:18px; font-weight:normal;}
.blk_t2 span{ display:block; float:right; font-size:14px; color:#e1e1e1e;}
.blk_t1{ height:50px; line-height:50px; background:#000; font-weight:normal; color:#fff; /*padding-left:30px;*/ text-align:center; font-size:18px}
.left{ width:280px; float:left;}
.main-left{ background:#e1e1e1; padding:15px 0;}
.main-left li{ height:35px;}
.main-left li a{ display: block;text-align:center; line-height:35px; font-size:16px; color:#333}
.main-left li a:hover{ background:url(../images/hover1.png); color:#ed6c45;}
.contact1{ background:#e1e1e1; margin-top:35px;}
.contact1 p{ font-size:14px; line-height:30px; padding:0 10px;}
.contactnr{ padding:10px 0;}
.contactnr p{ color:#333}

.right{ width:810px; float:left; margin-left:22px;}
.content1{ width:810px; height:auto; display:table; padding:15px 10px;}
.content1 p{ text-indent:24px; line-height:35px; letter-spacing:1px; font-size:14px;}

/*内页样式*/
/*以下是新闻列表页*/
.list01 li{ height:35px; border-bottom:1px dashed #ccc;}
.list01 li a{ display:block; width:572px; float:left; line-height:35px; font-size:14px}
.list01 li span{ display:block; width:100px; float:right; line-height:35px;}
.list01 li a:hover{ color:#900;}
.list01 li:hover span{ color:#900;}

/*以下是产品列表页*/
.content1 dl{ width:205px; float:left; margin-left:20px; margin-top:20px; height:184px}
.content1 dl dd img{ width:100%; height:148px}
.content1 dl dt{ text-align:center; line-height:35px;}
.content1 dl dt a:hover{ color:#c0192a;}

/*以下是产品详情页*/
.probox img{ }
.prointr h2{ font-weight:normal; font-size:18px; border-bottom:1px solid #ccc; line-height:36px;}
.prodetails a:hover{ color:#900;}

/*以下是分页*/
.sub_dede_pages {width:94%; height:auto;padding:5% 0; margin-left:3%; display:table; }
.sub_dede_pages ul {width:200px;height:auto; display:table; /*margin:0 auto;*/ float:right; padding:0; text-align:center;/* display:inline;*/}
.sub_dede_pages ul li {width:auto; margin:0; padding:0; float:left; display:inline;font-size:12px;color:#666;margin-right:1%; }
.sub_dede_pages ul li a {width:auto; padding:3px 8px; display:block; background:#000; color:#FFFFFF; }

/*以下是留言板*/
.useript{ background-color: white; border-color: #CCCCCC #E2E2E2 #E2E2E2 #CCCCCC; border-style: solid; border-width: 1px;  box-shadow: 1px 2px 3px #F0F0F0 inset; overflow: hidden; padding: 10px 0 8px 8px; vertical-align: middle; height:12px;}
#guestsmt{ width:600px; padding:30px 0 30px 10px;}
.guestinfo{ width:60%; height:80px; margin-bottom:15px; margin-top:6px;}
#guestsmt p{ width:97%; margin:8px 0; padding:0;}
#guestsmt span{ font-family:"微软雅黑"; font-size:14px; float:left;}
.usertel{height:20px; width:60%; margin-right:20px;}
.userbtn{ padding:0.2em 0.8em; font-family:"微软雅黑"; font-size:16px; border:none; cursor:pointer;}
.usersbmt{ background:#000; border-radius:5px; color:#fff; margin-top:15px; width:80px; height:35px; margin-left:230px;}

/*选项卡*/
.hide{display: none}
#box{width:1206px; height:632px; margin: 0 auto;}  
#box>ul{ width:632px;height:148px;margin:0 auto}  
#box>ul>li{width: 105px;height: 111px;float: left;text-align: center;line-height: 111px;cursor: pointer; margin-right:26px}
.xian{height:111px!important;  color:#f00}
#nei{width:1205px;height:486px; margin-top:30px}
#pro img{float: left; border:1px solid #f0f; margin-left:10px;}