@charset "utf-8";
/* CSS Document */
html, body {
  padding:0;
  margin:0;
  height:100%;
  font-size:14px;
  font-family:"微软雅黑";
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#616161; font:12px/20px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; background:#fff; /* overflow-y:scroll;*/ }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
 
a{ color:#fff; text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
 
a:hover, a:active, a:focus { color:#ff8400; text-decoration:none; }

.main{ width:1200px; margin:0 auto;position: relative;}
.fl{ float:left;}
.fr{ float:right;}

.head-top{ width:100%; height:39px; border-bottom:1px solid #c9c9c9; overflow:hidden;}
.head-top p{ font-size:14px; color:#808385; line-height:46px; padding-left:20px;}
.head-top p a{color:#808385; }
.head{ width:100%; height:150px; overflow:hidden;}
.logo{ display:block; margin-top:40px;}
.share{ width:250px; height:65px; overflow:hidden; margin-top:43px;}
.share .ss{ width:204px; height:22px; float:right; border:1px solid #bfbfbf; margin-bottom:13px;}
.share .ss input{ width:168px; height:22px; padding:0 5px; display:block; border:none;}
.share .sh{ width:250px; height:26px; overflow:hidden;}
.share .sh .sh-txt{ width:151px; overflow:hidden;}
.share .sh .sh-txt a{ font-size:14px; color:#333; line-height:24px; float:left; display:block; border-right:1px dashed #ccc; padding:0 5px;}
.br0{ border-right:none !important;}
.share .sh .sh-img{ width:93px; height:26px; overflow:hidden;}
.share .sh .sh-img a{ width:26px; height:26px; padding:0; float:left; display:block; margin:0 0 0 5px; line-height:22px;}
.menu{ width:100%; height:50px; background-color:#d90321;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:50px; line-height:50px; background:#d90321;  position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; width:200px;  }
.nav .nLi h3{ text-align:center; }
.nav .nLi h3 a{ display:block; font-size:14px; font-weight:bold; text-align:center; line-height:14px; margin:18px 0; border-right:1px solid #FFF;}
.nav .sub{ display:none; width:200px; left:0; top:50px;  position:absolute; background:#d90321;  line-height:30px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a:hover{ background-color:#9b0016;}
.nav .sub a{ display:block; padding:0 10px; text-align:center; line-height:30px; font-size: 14px; }
.nav .nLi:hover{ background:#9b0016;}
.nav .nLi.on{ background:#9b0016;}
.nav .nLi.on h3 a{ border-right: none !important;}
.banner{ width:100%; height:447px; margin:0 auto; overflow:hidden;}
.slideBox{ width:100%; height:447px; overflow:hidden; position:relative; }
.slideBox .hd{ height:5px; overflow:hidden; position:absolute; left:50%; margin-left:-120px; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 10px;  width:60px; height:6px;background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#000;}
.slideBox .bd{ position:relative;z-index:0; width:100%; height:447px;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{ display:block;}
.slideBox .bd li a img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.index-about{ width:100%; height:442px; overflow:hidden;}
.index-about .img{ width:439px; height:295px; margin-top:65px; border:1px solid #bfbfbf; overflow:hidden;}
.big{ transition:500ms;}
.big:hover{transform:scale(1.1)}
.index-about .txt{ width:688px; height:442px; overflow:hidden; margin-top:65px;}
.index-about .txt h3{ font-size: 24px; line-height:24px; color:#cb0c18; position:relative;}
.index-about .txt h3 span{ font-size:15px; line-height:16px; color:#333; font-weight:normal; margin-top:10px; display:block;}
.index-about .txt h3 .more{ font-size:14px; font-weight:normal; color:#7c7c7c; line-height:18px; background:url(../images/index-more.png) no-repeat center left; padding-left:12px; position:absolute; top:20px; right:10px; display:block;}
.index-about .txt p{ font-size:14px; color:#000; line-height:24px; margin:23px 0;}
.index-about .txt ul{ width:688px;}
.index-about .txt ul li{ float:left;}
.index-01{ width:100%; position:relative; height:218px; overflow:hidden;}
.index-01 img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.index-pro{ width:100%; margin:0 auto; overflow:hidden;}
.index-pro h3{ font-size:24px; color:#000; line-height:30px; text-align:center; position:relative; margin:40px auto 0;}
.index-pro h3 i{ width:26px; height:26px; display:inline-block; margin-right:10px;}
.index-pro h3 p{ font-size:24px; color:#000; line-height:30px; display:inline-block; font-weight:normal;}
.index-pro h3 span{ font-size:20px; color:#ccc; line-height:36px; text-align:center; font-weight:normal; display:block;}
.index-pro h3 .line{ width:100%; text-align:center; line-height:20px;}
.index-pro h3 .more{ font-size:14px; font-weight:normal; color:#7c7c7c; line-height:18px; background:url(../images/index-more.png) no-repeat center left; padding-left:12px; position:absolute; bottom:10px; right:10px; display:block;}
.index-pro ul{ width:1200px; margin:40px auto 0; overflow:hidden;}
.index-pro ul li{ width:272px; height:272px; float:left; margin:0 13px 18px; border:1px solid #6f0900; overflow:hidden;}
.index-pro ul li .img{ width:272px; height:191px; overflow:hidden;}
.index-pro ul li .txt{ width:272px; height:51px; padding:15px 0; background-color:#cb0000;}
.index-pro ul li .txt p{ font-size:13px; color:#FFF; line-height:25px; font-weight:bold; padding-left:10px;}
.index-pro ul li .txt p span{ font-weight:normal; color:#ffc8c8;}
.index-pro .pro-more{ width:1200px; height:28px; background-color:#999; overflow:hidden; margin-top:69px; display:block; text-align:center;}
.index-pro .pro-more i{ width:18px; height:18px; display:inline-block; margin:5px;}
.index-pro .pro-more p{ font-size:14px; color:#FFF; line-height:28px; display:inline-block;}
.index-pros{ width:100%; margin:0 auto 75px; overflow:hidden;}
.index-pros h3{ font-size:24px; color:#000; line-height:30px; text-align:center; position:relative; margin:80px auto 0;}
.index-pros h3 i{ width:29px; height:29px; display:inline-block; margin-right:10px;}
.index-pros h3 p{ font-size:24px; color:#000; line-height:30px; display:inline-block; font-weight:normal;}
.index-pros h3 span{ font-size:20px; color:#ccc; line-height:36px; text-align:center; font-weight:normal; display:block;}
.index-pros h3 .line{ width:100%; text-align:center; line-height:20px;}
.index-pros h3 .more{ font-size:14px; font-weight:normal; color:#7c7c7c; line-height:18px; background:url(../images/index-more.png) no-repeat center left; padding-left:12px; position:absolute; bottom:10px; right:10px; display:block;}
.index-pros .txt{ width:1090px; margin:30px auto; font-size:16px; color:#5d5d5d; line-height:30px; text-indent:2em;}
.index-pros ul{ width:1200px; margin:0 auto; overflow:hidden;}
.index-pros ul li{ width:240px; float:left; overflow:hidden; text-align:center;}
.index-pros ul li p{ font-size:20px; line-height:50px; color:#000;}
.bottom{ width:100%; height:330px; background-color:#dbdbdb; overflow:hidden;}
.bottom h3{ font-size:16px; color:#717171; line-height:15px; margin-bottom:20px; font-weight:normal;}
.bottom .part1{ width:157px; float:left; margin:60px 95px 0 166px;}
.bottom .part1 li{ font-size:14px; color:#717171; line-height:13px; margin-bottom:11px; background:url(../images/botli.png) no-repeat center left; padding-left:18px;}
.bottom .part2{ width:230px; margin:60px 110px 0 0; float:left;}
.bottom .part2 .input_css{ width:150px; height:22px; border:none; border-radius:3px; padding:0 5px; margin-bottom:9px; background-color:#cdcdcd; font-size:14px; color:#a9a9a9; line-height:22px;}
.bottom .part2 .textarea_css{ width:220px; height:54px; border:none; border-radius:3px; padding:0 5px; margin-bottom:9px; background-color:#cdcdcd; font-size:14px; color:#a9a9a9; line-height:22px;}
.bottom .part2 .sub_css{ width:74px; height:28px; border:none; border-radius:3px; background-color:#b60000; font-size:14px; color:#FFF; line-height:28px; text-align:center;}
.bottom .part2 .sub_css:hover{ background-color:#F00;}
.bottom .part3{ width:190px; margin:60px 80px 0 0; float:left;}
.bottom .part3 p{ font-size:14px; line-height:24px; color:#717171;}
.bottom .part4{ width:120px; margin:55px 0 0 0; float:left;}
.bottom .part4 h4{ font-size:16px; color:#717171; line-height:16px; font-weight:normal; text-align:center;}
.bottom .part4 h4 span{ font-size:12px; color:#717171; line-height:12px; text-align:center; font-weight:normal; display:block; margin:20px auto 8px;}
.bottom .part4 img{width: 120px;}
.bot{ width:100%; height:48px; background-color:#8a0013; overflow:hidden;}
.bot p{ font-size:14px; color:#FFF; line-height:48px;}
.bot p a:hover{ font-weight:bold;}

.about-banner{ width:100%; height:350px; overflow:hidden; background:url(../images/about-banner.jpg?v=1) no-repeat center;}
.about{ width:100%; margin:0 auto 100px; overflow:hidden;}
.area{ width:1160px; height:38px; background-color:#f5f5f5; overflow:hidden; margin:32px auto 0;}
.area p{ font-size:14px; color:#434040; line-height:38px; padding-left:20px; background:url(../images/area.png) no-repeat center left; margin-left:15px;}
.area p span{ color:#d70922;}
.about h3{ font-size:24px; color:#000; line-height:30px; text-align:center; position:relative; margin:35px auto 0;}
.about h3 p{ font-size:30px; color:#000; line-height:30px; display:inline-block; font-weight:normal;}
.about h3 span{ font-size:20px; color:#ccc; line-height:36px; text-align:center; font-weight:normal; display:block;}
.about h3 .line{ width:100%; text-align:center; line-height:20px;}
.menu2{ width:1100px; height:60px; border-bottom:1px dashed #c9b2a1; margin:0 auto;}
.menu2 a{ width:110px; height:18px; float:left; font-size:18px; line-height:18px; color:#6b7377; text-align:center; margin:21px auto; border-right:1px solid #c9b2a1; display:block;}
.menu2 a.on{ color:#d70922;}
.about .txt{ width:1100px; margin:0 auto; overflow:hidden;}
.about .txt h4{ font-size:22px; color:#d70922; line-height:40px; margin-top:30px; text-indent:2em; text-align:left;}
.about .txt p{ font-size:16px; color:#1e231c; line-height: 38px; text-indent:2em;}
.about .txt .img{ background-color:#ededed; padding:5px; margin:30px auto 0; width:1020px;}
.about .txt .img img{ margin:0 auto; display:block;}

.pros-banner{ width:100%; height:350px; overflow:hidden; background:url(../images/pros-banner.jpg?v=1) no-repeat center;}
.pros{ width:100%; margin:0 auto 220px; overflow:hidden;}
.pros h3{ font-size:24px; color:#000; line-height:30px; text-align:center; position:relative; margin:35px auto 0;}
.pros h3 p{ font-size:30px; color:#000; line-height:30px; display:inline-block; font-weight:normal;}
.pros h3 span{ font-size:20px; color:#ccc; line-height:36px; text-align:center; font-weight:normal; display:block;}
.pros h3 .line{ width:100%; text-align:center; line-height:20px;}
.pros .txt{ width:812px; margin:90px auto 60px;}
.pros .txt h4{ font-size:30px; color:#797878; line-height:40px; margin-bottom:10px;}
.pros .txt p{ font-size:16px; color:#000; line-height:30px; text-indent:2em;}
.pros .txt p span{ color:#d00000;}
.pros .img{ width:100%; height:520px; margin:0 auto; overflow:hidden; background-color:#efefef;}
.pros ul{ width:1200px; height:488px; margin:16px auto;}
.pros ul li{ width:300px; height:244px; float:left;}

.ry{ width:1116px; margin:65px auto;}
.ry ul{ margin:0 auto; overflow:hidden;}
.ry ul li{ width:372px; height:444px; overflow:hidden;float:left;}
.ry ul li .honorimg{ width:362px; height:382px; border:1px solid #676767; background-color:#f6f6f6; margin:0 4px;}
.ry ul li .honorimg img{ margin:0 auto; display:block;}
.ry ul li .honorname{ font-size:18px; color:#000; line-height:60px; text-align:center;}
.page {
  margin:50px auto;
  text-align: center;
  font-size: 14px;
}
.page a {
  border: #e3e3e3 solid 1px;
  padding: 3px 10px;
  color: #d60000;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.page a:hover,
.page a.active {
  color: #fff;
  background-color: #d60000;
}
.page a.disabled {
  color: #d60000;
  background-color: #fff;
}

.contact-banner{ width:100%; height:350px; overflow:hidden; background:url(../images/contact-banner.jpg) no-repeat center;}
.contact{ width:100%; margin:0 auto 95px; overflow:hidden;}
.contact h3{ font-size:24px; color:#000; line-height:30px; text-align:center; position:relative; margin:35px auto 0;}
.contact h3 p{ font-size:30px; color:#000; line-height:30px; display:inline-block; font-weight:normal;}
.contact h3 span{ font-size:20px; color:#ccc; line-height:36px; text-align:center; font-weight:normal; display:block;}
.contact h3 .line{ width:100%; text-align:center; line-height:20px;}
.contact .txt{ width:1070px; margin:75px auto 0;}
.contact .list{ width:400px;}
.contact .list .con-logo{ margin:-20px 0 30px;}
.contact .list p{ font-size:16px; color:#4d4d4d; line-height:24px; padding-left:26px; margin:10px 0;}
.contact .list p.i1{ background:url(../images/con-i1.png) no-repeat left top 3px;}
.contact .list p.i2{ background:url(../images/con-i2.png) no-repeat left top 3px;}
.contact .list p.i3{ background:url(../images/con-i3.png) no-repeat left top 3px;}
.contact .list p.i4{ background:url(../images/con-i4.png) no-repeat left top 3px;}
#dituContent{ width:600px; height:350px; overflow:hidden;}

.sale-banner{ width:100%; height:350px; overflow:hidden; background:url(../images/sale-banner.jpg) no-repeat center;}
.sale{ width:100%; margin:0 auto 280px; overflow:hidden; position:relative;}
.sale h3{ font-size:24px; color:#000; line-height:30px; text-align:center; position:relative; margin:35px auto 0;}
.sale h3 p{ font-size:30px; color:#000; line-height:30px; display:inline-block; font-weight:normal;}
.sale h3 span{ font-size:20px; color:#ccc; line-height:36px; text-align:center; font-weight:normal; display:block;}
.sale h3 .line{ width:100%; text-align:center; line-height:20px;}
.sale .txt{ width:980px; margin:115px auto 0;}
.sale .txt h4{ margin-bottom:50px;}
.sale .txt .img{ margin:0 auto; display:block;}

.menu3{ width:140px; position:fixed; top:30%; left:0; z-index:999;}
.menu3 ul{ border-top:1px dashed #868686;}
.menu3 li{ width:140px; height:40px; background-color:#f3f3f3; border-bottom:1px dashed #868686;}
.menu3 li p{ font-size:12px; color:#000; line-height:40px; padding-left:20px;}
.menu3 li p span{ display:none;}
.menu3 li.on{ width:140px; height:55px; background-color:#e10202; overflow:hidden; border-bottom:none;}
.menu3 li.on p{ font-size:18px; color:#FFF; line-height:24px; padding-left:10px; margin-top:7.5px;}
.menu3 li.on p span{ font-size:12px; color:#FFF; line-height:16px; display:block;}
.menu3 li:hover{ width:140px; height:55px; background-color:#e10202; overflow:hidden; border-bottom:none;}
.menu3 li:hover p{ font-size:18px; color:#FFF; line-height:24px; padding-left:10px; margin-top:7.5px;}
.menu3 li:hover p span{ font-size:12px; color:#FFF; line-height:16px; display:block;}

.pro-banner{ width:100%; height:342px; overflow:hidden; background:url(../images/pro-banner.jpg) no-repeat center;}
.pro{ width:100%; margin:0 auto 100px; min-height:600px; overflow:hidden; position:relative;}
.pro h3{ font-size:24px; color:#000; line-height:30px; text-align:center; position:relative; margin:35px auto 0;}
.pro h3 p{ font-size:30px; color:#000; line-height:30px; display:inline-block; font-weight:normal;}
.pro h3 span{ font-size:20px; color:#ccc; line-height:36px; text-align:center; font-weight:normal; display:block;}
.pro h3 .line{ width:100%; text-align:center; line-height:20px;}
.pro .product{ width:1120px; margin:40px auto 0; overflow:hidden;}
.pro .product li{ width:258px; height:258px; float:left; margin:0 10px 20px; border:1px solid #6f0900; overflow:hidden;}
.pro .product li .img{ width:258px; height:177px; border-bottom:1px solid #6f0900; overflow:hidden;}
.pro .product li .txt{ width:258px; height:50px; padding:15px 0; background-color:#d5d5d5;}
.pro .product li .txt p{ font-size:14px; color:#4a4a4a; line-height:25px; font-weight:bold; padding-left:10px;}
.pro .product li .txt p span{ font-weight:normal; color:#4a4a4a;}
.pro .product li:hover .txt{ width:258px; height:50px; padding:15px 0; background-color:#cb0000;}
.pro .product li:hover .txt p{ font-size:13px; color:#FFF; line-height:25px; font-weight:bold; padding-left:10px;}
.pro .product li:hover .txt p span{ font-weight:normal; color:#ffc8c8;}
.pro .list{ width:1083px; border:1px solid #e0e0e0; padding-bottom:50px; margin:50px auto;}
.pro .list img{max-width: 100%;}
.pro .list h4{ width:1083px; height:43px; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8; position:relative;}
.pro .list h4 p{ width:110px; height:43px; position:absolute; top:-1px; left:42px; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-top:2px solid #e10202; font-size:14px; color:#e10202; line-height:42px; text-align:center; background-color:#FFF;}
.pro .list table{ margin:42px auto; line-height:34px; text-align:center;}
.pro .list .title{ font-size:14px; color:#333; line-height:40px; text-align:center;}
.proview{width:930px; line-height:24px; margin:40px auto; }
.proview dl{ width:100%; padding-top:10px;}
.proview dt{ width:440px; margin-right:20px; float:left;text-align:center;}
.proview dd{ width:460px; float:right;}
.proview dd h4{ font-size:20px; color:#e10202; line-height:40px; text-align:center; border-bottom:1px dashed #c9b2a1;}
.proview dd img{ margin:0 auto; display:block;}
.proview-title{ padding:0 20px; height:34px; line-height:34px; border-radius:5px; background-color:#eee; font-size:16px; font-weight:bold; color: #1D4B96; border-left:#1d4b96 solid 4px;}
.proview-cotent{ padding:20px;}
.jqzoom{position:relative;padding:0; border:1px solid #e3e3e3;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../image/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative;  margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:0;}
.proview-pic{ float:none; text-align:center; width:440px;}
.jqzoom{ width:440px; height:294px; position:relative; overflow:hidden;}
.zoomdiv{ left:50%; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:440px; height:80px; padding-top:10px; overflow:hidden;}
#spec-left{ background:url(../image/left.gif) left no-repeat; width:10px; height:74px; float:left; cursor:pointer; padding-top:15px;}
#spec-right{background:url(../image/right.gif) left no-repeat; width:10px; height:74px; float:left;cursor:pointer; padding-top:15px;}
#spec-list{ width:412px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:82px;}
#spec-list ul li img{ border:1px solid #ccc; width:72px; height:72px;}