/******************************/
/*----头部导航-----*/

.top{ height:85px; background:#fff; box-shadow:0 0 8px 0 #ddd;z-index:999;}
.top .logo{ width:74px; height:62px; padding-top:8px;}
/*导航条*/
.nav{
    width:820px;
	margin-left:100px;
    height: 86px;
    line-height: 67px;
    text-align: center;
}
.nav ul{
    display: inline-block;
}
.nav li{
    display: block;
    height: 86px;
    float: left;
    padding: 8px 18px;
    position: relative;
    border-top: 3px solid #ffffff;
    box-sizing: border-box;
}
.nav li>a{
    display: block;
    font-size: 14px;
}
.nav li:hover{
    box-sizing: border-box;
    border-top: 3px solid #ca0f20;
	color:#ca0f20;
}
.nav li:hover a{
	color:#ca0f20;
}
.nav li:hover>.nav_er{
    display: block;
}
.nav li .nav_er{
    width: 200px;
    background-color: #f5f5f5;
    padding-left: 18px;
    padding-bottom: 22px;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    top: 82px;
    left: 0;
    display: none;
	z-index:999;
}
.nav li .nav_er a{
    display: block;
    width: 164px;
    padding:10px 0;
    line-height:20px;
    text-align: left;
    border-bottom: 1px solid #d2d8db;
    font-size: 14px;
    color: #666666;
}
.nav li .nav_er a:hover{
    color: #ca0f20;
}
.banben { margin-top:32px}
.banben a{ padding:4px 8px;}
.banben a.cur{ background-color:#ca0f20; color:#fff}

/*----首页-----*/

.inabout{ background: url(../images/aboutbg.jpg) no-repeat; height:514px; padding-top:64px;}
.inabouttext{ width:552px;}
.abouta{ background: url(../images/abouta.png) no-repeat; width:101px; height:45px; display:block; line-height:45px; padding-left:10px; font-size:13px; color:#666; margin-top:68px;}
.abouta:hover{ background: url(../images/aboutah.png) no-repeat #fff; color:#ca0f20}

.teccaishu{ width:560px;}
.caishusan{ text-align:center}
.caishusan h1{ background:#ca0f20; font-weight:bold; color:#fff; padding:0 20px; display: inline-block;}
.casep ul li{ background:#fff; border:#b7c6d7 solid 1px; display:inline-block; padding:5px 8px;     margin:4px; font-size:16px;}

.inpro{width:782px;}
.inpro h1{ font-size:26px; color:#333}
.inpro h1 i{ color:#b8b8b8; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}

.inprolist ul li a{ width:374px; height:306px; overflow:hidden; display:block; border:1px solid #ddd}
.inprolist ul li img{width:100%;transition:all 2s;}
.inprolist ul li:hover img{transform:scale(1.1);}
.inprolist ul li p{ background:#ca0f20; text-align:center; color:#fff; width:376px; height:42px; line-height:42px;}
.inprolist .bx-wrapper .bx-controls-direction a{ top:-55px;}
.inprolist .bx-wrapper .bx-controls-direction a{ width:25px; height:30px;}
.inprolist .bx-wrapper .bx-prev{ background:url(../images/controls.png) no-repeat 0 0; right:30px; left:auto}
.inprolist .bx-wrapper .bx-next{background:url(../images/controls.png) no-repeat -38px 0; right:0;}
.inprolist .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover{background:url(../images/controlsh.png) no-repeat 0 0 !important;}
.inprolist .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover{background:url(../images/controlsh.png) no-repeat -38px 0 !important;}



.innew{width:378px;}
.innew h1{ font-size:26px; color:#333}
.innew h1 i{ color:#b8b8b8; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}

.innewslist ul li a{ width:378px; height:200px; overflow:hidden; display:block}
.innewslist ul li img{width:100%;transition:all 2s;}
.innewslist ul li:hover img{transform:scale(1.1);}
.innewslist ul li h2{ font-weight:bold; padding-top:15px;}
.innewslist ul li p{color:#666;  height:30px; line-height:30px;}
.innewslist .bx-wrapper .bx-controls-direction a{}
.innewslist .bx-wrapper .bx-controls-direction a{ width:189px; height:42px; bottom:-73px;}
.innewslist .bx-wrapper .bx-prev{ background:url(../images/controls2.png) no-repeat 0 0; left:0; left:auto}
.innewslist .bx-wrapper .bx-next{background:url(../images/controls2.png) no-repeat -189px 0; right:0;}
.innewslist  .bx-wrapper .bx-prev:hover{background:url(../images/controls2.png) no-repeat 0 0 !important;}
.innewslist  .bx-wrapper .bx-next:hover{background:url(../images/controls2.png) no-repeat -189px 0 !important;}
.innewslist .bx-next:focus{ background:url(../images/controls2.png) no-repeat -189px 0 !important;}

.bottom{ background:#f6f6f6; margin-top:56px; height:235px;}
.bottom .bottomicon{ padding:30px 0}
.bottom .bottomicon li{ float:left; width:33%; line-height:35px; text-align: center; border-right:1px solid #ddd;}
.bottom .bottomicon li:hover img{ animation: bounce 1s;}

.banquan{ border-top:1px solid #d0d0d0;}
.sare{ line-height:28px;}
.sare a{ display:inline-block; padding-left:8px;}


/*----内页-----*/
.nbanner{ height:350px; width:1200px; margin:0 auto}
.catecur{ background:#a0a0a0; height:38px; line-height:38px;}
.catecuricon{ color:#fff; text-align:right; font-size:13px}
.catecuricon span{ background:url(../images/catecuriocn.png) no-repeat; padding-left:25px;}
.nnav{ background:#f7f7f7; border-bottom:1px solid #e9e7e7; height:70px;}
.nnav a{ padding:0 25px; line-height: 70px; display:inline-block;    height:70px; border-left:1px solid #ddd; float:left}
.nnav a:nth-last-child(1){border-right:1px solid #ddd;}
.nnav a:hover,.nnav a.cur{ border-bottom:4px solid #cb1627; color:#cb1627}

.sannav{ background:#f0f0f0; height:85px; text-align:center; padding-top:30px;}
.sannav ul li{display: inline-block;}
.sannav ul li a{padding:0 20px; height:45px; font-size:15px; line-height:45px; background:#e5e5e5; display: inline-block;}
.sannav ul li a:hover,.sannav ul li a.cur{ background:#ca0f20; color:#fff}

.ry_list{ width:1220px;}
.ry_list ul li{ float:left; border:1px solid #e4e4e4;  padding:8px; margin-right:30px; margin-bottom:30px; text-align:center; width:255px; height:255px;}
.ry_list ul li:hover{border:1px solid #d2d2d2;}
.ry_list ul li a{ max-width:100%; max-height:100%; }
.ry_list .img{ padding-bottom:5px;height:220px; line-height:220px;}
.ry_list .img img{/* width:255px;*/  /* display:block;*/ max-width:100%; max-height:100%;}

.nnewlist .nnewpic{float: left; width: 260px; overflow: hidden;}
.nnewlist ul li{ border-bottom:1px solid #e8e8e8;}
.nnewlist .nnewpic img{ width:100%}
.nnewlist .nnewtime{float: left;width: 165px; text-align:right; box-sizing: border-box;padding-left: 40px;color: #5e4d4d;font-size: 16px;border-right: 1px solid #e8e8e8;height: 76px;margin-top: 38px; font-family:Arial, Helvetica, sans-serif; padding-right: 40px;}
.nnewlist .nnewtime .in_newsYear{font-size:32px; color:#646464;}
.in_newsTxt{float: left; width: calc(100% - 540px); padding-left: 30px; padding-top:34px; color:#363636; transition:all .6s;}
.in_newsTxt .in_newsT {font-size:16px; line-height: 24px;    margin-bottom: 8px;}
.in_newsTxt .in_newsTT {font-size:14px; line-height:24px; color: #7c7c7c; transition:all .6s;}

.nnewlist ul li a:hover{    background: #ca0f20;}
.nnewlist ul li a{ display:block;}
.nnewlist ul li a:hover .in_newsTxt .in_newsT{ color:#fff}
.nnewlist ul li a:hover .nnewtime .in_newsYear{ color:#fff}
.nnewlist ul li a:hover .nnewtime{ color:#fff}
.nnewlist ul li a:hover .in_newsTxt .in_newsTT{ color:#fff}

.infotitle{ border-bottom:1px solid #e8e8e8; padding-bottom:20px;}
.infotitle h1{ font-weight:bold}

.frvnext{border-top:1px solid #e8e8e8; margin-top:40px; padding-top:20px }
.frvnext a{ color:#666; display: block}
.frvnext a:hover{ text-decoration:underline; color:#cb1627}

.prolist{background:#fff; width:1220px;}
.prolist ul li{ float:left; margin-right:32px; margin-bottom:28px; border:1px solid #e5e5e5}
.prolist ul li a{ width:372px; height:305px; display:block; overflow: hidden}
.prolist ul li img{width:100%;transition:all 2s;}
.prolist ul li:hover img{transform:scale(1.1);}
.prolist ul li p{line-height:55px; text-align:center; background:#eeeeee }
.prolist ul li:hover p{ background:#ca0f20; color:#fff}


/*-------------产品详情--------------*/
.img-md {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.img-md img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.list-pro {
  margin-left: -15px;
  overflow: hidden;
}
.list-pro li {
  float: left;
  width: 184px;
  height: 227px;
  border: 1px solid #efefef;
  margin: 0 0 15px 15px;
  color: #666;
  text-align: center;
}
.list-pro li .img-md {
  width: 100%;
  height: 182px;
}
.proimg {
  float: left;
  width:598px;
  border: 1px solid #eee;
  padding: 10px;
  position: relative;
}
.proimg-l {
  height:514px;
  margin-bottom: 10px;
}
.proimg-s-wrap {
  width: 238px;
  height: 66px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.proimg-s {
  width: 1000%;
  position: absolute;
  left: 0;
  top: 0;
}
.proimg-s li {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  cursor: pointer;
  border: 3px solid transparent;
  position: relative;
}
.proimg-s li.cur {
  border: 3px solid #cb1627;
}
.proimg-s li img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width:100%;
  max-height:100%;
}
.proimg-pager li {
  width: 30px;
  height:60px;
  position: absolute;
  bottom: 10px;
  cursor: pointer;
  background: url(../images/pager02.png) no-repeat left center;
}
.proimg-pager li.prev {
  left:140px;
}
.proimg-pager li.next {
  right: 140px;
  background-position: right center;
}
.proview_sygj_c td{ color:#ddd;}
.zoomDiv {
  z-index: 999;
  position: absolute;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
  margin-top: -11px;
}
.zoomDiv .bigimg {
  max-width: initial;
}
.zoomMask {
  position: absolute;
  background: #fff;
  opacity: .5;
  cursor: move;
  z-index: 1;
  width: 100px;
  height: 100px;
}
.protxt {
  float: right;
  width: 510px;
  height:542px;
  padding:35px;
  background:#f2f2f2;
}
.protxt h1{ color:#ca0f20; font-size:20px;}
.protxt .procamio{ background:#e5e5e5 url(../images/cpiocnt.png) no-repeat 10px 13px; height:40px; line-height:40px; padding-left:30px; display:block; font-weight:bold; font-size:15px;}
.tab-head {
  float: right;
  width: 100%;
  background: #e5e5e5;
  margin-bottom: 25px;
}
.tab-head li {
  float: left;
  min-width: 92px;
  padding: 0 10px;
  height: 55px;
  margin-right: 3px;
  text-align: center;
  line-height: 55px;
  color: #333;
  font-size:15px;
  font-weight:bold;
  cursor: pointer;
}
.tab-head li:hover,
.tab-head li.cur {
  color: #fff;
  background: #cb1627;
  border-bottom: 2px solid #cb1627;
}
.tab-body > li {
  display: none;
}
.tab-body > li.cur {
  display: block;
}

.message .head{background:#6da9de;line-height:28px}
.message .head strong{font-size:15px}
.message form .txt,.message form textarea{border:1px solid #dcdcdc;background:#fff}
.message form .txt:focus,.message form textarea:focus{border-color:#6da9de}
.message form .txt{width:46.2%;height:52px}
.message form .txt2{width:100%}
.message form textarea{width:100%;height:145px;font-size:14px}
.message form .btn input{height:55px;max-width:267px;border:none;color:#fff;line-height:55px;cursor:pointer}
.message form .btn input:nth-child(1){background:#cb1627}
.message form .btn input:nth-child(2){background:#a0a0a0}
.tab-body li{display:none}
.tab-body li.cur{display:block}

.weierwem{ position:relative}
.sare a:hover{opacity: 0.7;}
.weierwem:hover a{opacity: 0.7;}
.weierwem:hover .img{ display:block}
.weierwem .img{ display:none; position:absolute; top:-110px; left:-28px; width:100px; height:100px; border: 1px solid #ddd;}