.nycontainer{width: 96%; max-width: 1400px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

#banner{overflow:hidden;height:auto;}
#banner img{width:100%;height:auto;}

.titbox{padding:3% 0%;background:#fff;}
.titbox h1{font-size:82px;font-family:"Arial";font-weight:500;color:#d81920;}
.titbox h2{font-size:32px;font-family:"MicrosoftYaHei";font-weight:500;margin:12px 0px 5px 15px;}
.titbox span{font-size:13px;font-family:"Arial";margin:0px 0px 0px 15px;}
.titbox i{display:inline-block;width:50px;height:50px;border-radius:50px;background:url(../images/tri.png)no-repeat center;border:2px solid #c3c3c3;margin-top:18px;}
.titbox i:hover{background:#d81920 url(../images/trih.png)no-repeat center;border:2px solid #d81920;transition:all 0.75s;}
.titbox .tel{height:26px; line-height: 26px; background: url(../images/icon-tel.png) left no-repeat; font-size: 24px; padding-left: 36px; font-family: -webkit-pictograph; font-weight: bolder; color:#d81920; margin-top:32px}
.titbox .tel a{color:#d81920;}


.pagecon{border-bottom: 5px solid #f7f3f0; padding-bottom:48px;}

.aboutcon{width:55%;}
.aboutimg{width:40%;}
.aboutcon .con{line-height:36px; font-size: 16px; text-indent: 2em;}
.aboutcon .con img{max-width:100%}
.aboutcon .honorcon img{max-width:100%; margin:0 auto;}
.aboutimg img{max-width: 100%;}
.aboutcon h2{font-size:24px; line-height:48px; border-bottom:1px solid #ccc;     padding-bottom: 6px; margin-bottom:12px;}


.contactcon{width:40%;}
.contactcon h2{font-size:42px; color:#d81920;}
.contactcon p{line-height:44px; font-size:16px;}
.contactmap{width:60%; min-height: 400px;}
.contactmap iframe{border:0px; height: 400px; width:100%;}


.pagecon .newsbox{padding: 42px 0px; display: block;}
.pagecon .newsbox a .img{ width:40%; text-align:left; overflow:hidden;}
.pagecon .newsbox a .img>img{width:100%; height:auto; transition:all 1s;}
.pagecon .newsbox a .con{width:56%;text-align:left; padding:0 0%;}
.pagecon .newsbox a .con>.ntit{ font-size:24px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
.pagecon .newsbox a .con>.txt{ margin:20px 0; height:75px; line-height:26px; font-size:16px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.pagecon .newsbox a .con>.more{ text-align:left;}
.pagecon .newsbox a .con>.more>span{ display:inline-block;padding:8px 30px; font-size:16px; color:#d81920; border:1px solid #d81920; border-radius:30px;transition:all .35s;}
.pagecon .newsbox:hover{ background:#eee;}
.pagecon .newsbox:hover a:after{ background:none;}
.pagecon .newsbox:hover .con>.more>span{ margin-left:6px; color:#fff; background:#d81920;}
@media only screen and (max-width: 960px){
  .pagecon .newsbox a .con>.tit{ font-size:22px;}
  .pagecon .newsbox a .con>.txt{ height:40px; line-height:21px; font-size:14px;-webkit-line-clamp:2;}
  .pagecon .newsbox a .con>.more>span{ padding:6px 26px; font-size:13px;}
}
@media only screen and (max-width: 780px){
  .pagecon .newsbox a .con>.tit{ font-size:20px;}
  .pagecon .newsbox a .con>.txt{ margin:10px 0;}
  .pagecon .newsbox a .con>.more>span{font-size:12px;}
}
@media only screen and (max-width: 640px){
  .pagecon .newsbox a .img{ float:none; width:100%;}
  .pagecon .newsbox a .con{ float:none; width:100%;padding:20px 0;}
  .pagecon .newsbox a .con>.tit{ font-size:22px;}
  .pagecon .newsbox a .con>.txt{ margin:20px 0;}
  .pagecon .newsbox a .con>.more>span{font-size:14px;}
}
.new_view{width:72%; padding-right:64px; border-right:1px solid #f7f3f0;box-sizing: border-box;}
.new_view .title{width:100%; font-size:18px; font-weight: 600; text-align: center; line-height:48px;}
.new_view .time{width:100%; font-size:14px; text-align: center; line-height: 32px; border-bottom: 2px solid #f7f3f0;}
.new_view .content{padding:24px 0px; line-height: 36px; font-size: 14px;}
.new_view .content p{text-indent: 2em;}
.new_view .content img{max-width:100%; display: block; margin:0 auto;}

.news-hot{width:28%; padding-left:64px; box-sizing: border-box;}
.news-hot .newshottit{border-left:5px solid #d81920; line-height: 48px; font-size:20px; font-weight: bold; color:#d81920; padding-left: 12px; background:#f7f3f0; margin-bottom: 6px;}
.newshotlist a{display:block; width:100%; height:42px; line-height:42px; font-size: 14px; background: #f7f3f0; margin-bottom:6px; color:#000; padding-left: 10px;box-sizing: border-box; overflow: hidden;}
.newshotlist a:hover{background: #d81920; color:#fff;}

.prevpage{width:100%;}
.prevpage a{display:block; width:100%; height:42px; line-height:42px; font-size: 14px; background: #f7f3f0; margin-bottom:6px; color:#000; padding-left: 10px;box-sizing: border-box; overflow: hidden;}
.prevpage a:hover{background: #d81920; color:#fff;}



.procate{width:100%; background:#f7f3f0; height:64px; line-height: 64px;}
.procate .procateitem{float:left; /*width:14.22222222%;*/ font-size:16px; text-align:center;}
.procate .procateitem a{display:block; color:#888; border-right: 1px solid #e3e3e3; padding: 0px 24px;}
.procate .procateitem a:hover{background:#d81920; color:#fff;}
.procate .procateitem a.act{background:#d81920; color:#fff;}

.prolist{margin:48px 0px;}
.prolist .items {float: left; width: calc(25% - 23px); margin-right: 30px; position: relative; overflow: hidden; margin-bottom: 30px;}
.prolist .items:nth-child(4n) { margin-right: 0;}
.prolist .items .img {overflow: hidden; border: 1px solid #ddd; width:100%; padding-bottom: 125%; height:0px;}
.prolist .items .img img{width: 100%;}
.prolist .items:hover .word {transition: .5s ease-in-out;bottom: 0;}
.prolist .items:hover .word .i1 {transition: .5s ease-in-out; opacity: 1;}
.prolist .items .word {position: absolute; bottom: -72px; left: 0; width: 100%; line-height: 1.3; font-size: 18px; transition: .5s ease-in-out; color: #fff;}
.prolist .items .word:after {position: absolute; content: ""; transition: .5s ease-in-out; width: 100%; height: 150%; background: rgba(216, 25, 32, 1); transform: skewY(-5deg); left: 0; bottom: -45%;}
.prolist .items .word-ik { padding: 32px 16px; padding-bottom: 56px; position: relative; z-index: 3; transition: .5s ease-in-out; overflow: hidden;}
.prolist .items .i1 {transition: .5s ease-in-out; opacity: 0; margin-top: 32px;}
.prolist .items .i0{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
@media only screen and (max-width: 1680px){
  .prolist .items .word{bottom:-32px;}
  .prolist .items .word-ik{padding-bottom: 32px;}
}
@media only screen and (max-width: 1366px){
  .prolist .items .word{bottom:-16px;}
  .prolist .items .word-ik{padding: 16px;}
  .prolist .items .i1{margin-top:12px;}
}

.prodetail{padding: 56px 0px;}
.pro_view{width:72%; padding-right:64px; border-right:1px solid #f7f3f0;box-sizing: border-box;}
.pro_hot{width:28%; padding-left:64px; box-sizing: border-box;}
.pro_view .pro_name{width:100%; font-size:24px; font-weight: 600; text-align: center; line-height:64px; color:#d81920; border-bottom: 2px solid #f7f3f0;}
.product_detail_img{width:64%; margin:32px auto; text-align: center;}
.product_detail_img img{max-width: 100%; display: block; margin:0 auto;}
.prod_tit{border-left:5px solid #d81920; line-height: 48px; font-size:20px; font-weight: bold; color:#d81920; padding-left: 12px; background:#f7f3f0; margin-bottom: 6px; width:100%;}
.procon{width:100%; padding:24px 0px; line-height: 32px;
    text-indent: 2em;}
.procon img{display: block; max-width: 100%; margin:0 auto;}

.pro_hot .prohottit{border-left:5px solid #d81920; line-height: 48px; font-size:20px; font-weight: bold; color:#d81920; padding-left: 12px; background:#f7f3f0; margin-bottom: 6px;}

.proshotlist .items {float: left; width:100%; margin-right:0px; position: relative; overflow: hidden; margin-bottom: 30px;}
.proshotlist .items .img {overflow: hidden; border: 1px solid #ddd;}
.proshotlist .items .img img{width: 100%;}
.proshotlist .items:hover .word {transition: .5s ease-in-out;bottom: 0;}
.proshotlist .items:hover .word .i1 {transition: .5s ease-in-out; opacity: 1;}
.proshotlist .items .word {position: absolute; bottom: -42px; left: 0; width: 100%; line-height: 1.3; font-size: 18px; transition: .5s ease-in-out; color: #fff;}
.proshotlist .items .word:after {position: absolute; content: ""; transition: .5s ease-in-out; width: 100%; height: 150%; background: rgba(216, 25, 32, 0.9); transform: skewY(-5deg); left: 0; bottom: -45%;}
.proshotlist .items .word-ik { padding: 32px 16px; padding-bottom: 26px; position: relative; z-index: 3; transition: .5s ease-in-out; overflow: hidden;}
.proshotlist .items .i1 {transition: .5s ease-in-out; opacity: 0; margin-top: 32px;}
.proshotlist .items .i0{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
@media only screen and (max-width: 1680px){
  .proshotlist .items .word{bottom:-32px;}
  .proshotlist .items .word-ik{padding-bottom: 32px;}
}
@media only screen and (max-width: 1366px){
  .proshotlist .items .word{bottom:-16px;}
  .proshotlist .items .word-ik{padding: 16px;}
  .proshotlist .items .i1{margin-top:12px;}
}
@media only screen and (max-width: 768px){
  .pro_view{width: 100%; padding-right: 0px; border:0px;}
  .pro_hot{width:100%; padding-left: 0px;}
  .pro_view .pro_name{font-size: 18px;}
}



.page_list{text-align: center;}
.pagination {
  width:100%;
  text-align:center;
  width:100%;
  margin:20px 0;
  position:relative;
  overflow:hidden;}
.page {
  display:inline-block;
  text-align: center;
  font: 12px/28px "微软雅黑", Tahoma, "宋体";
  *display:inline;
  :1;
  *zoom:1;}
.page span,.page strong {
  float:left;}
.page a,
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 14px/24px "微软雅黑", Tahoma, "宋体";
  height:28px;
  margin-right:5px;
  min-width:15px;
  padding:0 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;
line-height: 28px;}
.page strong{
  background:#d81920;
  border:1px solid #d81920;
  color:#fff;
  float:left;
  font: 14px/24px "微软雅黑", Tahoma, "宋体";
  height:28px;
  margin-right:5px;
  min-width:15px;
  padding:0px 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;
  line-height: 28px;
}
.page a:hover {
  border:1px solid #d81920;
  color:#d81920;
  text-decoration:none;}
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#CCC;}
.page span.ellipsis {
  float:left;
  font: 14px/24px "微软雅黑", Tahoma, "宋体";
  line-height:22x;
  margin-right:5px;}
.page .page_txt {
  line-height:20px;
  float:right;
  width:auto;}
.page a.page-curpage {
  background:#d81920;
  border:1px solid #d81920;
  color:#FFF;
  font-weight:bold;}
.page input {
  font: 14px Verdana;
  padding:0 0 0 1px;
  width:40px;
  height:14px;}

.pagecon .con dl{
  margin:20px 0px;
}
.pagecon .con dl dt{
  font-family: "Microsoft Yahei";
  font-size:14px;
  color:#888;
  line-height: 24px;
}
.pagecon .con dl dd{
  font-family: "Microsoft Yahei";
  font-size:16px;
  color:#888;
  line-height: 24px;
}
.pagecon .con dl a{
  font-family: "Microsoft Yahei";
  font-size:16px;
  color:#888;
  line-height: 24px;
}


.downloadlist{width:49%; margin-right:2%;float:left; margin-bottom: 24px; padding:6px 24px; border:1px solid #ccc; position: relative; box-sizing: border-box;}
.downloadlist:nth-child(2n){margin-right: 0px; }
.downloadlist .tit{line-height: 32px; float:left; max-width: 80%; overflow: hidden;}
.downloadlist a{display:inline-block; float:right; line-height: 32px;}
.downloadlist a img{width:32px; height: 32px;}
.downloadlist font {
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: #d81920;
    -webkit-transition: 0.9s ease;
    -moz-transition: 0.9s ease;
    -ms-transition: 0.9s ease;
    -o-transition: 0.9s ease;
    transition: 0.9s ease;
}
.downloadlist:hover{color:#d81920;}
.downloadlist:hover font {
    width: 100%;
}

@media only screen and (max-width:1400px ) {
    .downloadlist{width:48%; margin-right:4%;}
    .downloadlist:nth-child(2n){margin-right: 0%;}
   
}

@media only screen and (max-width:1024px ) {
    .downloadlist{width:32%; margin-right:2%;}
}

@media only screen and (max-width:737px ) {
    .downloadlist{width:100%; margin-right:0%;}
    .downloadlist:nth-child(2n){margin-right: 0%;}
    .downloadlist:nth-child(5n){margin-right: 0%;}


    .procate{display:none}
}

.anniu{width:690px; margin:0 auto; margin-bottom: 24px; text-align: center;}
.anniu a{display:block; float:left; background: rgba(216, 38, 44, 0.8);border:none;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  cursor:pointer;
  color:#FFF;
  display:block;
  font-size:20px;
  line-height:40px;
  text-align:center; margin:0px 5px; padding:6px 16px;}

.ewm-tk {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 20000; }
.ewm-tk .on{
  display: block;
}
  .ewm-tk .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .ewm-tk .ewm {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    overflow: hidden;
    transform: scale(0.7);
    transition: transform .5s; }
    .ewm-tk .ewm .ewm-new {
      width: 100%;
      height: 100%; }
  .ewm-tk.on .ewm {
    transform: scale(1); }

@media only screen and (max-width:737px ) {
  .anniu{width:100%;}
  .anniu a{width:48%; margin:5px 1%; font-size:12px; line-height:24px; border-radius:4px;}
}