html,body{margin: 0;padding: 0;} .pagebox{position:relative;background-color:rgba(247, 247, 247, 1); }a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} *{font-family:arial,微软雅黑!important;}  

.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.fl{float:left;}.fr{float:right;}.ov{overflow:hidden}.posi{position:relative;}.ab{position:absolute;}.over{transition: 0.2s linear all;}
.bold{font-weight:bold;}.cen{text-align:center;}.txtl{text-align:left;}.txtr{text-align:right;}.vtop{vertical-align:top;}.enbold{font-family:Impact;}
.mt5{margin-top:0.25rem;}.mt10{margin-top:0.5rem;}.mt15{margin-top:0.75rem;}.mt20{margin-top:1rem;}.mt25{margin-top:25px;}.mt30{margin-top:1.5rem;}.mt50{margin-top:2.5rem;}
.font12{font-size:0.6rem;}.font14{font-size:0.7rem;}.font15{font-size:0.75rem;}.font16{font-size:16px;}.font18{font-size:0.9rem;}.font20{font-size:1rem;}.font24{font-size:1.2rem;}
.font30{font-size:1.5rem;}.font36{font-size:1.8rem;}.font42{font-size:2.1rem;}
.block{display:block}.inblock{display:inline-block;}.outline{outline:none;}

.co000{color:#000;}.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.blue{color:#0099cb;}.yel{color:#f36d17;}.fff{color:#fff;}.red{color:#ed1845;}.green{color:#00644e;}.coccc{color:#ccc;}
.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}.lh{line-height:1.8;}
.wrapin{width:90%;max-width:1600px;margin:0 auto;}.w{width:100%;}.h100{height:100%;}
.divcen{margin:0 auto;}.maxw{max-width:1480px;}
.baibg{background:#fff;}.huibg{background:#f8f8f8;}

.justify{text-align:justify;text-justify:distribute-all-lines; /* for ie */}
.justify:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.flex{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;align-items:center;-webkit-align-items: center;justify-content:center;}
.flex img{max-width:100%;max-height:100%;}

.hover li:hover img,.hover .li:hover img,.hover2 li:hover .pic,.hover2 .li:hover .pic{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.pad10{padding:10px 0;}.pad20{padding:20px 0;}.pad30{padding:30px 0;}.pad50{padding:50px 0;}

.title .line{width:40px;height:4px;background:#ed1845;}

.lpage{margin-bottom:20px;}
.lpage a{display:inline-block; vertical-align:top;width:40px;height:40px;line-height:40px;margin:0 3px;background:#ccc;}
.lpage a:hover, .lpage a.page-num-current{color:#fff;background-color:#ed1845;}
.lpage a.l{background:url(../images/ico5ss.png) center no-repeat #ccc;}
.lpage a.r{background:url(../images/ico5.png) center no-repeat #ccc;}


.newst a{width:140px;height:40px;line-height:40px;margin:0 5px;border:1px solid #eee;-webkit-border-radius:20px;border-radius:20px;}
.newst a.cur{color:#fff;background:#ed1845;}

.news-box ul{display:none;}
.news-box li {
  width: 24%;
  height: auto !important;
  background: #fff;
  position: relative;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  padding-bottom: 90px;
}
.news-box li.w3 {width: 32%;margin:10px 0;}
@media (max-width:800px){
.news-box li {width: 48%;margin-bottom:10px;}
.news-box li.w3 {width: 48%;margin:10px 0;}
}
@media (max-width:640px){
.news-box li {width: 100%;margin-bottom:10px;}
.news-box li.w3 {width: 100%;margin:10px 0;}
}

.news-box li .pic {
  width: 100%;
  overflow: hidden;
}
.news-box li .pic img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
}
.news-box li .info-box {
  padding: 25px 30px 0;
}
.news-box li .info-box .tt {
  color: #333;
  font-size: 24px;
}
.news-box li .info-box .info {
  line-height: 2em;
  margin-top: 25px;
  color: #999;
  font-size: 14px;
}
.news-box li .bottom {
  height: 60px;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #eaeaea;
  display: block;
}
.news-box li .bottom .time {
  width: calc(100% - 60px);
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  box-sizing: border-box;
  color: #bbb;
  font-size: 14px;
}
.news-box li .bottom .arr {
  width: 60px;
  height: 60px;
  background-image: url("../images/ico5s.png");
  background-repeat: no-repeat;
  background-size: 12px 20px;
  background-position: center center;
  border-left: 1px solid #eaeaea;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
}
.news-box li:nth-of-type(4n) {
  margin-right: 0;
}
.news-box li:hover {
  box-shadow: 0px 10px 20px 0px rgba(113, 6, 0, 0.2);
}
.news-box li:hover .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.news-box li:hover .info-box .tt {
  color: #c9261d;
}
.news-box li:hover .bottom .arr {
  background-color: #c9261d;
  background-image: url("../images/ico5.png");
}

.acon .desc{line-height:50px;border-top:1px solid #dedede;}
.acon .sp{padding:0 20px;}
.maxpic img{max-width:100%;}

.prenext{padding:0.5rem 0;border-top:1px solid #ddd;}

.prolist li{width:24%;margin:10px 1.3% 10px 0;padding-bottom:20px;transition: 0.2s linear all;}
.prolist li .pic{height:270px;}
.piclist li img{max-width:100%;max-height:100%;}
.prolist li:nth-child(4n){margin-right:0;}
.prolist li:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.prolist li a:hover{color:#ed1845;}
.piclist li .h{height:20px;}
@media (max-width:800px){
.prolist li{width:48%;margin:10px 0;}
.prolist li:nth-child(2n){float:right;}
}

.pro1 dt{width:50%;padding:2px;border:1px solid #eee;}
.pro1 dd{width:46%;}
.pro1 dd .t{border-bottom:1px solid #eee;}
.pro1 dd .bg{line-height:28px;padding:0 20px;background:#ed1845;}
.pro1 dd .lh{line-height:2;}
.pro1 dd .bg.w2{width:100px;line-height:30px;}
.pro1 dd .ml{margin-left:10px;}
.pro2 .bg.w3{width:230px;line-height:35px;border-bottom:3px solid #333;background:#ed1845;}

.piclist li{width:22.4%;margin:10px 1.3% 10px 0;padding:10px 0.8% 20px;transition: 0.2s linear all;}
.piclist li .pic{height:270px;}
.piclist li img{max-width:100%;max-height:100%;}
.piclist li:nth-child(4n){margin-right:0;}
.piclist li:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.piclist a:hover{color:#ed1845;}
.piclist li .h{height:20px;}
@media (max-width:800px){
.piclist li{width:47%;margin:10px 0;}
.piclist ul a:nth-child(2n) li{float:right;}
}

.prolist3 dt abbr{top:0;right:0;width:42%;font-weight:normal;}
.prolist3 dt .pic{width:50%;}
.prolist3 dl:nth-child(2n) .pic{float:right;}
.prolist3 dl:nth-child(2n) abbr{right:auto;left:8%;}
@media screen and (max-width:800px){
.prolist3 dt abbr{position:inherit;height:auto;padding:2rem 0;}
.prolist3 dt abbr,.prolist3 dt .pic{float:left;width:100%;}
.prolist3 dt .pic{width:100%;}
.prolist3 abbr,.prolist3 dl:nth-child(2n) abbr{left:5%;}
}



@media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #ed1845; border-color: #ed1845; color: #fff; } .p_page .pre:hover { color: #fff; background: #ed1845; border-color: #ed1845; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #ed1845; border-color: #ed1845; color: #fff; } .p_page .next:hover { background: #ed1845; border-color: #ed1845; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #fff; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #ed1845; border-color: #ed1845; } .p_page .pageNum:hover { color: #fff; border-color: #ed1845; cursor: pointer; text-decoration: none; background-color: #ed1845; } .p_page .pageNum.active { text-decoration: none; background-color: #ed1845; color: #fff; border-color: #ed1845; } } @media screen and (max-width: 768px) { h1 span{ font-size:24px!important } .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre { width: 48%; margin-right:2%; background-color: #ed1845; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #ed1845; background-color:#ed1845; cursor: pointer; } .p_pagebox .pre:active { background-color: #ed1845; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #ed1845; } .p_pagebox .next:hover { background-color: #ed1845; } .p_pagebox .next:active { background-color: #ed1845; } }   ::-webkit-scrollbar { width: 7px; }  ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; }  ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; }  ::-webkit-scrollbar-thumb:hover { background: #e89513; }  @-webkit-keyframes scaleBigToSmall { 0% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes scaleBigToSmall { 0% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } @-webkit-keyframes slideIn { 0% { -webkit-transform: translateX(-100%); opacity: 1; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes slideIn { 0% { transform: translateX(-100%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes imgIn { 0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; } 100% { -webkit-transform: -webkit-translateX(0); opacity: 1; } } @keyframes imgIn { 0% { transform: translateX(100%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } }