html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }

a:link,
a:visited,
a:active,
a { text-decoration: none;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }





.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.wrap{width: 1280px;margin-left:auto;margin-right:auto;}


*{-webkit-box-sizing:border-box;box-sizing:border-box;}
.wrap{width: 100%;margin-left:auto;margin-right:auto;}
@media only screen and (max-width: 1440px){

  .wrap{width: 100%;}

}
@media only screen and (max-width: 1200px){
  .wrap{width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
}



.WhatSnew { background-color: #F1F1F1; overflow: hidden; }
.WhatSnew .cont { position: relative; }
.WhatSnew .newsleft { width: 34.375%; position: absolute; left: 0; height: 100%; top: 0; overflow: hidden; }
.WhatSnew .newsleft ul { position: relative; height: 100%; }
.WhatSnew .newsleft li { background-color: #fff; transition: all .5s; position: relative; height: 100%; }
.WhatSnew .newsleft .img { position: relative; height: 100%; z-index: 1; }
.WhatSnew .newsleft .info { position: absolute; left: 0; width: 100%; bottom: 0; z-index: 3; }
.WhatSnew .img { overflow: hidden; height: 240px;}
.WhatSnew .img img { width: 100%; transition: all .5s; height: 100%; object-fit: cover; }
.WhatSnew .info { padding: 15px 20px; background-color: #fff; transition: all .5s; position: relative; }
.WhatSnew .info:after { content: ''; display: block; width: 0; height: 4px; background-color: #28C1FF; position: absolute; left: 50%; bottom: 0; transition: all .5s; }
.WhatSnew .info h2 { font-size: 22px; color: #1B2126; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; height: 3em; }
.WhatSnew .newsright { float: right; width: 65.625%; }
.WhatSnew .newsright ul li { float: left; width: 47.61905%; margin: 0 0 20px 2.38095%; background-color: #fff; transition: all .5s; }
.WhatSnew .newsright ul li:nth-child(3) { margin-bottom: 0; }
.WhatSnew .newsright ul li:nth-child(4) { margin-bottom: 0; }
.WhatSnew li:hover .img img { transform: scale(1.05); }
.WhatSnew li:hover .info { background-color: #047CEB; }
.WhatSnew li:hover .info:after { width: 100%; left: 0; }
.WhatSnew li:hover .info h2 { color: #fff; }

@media screen and (max-width: 1440px) { 
  .WhatSnew .info h2 { font-size: 18px; } 
  .WhatSnew .img { overflow: hidden; height: 200px;}
}
@media screen and (max-width: 1200px) { .WhatSnew .info { padding: 10px 15px; }
  .WhatSnew .info h2 { font-size: 16px; }
  .WhatSnew .info:after { height: 2px; } 
  .WhatSnew .img { height: 160px;}
}
@media screen and (max-width: 767px) { .WhatSnew .newsleft { width: 100%; position: static; }
  .WhatSnew .newsleft li { position: relative; margin-bottom: 20px; }
  .WhatSnew .newsleft .img{height: 300px;}
  .WhatSnew .info { padding: 10px; }
  .WhatSnew .info h2 { font-size: 14px; }
  .WhatSnew .newsright { width: 100%; float: none; }
  .WhatSnew .newsright ul li { margin-left: 0; margin-right: 4.76%; }
  .WhatSnew .newsright ul li:nth-child(2n) { margin-right: 0; } 
  .WhatSnew .img { height: 120px;}
}

.defualtbox { padding: 110px 0 70px; }
.defualtbox .title { line-height: 60px; color: #fff; margin-bottom: 50px; }
.defualtbox .title h2 { float: left; font-size: 60px; font-weight: bold; }
.defualtbox .title a.more { color: #fff; font-size: 18px; float: right; }
.defualtbox .title a.more:after { content: ''; display: inline-block; width: 7px; height: 11px; background: url(../image/icon_gowhite.png) no-repeat; margin-left: 10px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; position: relative; left: 0; }
.defualtbox .title a.more:hover:after { left: 5px; }
.defualtbox .title-black { color: #00114A; }
.defualtbox .title-black a.more { color: #041B3D; }
.defualtbox .title-black a.more:after { background-image: url(../image/icon_goblack.png); }
@media screen and (max-width: 767px) {
.defualtbox .title { line-height: 30px; color: #fff; margin-bottom: 25px; }
.defualtbox .title h2 { float: left; font-size: 30px; font-weight: bold; color: #00114a; }
.defualtbox .title a.more { color: #00114a; font-size: 14px; float: right; }
}