@font-face {



  font-family: 'iconfont';



  /* project id 971715 */



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



  src: url('//at.alicdn.com/t/font_971715_9c2lgz0si88.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_971715_9c2lgz0si88.woff2') format('woff2'), url('//at.alicdn.com/t/font_971715_9c2lgz0si88.woff') format('woff'), url('//at.alicdn.com/t/font_971715_9c2lgz0si88.ttf') format('truetype'), url('//at.alicdn.com/t/font_971715_9c2lgz0si88.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;



}



.rise {



  background: #efefef;



  height: 30px;



  line-height: 30px;



}



.rise p {



  color: #7e7e7e;



  font-size: 14px;



}



.head .head-top {

  background-color: #ededed;

  height: 40px;

  line-height: 40px;

}

.head .head-top p {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #999999;

  float: left;

}

.head .head-top h4 {

  float: right;

  font-size: 12px;

  font-family: "Microsoft YaHei";

  color: #666666;

  text-transform: uppercase;

}

.head .head-top h4 img {

  margin-right: 10px;

}

.head .head-top h4 span {

  font-size: 20px;

  font-family: "Microsoft YaHei";

  color: #006abc;

  font-weight: bold;

  text-transform: uppercase;

}

.head .head-box {

  height: 120px;

}

.head .head-box .logo {

  float: left;

  margin-top: 25px;

  display: inline-block;

  margin-right: 55px;

}

.head .head-box .logo img {

  width: 538px;

  height: 64px;

  display: inline-block;

}

.head .head-box .nav {

  width: 600px;

  float: left;

  line-height: 113px;

  margin-left: 7px;

}

.head .head-box .nav ul li {

  display: inline-block;

  text-align: center;

  margin-right: 35px;

}

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

  font-size: 16px;

  color: #000000;

  display: inline-block;

}

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

  color: #169ce7;

}

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

  color: #169ce7;

}

.head .head-box .nav ul li:last-child {

  margin-right: 0px;

}



.banner {



  position: relative;



  width: 100%;



  height: 473px;



  overflow: hidden;



  min-width: 1200px;



}



.banner .bd {



  width: 100%;



  height: 100%;



}



.banner .bd ul li {



  position: relative;



  height: 473px;



}



.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%);



}



.banner .hd {



  position: absolute;



  bottom: 4%;



  left: 46%;



}



.banner .hd ul li {



  display: inline-block;



  width: 60px;



  height: 4px;



  background: #FFFFFF;



  margin: 0 3px;



  vertical-align: middle;



}



.banner .hd ul .on {



  background: #006abc;



  transition: all 0.4s;



}



.banner1 {



  position: relative;



  width: 100%;



  height:300px;



  overflow: hidden;



  min-width: 1200px;



  z-index: -1;



}



.banner1 .bd {



  width: 100%;



  height: 100%;



}



.banner1 .bd ul li {



  position: relative;



  height: 400px;



}



.banner1 .bd ul li img {



  position: absolute;



  left: 50%;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -moz-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



}



.one {



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



  height: 1124px;



}



.one .title {



  background: url(../img/t1.png) no-repeat center;



  height: 119px;



  margin-bottom: 60px;



}



.one .cont .n1 .left {



  border-width: 1px;



  border-color: #ebebeb;



  border-style: solid;



  background-color: #ffffff;



  width: 570px;



  height: 422px;



  float: left;



}



.one .cont .n1 .left .u-title {



  border-bottom: 1px solid #ebebeb;



  padding: 0 20px;



  height: 54px;



  line-height: 54px;



}



.one .cont .n1 .left .u-title h4 {



  display: inline-block;



  color: #101010;



  font-size: 24px;



  font-weight: bold;



}



.one .cont .n1 .left .u-title h4 span {



  color: #006abc;



}



.one .cont .n1 .left .u-title .c1 {



  display: inline-block;



  color: #dfdfdf;



  font-size: 24px;



  font-weight: bold;



  margin-left: 5px;



}



.one .cont .n1 .left .u-title .c2 {



  display: inline-block;



  float: right;



  color: #999999;



  font-size: 16px;



}



.one .cont .n1 .left .u-title .c2 a {



  color: #999999;



}



.one .cont .n1 .left .u-bd {



  padding: 0 20px;



  margin-top: 25px;



}



.one .cont .n1 .left .u-bd p {



  text-align: justify;



  font-size: 16px;



  color: #333333;



  line-height: 2.25;



  text-indent: 2em;



}



.one .cont .n1 .right {



  float: right;



  border-width: 1px;



  border-color: #e2e2e2;



  border-style: solid;



  background-color: #ffffff;



  width: 570px;



  height: 422px;



}



.one .cont .n1 .right .text {



  width: 90px;



  position: relative;



  height: 100%;



  float: left;



}



.one .cont .n1 .right .text img {



  position: absolute;



  top: 40px;



  left: 20px;



}



.one .cont .n1 .right .text p {



  font-weight: bold;



  line-height: 90px;



  color: #101010;



  font-size: 24px;



  writing-mode: vertical-lr;



  position: relative;



  top: 143px;



  left: 3px;



}



.one .cont .n1 .right .text p span {



  color: #006abc;



}



.one .cont .n1 .right .slideTxtBox {



  width: 475px;



  height: 100%;



  float: right;



  position: relative;



}



.one .cont .n1 .right .slideTxtBox .hd {



  margin-top: 26px;



}



.one .cont .n1 .right .slideTxtBox .hd ul li {



  background-color: #f2f2f2;



  width: 103px;



  height: 97px;



  float: left;



  text-align: center;



  margin-bottom: 13px;



  margin-right: 13px;



}



.one .cont .n1 .right .slideTxtBox .hd ul li h4 {



  color: #ffffff;



  font-size: 22px;



  font-weight: bold;



  margin-top: 19px;



  color: #006abc;



  margin-bottom: 5px;



}



.one .cont .n1 .right .slideTxtBox .hd ul li h5 {



  color: #101010;



  font-size: 16px;



}



.one .cont .n1 .right .slideTxtBox .hd ul li:nth-child(4n+4) {



  margin-right: 0px;



}



.one .cont .n1 .right .slideTxtBox .s {



  top: 222px;



  position: absolute;



  width: 0;



  height: 0;



  border-width: 15px;



  border-style: solid;



  border-color: transparent transparent #006abc transparent;



}



.one .cont .n1 .right .slideTxtBox .bd ul {



  border-width: 1px;



  border-color: #006abc;



  border-style: solid;



  background-color: #f2faf8;



  width: 453px;



  height: 135px;



  margin-top: 10px;



  padding: 20px;



}



.one .cont .n1 .right .slideTxtBox .bd ul p {



  font-size: 14px;



  color: #333333;



  line-height: 1.7;



}



.one .cont .n2 {



  margin-top: 54px;



}



.one .cont .n2 .u-title {



  background: #006abc;



  border-bottom: 1px solid #ebebeb;



  padding: 0 20px;



  height: 54px;



  line-height: 54px;



}



.one .cont .n2 .u-title h4 {



  display: inline-block;



  color: #ffffff;



  font-size: 24px;



  font-weight: bold;



}



.one .cont .n2 .u-title h4 span {



  color: #ffffff;



}



.one .cont .n2 .u-title .c1 {



  display: inline-block;



  color: #dfdfdf;



  opacity: 0.3;



  font-size: 24px;



  font-weight: bold;



  margin-left: 5px;



}



.one .cont .n2 .u-title .c2 {



  display: inline-block;



  float: right;



  color: #ffffff;



  font-size: 16px;



}



.one .cont .n2 .u-title .c2 a {



  color: #ffffff;



}



.one .cont .n2 .picScroll-left1 {



  position: relative;



}



.one .cont .n2 .picScroll-left1 .bd {



  height: 414px;



  padding: 25px 23px;



  background: #FFFFFF;



  padding-right: 6px;



}



.one .cont .n2 .picScroll-left1 .bd ul li {



  width: 373px;



  float: left;



  margin-right: 17px;



}



.one .cont .n2 .picScroll-left1 .bd ul li .img-box {



  width: 100%;



  height: 262px;



}



.one .cont .n2 .picScroll-left1 .bd ul li .img-box img {



  width: 100%;



  height: 100%;



}



.one .cont .n2 .picScroll-left1 .bd ul li .text {



  margin-top: 15px;



  width: 100%;



  background: #f0f0f0;



  height: 46px;



  line-height: 46px;



  padding: 0 20px;



}



.one .cont .n2 .picScroll-left1 .bd ul li .text p {



  color: #1a1a1a;



  font-size: 16px;



  float: left;



}



.one .cont .n2 .picScroll-left1 .bd ul li .text span {



  color: #666666;



  font-size: 14px;



  float: right;



}



.one .cont .n2 .picScroll-left1 .hd {



  position: absolute;



  bottom: 10px;



  left: 49%;



}



.one .cont .n2 .picScroll-left1 .hd ul li {



  width: 10px;



  height: 10px;



  background: #abdcd1;



  color: #abdcd1;



  text-indent: -999px;



  display: inline-block;



  border-radius: 50%;



  margin: 0 7px;



}



.one .cont .n2 .picScroll-left1 .hd ul .on {



  background: #006abc;



}



.two {



  margin-top: 30px;



}



.two .u-title {



  background: #006abc;



  border-bottom: 1px solid #ebebeb;



  padding: 0 20px;



  height: 54px;



  line-height: 54px;



}



.two .u-title h4 {



  display: inline-block;



  color: #ffffff;



  font-size: 24px;



  font-weight: bold;



}



.two .u-title h4 span {



  color: #ffffff;



}



.two .u-title .c1 {



  display: inline-block;



  color: #dfdfdf;



  opacity: 0.3;



  font-size: 24px;



  font-weight: bold;



  margin-left: 5px;



}



.two .u-title .c2 {



  display: inline-block;



  float: right;



  color: #ffffff;



  font-size: 16px;



}



.two .u-title .c2 a {



  color: #ffffff;



}



.two .bd {



  margin-top: 30px;



}



.two .bd ul li {



  width: 287px;



  float: left;



  margin-right: 17px;



  text-align: center;



}



.two .bd ul li .img-box {



  width: 100%;



  height: 199px;



  overflow: hidden;



}



.two .bd ul li .img-box img {



  width: 100%;



  height: 100%;



  transition: all 0.4s;



}



.two .bd ul li p {



  margin-top: 20px;



  color: #1a1a1a;



  font-size: 16px;



  margin-bottom: 32px;



}



.two .bd ul li:hover .img-box img {



  transition: all 0.4s;



  transform: scale(1.2);



}



.two .bd ul li:last-child {



  margin-right: 0px;



}



.three {



  background: #f1f1f1;



  padding: 50px 0;



}



.three .left {



  float: left;



  border-width: 1px;



  border-color: #e2e2e2;



  border-style: solid;



  background-color: #ffffff;



  width: 774px;



  height: 372px;



}



.three .left .u-title {



  border-bottom: 1px solid #ebebeb;



  padding: 0 20px;



  height: 54px;



  line-height: 54px;



}



.three .left .u-title h4 {



  display: inline-block;



  color: #101010;



  font-size: 24px;



  font-weight: bold;



}



.three .left .u-title h4 span {



  color: #006abc;



}



.three .left .u-title .c1 {



  display: inline-block;



  color: #dfdfdf;



  font-size: 24px;



  font-weight: bold;



  margin-left: 5px;



}



.three .left .u-title .c2 {



  display: inline-block;



  float: right;



  color: #ffffff;



  font-size: 16px;



}



.three .left .u-title .c2 a {



  color: #999999;



}



.three .left .u-bd {



  padding: 23px 28px;



}



.three .left .u-bd .img-box {



  float: left;



}



.three .left .u-bd .text {



  float: left;



  padding-left: 25px;



  width: 505px;



}



.three .left .u-bd .text h4 {



  font-size: 20px;



  color: #151515;



  font-weight: bold;



  line-height: 1.8;



}



.three .left .u-bd .text h4 span {



  color: #006abc;



  margin-left: 10px;



}



.three .left .u-bd .text ul {



  margin-top: 15px;



}



.three .left .u-bd .text ul li {



  border-width: 1px;



  border-color: #006abc;



  border-style: solid;



  background-color: #f2faf8;



  width: 150px;



  height: 44px;



  line-height: 44px;



  text-align: center;



  color: #333333;



  font-size: 16px;



  float: left;



  margin-right: 10px;



  margin-bottom: 10px;



}



.three .left .u-bd .text ul li:hover {



  background: #006abc;



  color: #FFFFFF;



}



.three .right {



  float: right;



  border-width: 1px;



  border-color: #e2e2e2;



  border-style: solid;



  background-color: #ffffff;



  width: 375px;



  height: 372px;



}



.three .right .u-title {



  border-bottom: 1px solid #ebebeb;



  padding: 0 20px;



  height: 54px;



  line-height: 54px;



}



.three .right .u-title h4 {



  display: inline-block;



  color: #101010;



  font-size: 24px;



  font-weight: bold;



}



.three .right .u-title h4 span {



  color: #006abc;



}



.three .right .u-title .c1 {



  display: inline-block;



  color: #dfdfdf;



  font-size: 24px;



  font-weight: bold;



  margin-left: 5px;



}



.three .right .u-title .c2 {



  display: inline-block;



  float: right;



  color: #ffffff;



  font-size: 16px;



}



.three .right .u-title .c2 a {



  color: #999999;



}



.three .right .u-bd {



  padding: 0px 30px;



  margin-top: 10px;



}



.three .right .u-bd ul li {



  line-height: 36px;



}



.three .right .u-bd ul li span {



  margin-right: 15px;



}



.four {



  margin-top: 28px;



  margin-bottom: 35px;



}



.four ul li {



  width: 287px;



  height: 186px;



  float: left;



  margin-right: 17px;



  text-align: center;



  padding-top: 115px;



}



.four ul li h4 {



  color: #ffffff;



  font-size: 18px;



  font-weight: bold;



  margin-bottom: 10px;



}



.four ul li p {



  color: #ffffff;



  font-size: 14px;



}



.four ul li:nth-child(1) {



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



}



.four ul li:nth-child(2) {



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



}



.four ul li:nth-child(3) {



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



}



.four ul li:nth-child(4) {



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



  margin-right: 0px;



}



.foot {

  background: url(../images/1_15.jpg) no-repeat center;

  height: 344px;

}

.foot .foot-1 {

  height: 287px;

  padding-top: 67px;

}

.foot .foot-1 .dh {

  display: inline-block;

  vertical-align: top;

  width: 290px;

}

.foot .foot-1 .dh h4 {

  font-size: 20px;

  font-family: "Microsoft YaHei";

  color: #ffffff;

  font-weight: bold;

}

.foot .foot-1 .dh h4 span {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #717171;

  text-transform: uppercase;

  margin-left: 9px;

  font-weight: 100;

}

.foot .foot-1 .dh .zw {

  margin-top: 20px;

}

.foot .foot-1 .dh .zw img {

  width: 40px;

  height: 40px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 9px;

}

.foot .foot-1 .dh .zw .text {

  display: inline-block;

  vertical-align: middle;

}

.foot .foot-1 .dh .zw .text h4 {

  font-size: 12px;

  font-family: "Microsoft YaHei";

  color: #818181;

  text-transform: uppercase;

}

.foot .foot-1 .dh .zw .text p {

  font-size: 25.575px;

  font-family: "Microsoft YaHei";

  color: #169ce7;

  text-transform: uppercase;

}

.foot .foot-1 .dz {

  display: inline-block;

  vertical-align: top;

  width: 720px;

}

.foot .foot-1 .dz p {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #cbcbcb;

  margin-bottom: 25px;

}

.foot .foot-1 .dz p img {

  margin-right: 15px;

}

.foot .foot-1 .er {

  width: 165px;

  display: inline-block;

  vertical-align: top;

}

.foot .foot-1 .er p {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #6d6d6d;

  text-transform: uppercase;

  writing-mode: tb-rl;

  display: inline-block;

  vertical-align: middle;

}

.foot .foot-1 .er img {

  background-color: #ffffff;

  width: 127px;

  height: 127px;

  padding: 9px;

  display: inline-block;

  vertical-align: middle;

  margin-left: 14px;

}

.foot .foot-2 {

  height: 55px;

  line-height: 55px;

  text-align: center;

}

.foot .foot-2 p {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: #6d6d6d;

}

.foot .foot-2 p a{

  color: #6d6d6d;

}