@charset "utf-8";
/* CSS Document */
body{margin:0px auto; padding:0px; color:#333333; font-size:16px; overflow-x:hidden; font-family:"Microsoft YaHei";
}
form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px;padding:0px;}
i{ font-style:normal;}
img{margin:0px; padding:0px; border:0px; overflow:hidden;}
li{ list-style:none; padding:0; margin:0;}
ul{margin:0px;padding:0px;list-style-type:none;}
input,select{margin:0px;padding:0px;vertical-align:middle; outline:none}
a{ color:#333333; text-decoration:none; padding:0; margin:0;}
a:hover{ color:#ff0000}
.clear{font-size:0px;line-height:0px;float:none; height:0px;clear:both;overflow:hidden;}
.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}
.center{ width:1200px; margin:auto;}


/*top*/
.top{ width:100%; height:100px; background:#fff; border-bottom:2px #ff0000 solid; 
background:-webkit-linear-gradient(right, #fff , #ffc6c6) ;
background: -o-linear-gradient(right, #fff , #ffc6c6); 
background: -moz-linear-gradient(right, #fff , #ffc6c6);
background: linear-gradient(to right, #fff , #ffc6c6);}
.top h1{ float:left; padding-top:21px; padding-left:3%;}

.nav{ float:right; position:relative; z-index:1; padding-right:5%;}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; line-height:100px; font-size:17px; font-weight:normal  }
.nav .nLi h3 img{ float:left; margin-top:42px}
.nav .nLi h3 a{ display:block; padding:0 28px;color:#333; background:url(../images/nav_gx.jpg) no-repeat right center  }
.nav .on h3 a{ background:url(../images/nav_t.png) no-repeat bottom center; color:#ff0000}
.nav .sub{ display:none; width:140px; text-align:center; left:-8px; top:100px; position:absolute; background:#4E4E4E; line-height:32px; padding:10px 0px }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; color:#fff; font-size:13px}
.nav .sub a:hover{ background:#6d6d6d; color:#fff; }

/*搜索*/
.top02{float:right; padding-right:3%; margin-top:40px}
.top02_r{width:47px; }
.top02 .search_dk{width:21px; height:21px; cursor:pointer; display:block;}
.top02 .search_gb{width:21px; height:21px; cursor:pointer; display:none;}
.top02 .search02{width:88%; padding:0 6%; height:auto; background:url(../images/sousuo02.png); position:absolute; left:0px; top:100px; z-index:900; display:none;}
.top02 .search03{width:100%; height:auto; padding:15px 0px; margin:0px auto;}
.top02 .search04{width:205px; height:30px; background:#FFF; float:right; padding-left:10px;}
.top02 .search05{width:47px; height:30px; float:right;}
.top02 .in{width:100%; height:30px; line-height:30px; border:0px; display:block;}

/*轮播图*/
.slideBox{ width:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:32px; overflow:hidden; position:absolute; left:8%; bottom:18px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; background:url(../images/ico-ban1.png) no-repeat center; width:32px; height:32px; cursor:pointer;  }
.slideBox .hd ul li.on{ background:url(../images/ico-ban2.png) no-repeat; opacity:1  }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

.slideBox .prev{ position:absolute; left:3%; top:52%; display:block; width:11px; height:18px; background:url(../images/an_left.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ position:absolute; right:3%; top:52%; display:block; width:11px; height:18px; background:url(../images/an_right.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .prev:hover,.slideBox .next:hover{ opacity:1}


.sb{ background:url(../images/b.png) no-repeat top center; width:128px; height:100px; text-align:center; margin:auto; margin-top:-50px; position:relative; z-index:90}
.banner_mouse{ width:100%; background:url(../images/mouse.png) no-repeat center; position:relative; height:39px; top:30px}
.banner_mouse span{width: 12px; height: 8px; background: url(../images/mouse_arrow.png) center center no-repeat; position: absolute; left: 50%; margin-left: -6px; top:16px;}

/*公司简介*/
.sy_about{ width:100%; background:url(../images/about_bg.jpg) no-repeat top center;}
.box01{ width:1200px; margin:auto; padding-top:32px; padding-bottom:40px; background:#f4f4f4}
.box01_left{ float:left; padding-top:20px}
.box01_left h2{ font-size:50px; color:#333; font-weight:normal}
.box01_left h2 span{ display:block; font-size:24px}
.box01_left ul{ padding-top:80px}
.box01_left ul li{ float:left; font-size:36px; padding-right:48px;}
.box01_left ul li i{ display:block; font-size:12px; color:#8e98a7}
.box01_left ul li:nth-child(2){ padding-left:#e5e5e5; border-left:1px #e5e5e5 solid; padding-left:88px}

.box01_right{ float:right; width:696px; line-height:32px; font-size:16px;}
.box01_right .neirong{ height:284px; overflow:hidden; }
.more{ float:right; padding-top:30px}

/*产品展示*/
.cpzs{ width:100%;}
.cpzs ul li{ float:left; width:25%; position:relative;}
.cpzs ul li img{ width:100%; }
.cpzs ul li span{ width:100%; text-align:center; position:absolute; background:url(../images/yy_bg.png) repeat-x; line-height:160px; height:115px; overflow:hidden; font-size:24px; bottom:4px; left:0;}
.cpzs ul li a{ color:#fff;}
.cpzs ul li a:hover{ color:#cccccc}

/* SECOND ELEMENT */
.second:before {
  background-color: #E85858;
  background-image: url("../img/2.jpg");
  background-blend-mode: darken;
}

.partialBorder {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}

.partialBorder > div {
  position: absolute;
  height: 10%;
  width: 10%;
  border: 2px solid #fff;
}

.partialBorder .leftTop {
  left: 0;
  top: 0;
  border-right: none;
  border-bottom: none;
}

.partialBorder .rightTop {
  right: 0;
  top: 0;
  border-left: none;
  border-bottom: none;
}

.partialBorder .leftBot {
  left: 0;
  bottom: 0;
  border-right: none;
  border-top: none;
}

.partialBorder .rightBot {
  right: 0;
  bottom: 0;
  border-left: none;
  border-top: none;
}

.second:hover .partialBorder {
  opacity: 1;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}

.elem:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  will-change: transform, opacity;
}

.elem:hover:before {
  opacity:0.2;
}

.partialBorder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 60;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*二级大图*/
.rj_banner{ width:100%}
.rj_banner img{ width:100%}

.nav-height{ position:relative; margin-top:-2px; z-index:999}
.nav-wrap { width: 100%;height: 55px; border-bottom:1px #ececec solid; background:#fff}
.nav-wrap span{ float:right; font-size:14px; line-height:55px;}
.nav-wrap span img{ vertical-align:middle; margin-top:-4px}
.nav-wrap span i{ color:#ff0000}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;} 
.nav-wrap ul {margin: 0 auto; width: 1200px; display: block;}
.nav-wrap li { display: inline-block; text-align: left;height: 55px; line-height: 55px; float: left;}
.nav-wrap li a {display: block; padding: 0 20px;font-size:18px; color: #333; text-decoration: none;}
.nav-wrap li a:hover{color: #ff0000;}
.nav-wrap li a.active { background:#ff0000; color:#fff}

#section1{ width:1200px; margin:auto; line-height:32px; padding-top:50px; padding-bottom:50px}

#section2{ background:#f4f4f4}
.picMarquee-left{ width:1300px; margin:auto; position:relative;}
.picMarquee-left .hd .prev{ position:absolute; background:url(../images/lwft.png) no-repeat; width:40px; height:40px; left:0; top:236px; cursor:pointer}
.picMarquee-left .hd .next{  position:absolute; background:url(../images/right.png) no-repeat; width:40px; height:40px; right:0; top:236px; cursor:pointer }

.picMarquee-left .bd{ padding:55px 55px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ float:left; width:266px; padding:5px; background:#fff; border:1px #ececec solid; text-align:center; margin:10px; display:inline  }
.picMarquee-left .bd ul li img{ width:266px; height:380px;}
.picMarquee-left .bd ul li span{ display:block; font-size:18px; padding-top:15px; padding-bottom:15px}
.picMarquee-left .bd ul li:hover{ border:1px #ff0000 solid; }

#section3{ width:1200px; margin:auto; line-height:32px; padding-top:50px; padding-bottom:50px;}

.xwzx{ width:1200px; min-height:600px;}
.xwzx ul li{ width:1180px; font-size:16px; background:url(../images/icon-09.gif) no-repeat left center; padding-left:20px; height:58px; line-height:58px; border-bottom:1px #dfdfdf solid}
.xwzx ul li span{ float:right; color:#999}

/* 分页 */
#page{ font-family:"宋体";text-align:center; margin-bottom:10px; display:block; padding-top:35px}
#page a { display:inline-block; height:27px; line-height:27px; background:#fff; text-align:center; color:#333;}
#page a.a1 {width:56px;  }
#page a:hover { background:#eaeaea; color:#000; text-decoration:none }
#page span { display:inline-block; height:27px; line-height:27px; background:#ff0000; color:#fff; text-align:center;padding:0 12px}

.article{ width:1200px; margin:auto; padding-top:50px; }
.article h6{ width:100%; font-size:24px; font-weight:normal; text-align:center}
.article span{ width:100%; display:block; font-size:14px; text-align:center; padding-top:25px}
.article span i{ color:#ff0000}

.neirong1{ width:100%; line-height:28px; padding-top:40px}
.neirong1 img{ max-width:1200px}
.pre{ width:100%; padding-top:60px; padding-bottom:20px;}
.pre ul li{ width:100%; line-height:32px; font-size:16px;}

/*产品中心*/
.rj_box{ width:100%; height:100%;
background:-webkit-linear-gradient(bottom, #fff , #f2efef) ;
background: -o-linear-gradient(bottom, #fff , #f2efef); 
background: -moz-linear-gradient(bottom, #fff , #f2efef);
background: linear-gradient(to bottom, #fff , #f2efef);}
.mian{ width:1200px; margin:auto; padding-top:50px; padding-bottom:50px;}
.mian_left{ float:left; width:260px; background:#f4f4f4}
.mian_left h3{ width:260px; height:58px; line-height:58px; text-align:center; background:#ff0000; font-size:24px; color:#fff; font-weight:normal}
.mian_left ul li{ width:230px; line-height:52px; border-bottom:1px #e1e1e1 solid; font-size:18px; background:url(../images/lm_b.png) no-repeat left center; background-position:10px; padding-left:30px}
.mian_left ul li:last-child{ border-bottom:none}
.mian_left ul li.a1 a{ color:#ff0000}

.mian_right{ float:right; width:910px;}
.mbx_dh{ height:58px; line-height:58px; border-bottom:1px #e1e1e1 solid; font-size:24px}
.mbx_dh span{ float:right; font-size:14px}
.mbx_dh span img{ vertical-align:middle; margin-top:-2px; padding-right:5px}

.cpzx{ width:910px}
.cpzx ul{ padding-top:40px}
.cpzx ul li{ float:left; width:271px; padding:5px; background:#fff; border:1px #e1e1e1 solid; margin:10px; display:inherit}
.cpzx ul li:hover{  border:1px #ff0000 solid;}
.cpzx ul li img{ width:271px}
.cpzx ul li h6{ font-size:18px; text-align:center; font-weight:normal; padding-top:10px; padding-bottom:10px;}
.cpzx ul li p{ text-align:center; padding-bottom:10px}
.cpzx ul li p i{ color:#ff0000}


/*在线留言*/
.zxly{ width:600px; margin:auto; padding-top:80px; padding-bottom:80px}
.zxly p{ width:600px; margin-bottom:15px}
.zxly p label{ float:left; width:100px; padding-right:10px; line-height:34px; text-align:right;}
.zxly p select{ width:270px; height:34px; line-height:34px; border:1px #dddddd solid}
.zxly p .duan1{ width:450px; height:34px; line-height:34px; border:1px #dddddd solid; padding-left:10px}
.zxly p .duan2{ width:450px; height:234px; line-height:34px; border:1px #dddddd solid; padding-left:10px}
.zxly .tijiao{ width:120px; height:34px; line-height:34px; background:#ff0000; color:#fff; border-radius:5px; border:none; cursor:pointer; margin-left:110px; font-size:18px}

/*联系我们*/
.lxwm{ width:1200px; margin:auto; padding-top:60px; padding-bottom:60px}
.lxwm h2{ font-size:28px; font-weight:normal; padding-bottom:20px; padding-top:15px}
.lxfs{ width:100%; line-height:34px; font-size:18px}

/*底部*/
.foot{ width:100%; background:#fff; padding-top:50px; border-top:4px #ff0000 solid; margin-top:-3px}
.foot ul{ float:left; padding-bottom:50px}
.foot ul li{ float:left; width:165px; padding-left:38px; border-right:1px #e9e9e9 solid}
.foot ul li:nth-child(2){ width:208px}
.foot ul li h2{ font-size:18px; font-weight:normal; margin-bottom:12px}
.foot ul li:last-child{ border-right:none}
.foot ul li p{ font-size:14px; line-height:32px;}

.WeChat{ float:left; width:122px; text-align:center}
.WeChat span{ display:block; font-size:14px; padding-top:5px}

.phone{ float:left; padding-left:80px; padding-top:90px }
.phone_top {width:300px; font-size:20px; color:#fe0000}
.phone_top img{ float:left; padding-right:10px; padding-top:3px}
.phone_top span{ display:block; font-size:14px; font-weight:bold; color:#333}

.phone_bottom{ font-size:14px; margin-top:12px;}
.phone_bottom img{ vertical-align:middle; margin-top:-2px; margin-right:5px}

.foot_bottom{ width:100%; height:44px; line-height:44px; font-size:14px; color:#666666; border-top:1px #e9e9e9 solid}
.foot_bottom a{ float:right}