@font-face {

  font-family: 'iconfont';

  /* project id 971715 */

  src: url('//at.alicdn.com/t/font_971715_uojw1htdpb.eot');

  src: url('//at.alicdn.com/t/font_971715_uojw1htdpb.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_971715_uojw1htdpb.woff2') format('woff2'), url('//at.alicdn.com/t/font_971715_uojw1htdpb.woff') format('woff'), url('//at.alicdn.com/t/font_971715_uojw1htdpb.ttf') format('truetype'), url('//at.alicdn.com/t/font_971715_uojw1htdpb.svg#iconfont') format('svg');

}

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}

.clearfix:after {

  visibility: hidden;

  display: block;

  height: 0;

  font-size: 0;

  content: "";

  clear: both;

}

.container {

  width: 1200px;

  margin: 0 auto;

}

body,

dd,

div,

dl,

dt,

form,

h1,

h2,

h3,

h4,

h5,

h6,

html,

input,

li,

ol,

p,

select,

td,

textarea,

th,

ul {

  margin: 0;

  padding: 0;

}

* {

  box-sizing: border-box;

}

i {

  font-style: normal;

}

body,

html {

  min-height: 100%;

}

body {

  font-family: "Microsoft YaHei";

  font-size: 14px;

  color: #333;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

}

ol,

ul {

  list-style: none;

}

img {

  border: none;

  vertical-align: middle;

}

a {

  text-decoration: none;

  color: #232323;

}

a:hover {

  text-decoration: none;

}

table {

  border-collapse: collapse;

  table-layout: fixed;

}

input,

textarea {

  outline: none;

  border: none;

}

textarea {

  resize: none;

  overflow: auto;

}

.clearfix {

  zoom: 1;

}

.clearfix:after {

  content: ".";

  width: 0;

  height: 0;

  visibility: hidden;

  display: block;

  clear: both;

  overflow: hidden;

}

.cont {

  width: 1200px;

  margin: 0 auto;

}

.head-top {

  background-color: #efefef;

  width: 100%;

  height: 35px;

  line-height: 35px;

  overflow: hidden;

}

.head-top h4 {

  display: inline-block;

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #999999;

}

.head-top p {

  display: inline-block;

  float: right;

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #666666;

  text-transform: uppercase;

}

.head-top p i {

  color: #2a2a2a;

  font-size: 14px;

  margin-right: 5px;

}

.head-top p span {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #4978bc;

  font-weight: bold;

  margin-left: 5px;

}

.head {

  background: url(../img/1_02.jpg) no-repeat center;

  height: 96px;

}

.head .head-box {

  height: 87px;

}

.head .head-box .logo {

  float: left;

  margin-top: 12px;

  display: inline-block;

}

.head .head-box .logo img {

  width: 124px;

  height: 68px;

  display: inline-block;

}

.head .head-box .nav {

  float: right;

  margin-top: 40px;

}

.head .head-box .nav ul li {

  display: inline-block;

  text-align: center;

  margin-left: 60px;

  border-bottom: 6px solid transparent;

  padding-bottom: 29px;

}

.head .head-box .nav ul li a {

  font-size: 16px;

  color: #FFFFFF;

}

.head .head-box .nav ul .on {

  border-color: #fdb913;

}

.head .head-box .nav ul .on a {

  color: #FFFFFF;

}

.head .head-box .nav ul li:hover {

  border-color: #fdb913;

}

.head .head-box .nav ul li:hover a {

  color: #FFFFFF;

}

.banner {

  position: relative;

  width: 100%;

  height: 595px;

  overflow: hidden;

  min-width: 1200px;

}

.banner .bd {

  width: 100%;

  height: 100%;

}

.banner .bd ul li {

  position: relative;

  height: 595px;

}

.banner .bd ul li a {

  display: block;

  height: 595px;

}

.banner .hd {

  position: absolute;

  bottom: 4%;

  left: 46%;

}

.banner .hd ul li {

  background-color: #4978bc;

  width: 31px;

  height: 4px;

  display: inline-block;

  border-radius: 5px;

  margin: 0 6px;

}

.banner .hd ul .on {

  background: #fdb913;

}

.title {

  text-align: center;

}

.title h4 {

  font-size: 30px;

  font-family: "Microsoft YaHei";

  color: #000000;

  font-weight: bold;

  line-height: 1;

}

.title .link {

  background-color: #4978bc;

  width: 42px;

  height: 2px;

  margin: 0 auto;

  margin-top: 27px;

}

.one {

  background: url(../img/1_04.jpg);

  height: 453px;

  padding-top: 65px;

}

.one .u-bd {

  margin-top: 30px;

}

.one .u-bd ul li {

  position: relative;

  width: 157px;

  height: 176px;

  display: inline-block;

  margin-right: 47px;

}

.one .u-bd ul li .img-box {

  width: 100%;

  height: 100%;

}

.one .u-bd ul li .img-box .img-1 {

  width: 100%;

  height: 100%;

}

.one .u-bd ul li .img-box .make {

  position: absolute;

  top: 0px;

  text-align: center;

  width: 100%;

  height: 100%;

  padding-top: 33px;

}

.one .u-bd ul li .img-box .make h4 {

  font-size: 24px;

  font-family: "DIN";

  color: #000000;

  font-weight: bold;

}

.one .u-bd ul li .img-box .make img {

  margin-top: 8px;

  margin-bottom: 10px;

}

.one .u-bd ul li .img-box .make p {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #000000;

  text-transform: uppercase;

}

.one .u-bd ul li:after {

  content: ' ';

  position: absolute;

  right: -37px;

  background: url(../img/fy.png);

  width: 18px;

  height: 16px;

  top: 100px;

}

.one .u-bd ul li:last-child {

  margin-right: 0px;

}

.one .u-bd ul li:last-child:after {

  display: none;

}

.one .u-bd ul li:nth-child(2n) {

  top: 55px;

}

.one .u-bd ul li:nth-child(2n):after {

  top: 47px;

}

.two {

  background: url(../img/1_06.jpg) center no-repeat;

  min-width: 1200px;

  height: 394px;

  padding-top: 50px;

}

.two .title h4 {

  font-size: 30px;

  font-family: "Microsoft YaHei";

  color: #ffffff;

  font-weight: bold;

}

.two .u-bd .bd {

  margin: 25px 0;

}

.two .u-bd .bd ul li {

  text-align: center;

  font-size: 24px;

  font-family: "Source Han Sans CN";

  color: #ffffff;

}

.two .u-bd .bd ul li span {

  margin-right: 25px;

  font-size: 151px;

  font-family: "Source Han Sans CN";

  color: #ffffff;

  font-weight: bold;

  text-transform: uppercase;

  line-height: 1;

}

.two .u-bd .zb ul {

  text-align: center;

}

.two .u-bd .zb ul li {

  background-color: transparent;

  width: 278px;

  height: 1px;

  overflow: hidden;

  display: inline-block;

}

.two .u-bd .zb ul .on {

  background-color: #fdb913;

}

.two .u-bd .link {

  background-color: #ffffff;

  width: 834px;

  height: 1px;

  margin: 0 auto;

  margin-top: -5px;

  position: relative;

  top: 1px;

  margin-top: 20px;

}



.two .u-bd .text ul {

  text-align: center;

}

.two .u-bd .text ul li {

  display: inline-block;

  width: 278px;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #ffffff;

  padding-top: 20px;



  position: relative;

  z-index: 2;



}

.two .u-bd .text ul .on{

  border-top: 1px solid #fdb913

}

.two .u-bd .text ul li span {

  border-width: 2px;

  border-color: #fdb913;

  border-style: solid;

  border-radius: 50%;

  width: 11px;

  height: 11px;

  display: inline-block;

  margin-right: 10px;

}

.three {

  background: url(../img/1_07.jpg) center no-repeat;

  height: 145px;

}

.four img {

  width: 100%;

  height: 100%;

}

.five {

  background: url(../img/1_09.jpg) center no-repeat;



  padding: 60px 0;

}

.five .slideTxtBox {

  margin-top: 55px;

}

.five .slideTxtBox .hd {

  margin-bottom: 40px;

}

.five .slideTxtBox .hd ul {

  text-align: center;

}

.five .slideTxtBox .hd ul li {

  display: inline-block;

  font-size: 18px;

  font-family: "Microsoft YaHei";

  color: #000000;

  margin: 0 35px;

  position: relative;

  padding-bottom: 7px;

  border-bottom: 6px solid transparent;

}

.five .slideTxtBox .hd ul li:before {

  content: ' ';

  position: absolute;

  background-color: #000000;

  width: 1px;

  height: 9px;

  right: -40px;

  top: 8px;

}

.five .slideTxtBox .hd ul li:last-child:before {

  display: none;

}

.five .slideTxtBox .hd ul .on {

  font-weight: bold;

  border-color: #fdb913;

}

.five .slideTxtBox .bd ul li {

  margin-right: 18px;

  width: 285px;

  height: 320px;

  float: left;

  margin-bottom: 20px;

  border-bottom: 1px solid #fdb913;

}

.five .slideTxtBox .bd ul li .img-box {

  overflow: hidden;

}

.five .slideTxtBox .bd ul li:hover .img-box img{

  transform: scale(1.2);

      transition: all 0.4s;

}

.five .slideTxtBox .bd ul li .img-box {

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.five .slideTxtBox .bd ul li .img-box img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.five .slideTxtBox .bd ul li .img-box .make {

  position: absolute;

  bottom: 0px;

  background-color: rgba(73, 120, 188, 0.902);

  width: 285px;

  height: 52px;

  line-height: 52px;

  padding: 0 20px;

  bottom: -52px;

}

.five .slideTxtBox .bd ul li .img-box .make p {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #ffffff;

  display: inline-block;

}

.five .slideTxtBox .bd ul li .img-box .make span {

  float: right;

  color: #fdb913;

  display: inline-block;

}

.five .slideTxtBox .bd ul li:hover .img-box .make {

  bottom: 0px;

  transition: all 0.4s;

}

.five .slideTxtBox .bd ul li:nth-child(4n) {

  margin-right: 0px;

}

.six {

  background: url(../img/1_11.jpg) no-repeat center bottom;

  min-width: 1200px;

  padding-top: 55px;

  padding-bottom: 55px;

}

.six .u-bd {

  margin-top: 50px;

}

.six .u-bd ul li {

  float: left;

  width: 600px;

  height: 135px;

  margin-bottom: 25px;

  position: relative;

}

.six .u-bd ul li .time {

  float: left;

  width: 104px;

  text-align: center;

  padding-top: 25px;

}

.six .u-bd ul li .time h4 {

  font-size: 36px;

  font-family: "Microsoft YaHei";

  color: #333333;

}

.six .u-bd ul li .time p {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #333333;

}

.six .u-bd ul li .text {

  width: 496px;

  float: right;

  padding-top: 20px;

}

.six .u-bd ul li .text h4 {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #333333;

  margin-bottom: 15px;

}

.six .u-bd ul li .text p {

  font-size: 12px;

  font-family: "Microsoft YaHei";

  color: #999999;

  line-height: 24px;

      padding-right: 12px;

}

.six .u-bd ul li .text .more {

  background-color: #fdb913;

  width: 97px;

  height: 23px;

  text-align: center;

  line-height: 23px;

  font-size: 12px;

  font-family: "Microsoft YaHei";

  color: #ffffff;

  float: right;

  margin-top: 8px;

  display: none;

}

.six .u-bd ul li .bj {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 0px;

  height: 100%;

  background: #f2f7ff;

  z-index: -1;

  transition: all 0.4s;

}

.six .u-bd ul li:hover .bj {

  width: 100%;

  transition: all 0.4s;

}

.six .u-bd ul li:hover .time h4 {

  color: #fdb913;

}

.six .u-bd ul li:hover .text .more {

  display: block;

}

.foot {

  background-color: #3b3b3b;

  width: 100%;

  height: 221px;

  border-top:8px solid #4877bb;

}

.foot .f-nav {

      width: 586px;

    float: left;

    padding-top: 75px;

    border-right: 1px solid #525252;

    height: 212px;

}

.foot .f-nav ul li {

  display: inline-block;

  margin-right: 35px;

  margin-bottom: 20px;

}

.foot .f-nav ul li a {

  font-size: 15px;

  font-family: "Microsoft YaHei";

  color: #ababab;

  line-height: 1;

}

.foot .f2 {

  float: left;

  width: 500px;

  padding-top: 50px;

  text-align: center;

}

.foot .f2 .er {

  width: 111px;

  height: 111px;

  display: inline-block;

  vertical-align: top;

}

.foot .f2 .er img {

  width: 100%;

  height: 100%;

}

.foot .f2 .text {

  display: inline-block;

  margin-left: 57px;

  vertical-align: top;

}

.foot .f2 .text h5 {

  margin-top: 15px;

  font-size: 13px;

  font-family: "Microsoft YaHei";

  color: #ababab;

  margin-bottom: 5px;

}

.foot .f2 .text h5 span {

  margin-right: 8px;

}

.foot .f2 .text h4 {

  font-size: 26px;

  font-family: "KaiTi";

  color: #ffffff;

  line-height: 1;

  margin-bottom: 5px;

}

.foot .f2 .text p {

  font-size: 13px;

  font-family: "Microsoft YaHei";

  color: #ababab;

}

.foot .f3 {

  float: right;

  width: 350px;

  padding-top: 70px;

  padding-left: 84px;

  border-left: 1px solid #525252;

  height: 221px;

}

.foot .f3 p {

  font-size: 13px;

  font-family: "Microsoft YaHei";

  color: #ababab;

  margin-bottom: 8px;

}

.foot .f3 p span {

  margin-right: 10px;

}

.foot1 {

  width: 100%;

  background-color: #2e2e2e;

  height: 44px;

  line-height: 44px;

  text-align: center;

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #808080;

}

.foot1 a {

  color: #808080;

}

.fadeInDown {

  animate-duration: 2s;

  animate-delay: 1s;

  animate-iteration-count: 2;

}

.float {

  width: 200px;

  position: fixed;

  right: -150px;

  transition: all 0.5s;

  top: 20%;

  z-index: 100;

}

.float ul li {

  position: relative;

  width: 100%;

  min-height: 50px;

  line-height: 50px;

  background: #4978bc;

  border-radius: 5px;

  margin-bottom: 3px;

  cursor: pointer;

}

.float ul li span {

  display: block;

  width: 50px;

  height: 50px;

  float: left;

  text-align: center;

  margin-right: 10px;

}

.float ul li p {

  font-size: 18px;

  color: #FFFFFF;

  margin-bottom: 0px;

}

.float ul li .wx {

  width: 90px;

  height: 0px;

  margin-left: 60px;

  overflow: hidden;

  padding-bottom: 0;

  transition: all 0.5s;

}

.float:hover {

  right: 0;

}

.float ul li p a{

  color: #FFFFFF;

}

.float:hover .wx {

  height: 90px;

  padding-bottom: 10px;

}

.float ul li .iconfont {

  color: #FFFFFF;

  font-size: 30px;

}

.head-top p{

  font-size: 14px;

  color: #999999;

}

.head-top p a{

  font-size: 14px;

  color: #999999;

}