@charset "utf-8";

/*reset*/
body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {
  margin: 0;  padding: 0;  font-family: "Microsoft Yahei", "宋体";  /*font-family:"FZZHUNYSK","微软雅黑","宋体";*/
  font-size: 14px;  color: #333;}
table {  border-collapse: collapse;  border-spacing: 0;}
fieldset,img,button { border: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal;}
ol,ul { list-style: none;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
q:before,q:after { content: '';}
abbr,acronym { border: 0;}
a { text-decoration: none; color: #666;}
a:hover { color:#ea3123;}
body { background: #fff; z-index: 0;}

/* common */
.commonWrap { width: 100%; clear: both;}
.commonW1200 { width: 1200px;}
.pad70 { padding: 70px 0;}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mc { margin: 0 auto;}
.w1200 { width: 1200px;}
.relative { position: relative;}
.absolute { position: absolute}
.fl { float: left}
.fr { float: right}
.center { text-align: center}
.borderBox { box-sizing: border-box;}
.cl { clear: both;}


/* ------------------------------------------------------首页-------------------------------------------------------- */

/* 页头*/
.topWrap{ width: 100%; height: 35px; background-color: #2e3a4b;}
.topWrap .top{ width: 1200px; height: 100%; line-height: 35px;}
.topWrap .top .topleft{ width: 300px; height: 100%; color: #fff;}
.topWrap .top .topright{ width: 172px; height: 100%;}
.topWrap .top .topright img{ margin-top: 6px; float: left;}
.topWrap .top .topright i{float: left; margin-left: 5px; color: #fff; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: 600;}
/* 导航 */
.headerWrap{ width: 1200px; height: 110px;}
.headerWrap .toplogo{ width: 381px; height: 60px; padding-top: 33px;}
.headerWrap .navWrap { width: 765px; height: 32px; margin-top: 40px;}
.headerWrap .nav { height: 100%; position: relative; z-index: 1;}
.headerWrap .nav .nLi { float: left; position: relative; display: inline; line-height: 32px;}
.headerWrap .nav .nLi h3 a { display: block; width: 94px; height: 32px;  font-size: 15px; text-decoration: none; text-align: center;}
.headerWrap .nav .on h3 a { background-color: #a11e26; border-radius: 20px; color: #fff;}
.headerWrap .nav .sub { display: none; width: 132px; left: -15px; top: 35px; position: absolute; background-color: rgba(255, 255, 255, 0.85);
  line-height: 38px;}
.headerWrap .nav .sub li { zoom: 1;}
.headerWrap .nav .sub a { display: block; text-align: center; font-size: 14px; color: #666;}
.headerWrap .nav .sub a:hover { background: rgba(27, 85, 119, 0.5); color: #fff;}

/*banner*/
.focusBox { border-top: 3px #a11e26 solid; position: relative; min-width: 1200px; height: 386px; overflow: hidden; z-index: 0;}
.focusBox .pic { position: relative; z-index: 0;}
.focusBox .pic li { min-width: 1200px; height: 386px;}
.focusBox .pic img { width: 1200px; height: 386px; display: block;}
.focusBox .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; padding-top: 10px;}
.focusBox .hd li { margin: 0 10px; background: url(../images/iconall.png) no-repeat 0px -304px; height: 16px; overflow: hidden; width: 16px;
  cursor: pointer; display: inline-block; *display: inline; zoom: 1; _background: url(../images/dot8.png) no-repeat 0 -16px;}
.focusBox .hd .on { background-position: 0 -288px;}
.focusBox .prev, .focusBox .next { width: 48px; height: 50px; margin: -45px 0 0; display: none; background: url(../images/iconall.png) no-repeat 0 -332px;
  position: absolute; top: 53%; z-index: 10; cursor: pointer; text-indent: 999; filter: alpha(opacity=60); opacity: 0.6;}
.focusBox .prev { left: 30px;}
.focusBox .next { background-position: -58px -332px; right: 30px;}
.focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=100) !important; opacity: 1 !important;}

/* 简介 */
.aboutWrap{ height: 315px; padding-top: 60px; }
.aboutWrap .aboutleft{width: 513px; height: 100%; background: url(../images/aboutleft.jpg) no-repeat center;}
.aboutWrap .aboutright{width: 630px; height: 100%;}
.aboutWrap .aboutright .abouttxt{ width: 100%; height: 163px; border-bottom: 1px #ccc solid; margin-bottom: 14px;}
.aboutWrap .aboutright .abouttxt p{font-size: 15px; color: #666; line-height: 30px; text-align: justify; text-justify: inter-ideograph;}
.aboutWrap .aboutright .abouttxt a{float: right; color: #a11e26;}
.aboutWrap .aboutright .abouttxt a:hover{color: #750c13;}
.aboutWrap .aboutright ul{margin-left: -21px;}
.aboutWrap .aboutright ul li{float: left; width: 196px; height: 137px; margin-left: 21px;}
.aboutWrap .aboutright ul li img{width: 196px; height: 137px;}

/* 产品 */
.productWrap { height: 770px; padding-top: 60px; overflow: hidden;}
/* 通用标题 */
.common_tit{ height: 100px; text-align: center;}
.common_tit p{ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 35px; color: #c2ccd4;}
.common_tit h3{ font-size: 30px;}

.productlist{ width: 100%; height: 594px;}
.productWrap ul{margin-left: -30px; }
.productWrap ul li{float: left; width: 380px; height: 267px; margin-left: 30px; margin-bottom: 30px; overflow: hidden;} 
.productWrap ul li img{width: 380px; height: 267px;}
.productWrap ul li :hover img{transform: scale(1.1); transition: all 0.4s ease-out;}

/* 更多 */
.more{display: block; width: 250px; height: 43px; border-radius: 5px; background-color: #2e3a4b; color: #fff; text-align: center; line-height: 43px; font-size: 15px;}
.more:hover{background-color: #a11e26; color: #fff;}

/* 广告蓝条 */
.guanggao{ height: 114px; background: url(../images/guanggao.jpg) no-repeat center; text-align: center;}
.guanggao h2{font-size: 20px; color: #fff; padding-top: 18px;}
.guanggao p{font-size: 24px; color: #fff; padding-top: 11px; font-weight: 700;}

/* 四个理由 */
.sglyWrap{ height: 472px; background: url(../images/sgly.jpg) no-repeat center; position: relative;}
.sglyWrap .bfont{ width: 370px; height: 123px; clear: both; position: absolute;}
.sglyWrap .bfont .am01{display: block; float: left; height: 123px; width: 29px; opacity: 1;}
.sglyWrap .bfont .am02{float: left; display: block; margin: 0 17px; width: 306px;text-align: justify; text-justify: inter-ideograph; line-height: 26px; font-size: 15px;}
.sglyWrap .bfont .am02 strong{display: block;font-weight: bold; font-size: 24px; color: #a11e26; margin-bottom: 10px;}
.sglyWrap .bf3 strong{text-align: right;}
.sglyWrap .bf4 strong{text-align: right;}

.sglyWrap .bf1{ top: 59px; left: 30px;}
.sglyWrap .bf1 .am01{ background: url(../images/number_01.png) no-repeat 0 0;}
.sglyWrap .bf2{ top: 280px; left: 30px;}
.sglyWrap .bf2 .am01{ background: url(../images/number_02.png) no-repeat 0 0;}
.sglyWrap .bf3{ top: 59px; right: 30px;}
.sglyWrap .bf3 .am01{ background: url(../images/number_03.png) no-repeat 0 0;}
.sglyWrap .bf4{ top: 280px; right: 30px;}
.sglyWrap .bf4 .am01{ background: url(../images/number_04.png) no-repeat 0 0;}

/* 生产设备 */
.scsbWrap{width:1300px; height: 460px; overflow: hidden; margin-top: 20px; margin-bottom: 30px;}
.picScroll {margin: 0 auto; position: relative; width: 1300px; height: 310px; overflow: hidden;}
.ohbox {  overflow: hidden; position: relative; width: 1200px; left: 50px;}
.picScroll .prev,	.picScroll .next{ display:block; position:absolute; top:111px; left:0;  width:45px;  height:45px;  background:url(../images/icon.png) no-repeat;}
.picScroll .next{ left:auto;  right:0; background-position:-59px 0;}
.picScroll .prev:hover{  opacity: 0.5;}
.picScroll .next:hover{   opacity: 0.5;}
.picScroll ul{   overflow:hidden;   zoom:1;}
.picScroll ul li{  width:376px;  height: 280px; float:left;  overflow:hidden;  margin-right: 33px;}
.picScroll ul li img{ width: 100%; height: 100%; transition: all 0.5 ease;  }
.picScroll ul li :hover img{ transform: scale(1.1); transition: all 0.4s ease-out;}

/* 新闻 */
.newsWrap{ width: 100%; height: 420px; padding-top: 40px; background-color: #e7ecf0; overflow: hidden;}
.news{ width: 1284px; height: 310px;}
.news ul{ height: 210px; margin-bottom: 30px;}
.news li{ float: left; width: 558px; height: 92px; margin: 0 42px 20px 42px; border-bottom: 1px #666 dashed;  }
.news li .time{ width: 72px; height: 72px; background-color: #d1dae1;  text-align: center;}
.news li .time h5{ font-size: 30px; font-family: Arial, Helvetica, sans-serif; line-height: 44px; border-bottom: 2px #fff solid; color: #5b5b5b;}
.news li .time span{ font-family: Arial, Helvetica, sans-serif; line-height: 26px;}
.news li:hover{  border-bottom: 1px #a11e26 solid;}
.news li:hover .time{  background-color: #2e3a4b;  }
.news li:hover .time h5{ color: #fff;}
.news li:hover .time span{  color: #fff;}
.newtext{  width: 466px;  padding-left: 20px;}
.newtext h3{ font-size: 17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li:hover .newtext h3{ color: #a11e26;  }
.newtext p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #888; padding-top: 10px;}

/* foot */
.footer { width: 100%; height: 245px; background-color: #243144;}
.footnav {  width: 1270px; height: 63px;}
.footnav li {  float: left; color: #999; line-height: 63px;}
.footnav li a { color: #999; padding: 20px 49px;}
.footer a:hover { color: #eee;}
.foot_copy { width: 1200px; height: 180px; border-top: 1px #999 solid;}
.copyleft {  width: 930px; height: 130px; padding-top: 30px;}
.link { width: 100%; height: 36px;}
.link img {  float: left;}
.link p {  float: left; line-height: 36px; padding-left: 10px; color: #999;}
.link a { color: #999; font-size: 15px;}
.copy { width: 100%; height: 60px; padding-top: 25px;}
.copy p { color: #999;  line-height: 27px;}
.copy p a { color: #999;}
.ewmright { width: 92px; height: 117px; padding-top: 40px;  margin-left: 30px; text-align: center;}
.ewmright img { width: 92px;}
.ewmright p { line-height: 25px; color: #999; font-size: 15px;}
.foot_tech { width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #222222;}
#gotoTop { background: url("../images/top1.png");  width: 50px; height: 50px; right: 30px;  bottom: 50px;  margin-top: -50px;  margin-left: 520px;
    display: none;  position: fixed;  cursor: pointer;}
#gotoTop {  _position: absolute;}
.hover#gotoTop {  background: url("../images/top2.png");}