@font-face {
  font-family: 'iconfont';

  /* project id 971715 */

  src: url('//at.alicdn.com/t/font_971715_kq1v5qc2fyh.eot');

  src: url('//at.alicdn.com/t/font_971715_kq1v5qc2fyh.eot?#iefix')
      format('embedded-opentype'),
    url('//at.alicdn.com/t/font_971715_kq1v5qc2fyh.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_971715_kq1v5qc2fyh.woff') format('woff'),
    url('//at.alicdn.com/t/font_971715_kq1v5qc2fyh.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_971715_kq1v5qc2fyh.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 .head-box {
  height: 128px;
}

.head .head-box .cont .logo {
  float: left;

  display: inline-block;

  margin-top: 35px;
}

.head .head-box .cont .logo img {
  /* width: 563px; */

  height: 59px;

  display: inline-block;
}

.head .head-box .cont .phone {
  float: left;

  margin-left: 72px;

  margin-top: 40px;
}

.head .head-box .cont .phone img {
  display: inline-block;

  vertical-align: middle;

  margin-right: 14px;
}

.head .head-box .cont .phone .text {
  display: inline-block;

  vertical-align: middle;
}

.head .head-box .cont .phone .text p {
  font-size: 16px;

  font-family: 'Microsoft YaHei';

  color: #545454;

  text-transform: uppercase;

  line-height: 1;

  margin-bottom: 6px;
}

.head .head-box .cont .phone .text h4 {
  line-height: 1;

  font-size: 26px;

  font-family: 'Impact';

  color: #293f7f;
}

.head .head-box .cont .ss {
  float: right;

  margin-top: 44px;

  border-width: 1px;

  border-color: #293f7f;

  border-style: solid;

  background-color: #ffffff;

  width: 291px;

  height: 40px;
}

.head .head-box .cont .ss input {
  line-height: 38px;

  display: inline-block;

  vertical-align: middle;

  padding-left: 18px;
}

.head .head-box .cont .ss button {
  vertical-align: middle;

  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;

  background: #293f7f;

  line-height: 38px;

  display: inline-block;

  width: 70px;

  text-align: center;

  float: right;

  border: none;
}

.head .nav {
  background: #293f7f;

  height: 63px;

  line-height: 63px;
}

.head .nav ul .nLi {
  display: inline-block;

  position: relative;

  width: 14.1%;

  text-align: center;
}

.head .nav ul .nLi h3 {
  line-height: 63px;

  position: relative;
}

.head .nav ul .nLi h3 a {
  font-size: 16px;

  color: #ffffff;
}

.head .nav ul .nLi .sub {
  width: 151px;

  position: absolute;

  z-index: 99;

  top: 63px;

  left: -4px;

  display: none;

  background: #ffffff;
}

.head .nav ul .nLi .sub li {
  width: 151px;

  height: 40px;

  line-height: 40px;

  text-align: center;
}

.head .nav ul .nLi .sub li a {
  font-size: 16px;

  font-family: 'Microsoft YaHei';

  color: #868686;
}

.head .nav ul .nLi .sub li:hover {
  background: #405db2;
}

.head .nav ul .nLi .sub li:hover a {
  color: #fff;
}

.head .nav ul .nLi:after {
  content: ' ';

  position: absolute;

  background-color: rgba(255, 255, 255, 0.2);

  width: 1px;

  height: 37px;

  right: 0px;

  top: 13px;
}

.head .nav ul .nLi:last-child:after {
  content: ' ';

  position: absolute;

  background-color: rgba(255, 255, 255, 0.2);

  width: 0px;

  height: 37px;

  right: 0px;

  top: 13px;
}

.head .nav ul .on {
  background: #405db2;
}

.banner {
  position: relative;

  width: 100%;

  height: 578px;

  overflow: hidden;

  min-width: 1200px;
}

.banner .bd {
  width: 100%;

  height: 100%;
}

.banner .bd ul li {
  position: relative;

  height: 578px;
}

.banner .bd ul li img {
  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

.title {
  text-align: center;

  position: relative;
}

.title h4 {
  background: #ffffff;

  position: relative;

  z-index: 2;

  display: inline-block;

  padding: 0 13px;

  font-size: 30px;

  font-family: 'Microsoft YaHei';

  color: #494949;

  font-weight: bold;
}

.title h4 img {
  width: 40px;

  height: 40px;

  margin-right: 10px;

  margin-top: -4px;
}

.title .link {
  background-color: #e3e3e3;

  width: 1200px;

  height: 1px;

  position: absolute;

  top: 22px;
}

.title p {
  font-size: 24px;

  font-family: 'Arial';

  color: #a9a9a9;

  text-transform: uppercase;

  line-height: 1.667;
}

.one {
  margin: 72px 0;
}

.one .u-bd {
  margin-top: 42px;
}

.one .u-bd .hd ul li {
  border-width: 1px;

  border-color: #cbcbcb;

  border-style: solid;

  background-color: #ffffff;

  width: 183px;

  height: 36px;

  line-height: 36px;

  display: inline-block;

  text-align: center;

  margin-bottom: 18px;

  margin-right: 16px;
}

.one .u-bd .hd ul li a {
  font-size: 16px;

  font-family: 'Microsoft YaHei';

  color: #5f5f5f;
}

.one .u-bd .hd ul li:nth-child(6n) {
  margin-right: 0px;
}

.one .u-bd .bd {
  margin-top: 30px;
}

.one .u-bd .bd ul li {
  width: 282px;

  display: inline-block;

  margin-bottom: 29px;

  margin-right: 19px;
}

.one .u-bd .bd ul li .img-box {
  width: 100%;

  height: 282px;
}

.one .u-bd .bd ul li .img-box img {
  width: 100%;

  height: 100%;
}

.one .u-bd .bd ul li p {
  background-color: #f0f0f0;

  width: 100%;

  height: 42px;

  line-height: 42px;

  text-align: center;

  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #545454;
}

.one .u-bd .bd ul li:hover .img-box {
  width: 282px;

  height: 282px;
}

.one .u-bd .bd ul li:hover .img-box img {
  border: 3px solid #293f7f;
}

.one .u-bd .bd ul li:hover p {
  background: #293f7f;

  color: #ffffff;
}

.one .u-bd .bd ul li:nth-child(4n) {
  margin-right: 0px;
}

.one .u-bd .more {
  border-width: 1px;

  border-color: #b2b2b2;

  border-style: solid;

  background-color: rgba(41, 63, 127, 0);

  width: 141px;

  height: 36px;

  text-align: center;

  line-height: 36px;

  margin: 0 auto;

  margin-top: 12px;
}

.one .u-bd .more a {
  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #606060;
}

.two {
  background: url(../img/1_08.jpg) no-repeat center;

  height: 737px;
}

.two ul {
  padding-top: 250px;
}

.two ul li {
  width: 432px;

  margin-left: 155px;

  display: inline-block;

  margin-right: 20px;

  padding-bottom: 22px;

  padding-top: 35px;

  margin-bottom: 10px;

  vertical-align: top;
}

.two ul li h4 {
  font-size: 24px;

  font-family: 'Microsoft YaHei';

  color: #3e3e3e;

  margin-bottom: 20px;
}

.two ul li p {
  font-size: 16px;

  font-family: 'Microsoft YaHei';

  color: #3e3e3e;

  line-height: 1.875;

  word-break: break-all;
  display: -webkit-box; /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical; /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 3; /**显示的行数**/
  overflow: hidden; /**隐藏超出的内容**/
  width: 96%;
}

.two ul li:nth-child(2n) {
  margin-right: 0px;
}

.three {
  padding: 75px 0;
}

.three .u-bd {
  margin-top: 33px;
}

.three .u-bd .left {
  width: 596px;

  height: 423px;

  float: left;

  position: relative;
}

.three .u-bd .left .bd ul li img {
  width: 596px;

  height: 423px;
}

.three .u-bd .left .bd ul li p {
  position: relative;

  bottom: 37px;

  left: 30px;

  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;
}

.three .u-bd .left .hd {
  position: absolute;

  bottom: 16px;

  right: 30px;
}

.three .u-bd .left .hd ul li {
  border-radius: 50%;

  background-color: #ffffff;

  width: 12px;

  height: 12px;

  display: inline-block;

  margin: 0 3px;
}

.three .u-bd .left .hd ul .on {
  background: #2e52bb;
}

.three .u-bd .right {
  float: right;

  width: 587px;
}

.three .u-bd .right ul li {
  width: 284px;

  height: 201px;

  display: inline-block;

  margin-bottom: 21px;

  margin-right: 14px;

  position: relative;
}

.three .u-bd .right ul li .img-box img {
  width: 284px;

  height: 201px;
}

.three .u-bd .right ul li p {
  position: absolute;

  bottom: 0px;

  background-color: rgba(0, 0, 0, 0.3);

  width: 100%;

  height: 50px;

  line-height: 50px;

  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;

  text-align: center;
}

.three .u-bd .right ul li:nth-child(2n) {
  margin-right: 0px;
}

.three .more {
  border-width: 1px;

  border-color: #293f7f;

  border-style: solid;

  background-color: #293f7f;

  width: 141px;

  height: 36px;

  text-align: center;

  line-height: 36px;

  margin: 0 auto;

  margin-top: 18px;
}

.three .more a {
  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;
}

.four {
  background: url(../img/1_14.jpg) no-repeat center;

  height: 366px;

  padding-top: 65px;

  text-align: center;
}

.four h4 {
  font-size: 48px;

  font-family: 'Source Han Sans CN';

  color: #ffffff;

  font-weight: bold;

  margin-bottom: 12px;
}

.four p {
  font-size: 36px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;

  text-transform: uppercase;

  margin-bottom: 36px;

  position: relative;
}

.four p span {
  color: #ffe241;
}

/* .four p:after {
  content: ' ';

  position: absolute;

  width: 110px;

  height: 1px;

  background: #cad3ec;

  top: 26px;

  right: 206px;
}

.four p:before {
  content: ' ';

  position: absolute;

  width: 110px;

  height: 1px;

  background: #cad3ec;

  top: 26px;

  left: 206px;
} */

.four h5 {
  font-size: 45px;

  font-family: 'Impact';

  color: #385abb;
}

.four h5 img {
  width: 41px;

  height: 41px;

  margin-right: 20px;
}

.four h5 span {
  font-size: 40px;

  font-family: 'Source Han Sans CN';

  color: #385abb;
}

.four h5 a {
  font-size: 36px;

  font-family: 'Microsoft YaHei';

  color: #385abb;

  margin-left: 70px;
}

.five {
  padding: 75px 0;
}

.five .u-bd {
  margin-top: 32px;
}

.five .u-bd ul {
  margin-top: 15px;
}

.five .u-bd ul li {
  display: inline-block;

  font-size: 24px;

  font-family: 'Source Han Sans CN';

  color: #535353;

  font-weight: bold;

  margin-right: 120px;
}

.five .u-bd ul li:last-child {
  margin-right: 0px;
}

.six {
  background: url(../img/1_16.jpg) no-repeat center;

  height: 592px;

  padding-top: 102px;
}

.six .img-box {
  width: 457px;

  height: 338px;

  float: left;
}

.six .img-box img {
  width: 100%;

  height: 100%;
}

.six .text {
  width: 743px;

  float: right;

  padding-left: 48px;
}

.six .text .text-box {
  width: 426px;

  display: inline-block;
}

.six .text .text-box h4 {
  font-size: 30px;

  font-family: 'Microsoft YaHei';

  color: #494949;

  font-weight: bold;

  margin-bottom: 45px;

  margin-top: 15px;
}

.six .text .text-box h4 span {
  font-size: 24px;

  font-family: 'Arial';

  color: #a9a9a9;

  text-transform: uppercase;

  margin-left: 15px;

  font-weight: 100;
}

.six .text .text-box p {
  font-size: 16px;

  font-family: 'Microsoft YaHei';

  color: #989898;

  text-transform: uppercase;

  line-height: 1.75;

  text-indent: 2em;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  line-clamp: 5;

  -webkit-box-orient: vertical;
}

.six .text .text-box .more {
  border-width: 1px;

  border-color: #b9b9b9;

  border-style: solid;

  background-color: rgba(41, 63, 127, 0);

  width: 106px;

  height: 33px;

  text-align: center;

  line-height: 33px;

  margin-top: 30px;
}

.six .text .text-box .more a {
  font-size: 16px;

  font-family: 'Microsoft YaHei';

  color: #5f5f5f;
}

.six .text ul {
  display: inline-block;

  margin-left: 39px;
}

.six .text ul li {
  background-color: #3f59a4;

  width: 225px;

  height: 67px;

  margin-bottom: 15px;

  padding-top: 17px;

  padding-left: 20px;
}

.six .text ul li img {
  display: inline-block;

  margin-right: 12px;

  margin-top: -7px;
}

.six .text ul li p {
  display: inline-block;

  font-size: 24px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;
}

.seven {
  padding-top: 80px;

  padding-bottom: 75px;
}

.seven .u-bd {
  margin-top: 70px;
}

.seven .u-bd .left {
  float: left;
}

.seven .u-bd .left .img-box {
  width: 475px;

  position: relative;
}

.seven .u-bd .left .img-box img {
  width: 100%;

  height: 100%;
}

.seven .u-bd .left .img-box .time {
  position: absolute;

  top: 0px;

  left: 0px;

  background-color: #293f7f;

  box-shadow: 0px 5px 5.76px 0.24px rgba(66, 66, 66, 0.31);

  width: 96px;

  height: 96px;

  text-align: center;

  padding-top: 15px;
}

.seven .u-bd .left .img-box .time p {
  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;
}

.seven .u-bd .left .img-box .time h4 {
  font-size: 40px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;
}

.seven .u-bd .left .text {
  background-color: #f3f4f9;

  width: 475px;

  height: 247px;

  padding: 37px 25px;
}

.seven .u-bd .left .text h4 {
  font-size: 24px;

  font-family: 'Adobe Heiti Std';

  color: #3e3a39;

  line-height: 1;

  margin-bottom: 20px;
}

.seven .u-bd .left .text p {
  font-size: 14px;

  font-family: 'Adobe Heiti Std';

  color: #9e9e9f;

  line-height: 1.786;

  margin-bottom: 25px;
}

.seven .u-bd .left .text .more p {
  display: inline-block;

  font-size: 20px;

  font-family: 'Microsoft YaHei';

  color: #9e9e9f;
}

.seven .u-bd .left .text .more a {
  display: inline-block;

  background-color: #293f7f;

  width: 125px;

  height: 38px;

  text-align: center;

  line-height: 38px;

  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;

  float: right;
}

.seven .u-bd .right {
  float: right;

  width: 725px;

  padding-left: 50px;
}

.seven .u-bd .right ul li {
  margin-bottom: 22px;
}

.seven .u-bd .right ul li .time {
  float: left;

  border-style: solid;

  border-width: 5px;

  border-color: #eff1f8;

  background-color: #ffffff;

  width: 117px;

  height: 117px;

  text-align: center;

  padding-top: 18px;
}

.seven .u-bd .right ul li .time p {
  font-size: 18px;

  font-family: 'Microsoft YaHei';

  color: #9e9e9f;
}

.seven .u-bd .right ul li .time h4 {
  font-size: 40px;

  font-family: 'Microsoft YaHei';

  color: #9e9e9f;
}

.seven .u-bd .right ul li .text {
  width: 530px;

  float: right;
}

.seven .u-bd .right ul li .text h4 {
  font-size: 22px;

  font-family: 'Adobe Heiti Std';

  color: #3e3a39;

  margin-bottom: 20px;

  margin-top: 10px;
}

.seven .u-bd .right ul li .text p {
  font-size: 14px;

  font-family: 'MicrosoftYaHeiLight';

  color: #9e9e9f;

  line-height: 1.786;
}

.seven .u-bd .right ul li:hover .time {
  border-color: #293f7f;

  background: #385097;
}

.seven .u-bd .right ul li:hover .time p {
  color: #ffffff;
}

.seven .u-bd .right ul li:hover .time h4 {
  color: #ffffff;
}

.seven .u-bd .right ul li:hover .text h4 {
  color: #293f7f;
}

.foot {
  background: #293f7f;

  padding: 83px 0;
}

.foot .lx {
  float: left;
}

.foot .lx img {
  display: inline-block;

  vertical-align: top;
}

.foot .lx .box {
  display: inline-block;

  vertical-align: top;

  margin-left: 63px;

  margin-top: 23px;
}

.foot .lx .box p {
  font-size: 15px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;
}

.foot .lx .box p img {
  width: 20px;

  height: 20px;

  margin-right: 13px;
}

.foot .lx .box p span {
  font-size: 15px;

  font-family: 'Microsoft YaHei';

  color: rgba(255, 255, 255, 0.212);

  margin-left: 8px;
}

.foot .lx .box h4 {
  margin-top: 8px;

  font-size: 38px;

  font-family: 'Microsoft YaHei';

  color: #ffd541;

  font-weight: bold;
}

.foot .lx .dz {
  display: inline-block;

  margin-left: 60px;

  margin-top: 23px;
}

.foot .lx .dz p {
  font-size: 16px;

  font-family: 'Microsoft YaHei';

  color: #ffffff;

  text-transform: uppercase;

  line-height: 1.75;

  margin-bottom: 8px;
}

.foot .lx .dz h5 {
  font-size: 15px;

  font-family: 'Microsoft YaHei';

  color: #9ba0ac;

  text-transform: uppercase;

  line-height: 1.867;
}

.foot .lx .dz h5 a {
  color: #9ba0ac;
}

.foot .er {
  float: right;

  width: 132px;

  height: 132px;
}

.foot .er img {
  width: 100%;

  height: 100%;
}

.one .u-bd .hd ul {
  text-align: center;
}
