@charset "utf-8";
/* reset */
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 }
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑","Arial";  }
body { line-height: 1.5 } */
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: 1100px;}*/
  .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;}
}


/* =====最新动态 S===== */
.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;}
}
/* =====最新动态 E===== */
.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(../images/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(../images/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; }
}