@font-face {

  font-family: 'iconfont';

  /* project id 971715 */

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

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

  margin: 0 auto;

}

.rise {

  background: #efefef;

  height: 30px;

  line-height: 30px;

}

.rise p {

  color: #7e7e7e;

  font-size: 14px;

}

.head {

  height: 123px;

}

.head .head-box {

  height: 123px;

}

.head .head-box .logo {

  width: 280px;

  height: 92px;

  float: left;

  margin-top: 14px;

}

.head .head-box .logo img {

  width: 100%;

  height: 100%;

}

.head .head-box .nav {

  float: right;

  height: 100%;

}

.head .head-box .nav ul {

  height: 100%;

}

.head .head-box .nav ul .nLi {

  float: left;

  font-size: 16px;

  text-align: center;

  height: 100%;

  padding: 0 28px;

  padding-top: 34px;

  background: #FFFFFF;

}



.head .head-box .nav ul .nLi h3 a {

  color: #4c4c4c;

  font-size: 18px;

}

.head .head-box .nav ul .nLi h3 a span {

  margin-top: 10px;

  display: block;

  color: #cccccc;

  font-size: 12px;

}

.head .head-box .nav ul .nLi .n1 {

  position: absolute;

  left: -30%;

  background-color: rgba(0, 111, 169, 0.851);

  z-index: 1;

  top: 123px;

  display: none;

  width: 158%;

}

.head .head-box .nav ul .nLi .n1 ul {

  margin: 20px;

}

.head .head-box .nav ul .nLi .n1 ul li {

  font-size: 15px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.902);

  line-height: 3.429;

}

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

  color: rgba(255, 255, 255, 0.902);

}

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

  border-bottom: 0px;

}

.head .head-box .nav ul .nLi .n2 {

  position: absolute;

  background-color: rgba(0, 111, 169, 0.851);

  left: 0px;

  width: 100%;

  display: none;

  z-index: 1;

  top: 123px;

}

.head .head-box .nav ul .nLi .n2 ul {

  margin-top: 40px;

  float: left;

  text-align: left;

  padding-bottom: 40px;

  margin-right: 120px;

  height: 346px;

  width: 18%;

}

.head .head-box .nav ul .nLi .n2 ul h4 {

  color: #ffffff;

  font-size: 24px;

  padding-bottom: 15px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.6);

  font-weight: bold;

}

.head .head-box .nav ul .nLi .n2 ul li {

  margin-top: 10px;

  font-size: 13px;

  line-height: 2.143;

}

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

  color: #ffffff;

}

.head .head-box .nav ul .nLi .n2 ul:nth-child(4n+4) {

  margin-right: 0px;

}



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

  transition: all 0.4s;

  background-image: -moz-linear-gradient(90deg, #0ad5fd 0%, #0087ca 100%);

  background-image: -webkit-linear-gradient(90deg, #0ad5fd 0%, #0087ca 100%);

  background-image: -ms-linear-gradient(90deg, #0ad5fd 0%, #0087ca 100%);

}



.head .head-box .nav ul .nLi:hover h3 {

  font-weight: bold;

}

.head .head-box .nav ul .nLi:hover h3 a {

  color: #FFFFFF;

}

.head .head-box .nav ul .nLi:hover h3 a span {

  color: #FFFFFF;

  font-weight: 100;

}

.head .head-box .nav ul .nLi:hover .drop-down {

  display: block;

}

.banner {

  position: relative;

  width: 100%;

  /* height: 620px; */

  overflow: hidden;

  min-width: 1200px;

}

.banner .bd {

  /* width: 100%;

  height: 100%; */

}

.banner .bd ul li {

  /* position: relative;

  height: 620px; */

}

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

  width: 100%;

  height: 100%;

}

.banner .hd {

  position: absolute;

  bottom: 13%;

  left: 49%;

}

.banner .hd ul li {

  display: inline-block;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #FFFFFF;

  margin: 0 3px;

  vertical-align: middle;

}

.banner .hd ul .on {

  width: 9px;

  height: 9px;

  background: #00a7ed;

  transition: all 0.4s;

}

.banner .search {

  height: 56px;

  position: absolute;

  bottom: 0px;

  background-color: rgba(0, 50, 107, 0.702);

  width: 100%;

}

.banner .search h4 {

  float: left;

  line-height: 24px;

  margin-top: 20px;

  color: #FFFFFF;

  font-size: 17px;

  font-weight: bold;

}

.banner .search h4 img {

  margin-right: 10px;

  width: 24px;

  height: 24px;

  display: inline-block;

  vertical-align: middle;

}

.banner .search .search-box {

  float: right;

  height: 34px;

  margin-top: 12px;

  position: relative;

}

.banner .search .search-box img {

  position: absolute;

  height: 16px;

  width: 16px;

  top: 10px;

  left: 24px;

}

.banner .search .search-box .text {

  padding-left: 47px;

  height: 100%;

  width: 856px;

  display: inline-block;

  vertical-align: middle;

}

.banner .search .search-box .button {

  height: 100%;

  width: 80px;

  background: #1f73c1;

  border: 1px;

  color: #ffffff;

  font-size: 14px;

  display: inline-block;

  vertical-align: middle;

  margin-left: -5px;

}

.banner1 {

  position: relative;

  width: 100%;

  height: 430px;

  overflow: hidden;

  min-width: 1200px;

  z-index: -1;

}

.banner1 .bd {

  width: 100%;

  height: 100%;

}

.banner1 .bd ul li {

  position: relative;

  height: 430px;

}

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

}

.u-title {

  text-align: center;

}

.u-title h4 {

  font-size: 26px;

  color: #d4d4d4;

  line-height: 1;

}

.u-title h3 {

  font-size: 30px;

  color: #333333;

  font-weight: bold;

  line-height: 1;

  margin-top: 15px;

  margin-bottom: 30px;

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

}

.u-title h3 span {

  color: #00a7ed;

}

.u-title .link {

  width: 50px;

  height: 2px;

  background: #00a7ed;

  margin: 0 auto;

}

.one {

  padding-top: 50px;

}

.one .u-bd {

  margin-top: 30px;

}

.one .u-bd ul li {

width:400px;

height:300px;

  float: left;

  margin-right: 49px;

  border: 1px solid #e5e5e5;

  margin-bottom: 68px;

}

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

  position: relative;

      width: 100%;

    height: 100%;

}

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

  width: 100%;

  height: 100%;

}

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

  position: absolute;

  bottom: -45px;

  height: 44px;

  line-height: 44px;

  background-color: rgba(49, 49, 49, 0.651);

  color: #FFFFFf;

  font-size: 16px;

  width: 100%;

  text-align: center;

}

.one .u-bd ul li:hover .img-box p {

  background-color: #00a7ed;

}

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

  margin-right: 0px;

}

.two {

  margin-top: 70px;

  position: relative;

}

.two .box {

  position: absolute;

  background-color: #f7f7f7;

  width: 1615px;

  height: 600px;

  right: 0px;

  top: 0px;

  z-index: -1;

}

.two .u-bd .left {

  width: 935px;

  float: left;

}

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

  width: 935px;

  height: 425px;

  position: relative;

}

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

  width: 100%;

  height: 100%;

}

.two .u-bd .left .img-box p {

  width: 100%;

  text-align: center;

  height: 81px;

  line-height: 81px;

  top: 0px;

  position: absolute;

  font-size: 30px;

  color: #ffffff;

  font-weight: bold;

  background-color: rgba(0, 137, 203, 0.5);

}

.two .u-bd .right {

  float: left;

  width: 674px;

  padding-left: 48px;

}

.two .u-bd .right .title {

  margin-top: 22px;

}

.two .u-bd .right .title h4 {

  font-size: 26px;

  color: #d4d4d4;

  line-height: 1;

}

.two .u-bd .right .title h3 {

  color: #333333;

  font-size: 30px;

  font-weight: bold;

  margin-top: 10px;

  margin-bottom: 65px;

}

.two .u-bd .right .title h3 span {

  color: #00a7ed;

}

.two .u-bd .right p {

  font-size: 16px;

  color: #707070;

  line-height: 1.875;

}

.two .u-bd .right .more {

  background-color: #00a7ed;

  width: 125px;

  height: 35px;

  font-size: 12px;

  text-align: center;

  line-height: 35px;

  margin-top: 24px;

}

.two .u-bd .right .more a {

  color: #ffffff;

}

.two .cont {

  padding-top: 40px;

}

.two .cont ul li {

  width: 33.33%;

  float: left;

  text-align: center;

}

.two .cont ul li h1 {

  font-size: 50px;

  color: #555555;

  font-weight: bold;

}

.two .cont ul li p {

  font-size: 16px;

  color: #888888;

  line-height: 1.125;

}

.three {

  padding-top: 100px;

}

.three .u-bd {

  margin-top: 30px;

}

.three .u-bd ul li {

  float: left;

  margin-right: 38px;

}

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

  width: 296px;

  height: 224px;

}

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

  width: 100%;

  height: 100%;

}

.three .u-bd ul li p {

  margin-top: 25px;

  margin-bottom: 20px;

  line-height: 1;

  color: #333333;

  font-size: 18px;

  text-align: center;

}

.three .u-bd ul li .more {

  background: #f7f7f7;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #666666;

  font-size: 16px;

}

.three .u-bd ul li:hover .more {

  background: #00a7ed;

  color: #FFFFFF;

}

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

  margin-right: 0px;

}

.four {

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

  height: 490px;

  margin-top: 70px;

  padding-top: 50px;

}

.four .u-title {

  text-align: center;

}

.four .u-title h4 {

  font-size: 26px;

  color: #d4d4d4;

  line-height: 1;

}

.four .u-title h3 {

  font-size: 30px;

  color: #FFFFFF;

  font-weight: bold;

  line-height: 1;

  margin-top: 15px;

  margin-bottom: 30px;

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

}

.four .u-title .link {

  width: 50px;

  height: 2px;

  background: #00a7ed;

  margin: 0 auto;

}

.four .u-bd {

  margin-top: 45px;

  position: relative;

}

.four .u-bd .bd ul li {

  width: 298px;

  margin-right: 35px;

}

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

  width: 100%;

  height: 216px;

}

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

  width: 100%;

  height: 100%;

  background: #fff;

}

.four .u-bd .bd ul li p {

  color: #333333;

  font-size: 14px;

  height: 36px;

  line-height: 36px;

  width: 100%;

  background: #FFFFFF;

  text-align: center;

}

.four .u-bd .hd {

  position: absolute;

  top: 42%;

}

.four .u-bd .hd a {

  color: #00a7ed;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: #FFFFFF;

  display: inherit;

  font-size: 24px;

  text-align: center;

  line-height: 43px;

}

.four .u-bd .hd .next {

  position: absolute;

  left: -77px;

}

.four .u-bd .hd .prev {

  position: absolute;

  right: -1388px;

}

.five {

  margin-top: 50px;

}

.five .u-bd {

  margin-top: 50px;

}

.five .u-bd ul li {

  width: 50%;

  float: left;

  margin-bottom: 55px;

}

.five .u-bd ul li .time {

  display: inline-block;

  vertical-align: middle;

  padding-right: 20px;

  border-right: 1px solid #dcdcdc;

}

.five .u-bd ul li .time h1 {

  font-size: 55px;

  color: #555555;

  line-height: 1;

  margin-bottom: 15px;

}

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

  font-size: 16px;

  line-height: 1;

  color: #999999;

}

.five .u-bd ul li .text {

  padding-left: 20px;

  display: inline-block;

  vertical-align: middle;

  width: 527px;

}

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

  font-size: 18px;

  color: #1a1a1a;

  line-height: 1;

  margin-bottom: 15px;

}

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

  font-size: 14px;

  color: #808080;

  line-height: 1.714;

}

.five .u-bd ul li:hover .time {

  color: #00a7ed;

}

.five .u-bd ul li:hover .time h1 {

  color: #00a7ed;

}

.five .u-bd ul li:hover .time p {

  color: #00a7ed;

}

.five .u-bd ul li:hover .text h4 {

  color: #00a7ed;

}

.foot {

  background: #333333;

  padding-bottom: 40px;

}

.foot .c1 {

  margin-top: 45px;

  float: left;

}

.foot .c1 h4 {

  color: #ffffff;

  font-size: 24px;

  margin-bottom: 25px;

}

.foot .c1 h4 span {

  color: #606060;

  font-size: 20px;

  margin-left: 10px;

  vertical-align: bottom;

}

.foot .c1 p {

  margin-bottom: 10px;

  color: #afafaf;

  font-size: 14px;

}

.foot .c1 p span {

  margin-right: 5px;

}

.foot .c2 {

  float: right;

  margin-top: 40px;

}

.foot .c2 ul {

  text-align: center;

  float: left;

  padding: 0px 20px;

  border-left: 1px solid #535353;

  border-right: 1px solid #535353;

}

.foot .c2 ul h4 {

  color: #FFFFFF;

  font-size: 16px;

  margin-bottom: 25px;

}

.foot .c2 ul li {

  color: #b2b2b2;

  font-size: 14px;

  margin-bottom: 10px;

}

.foot-1 {

  color: #838383;

  font-size: 12px;

  background: #414141;

  height: 38px;

  line-height: 38px;

  text-align: center;

}

.foot-1 a {

  color: #838383;

}

.ny {

  margin-top: 27px;

  padding-bottom: 50px;

}

.ny .left-box {

  width: 260px;

  float: left;

}

.ny .left-box .n-title {

  width: 100%;

  height: 102px;

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

  padding-top: 25px;

  padding-left: 50px;

}

.ny .left-box .n-title h4 {

  font-size: 28px;

  color: #ffffff;

  font-weight: bold;

  line-height: 1;

  margin-bottom: 10px;

}

.ny .left-box .n-title p {

  font-size: 16px;

  color: #ffffff;

  line-height: 1;

}

.ny .left-box .sideMen {

  padding: 20px;

  background: #f6f6f6;

}

.ny .left-box .sideMen h3 {

  color: #333333;

  font-size: 16px;

  height: 46px;

  line-height: 46px;

  border-bottom: 1px solid #e5e5e5;

}

.ny .left-box .sideMen h3 span {

  font-size: 17px;

  color: #00a7ed;

  margin-right: 5px;

}

.ny .left-box .sideMen .on {

  background: #eaf5ff;

}

.ny .left-box .sideMen .on a {

  color: #117eda;

}

.ny .left-box .sideMen h3:hover {

  background: #eaf5ff;

}

.ny .left-box .sideMen h3:hover a {

  color: #117eda;

}

.ny .left-box .sideMen ul {

  display: none;



}

.ny .left-box .sideMen ul li {

  height: 29px;

  line-height: 29px;

  margin: 5px 0;

  padding: 0 5px;

}

.ny .left-box .sideMen ul li a {

  color: #666666;

  font-size: 15px;

}

.ny .left-box .sideMen ul li:hover {

  background: #00a7ed;

}

.ny .left-box .sideMen ul li:hover a {

  color: #FFFFFF;

}

.ny .left-box .botton {

  margin-top: 45px;

}

.ny .left-box .botton .b1 {

  border-left: 6px solid #00a7ed;

  height: 82px;

  background: #f2f2f2;

  padding-left: 30px;

  padding-top: 15px;

}

.ny .left-box .botton .b1 h4 {

  font-size: 28px;

  color: #333333;

  font-weight: bold;

  line-height: 1;

  margin-bottom: 10px;

}

.ny .left-box .botton .b1 p {

  font-size: 16px;

  color: #333333;

  line-height: 1;

}

.ny .left-box .botton .b2 {

  height: 98px;

  border: 1px solid #dcdcdc;

  padding-top: 25px;

  padding-left: 20px;

}

.ny .left-box .botton .b2 .img-box {

  display: inline-block;

  vertical-align: middle;

  width: 41px;

  height: 41px;

  margin-right: 10px;

}

.ny .left-box .botton .b2 .img-box img {

  width: 100%;

  height: 100%;

}

.ny .left-box .botton .b2 .text {

  width: 172px;

  display: inline-block;

  vertical-align: middle;

}

.ny .left-box .botton .b2 .text h6 {

  color: #666666;

  font-size: 14px;

}

.ny .left-box .botton .b2 .text h5 {

  color: #333333;

  font-size: 22px;

  font-weight: bold;

}

.ny .left-box .botton .b2 .text h5 span {

  color: #ffa200;

}

.ny .ny-box {

  float: left;

  width: 1040px;

  padding-left: 52px;

  margin-top: 50px;

}

.ny .ny-box .n-prod {

  margin-top: 30px;

}

.ny .ny-box .n-prod ul li {

  margin-top: 10px;

  float: left;

  width: 305px;

  margin-right: 36px;

}

.ny .ny-box .n-prod ul li .img-box {

  width: 100%;

  height: 230px;

  border: 4px solid transparent;

}

.ny .ny-box .n-prod ul li .img-box img {

  width: 100%;

  height: 100%;

}

.ny .ny-box .n-prod ul li p {

  margin-top: 10px;

  font-size: 18px;

  color: #333333;

  height: 63px;

  text-align: center;

  line-height: 35px;

}

.ny .ny-box .n-prod ul li:nth-child(3n+3) {

  margin-right: 0px;

}

.ny .ny-box .n-prod ul li:hover .img-box {

  border: 4px solid #00a7ed;

}

.ny .ny-box .n-prod ul li:hover p {

  background: #00a7ed;

  color: #FFFFFF;

}

.ny .ny-box .n-page {

  margin-top: 50px;

}

.ny .ny-box .n-news {

  margin-top: 50px;

}

.ny .ny-box .n-news ul li {

  width: 100%;

  margin-bottom: 55px;

}

.ny .ny-box .n-news ul li .time {

  display: inline-block;

  vertical-align: middle;

  padding-right: 20px;

  border-right: 1px solid #dcdcdc;

}

.ny .ny-box .n-news ul li .time h1 {

  font-size: 55px;

  color: #555555;

  line-height: 1;

  margin-bottom: 15px;

}

.ny .ny-box .n-news ul li .time p {

  font-size: 16px;

  line-height: 1;

  color: #999999;

}

.ny .ny-box .n-news ul li .text {

  padding-left: 20px;

  display: inline-block;

  vertical-align: middle;

  width: 894px;

}

.ny .ny-box .n-news ul li .text h4 {

  font-size: 18px;

  color: #1a1a1a;

  line-height: 1;

  margin-bottom: 15px;

}

.ny .ny-box .n-news ul li .text p {

  font-size: 14px;

  color: #808080;

  line-height: 1.714;

}

.ny .ny-box .n-news ul li:hover .time {

  color: #00a7ed;

}

.ny .ny-box .n-news ul li:hover .time h1 {

  color: #00a7ed;

}

.ny .ny-box .n-news ul li:hover .time p {

  color: #00a7ed;

}

.ny .ny-box .n-news ul li:hover .text h4 {

  color: #00a7ed;

}

.crumbs {

  width: 100%;

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 5px;

}

.crumbs .left {

  float: left;

  color: #333333;

  font-size: 18px;

  padding-left: 15px;

  border-left: 5px solid #00a7ed;

}

.crumbs p {

  float: right;

  color: #00a7ed;

  font-size: 14px;

}

.crumbs p a {

  color: #333333;

}

.paging {

  margin-top: 50px;

  text-align: center;

}

.paging ul {

  display: inline-block;

}

.paging ul li {

  width: 30px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  display: inline-block;

}

.paging ul li a {

  color: #333333;

}

.paging ul .on {

  background: #00a7ed;

}

.paging ul .on a {

  color: #FFFFFF;

}

.paging ul li:last-child {

  width: 55px;

}

.paging ul li:first-child {

  width: 55px;

}

.ny .ny-box .n-page img{

  max-width: 100%;

  height: auto!important;

}