body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td , a, div, span, i{
  margin:0; 
  padding:0; 
  box-sizing: border-box;
}
.clearfix{  
  zoom: 1;
}
.clearfix:after{
  display: block;
  content: "";
  clear: both
}
.clearfix:before{
  display: table;
  content: "";
}
html { font-size: 100px; }
.container { width: 100%; max-width: 1278px; margin: 0 auto; font-size: .16rem; }
.spirit { display: inline-block; background-image: url('../images/spirit.png'); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
.spirit.more-icon { vertical-align: top; width: 30px; height: 30px; margin: 4px 0 0; background-position: -380px -30px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
@keyframes fade1 { 0% { opacity: 0; right: 0; }
  100% { opacity: 1; right: 8.6%; } }
.index-info { padding: 20px 0 0 0;  }
.index-info .slide-column-tag { font-size: 0; margin: 0 0; }
.index-info .slide-column-tag > li { display: inline-block; vertical-align: top; width: 33.3333333333%; padding: 0 0; }
.index-info .slide-column-tag li { position: relative; z-index: 3; padding: 0 0 0 6.7%; cursor: pointer; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
.index-info .slide-column-tag li:first-child { border-left: none; }
.index-info .slide-column-tag li:last-child { border-right: none; }
.index-info .slide-column-tag li .bg { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #38bae5; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.index-info .slide-column-tag li .bg::before { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: 100%; bottom: auto; left: auto; z-index: 1; opacity: 0; width: 0; height: 0; border-top: .1rem solid transparent; border-right: 6px solid #0783ac; border-bottom: .1rem solid #0783ac; border-left: 6px solid transparent; }
.index-info .slide-column-tag li .bg::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: 100%; z-index: 1; width: 0; height: 0; opacity: 0; border-top: .1rem solid transparent; border-right: 6px solid transparent; border-bottom: .1rem solid #0783ac; border-left: 6px solid #0783ac; }
.index-info .slide-column-tag li.active { border: none; z-index: 2; }
.index-info .slide-column-tag li.active .bg { height: calc(100% + .2rem); background:#0d9fd0; }
.index-info .slide-column-tag li.active .p1 { -webkit-transform: translateY(-0.1rem); -moz-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); -o-transform: translateY(-0.1rem); transform: translateY(-0.1rem); }
.index-info .slide-column-tag li.active .p2 { margin: .15rem 0 0; }
.index-info .slide-column-tag li.active .spirit { top: calc(.35rem - 35px); animation: fade1 .8s; }
.index-info .slide-column-tag li:nth-child(1).active .bg { border-top-left-radius: .16rem; }
.index-info .slide-column-tag li:nth-child(1).active .bg::after { opacity: 1; }
.index-info .slide-column-tag li:nth-child(2).active .bg::before, .index-info .slide-column-tag li:nth-child(2).active .bg::after { opacity: 1; }
.index-info .slide-column-tag li:nth-child(3).active .bg { border-top-right-radius: .16rem; }
.index-info .slide-column-tag li:nth-child(3).active .bg::before { opacity: 1; }
.index-info .slide-column-tag .p1 { position: relative; z-index: 2; display: inline-block; margin: 0 .1rem 0 0; font-size: 0.42rem; font-weight: 700; line-height: 0.9rem; color: #ffffff; text-align: left; font-style: italic; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.index-info .slide-column-tag .p2 { position: relative; z-index: 2; display: inline-block; vertical-align: top; margin: .25rem 0 0; font-size: 0.24rem; font-weight: 500; line-height: 0.26rem; color: #ffffff; text-align: left; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.index-info .slide-column-tag .p2 .en { font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; font-size: .15rem; line-height: .18rem; text-transform: uppercase; }
.index-info .slide-column-tag .spirit { position: absolute; top: calc(.45rem - 35px); right: 8.6%; bottom: auto; left: auto; z-index: 2; width: 70px; height: 70px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.index-info .slide-column-tag .spirit.i1 { background-position: -225px 4px; }
.index-info .slide-column-tag .spirit.i2 { background-position: -225px -66px; }
.index-info .slide-column-tag .spirit.i3 { background-position: -225px -136px; }

.index-info .slide-item { position: relative; display: none; height: 420px;}
.index-info .slide-itemnew2{
    height: 7.4rem;
}
.slide-itemnew2 a img{
    width: 100%;
    border: 1px solid #dbe2e8;
    border-radius: 6px;
}
.index-info .slide-item.active { display: block; }
.index-info .slide-item.zf .info-link1 { width: 28.48%; padding: 0 .3rem 0 0; border-right: 1px solid #ecf1f6; }
.index-info .slide-item.zf > .fr { width: 68.48%; }
.index-info .slide-item.zf .column { margin: 0 0 .25rem; }
.index-info .slide-item.zf .column h3 { line-height: 42px; }
.index-info .slide-item.zf .column h3 .spirit { height: 42px; }
.index-info .slide-item.zf .first { width: 2.35rem; margin: .3rem 0 0; }
.index-info .slide-item.zf .list1 { width: calc(100% - 2.55rem); margin: .11rem 0 0; }
.index-info .slide-item.zf .list1 .title, .index-info .slide-item.zf .list1 .date { line-height: .5rem; }
.index-info .slide-item.zw .column .spirit.i3 { margin: 5px 0 0; height: 40px; }
.index-info .slide-item.zw > .fl { width: 55%; padding: .4rem 0 .2rem; border: 1px solid #dbe2e8; border-radius: 6px; }
.index-info .slide-item.zw > .fl .column { padding: 0 .35rem; }
.index-info .slide-item.zw > .fr { width: 41.92%; }
.index-info .slide-item.zw .info-link2 { padding: .05rem .35rem 0; }
.index-info .slide-item.zw .line { width: 100%; height: 1px; margin: .16rem 0 .35rem; background: #dbe2e8; }
.index-info .slide-item.zw .tri::after { left: 49%; }
.index-info .slide-item.hd > .fl { width: 49.23%; }
.index-info .slide-item.hd > .fr { width: 47.27%; }
.index-info .slide-item.hd .info-link4 { margin-bottom: .14rem; }
.index-info .slide-item.hd .line { width: 100%; height: 1px; margin: 0 0 .25rem; background: #dbe2e8; }
.index-info .slide-item.hd .table { width: calc(100% - 1.16rem); }
.index-info .slide-item.hd .list3 { width: calc(100% - 1.16rem); margin: -.1rem 0 0; }
.index-info .slide-item.hd .tri::after { left: 83%; }
.index-info .slide-item .tri { position: absolute; top: auto; right: auto; bottom: 100%; left: 0; z-index: 1; width: 100%; height: 20px; overflow: hidden; }
.index-info .slide-item .tri::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: 14%; z-index: 1; width: 30px; height: 30px; background: #fff; border: 1px solid #ecf1f6; -webkit-transform: rotate(45deg) translateY(9px); -moz-transform: rotate(45deg) translateY(9px); -ms-transform: rotate(45deg) translateY(9px); -o-transform: rotate(45deg) translateY(9px); transform: rotate(45deg) translateY(9px); }
.index-info .column3 { display: none; position: relative; margin: .3rem 0 0; padding: 0 0 0 6.7%; border-radius: 6px; cursor: pointer; background:#0d9fd0; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.index-info .column3 .p1 { position: relative; z-index: 2; display: inline-block; margin: 0 .1rem 0 0; font-size: 0.36rem; font-weight: 700; line-height: 0.9rem; color: #ffffff; text-align: left; font-style: italic; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.index-info .column3 .p2 { position: relative; z-index: 2; display: inline-block; vertical-align: top; margin: .25rem 0 0; font-size: 0.22rem; font-weight: 500; line-height: 0.26rem; color: #ffffff; text-align: left; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.index-info .column3 .p2 .en { font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; font-size: .15rem; line-height: .18rem; text-transform: uppercase; }
.index-info .column3 .spirit { position: absolute; top: calc(.45rem - 35px); right: 8.6%; bottom: auto; left: auto; z-index: 2; width: 70px; height: 70px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.index-info .column3 .spirit.i1 { background-position: -225px 4px; }
.index-info .column3 .spirit.i2 { background-position: -225px -66px; }
.index-info .column3 .spirit.i3 { background-position: -225px -136px; }