﻿html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0; font-family: 'microsoft yahei'} 
body{background:#fff;}
a,a:hover{color:#333;}a:hover{color:#333;}
.p15{padding:15px;overflow:hidden;width:100%;}.p10{padding:10px;overflow:hidden;width:100%;}
.container{margin-left:auto; margin-right:auto; width:1300px;}
.fl { float:left;}
.fr { float:right;}

.header{width:100%;height:261px;background:url(../images/bg.gif)}
.htop{ height:40px;}
.htop p{ float:left;font-size:14px;color:#2b2b2b;line-height:40px;}
.htop span{ float:right;font-size:0;line-height:40px;}
.htop span a{ font-size:14px;color:#2b2b2b;padding:0 16px;border-right:1px dotted #bbb;}
.htop span .noBr{ border-right:none;}

.head_top_content{width:100%;height:142px;padding-top:13px;overflow:hidden}

.head_nav{width:100%;height:60px}
.head_nav ul li{height:60px;width:162px;float:left;line-height:60px;text-align:center;}
.head_nav ul li:hover a{background:#FE0214;color:#fff}
.head_nav ul li a{color:#fff;font-size:18px;height:60px;width:161px;float:left;line-height:60px;text-align:center}
.head_nav ul li a.active{background:#FE0214;color:#fff}

/* banner */
.banner{width:100%;height:550px;}
.banner a{display:block;background:url(../images/banner.jpg) no-repeat center;height:550px;}

#flashs{ position:relative;height:550px;overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute;top:0;}
#flashs .btn{ overflow:hidden;width:100%;text-align:center;position:absolute;left:0;bottom:28px;z-index:15555555}
#flashs .btn span{ display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;height:11px;background:#333;margin:0 2px;cursor:pointer;font-size:0;margin-right:25px;cursor:pointer;border-radius:8px;}
#flashs .btn span{ *display:inline}
#flashs .btn .cur{ background-position:left;background:#dbb966;width:40px;}


/*产品*/
.chanpin {width:100%;overflow:hidden}
.chanpin ul{width:106%;}
.chanpin li{float:left; margin-right:20px;width:218px;margin-bottom:20px;border:1px solid #EAEAEA;background:#ffffff;}
.chanpin li img{width:198px; height:198px;transition:all 1s ease-out;margin-top:10px;margin-left:10px;}
.chanpin li:hover img{transform:scale(1.1);}
.chanpin li p{ text-align:center; height:32px; margin-bottom:6px; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.chanpin li p a{font-size:14px; color:#333;}
.chanpin li div{ overflow:hidden; border-top:1px solid #EAEAEA;}
.chanpin li .fwbtn{ display:block;height:44px; line-height:44px; text-align:center; float:left;}
.chanpin li .pfzx{ width:109px; border-right:1px solid #EAEAEA;}
.chanpin li .dz{width:108px; text-align:center;}


.chanpin2 {width:100%;overflow:hidden}
.chanpin2 ul{width:106%;}
.chanpin2 li{float:left; margin-right:20px;width:233px;margin-top:20px;border:1px solid #EAEAEA;background:#ffffff;}
.chanpin2 li img{width:213px; height:213px;transition:all 1s ease-out;margin-top:10px;margin-left:10px;}
.chanpin2 li:hover img{transform:scale(1.1);}
.chanpin2 li p{ text-align:center; height:40px; margin-top:10px;line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.chanpin2 li p a{font-size:14px; color:#333;}
.chanpin2 li div{ overflow:hidden; border-top:1px solid #EAEAEA;}
.chanpin2 li .fwbtn{ display:block;height:44px; line-height:44px; text-align:center; float:left;}
.chanpin2 li .pfzx{ width:109px; border-right:1px solid #EAEAEA;}
.chanpin2 li .dz{width:108px; text-align:center;}


.chanpin3 {width:100%;overflow:hidden}
.chanpin3 ul{width:106%;}
.chanpin3 li{float:left; margin-right:30px;width:291px;margin-bottom:30px;border:1px solid #EAEAEA;background:#ffffff;}
.chanpin3 li img{width:266px; height:266px;transition:all 1s ease-out;margin-top:12px;margin-left:12px;}
.chanpin3 li:hover img{transform:scale(1.1);}
.chanpin3 li p{ text-align:center; height:40px;line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.chanpin3 li p a{font-size:14px; color:#333;}

.footer{height:368px; background:url(../images/foot.png);}
.foot .ft-contact{height:87px;padding-top:46px;margin-bottom:60px;}
.foot .ft-contact ul li{float:left;height:87px; position: relative; box-sizing: border-box;}
.foot .ft-contact ul li:before{width:1px;height:41px; background:#A09D9D; content:"";position: absolute;top:5px; right:-2px;}
.ft-contact ul li.ft1{width:380px;}
.ft-contact ul li.ft2{width:260px;padding-left:80px;}
.ft-contact ul li.ft3{width:320px;padding-left:80px;}
.ft-contact ul li.ft4{width:340px;padding-left:80px;}
.foot .ft-contact ul li.ft4:before{display: none;}
.foot .ft-contact ul li i{display: block; height:27px; line-height: 27px; padding-left:33px;font-size: 16px; color:rgba(255,255,255,0.73);}
.foot .ft-contact ul li.ft1 i{background:url(../images/ft-icon1.png) no-repeat left;}
.foot .ft-contact ul li.ft2 i{background:url(../images/ft-icon2.png) no-repeat left;}
.foot .ft-contact ul li.ft3 i{background:url(../images/ft-icon3.png) no-repeat left;}
.foot .ft-contact ul li.ft4 i{background:url(../images/ft-icon4.png) no-repeat left;}
.foot .ft-contact ul li p{line-height: 28px;font-size: 16px; color:#8D8D8D;}
.foot .ft-contact ul li.ft4 p{font-size: 22px; color:#FDD101;}
.foot .ft-bot-left{width:900px; float:left;}
.foot .ft-bot-left .bot-top{height:54px;}
.foot .ft-bot-left .bot-top span{display: block;float:left;margin-right:80px;margin-top:30px;}
.foot .ft-bot-left .bot-top span em{display: block; height:27px; line-height: 27px;font-size: 18px; color:#797979;}
.foot .ft-bot-left .bot-top span i{display: block; height: 21px; line-height: 21px;font-size: 10px; color:rgba(182,182,182,0.23);}
.foot .ft-bot-left .bot-top dt{display: block; float:left; line-height:36px;}
.foot .ft-bot-left .bot-top dt em,.foot .ft-bot-left .bot-top dt em a{display: inline-block;font-size: 14px; color:#E6E3E3;}
.foot .ft-bot-left .bot-top dt i{display: inline-block;font-size: 14px; color:#FFF;margin:0 12px;}
.foot .ft-code{float:right;}
.foot .ft-code span{display: block; width:108px;margin-left: 29px;float:left;}
.foot .ft-code span i{display: block; height:108px; line-height: 0;}
.foot .ft-code span i img{width:100%;}
.foot .ft-code span em{display: block; height:27px; line-height: 27px; background:#242424; text-align: center;font-size: 14px; color:#929292;}
    