@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 {


  position: relative;


}


.head .head-box {


  height: 117px;


}


.head .head-box .logo {


  width: 380px;


  height: 51px;


  float: left;


  margin-top: 34px;


}


.head .head-box .logo img {


  width: 100%;


  height: 100%;


}


.head .head-box .c1 {


  display: inline-block;


  margin-top: 43px;


  margin-left: 50px;


}


.head .head-box .c1 p {


  color: #1f1f1f;


  font-size: 20px;


  font-weight: bold;


}


.head .head-box .c1 p span {


  color: #009474;


}


.head .head-box .ipone {


  margin-left: 53px;


  float: right;


  margin-top: 25px;


}


.head .head-box .ipone p {


  color: #010101;


  font-size: 16px;


  font-weight: bold;


}


.head .head-box .ipone p img {


  margin-right: 20px;


  margin-top: 12px;


  vertical-align: bottom;


}


.head .head-box .ipone p span {


  line-height: 1;


  color: #009474;


  font-size: 24px;


  font-weight: bold;


  vertical-align: bottom;


}


.head .nav {


  line-height: 53px;


  height: 53px;


  background: #009474;


}


.head .nav ul {


  height: 100%;


}


.head .nav ul .nLi {


  float: left;


  font-size: 14px;


  text-align: center;


  height: 100%;


  width: 12.5%;


}


.head .nav ul .nLi h3 a {


  color: #FFFFFF;


}


.head .nav ul .nLi h3 a span {


  font-size: 12px;


}


.head .nav ul .nLi .drop-down {


  position: absolute;


  left: 0px;


  width: 100%;


  height: 330px;


  background: #FFFFFF;


  z-index: 1;


  top: 124px;


  display: none;


}


.head .nav ul .nLi .drop-down ul {


  margin: 0 40px;


}


.head .nav ul .nLi .drop-down ul li {


  margin-top: 35px;


  margin-right: 50px;


  width: 267px;


  float: left;


}


.head .nav ul .nLi .drop-down ul li h4 {


  color: #FFFFFF;


  font-size: 16px;


  margin-bottom: 20px;


}


.head .nav ul .nLi .drop-down ul li h4 span {


  margin-right: 10px;


}


.head .nav ul .nLi .drop-down ul li img {


  height: 166px;


  width: 100%;


}


.head .nav ul .nLi .drop-down ul li p {


  font-size: 12px;


  color: #828282;


  line-height: 4;


}


.head .nav ul .nLi .drop-down ul li:last-child {


  margin-right: 0px;


}


.head .nav ul li:hover {


  background: #017d62;


}


.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: #009474;


  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: #009474;


}


.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: #009474;


}


.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: #009474;


  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 #009474 transparent;


}


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


  border-width: 1px;


  border-color: #009474;


  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: #009474;


  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: #009474;


}


.two {


  margin-top: 30px;


}


.two .u-title {


  background: #009474;


  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: #009474;


}


.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: #009474;


  margin-left: 10px;


}


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


  margin-top: 15px;


}


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


  border-width: 1px;


  border-color: #009474;


  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: #009474;


  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: #009474;


}


.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: #333333;


  height: 96px;


  line-height: 96px;


  overflow: hidden;


}


.foot .iconfont {


  display: inline-block;


  color: #ffffff;


  margin-right: 10px;


  font-size: 23px;


}


.foot p {


  display: inline-block;


  color: #ffffff;


  font-size: 16px;





    margin-right: 27px;


}


.foot p span {


  font-weight: bold;


  font-size: 24px;


}


.foot h6 {


  display: inline-block;


  color: #8f8f8f;


  font-size: 12px;


  float: right;


}