@charset "utf-8";
html,body { font-family: 'Microsoft YaHei', '微软雅黑', 'arial', '宋体';font-size: 14px;  font-weight: 500; background-color:#fff; }
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu,li{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}

.clearfix::after{content: ''; display: block; height: 0;clear: both;overflow: hidden; visibility: hidden;}
a:hover,a:active {    text-decoration: none; color: #da251d;}
a {color: #000;}
ul { padding: 0 0;}
/*图片放大*/
.img-enlarge {overflow: hidden;}
.img-enlarge img {cursor: pointer; transition: all 0.6s;width: 100%; height: 100%; }
.img-enlarge:hover img{  transform: scale(1.1);}
/*斑斓图*/
.swiper-button-prev,.swiper-button-next, .swiper-button-prev:focus,
.swiper-button-next:focus {  outline: none; color: #fff; }
/*颜色滑动*/
.corlor-move {position: relative; cursor: pointer; border: none;}
.corlor-move:after { content: '';position: absolute;left: 0; top: 0;width: 0; height: 100%; transition: .5s;background: #c80119;z-index:-1;}
.corlor-move:hover{z-index:1;background:transparent; color: #FFF;}  
.corlor-move:hover a {color: #FFF;} 
.corlor-move:hover i {color: #FFF;}                  
.corlor-move:hover:after{ width: 100%; height: 100%;color: #FFF;}
.corlor-move:hover .more  a {color: #FFF;}
/*圆角*/
.round {-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.round20 {-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.round15 {-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}

/*弹性盒*/
.flex-between  {justify-content:space-between;display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%; padding: 0px 0px;}
.flex-start  {justify-content:flex-start;display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;}
.flex-center  {justify-content:center;display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;}




/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
    cursor:pointer;
    -webkit-transform:scale(1.15);
    moz-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
  }
  .picShow img{transition:all 500ms ease-out 0s; }


/*分页*/

#pages { text-align: center; margin-top: 20PX; margin-bottom: 40px; }
#pages li { margin: 0 2px; width: auto; height: 32px;line-height: 32px;  text-align: center;  background: #e6e6e6; color: #333; display: inline-block;}
#pages li a{  font-size: 14px; display: block; padding: 0 12px;}
#pages li span{ font-size: 14px; display: block;  padding: 0 12px;}
#pages li.active {  text-align: center; background: #ee0a3b; color: #fff; display: inline-block;}
#pages li:hover { background: #ee0a3b;}
#pages li:hover a { color: #fff;}


.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.container-fluid,
.container {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0;
    margin-left: 0;
}


/*放大动画*/
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:10}
.anim:before{position:relative;content:'';display:block;margin-top:100%}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.hoverable{overflow:hidden}
.hoverable .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.hoverable .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s}
@-webkit-keyframes anim-in{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-in{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-in{0%{width:0}100%{width:100%}}
@keyframes anim-in{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-webkit-keyframes anim-out{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-out{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-out{0%{width:0}100%{width:100%}}
@keyframes anim-out{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}

.more2 a{width:160px; line-height:35px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff; transition:0.3s all; position:relative;}
.more2 a:hover{border:solid 1px #fff; background:rgba(255,255,255,0.8); color:#333;}