@charset "utf-8";
/*初始化代码*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body, html{width:100%;height:100%; background:#ffffff;}
body { color:#333333; font-size:14px; font-family: "webfont","Arial","黑体","宋体",sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#333333; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "webfont","Arial","黑体","宋体",sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }/*公共类*/
.fl { float:left}
.fr {float:right}
.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.hide {display:none !important;}
.opacity{opacity:0 !important;}
/* 文本溢出省略 父级样式需为块级元素、宽度不能为空*/
.ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-break: break-all;
}
.ellipsis2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ellipsis3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ellipsis4{
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 4;
  overflow: hidden;
}
/*引入字体图标*/
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('./font/sourcehansans.eot'); /* IE9 */
  src: url('./font/sourcehansans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./font/sourcehansans.woff2') format('woff2'),
  url('./font/sourcehansans.woff') format('woff'), /* chrome、firefox */
  url('./font/sourcehansans.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('./font/sourcehansans.svg#webfont') format('svg'); /* iOS 4.1- */
}
/*css3动画时间*/
.animated1_2{-webkit-animation-duration:1.2s !important;animation-duration:1.2s !important;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated1_5{-webkit-animation-duration:1.5s !important;animation-duration:1.5s !important;-webkit-animation-fill-mode:both;animation-fill-mode:both}
/*统一样式更改*/
a:hover{color:#095DB0;}
input[type="text"], input[type="password"] {outline: 0;}
.main{width:1600px;margin:0 auto;}
/*头部*/
.header{
  width:100%;
  height:94px;
  font-size:18px;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}
.logo{
  padding:22px 100px 21px 0;
}
.logo a{
  display:block;
  width:218px;
  height:62px;
}
.logo a img{
  display:block;
  width:100%;
}
.nav{
  margin:15px 0;
  line-height:64px;
}
.nav ul{
  display: inline-block;
  position: relative;
}
.nav ul li{
  float:left;
  margin:0 26px;
  position: relative;
}
.nav ul li ul{
  display:none;
  width:300px;
  padding-top:20px;
  position:absolute;
  top:56px;
  left:0;
  z-index:99;
  font-size:16px;
}
.nav ul li ul div{
  width:120px;
}
.nav ul li ul li{
  margin:0;
  float:none;
  line-height:34px;
}
.nav ul li:hover ul{
  display:block;
}
.nav ul li a{
  color:#ffffff;
}
.nav ul .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  border-bottom: 4px solid #095DB0;
}
.nav ul li.active a{
  color: #095DB0;
}
.nav_bg{
  display:block;
  width:100%;
  min-width:1600px;
  height:300px;
  background:rgba(20,50,143,0.8);
  position:absolute;
  top:78px;
  left:0;
  z-index:9;
}
.nav.red ul .bg {
  border-bottom:4px solid #FFFFFF;
}
.nav.red .nav_bg{
  background:rgba(0, 0, 0, 0.3);
}
/*.nav ul>li:hover + .nav_bg{
  display:block;
}*/
.search{
  color:#FFFFFF;
  margin-top:36px;
}
.address img{
  display:inline-block;
  width:16px;
  vertical-align: middle;
  margin-top:-2px;
  margin-right:5px;
}
.oa{
  margin-left:15px;
  margin-top:-2px;
}
.oa a{
  display:inline-block;
  width:22px;
  height:22px;
  line-height:20px;
  border:1px solid #FFFFFF;
  border-radius:50%;
  font-size:12px;
  color:#FFFFFF;
  text-align:center;
}
.email{
  margin-left:15px;
  margin-top:3px;
}
.email img{
  display:block;
  width:24px;
}
.searchBtn{
  width:32px;
  position:relative;
  transition: all 1s;
  margin-left:10px;
}
.searchBtn input{
  opacity:0;
  width:120px;
  height:24px;
  padding:0 15px;
  background:transparent;
  border:1px solid #ffffff;
  border-radius:13px;
  color:#ffffff;
  transition: all 1s;
}
.searchBtn a{
  display:block;
  width:20px;
  height:20px;
  background:url(../images/search.png) no-repeat;
  background-size:20px 20px;
  position:absolute;
  top:1px;
  right:8px;
}
.searchBtn.cur a{
  width:18px;
  height:18px;
  background:url(../images/close.png) no-repeat;
  background-size:18px 18px;
  top:2px;
}
.searchBtn a img{
  display:block;
  width:100%;
}
.searchBtn .btns{
  display:none;
}
.searchBtn.active input{
  opacity:1;
}
.searchBtn.active .btns{
  display:block;
}
.searchBtn.active #search{
  display:none;
}
.searchForm{
  background-color: #272624;
  position: absolute;
  right: 50%;
  top: 80%;
  margin-right: -800px;
  padding: 17px 20px;
  width: 22%;
  display: none;
  opacity: .85;
}
.searchForm input{
  width:80%;
  height:30px;
  line-height:30px;
  border:none;
  background:transparent;
  color:#CCCCCC;
}
.searchForm .btns{
  display:inline-block;
  line-height:30px;
  float:right;
}
.searchForm .btns img{
  display:inline-block;
  vertical-align: middle;
}
/*底部*/
.foot{
  min-width:1600px;
  background:url('../images/foot_bg.jpg') center #404040 no-repeat;
  background-size:cover;
  color:#ffffff;
}
.foot.redFoot{
  background:url('../images/foot_bg-red.jpg') center #B31013 no-repeat;
  background-size:cover;
}
.footMain{
  padding:100px 0 80px;
}
.footMenu{
  text-align:center;
  margin-bottom:55px;
}
.footMenu ul{
  display:inline-block;
}
.footMenu ul li{
  float:left;
}
.footMenu ul li a{
  display:block;
  padding:0 25px;
  font-size:16px;
  color:#FFFFFF;
}
.footLink{
  text-align:center;
  margin-bottom:36px;
}
.footLink a{
  display:inline-block;
  width:38px;
  height:38px;
  line-height:38px;
  border:1px dashed #FFFFFF;
  border-radius:50%;
  font-size:14px;
  color:#FFFFFF;
  text-align:center;
  margin:0 8px;
}
.footLink a img{
  display:inline-block;
  vertical-align: middle;
  margin-top:-2px;
}
.footLink .link{
  width:70px;
  padding:0 32px 0 16px;
  border-radius:10px;
  position:relative;
}
.footLink .link:after{
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 2px 0 0 2px;
  border-color: #FFFFFF;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 15px;
}
.footMain .contact{
  font-size:14px;
  color:#FFFFFF;
  text-align:center;
}
.footMain .contact span{
  display:inline-block;
  margin:0 15px;
}
.foot .copyright{
  padding:40px 0 34px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,0.1);
}
.foot .copyright span{
  display:inline-block;
  color:#ffffff;
  margin:0 10px;
}
/*返回顶部*/
.go-top {
  display: none;
  width: 50px;
  height: 50px;
  background: #14368f;
  border-radius: 50%;
  z-index: 9999;
  position: fixed;
  right: 20px;
  bottom: 50px;
  cursor: pointer;
  text-align:center;
}
.go-top span{
  display:block;
  width:20px;
  height:3px;
  background:#FFFFFF;
  margin:18px auto;
}
.go-top:after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-width: 3px 0 0 3px;
  border-color: #FFFFFF;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 18px;
}
.go-top:hover{
  opacity: 0.8;
}
.go-link{
  display: block;
  background: #14368f;
  border-radius: 4px;
  overflow: hidden;
  z-index: 9999;
  position: fixed;
  left: 20px;
  bottom: 50px;
}
.go-link img{
  display:block;
  width:160px;
  height:86px;
}
.go-link:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1720px) {
}
@media only screen and (max-width: 1600px) {
  .main{
    width:1560px;
  }
  .header{
    min-width:1560px;
  }
  .nav_bg{
    min-width:1560px;
  }
  .searchForm{
    margin-right: -780px;
  }
  .foot{
    min-width: 1560px;
  }
  .copyright{
    width:1560px;
  }
}
@media only screen and (max-width: 1500px) {
  .main{
    width:1460px;
  }
  .header{
    min-width:1460px;
  }
  .nav ul li{
    margin:0 20px;
  }
  .searchForm{
    margin-right: -730px;
  }
  .nav_bg{
    min-width:1460px;
  }
  .foot{
    min-width: 1460px;
  }
  .copyright{
    width:1460px;
  }
}
@media only screen and (max-width: 1440px) {
  .main{
    width:1400px;
  }
  .header{
    min-width:1400px;
    font-size:16px;
  }
  .nav ul li{
    margin:0 18px;
  }
  .nav_bg{
    min-width:1400px;
  }
  .searchForm{
    margin-right: -700px;
  }
  .foot{
    min-width: 1400px;
  }
  .copyright{
    width:1400px;
  }
}
@media only screen and (max-width: 1366px) {
  .main{
    width:1326px;
  }
  .header{
    min-width:1326px;
    font-size:14px;
  }
  .nav ul li{
    margin:0 15px;
  }
  .nav ul li ul{
    font-size:14px;
  }
  .nav_bg{
    min-width:1326px;
  }
  .searchForm{
    margin-right: -663px;
  }
  .foot{
    min-width: 1326px;
  }
  .copyright{
    width:1326px;
  }
}
@media only screen and (max-width: 1300px) {
  .main{
    width:1260px;
  }
  .header{
    min-width:1260px;
    font-size:14px;
  }
  .nav ul li{
    margin:0 13px;
  }
  .nav ul li ul{
    font-size:14px;
  }
  .nav_bg{
    min-width:1260px;
  }
  .searchForm{
    margin-right: -630px;
  }
  .foot{
    min-width: 1260px;
  }
  .copyright{
    width:1260px;
  }
}
@media only screen and (max-width: 1240px) {
  .main{
    width:1200px;
  }
  .header{
    min-width:1200px;
    font-size:14px;
  }
  .nav ul li{
    margin:0 10px;
  }
  .nav ul li ul{
    font-size:14px;
  }
  .nav_bg{
    min-width:1200px;
  }
  .searchForm{
    margin-right: -600px;
  }
  .foot{
    min-width: 1200px;
  }
  .copyright{
    width:1200px;
  }
}
         