@charset "utf-8";

/*global css*/
*{font-family: 'Microsoft YaHei','微软雅黑','PingFang SC',PingFangSC-Regular,'Hiragino Sans GB',Arial,sans-serif;-webkit-text-size-adjust:none; -webkit-tap-highlight-color: transparent;/*letter-spacing: 1px;*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{ padding:0; margin:0; font-size:14px; color:#333; }
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
li{list-style-type:none;}
img{border:none;}
table{border-collapse:collapse;}
input,select,textarea{outline:none;background:none;}
select::-ms-expand{display: none;}         

/*常用类*/
.fl{float:left;}
.fr{float:right;}
.rp{position:relative;z-index: 1;}
.ap{position:absolute;}
.table{display: table;}
.table-cell{display: table-cell;}
.hide{display:none;}
.block{display:block !important;}
.i-Pic{overflow:hidden;font-size:0;background:#ccc;}
.i-Pic img{width:100%;min-height:100%;}
.text-over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.text-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-line.line1{-webkit-line-clamp:1;}
.break{white-space:normal;word-break:break-all;}

/*padding*/
.clean{zoom:1;}
.clean:after,.clean:before{content:'';display:table;font-size: 0;}
.clean:after{clear:both;font-size: 0;}

/*a*/
a{color:#333; text-decoration:none;}
a:hover{color:#8f0117; text-decoration:none;}
a *{text-decoration:none;}
a:hover *{text-decoration:none;}

body{max-width: 1920px;margin: auto;}
html,body{min-height: 100%;text-align:justify;}
.pt20{padding-top: 20px;}
.bat {
    margin-top: 65px!important;
}
.main{overflow: hidden;}
.wrap{max-width: 1200px;margin: auto;}
.footer-links{margin-top: 20px;margin-bottom: 30px;}
.footer-links .tit{height: 46px;}
.footer-links .tit li{line-height: 44px;float: left;padding: 0 20px;border: 1px solid transparent;border-top-width: 2px;font-size: 14px;color: #555;cursor: pointer;}
.footer-links .tit li.on{background: #fafafa;border-color: #e5e5e5;border-top-color: #8f0117;border-bottom-color: #fafafa;}
.footer-links .con{border: 1px solid #e5e5e5;padding: 10px;}
.footer-links .con a{margin: 0 10px;display: inline-block;line-height: 30px;font-size: 12px;color: #555;}
.footer-links .con a:hover{color: #8f0117;}
.footer-infos{border-top: 2px solid #8f0117;padding-top: 20px;padding-bottom: 10px;}
.footer-infos .a{text-align: center;font-size: 14px;color: #555;padding-bottom: 20px;}
.footer-infos .a span{padding: 0 6px;}
.footer-infos .a a{color: #555;}
.footer-infos .a a:hover{color: #8f0117;}
.footer-infos .b{text-align: center;font-size: 14px;color: #555;line-height: 26px;}
.footer-infos .b a{color: #555;}
.footer-infos .b a:hover{color: #8f0117;}
.i-news{}
.i-news .tit{font-size: 22px;line-height: 20px;border-left: 3px solid #8f0117;padding-left: 6px;margin-bottom: 15px;}
.i-news .tit.m0{font-size: 18px;line-height: 18px;border-left: 2px solid #8f0117;}
.i-news .nav{padding: 5px 0;}
.i-news .nav span{width: 33.3333%;float: left;text-align: center;position: relative;}
.i-news .nav span:after{content: '';display:block;left: -1px;top: 3px;bottom: 3px;width: 1px;background: #eee;position: absolute;}
.i-news .nav span:first-child{margin-left: 0;border-left: 0;}
.i-news .nav span:first-child:after{display: none;}
.i-news .nav span a{line-height: 26px;display: block;border-radius: 3px;cursor: pointer;}
.i-news .nav span[on]:after{display: none;}
.i-news .nav span[on] a{background: #eee;}

.i-news .hot{width: 100%;}
.i-news .hot .h3 li{height: 376px;}
.i-news .hot .h3 li > .ap{line-height: 34px;height: 34px;color: #fff;padding: 0 70px 0 14px;font-size: 14px;bottom: 6px;left: 0;right: 0;}
.i-news .hot .h3 .swiper-pagination{left: auto;width: auto;right: 6px;bottom: 12px;}

.i-news .good{width: 310px;max-width: 100%;}
.i-news .good.m0{}
.i-news .good ul{border-top: 1px solid #dcdcdc;    padding-top: 10px;}
.i-news .good li{border-bottom: 1px solid #dcdcdc;position: relative;padding: 0 0 0 4px;}
.i-news .good li:first-child{margin-top: -1px;}
.i-news .good li:last-child{border-bottom-color: transparent;}
.i-news .good li .t{font-size: 14px;line-height: 38px;height: 38px;color: #555;padding-left: 10px;position: relative;text-align: justify;overflow: hidden;}
.i-news .good li .t span{font-size: 14px;color: #555;max-width: 100%;}
.i-news .good li .t:before{content: '·';float: left;font-size: 28px;position: absolute;top: 0;left: 0;color: #d1d1d1;}
.i-news .good-1 li{position: relative;padding: 9px 0;}
.i-news .good-1 li .table-cell{vertical-align: top;line-height: 22px;}
.i-news .good-1 li .n{width: 1px;padding-top: 3px;padding-right: 9px;}
.i-news .good-1 li .n div{width: 20px;height: 20px;border-radius: 50%;background: #bababa;color: #fff;font-size: 12px;text-align: center;line-height: 20px;}
.i-news .good-1 li .b a{font-size: 14px;height: 24px;text-align: justify;margin-bottom: 1px;}

.i-title{background: url(/skin/20c/images/i-title-bg.png);line-height: 61px;overflow: hidden;}
.i-title:before{border-top: 2px solid #ccc;width: 100%;}
.i-title .a{padding: 0 22px;font-size: 22px;cursor: pointer;position: relative;}
.i-title .a.on{color: #8f0117;}
.i-title .a.on:before,
.i-title .a.on:after{border-top: 2px solid #8f0117;content:'';display: block;left: 0;right: 0;top: -2px;position: absolute;}
.i-title .a.on:after{border-top-width: 9px;border-left: 6px solid transparent;border-right: 6px solid transparent;left: 50%;right: auto;top: 0;margin-left: -6px;}
.i-title .b{padding-right: 22px;}
.i-title .b a{float: left;font-size: 14px;color: #888;}
.i-title .b a:hover{color: #8f0117;}

.i-conBox{padding-top: 30px;}

.i-conL{width: 870px;}
.i-conL .boxLR{width: 420px;}
.i-conL .boxLR .pic{padding-top: 20px;}
.i-conL .boxLR .pic li{width: 200px;}
.i-conL .boxLR .pic li .i{height: 126px;}
.i-conL .boxLR .pic li .t{text-align: center;line-height: 30px;height: 30px;overflow: hidden;}
.i-conL .boxLR .lis {padding: 10px 0;}
.i-conL .boxLR .lis li .t{line-height: 36px;height: 36px;font-size: 15px;}
.i-conL .boxLR .lis li .t .name{width: 100%}
.i-conR{width: 287px;}


@media screen and (max-width: 1260px){
	.wrap{padding-left: 0px !important;padding-right: 0px !important;}
}
@media screen and (max-width: 750px){
	.wrap{padding-left: 0rem !important;padding-right: 0rem !important;}
	.pt20{padding-top: 0px!important;}
}

@media screen and (max-width: 1240px){
  .i-news .i-conL{width:70%;}
  .i-news .i-conL .hot{width:100%!important;margin-left: 0;}
.i-news .hot .h3 li{height:auto;}
  .i-conBox .i-conL{width:70%;}
  .i-conBox .i-conL .boxLR{width:48%;}
  .i-conBox .i-conL .boxLR .pic li{width:47%;}
}

@media screen and (max-width: 1200px){

  .i-news .i-conL{width:65%;}
  .i-conBox .i-conL{width:65%;}
}

@media screen and (max-width: 960px){
  .i-news .i-conL{width:55%;}
  .i-conBox .i-conL{width:100%; float:none;}
  .i-conBox .i-conR{float:none;width: 100%;}

  /*zinn 0*/
  .i-news .tit.m0{margin-top: 10px;}
  /*1*/
}

@media screen and (max-width: 800px){
  .i-news .i-conL{width:100%; margin:0 0 30px;}
  .i-news .i-conR{width:100%;}
  .i-news .good{width:100%;}
  .i-news .good-1{display:none;}
  .i-conR.i-news .good-1{display: block;}
}

@media screen and (max-width: 750px){

  .i-news .tit{font-size:1.5rem; margin-bottom:1rem; padding-left:0.75rem; height:1.44rem; line-height:1.44rem; border-left:0.19rem solid #ef317c;}

  .i-news .tit{font-size: 2rem;line-height: 2.1rem;height: 2rem;border-width: 2px;margin-bottom: 1rem;}
  .i-news .tit.m0{font-size: 1.9rem;line-height: 2rem;    margin: 1rem 0 1.8rem;}

  .i-news .good li{border:none;padding:.5rem 1.0rem;}
  .i-news .good li .t{color:#333; line-height:3.6rem; height:3.6rem; padding-left:0;}
  .i-news .good li .t span{color:#333;}
  .i-news .good li .t span.name{width:100%;font-size:1.8rem;}
  .i-news .good li .t::before{display:none;}
  .i-news .good-1 li{padding: .5rem 1.0rem;}
  .i-news .good-1 li .n div{font-size: 1.4rem;height: 2.4rem;width: 2.4rem;line-height: 2.4rem;}
  .i-news .good-1 li .table-cell{line-height: 3.0rem;}
  .i-news .good-1 li .b a{font-size: 1.8rem;height: 3.0rem;margin: .5rem 0;}
  .i-news .good-1 li .n{padding:0.95rem 1.3rem 0 0}

  .i-title{line-height:5.1rem;height: 5rem;}
  .i-title .a{padding:0 1.19rem; font-size:1.75rem;}
  .i-title .a.on:after{border-top-width:0.56rem; border-left:0.38rem solid transparent; border-right:6px solid transparent; margin-left:-0.38rem;}
  .i-title .b{margin-right:1.06rem; padding-right:0;}
  .i-title .b a{font-size:1.4rem;}

  .i-conBox{padding-top: 0;}
  .i-conBox .i-conL .boxLR{width:100%; margin-top: 1rem;}
  .i-conBox .i-conL .boxLR .pic{padding:1.5rem 0 0 1.5rem;}
  .i-conBox .i-conL .boxLR .pic li{padding:0 0 0 15.94rem; position:relative; z-index:1; min-height:9.13rem; float:none; width:auto;    overflow: hidden;}
  .i-conBox .i-conL .boxLR .pic li .i.i-Pic{width:13.94rem; height:auto; position:absolute; left:0; top:0; overflow:hidden;}
  .i-conBox .i-conL .boxLR .pic li .t{font-size:1.9rem; color:#424242; text-align:left; line-height:3.8rem; height:7.6rem;overflow: visible;}
  .i-conBox .i-conL .boxLR .pic .fr{margin:1.5rem 0;}
  .i-conBox .i-conL .boxLR .lis li{margin: .5rem 1.0rem;}
  .i-conBox .i-conL .boxLR .lis li .t{line-height:3.6rem; height:3.6rem; font-size:1.8rem;}
  .i-conBox .i-conL .boxLR .lis li .t .name{width: 100%;}

  .i-conBox .i-conL .boxLR .i-title .b.fl{display:none;}
  .i-conBox .i-conL .boxLR .i-title .b.fr{float:right;}

  .footer-links{margin:0 0 2.69rem;}
  .footer-links .tit{height:3.69rem;}
  .footer-links .tit li{font-size:1.6rem; color:#555; padding:0 1.56rem; line-height:3.5rem; border-top-width:0.19rem;}
  .footer-links .con{padding:0.63rem;}
  .footer-links .con a{font-size:1.4rem; color:#555; line-height:2.5rem; margin:0 1.25rem;}

  .footer-infos{border-top-width:0.19rem; background:#f9f9f9;}
  .footer-infos .a a{font-size:1.25rem; color:#555; line-height:2.63rem;}
  .footer-infos .a span{padding: 0 5px;}
  .footer-infos .b{font-size:1.25rem; color:#555;line-height: 2rem;}
  .footer-infos .b a{ color:#555;}
}