@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
/* structural elements 结构元素*/
dl, dt, dd, ul, ol, li,
/* list elements 列表元素*/
 pre,
/* text formatting elements 文本格式元素*/
fieldset, lengend, button, input, textarea,
/* form elements 表单元素*/
th, td {
  /* table elements 表格元素*/
  margin: 0;
  padding: 0;
}
input,textarea {
  border: 2 none;
  box-shadow: none;
  outline: none;
}
/* 设置默认字体*/
body,button, input, select, textarea {
  font-family:"Microsoft Yahei" ;
  color: #666;
}
/*h1 {
  font-size: 18px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h4, h5, h6 {
  font-size: 100%;
}*/
* h1,* h2,* h3,* h4,* h5,* h6 {
  margin: 0px;
}
/* 重置列表元素*/
ul, ol ,li {
  list-style: none;
}
i {
  font-style: normal;
}
/* 重置文本格式元素*/
  
a {
  text-decoration: none;
  color: #666;
  word-wrap:break-word;
}
/*英文换行*/
a:hover {
  text-decoration: none;
  color:#910800;
}
/* 重置表单元素*/
legend {
  color: #000;
}
/* for ie6*/
fieldset, img {
  border: none;
}
/* img 搭车：让链接里的 img 无边框*/
button, input, select, textarea {
  font-size: 100%;
  /* 使表单元素在 ie 下能继承字体大小*/
  
}
/* 重置表格元素*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/
html {
  overflow-y: scroll;
}
/* */
body {font-size: 16px;}
/*设置浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.pt {
  padding-top: 60px;
}
.pb {
  padding-bottom: 60px;
}
/*清除浮动*/
.clear {
  clear: both;
  height: 0;
}
.clearfix:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.blk-main .clearlist {
  clear:both;
  height:0;
  padding:0;
  margin:0;
  border:0;
  width:100% ;
  float:none;
}
.b-main .clearlist {
  clear:both;
  height:0;
  padding:0;
  margin:0;
  border:0;
  width:100% ;
  float:none;
}
.clearafter:after {
  content:"";
  display:block;
  height:0;
  visibility:hidden;
  clear:both;
}
/* function*/
h2 a:hover {
  text-decoration: none;
}
input,textarea {
  outline:none;
}
textarea {
  resize:none;
}
em {
  font-style: normal;
}
.pr {position: relative;}
.pa {position: absolute;}
.f-cb:after,.f-cbli li:after {
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  overflow:hidden;
  content:".";
}
.f-cb,.f-cbli li {
  zoom:1;
}
.f-ib {
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.f-dn {
  display:none;
}
.f-db {
  display:block;
}
.f-pr {
  position:relative;
}
.f-pa {
  position:absolute;
}
.f-fl {
  float:left;
}
.f-fr {
  float:right;
}
.f-prz {
  position:relative;
  zoom:1;
}
.f-oh {
  overflow:hidden;
}
.f-fa {
  font-family:Arial, Helvetica, sans-serif;
}
.f-fw {
  font-family:"Microsoft Yahei";
}
.content {
  margin:0 auto;
  width: 1200px;
}
em {
  font-style:normal;
}
/*header*/
.header {
  height: 156px;
  /*background: url(../images/headerbg.jpg) repeat-y;*/
}
.header .header-top {
  height: 50px;
  border-bottom: 1px solid #ccc;
}
.header .header-top a {
  color: #666;
}
.header .header-top span {
  line-height: 50px;
  font-size: 14px;
}
.header .header-top ul {
  width: 200px;
  line-height: 20px;
  height: 20px;
  margin-top: 16px;
}
.header .header-top ul li {
  float: left;
  font-size: 14px;
}
.header .header-top ul li:nth-child(1) {
  border-right: 1px solid #ccc;
  padding-right: 8px;
}
.header .header-top ul li:nth-child(2) {
  margin-left: 8px;
}
.header .header-top ul li i {
  margin-right: 8px;
}
.header .header-logo {
  width: 530px;
  height: 120px;
}
.header .header-logo img {
  width: 100px;
  height: 80px;
  float: left;
  margin: 20px 10px 0 0;
  padding-right: 10px;
  border-right: 1px #ccc dotted;
}

.header .header-logo p {
  font-size: 22px;
  font-weight: normal;
  color: #1b1b1b;
  margin-left: 5px;
}
.header .header-logo h2 {
  font-size:36px;
  display: block;
  margin-top:20px;
  letter-spacing: 2px;
  color: #1b1b1b;
  margin-left: 5px;
}
.header .header-logo h2 b{
  color: #004A9F;
}
.header .header-right {
  width: 312px;
  height: 100px;
  margin-top: 20px;
}
.header .header-right .header-right-top-tel-img {
  width: 85px;
  height: 85px;
  margin-right: 20px;
  position:relative;
}
.header .header-right .header-right-top-tel-img:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    content: "";
    animation: light 5s infinite;
    -webkit-animation: light 5s infinite;
    background: url(../images/code_shadow1.png) no-repeat 0 0;
}
.header .header-right p {
  font-size: 14px;
  width: 260px;
  color: #000;
}
.header .header-right strong {
  font-size: 28px;
  letter-spacing: 2px;
  width: 260px;
  font-weight: normal;
  font-family: Impact;
  color: #ED1C22;
}

@keyframes light{
  0%{top:0;}
  50%{top:100%;}
  100%{top:0;}
}

/*nav*/
.nav {height:72px;margin:0 auto;position: relative;transition: ease .3s;background: #F3F3F3;}
.nav li {float:left;height:72px;position: relative;z-index:9;box-sizing: border-box;text-align: center;width: 132px;}
.nav li a{font-size:16px;color:#363636;display:block;height:72px;line-height:72px;position: relative;z-index: 2;}
.nav li:after{content: "";display:block;width:100%;height:0px;background: #21499b;position: absolute;left:0;bottom:0;transition:all 0.3s;}
.nav li:hover:after,.nav .cur:after{height:100%;}
.nav li:hover a,.nav .cur a {color: #fff;}
.nav li:last-child{background:none;}
.nav .navitem:hover .dropdown {opacity: 1;display: block;/*visibility: visible; */}
.nav .dropdown {
  position:absolute;
  display: none;
  left:-24px;
  right: 0;
  top:72px;
  z-index: 9;
  width: 180px;
  background: #21499B;
  /*overflow: hidden;*/
}
.nav .dropdown li{
    line-height: 42px;
    float: left;
    width: 180px;
    text-align: center;
    display:block;
}
.nav .dropdown li a {
    color: #fff;
    font-size: 16px;

}

/*banner*/
.banner {
  clear:both;
  position:relative;
  width:100%;
  height:700px;
  overflow:hidden;
  z-index: 1;
  top: 0;
  left: 0;
}
.banner .hd {
  position:absolute;
  left:0;
  bottom:30px;
  width:100%;
  height:12px;
  text-align:center;
}
.banner .hd li {
  display:inline-block;
  *display:line;
  *zoom:1;
  margin:0 10px;
  width:12px;
  height:12px;
  text-indent:-9999px;
  cursor:pointer;
  background:#57606F;
  border-radius:8px;
}
.banner .hd .on {
  background:#ED1C22;
  width: 50px;
   display:inline-block;
  *display:line;
  *zoom:1;
  margin:0 10px;
  height:12px;
  text-indent:-9999px;
  cursor:pointer;
  border-radius:6px;
}
.banner .bd,.banner .bd ul {
  height:700px;
}
.banner .bd li {
  position:relative;
  width:100%;
  height:700px;
}
.banner .bd li a {
  display:block;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-960px;
  width:1920px;
  height:700px;
}
.banner .prev,.banner .next {
  position:absolute;
  z-index:999;
  top:50%;
  width:58px;
  height:58px;
  line-height: 58px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #fff;
  cursor:pointer;
  opacity:0;
  transition: all 1s;
}
.banner .prev {
  left:8%;
}
.banner .next {
  right:8%;
}
.banner:hover .prev,.banner:hover .next {
  opacity:1;
}

/*search*/
.search {
  line-height: 80px;
  height: 80px;
  border-bottom: 1px #CED6E0 solid;
}
.search {}
.search h2 {
  float: left;
  width: 130px;
  font-size: 16px;
}
.search h2 i {
  font-size: 21px;
  margin-right: 10px;
  color: #ED1C22;
}
.search ul {
  width: 600px;
  float: left;
}
.search ul li {
  padding: 0 10px;
  float: left; 
}
.search ul li a {
  color: #57606F;
}
.search form {
  float: right;
  border: 0;
  line-height: 42px;
  height: 42px;
  margin-top: 19px;
}
.search form input {
  border-left :1px solid #CED6E0;
  width: 260px;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  padding-left: 25px;
  line-height: 42px;
  height: 42px;
  font-size: 14px;
}
.search form button {
  border-left :1px solid #CED6E0;
  background: none;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  padding-left: 15px;
  line-height: 29px;
  height: 29px;
}
.search form button i {
  color: #ED1C22;
  font-size: 21px;
}

/*foot开始*/
.footer {height:400px;background: #171717;overflow: hidden;}
.footer a {color: #bbb;display: block;}
.footer-left {width: 55%;float: left;height:270px;}
.footer-left dl dt {font-size: 1.6rem;color: #bbb;font-weight: bold;margin-top: 40px;margin-bottom: 20px;letter-spacing: 2px;}
.footer-left-nav2 {float: left;}
.footer-left .footer-left-nav2 dd a{line-height: 2;float: left;padding: 0 25px;background: #bbb;color:#393F4B;margin-bottom: 15px;margin-right: 15px; }
.footer-right {width: 40%;float: right;height:270px;}
.footer-right dl {width: 350px;float: left;}
.footer-right dl dt {font-size: 1.6rem;color: #bbb;font-weight: bold;margin-top: 40px;margin-bottom: 20px;letter-spacing: 2px;}
.footer-right dl dt h2 {font-size: 1.6rem;}
.footer-right dl dt p {font-weight: lighter;font-size:1rem;margin-top: 15px;}
.footer-right dd ,.footer-right dd a{line-height: 2;float: left;width: 100%;color: #bbb;}
.footer-right-ico {float: left;width: 100px;text-align: center;color: #bbb;margin-top: 90px;margin-left: 15px;}
.footer-right-ico img{width: 100px;}
.footer-copy{ color: #8b8a8b;border-top: 1px solid #4D535D;margin-top: 60px;height: 70px;line-height: 70px;}
.footer-copy a{color: #8b8a8b;padding: 0 15px;display: block;float: left;line-height: 70px;}
.footer-copy em {padding: 0 15px;display: block;}
.footer-copy a:hover{color: #fff; opacity: 0.8;}
.footer .clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }

.min_t1{background: url(../images/tu1.jpg) no-repeat center top;height: 460px;box-sizing: border-box;padding-top:337px;}
.tu1 p{padding-left:58px;background: url(../images/ico1.png) no-repeat left 6px;font-size:16px;color:#fff;}
.tu1 p span{display: block;font-size:36px;font-weight: bold;line-height: 38px;}
.tu1 em{float: right;margin-top:15px;position:relative;z-index:9;}
.tu1 em a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-left:7px;}
.tu1 em a:last-child{background: #E60012}
/*浮动客服开始*/
.kf {
  position:fixed;
  z-index:888;
  right:5px;
  width:70px;
  bottom: 15%;
  text-align: center;
}
.kf ul li i {
  line-height: 42px;
  height: 42px;
  text-align: center;
  font-size: 26px;
  font-weight: normal;
  color: #fff;
}
.kf ul li a {
  color: #fff;
}
.kf ul li:hover i {
  color: #fff;
}
.kf ul li {
  float:left;
  position:relative;
  width:100%;
  height:70px;
  font-size: 14px;
  color: #fff;
}
.kf ul li:nth-child(1) {
  border-bottom:1px #2f4094 solid;
  background-color:#0056AC;
}
.kf ul li:hover:nth-child(1) {
  border-bottom:1px #ED1C22 solid;
  background-color:#ED1C22;
}
.kf ul li:nth-child(2) {
  border-bottom:1px #2f4094 solid;
  background-color:#0056AC;
}
.kf ul li:hover:nth-child(2) {
  border-bottom:1px #ED1C22 solid;
  background-color:#ED1C22;
}
.kf ul li:nth-child(3) {
  border-bottom:1px #2f4094 solid;
  background-color:#0056AC;
}
.kf ul li:hover:nth-child(3) {
  border-bottom:1px #ED1C22 solid;
  background-color:#ED1C22;
}
.kf ul li:nth-child(4) {
  background-color:#0056AC;
}
.kf ul li:hover:nth-child(4) {
  background-color:#ED1C22;
}
.kf ul li a {
  display:block;
  width:100%;
  height:70px;
  margin-bottom: 10px;
  background-position:center;
  background-repeat:no-repeat;
}
.kf ul li:hover a {
  color: #fff;
}
.kf ul li .tel {
  display:none;
  position:absolute;
  right:70px;
  width:190px;
  height:144px;
  top:0;
  text-align: left;
}
.kf ul li .tel dl {
  float:left;
  width:190px;
  color: #fff;
  padding: 0;
  line-height: 71px;
  text-indent:10px;
  font-size: 20px;
  background: #ED1C22;
}
.kf ul li .tel dl strong {
  font-family: Impact;
  letter-spacing: 2px;
  font-weight: lighter;
}
.kf ul li .tel dl dd {
  float:left;
  width:100%;
  display:block;
  height:71px;
  line-height:71px;
  color: #fff;
}
.kf ul li .tel i {
  text-align: left;
  font-size: 18px;
  margin-right: 5px;
  color: #fff;
  font-weight: normal;
}
.kf ul li:hover .tel {
  display:block;
}
.kf ul li .wx {
  display:none;
  position:absolute;
  right:75px;
  width:95px;
  height:95px;
  top:-15px;
  text-align: left;
}
.kf ul li .wx img {
  border:2px solid #fff;
  width: 95px;
  height: 95px;
}
.kf ul li:hover .wx {
  display:block;
}
/*浮动客服结束*/

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}