@charset "utf-8";
@font-face {
  font-family: "D-DINCondensed";
  src: url('../fonts/D-DINCondensed.eot');
  /* IE9 */
  src: url('../fonts/D-DINCondensed.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/D-DINCondensed.woff') format('woff'), url('../fonts/D-DINCondensed.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ 
  url('../fonts/D-DINCondensed.svg#D-DINCondensed') format('svg');
  /* iOS 4.1- */
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
u {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
}
img {
  border: 0;
  vertical-align: top;
}
i,
em {
  font-style: normal;
}
ol,
ul,
li {
  list-style: none;
}
input,
textarea,
select,
button {
  padding: 0 ;
  margin: 0;
}
table {
  border-collapse: collapse;
}
table {
  border: 0;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
table th,
table td {
  border: 0;
}
body {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
  overflow-x: hidden;
}
* {
  box-sizing: border-box;
}
b {
  display: block;
}
.red{
    color: #ff0000;
}
.ncmain {
  width: 1600px;
  margin: 0 auto;
}
.ncpadding {
  padding: 90px 0 60px 0;
}
.ncpaddingtop {
  padding: 90px 0 0 0;
}
.shmargintop {
  margin-top: 70px;
}
.ncbox {
  position: relative;
}
.ncimgcenter {
  overflow: hidden;
  position: relative;
  padding: 0;
  display: block;
}
.ncimgcenter img {
  min-width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
}
.ncclear {
  clear: both;
}
.Ncheader {
  position: fixed;
  top: 30px;
  width: 1600px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 70px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 15px 38px 0px rgba(51, 51, 51, 0.07);
  z-index: 999;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  box-sizing: border-box;
}
.Ncheader .nav {
  height: 80px;
  position: relative;
  z-index: 2;
}
.Ncheader .nav .logo {
  float: left;
  height: 80px;
  display: flex;
  position: relative;
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.Ncheader .nav .logo a {
  line-height: 100%;
  display: block;
}
.Ncheader .nav .logo a img {
  max-height: 100%;
  display: block;
}
.Ncheader .nav .logo img {
  height: 57px;
}
.Ncheader .nav .logo .im2 {
  display: none;
}
.Ncheader .nav .centre {
  float: right;
  position: relative;
}
.Ncheader .nav .centre ul {
  position: relative;
  height: 80px;
  letter-spacing: 2px;
  z-index: 2;
}
.Ncheader .nav .centre ul li {
  float: left;position: relative;
  line-height: 80px;
  height: 80px;
  z-index: 2;
}
.Ncheader .nav .centre ul li .a {
  display: inline-block;
  font-size: 16px;
  padding: 0 10px;
  color: #fff;
}
.Ncheader .nav .centre ul li em {
  color: #fff;
  display: inline-block;
  margin: 0 20px;
}
.Ncheader .nav .centre ul li .listnav {
  position: absolute;
  top: 80px;
  width: 220px;
  left: 50%;
  z-index: 3;
  display: none;
  background-color: #ffffff;
  /*border-bottom-left-radius: 30px;*/line-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-top: 1px solid #f1f1f1;
  text-align: center;
  box-shadow: 0px 15px 38px 0px rgba(51, 51, 51, 0.07);
  /*text-align: left;*/
  overflow: hidden;padding: 10px 0;
  transform: translateX(-50%);
}
.Ncheader .nav .centre ul li .listnav .am {margin-left: 0 !important;
  font-size: 15px; /*display: inline-block; transform: translateX(-50%);*/
}
.Ncheader .nav .centre ul li .listnav .am a{display:block;}
.Ncheader .nav .centre ul li .listnav .am a:hover{background-color:#1e51a2;color:#fff;}
.Ncheader .nav .centre ul li .listnav .am i {
  margin: 0 15px;display: none;
}
.Ncheader .nav .centre ul li .listnav .am i:last-child{
	display:none;
}
/*.Ncheader .nav .centre ul li .listnav .am a:hover {*/
/*  color: #1e51a2;*/
/*}*/
.Ncheader .nav .centre ul li .listnav .am .cana {
  background-color:#1e51a2;color:#fff;
}
.Ncheader .nav .centre ul li .listnav .am a img{
    transform: translateY(-1px); height: 18px;
}
.Ncheader .nav .centre ul li .listnav .am a img:first-child{
    display: inline-block;
}
.Ncheader .nav .centre ul li .listnav .am a img:last-child{
    display: none;
}
.Ncheader .nav .centre ul li .listnav .am a:hover img:first-child,
.Ncheader .nav .centre ul li .listnav .am .cana img:first-child{
    display: none;
}
.Ncheader .nav .centre ul li .listnav .am a:hover img:last-child,
.Ncheader .nav .centre ul li .listnav .am .cana img:last-child{
    display: inline-block;
}
.Ncheader .nav .centre ul li strong {
  display: none;
}
.Ncheader .nav .centre ul li:hover .a {
  color: #1e51a2;
}
.Ncheader .nav .centre ul .active .a {
  color: #1e51a2;
}
.Ncheader .nav .centre ul li:nth-last-child(2) em {
  display: none;
}
.Ncheader .nav .centre ul span {
  height: 4px;
  display: block;
  background-color: #1e51a2;
  position: absolute;
  bottom: 0;
  z-index: -1;
  border-radius: 2px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.Ncheader .nav .right {
  float: right;
  margin-left: 60px;
  position:relative;
}
.Ncheader .nav .right .search {
  cursor: pointer;
  float: left;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-right: 40px;
  padding-right: 40px;
  position: relative;
}
.Ncheader .nav .right .search img {
  display: none;
}
.Ncheader .nav .right .search img:nth-child(1) {
  display: block;
}
.Ncheader .nav .right .search::after {
  content: '';
  width: 1px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.Ncheader .nav .right .search_show {
  position: absolute;
  top: calc(100% + 12px);
  left: 0px;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  padding: 0 15px 15px;
  z-index: 999;
  display: none;
}
.Ncheader .nav .right .search_show .serbox1 {
  overflow: hidden;
  border-bottom: 1px solid #bfbfbf;
  margin-top: 10px;
}
.Ncheader .nav .right .search_show input {
  height: 40px;
  float: left;
  width: calc(100% - 50px);
  border: none;
}
.Ncheader .nav .right .search_show button {
  height: 40px;
  float: left;
  width: 50px;
  background-color: transparent;
  border: none;
  color: #1e51a2;
  font-size: 16px;
  cursor:pointer;
}
.Ncheader .nav .right .search_show i {
  position: absolute;
  top: -20px;
  left: 0px;
  color: #fff;
  font-size: 30px;
  transform: rotate(-90deg);
}


.Ncheader .nav .right .tel {
  float: left;
  background: url(../images/tel.png) no-repeat left center;
  padding-left: 38px;
  font-size: 18px;
  line-height: 80px;
  font-size: 20px;
  font-weight: 500;
  font-family: 'D-DINCondensed';
  letter-spacing: 3px;
}
.Ncheader .nav .right .tel img {
  margin-top: -4px;
  margin-right: 15px;
}
.Ncheader .nav .right .tel a {
  color: #fff;
}
.Ncheader .nav .right .tel .tema2 {
  display: none;
}
.Ncheader .nav .h3 {
  position: absolute;
  right: 10px;
  top: 15px;
  display: none;
}
.Ncheader .nav .h3 i {
  font-size: 30px;
  color: #333;
}
.Ncheader .nav_right {
  width: 10%;
  float: right;
  position: relative;
  z-index: 2;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.Ncheader .nav_right a {
  display: block;
  line-height: 30px;
  width: 106px;
  border: 1px solid #ff8400;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
  background-color: #ff8400;
}
.Ncheader .nav_right:hover a {
  color: #fff;
  border: 1px solid #1e51a2;
  background-color: #1e51a2;
}
.Ncheader .h4 {
  display: none;
  float: right;
}
.Ncheader .h4 i {
  color: #333;
  font-size: 26px;
  line-height: 60px;
}
.Ncheader1 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff;
  border: none;
}
.Ncheader1 .nav .centre ul li .a {
  color: #333;
}
.Ncheader1 .nav .right .tel {
  background: url(../images/tel1.png) no-repeat left center;
}
.Ncheader1 .nav .right .tel a {
  color: #333;
}
.Ncheader1 .nav .right .search img:nth-child(1) {
  display: none;
}
.Ncheader1 .nav .right .search img:nth-child(2) {
  display: block;
}
.Ncheader1 .nav .right .search::after {
  background-color: rgba(0, 0, 0, 0.5);
}
/*.Ncheader2 {*/
/*  background-color: #fff;*/
/*  border: none;*/
/*}*/
/*.Ncheader2 .nav .centre ul li .a {*/
/*  color: #333;*/
/*}*/
/*.Ncheader2 .nav .right .tel {*/
/*  background: url(../images/tel1.png) no-repeat left center;*/
/*}*/
/*.Ncheader2 .nav .right .tel a {*/
/*  color: #333;*/
/*}*/
/*.Ncheader2 .nav .right .search img:nth-child(1) {*/
/*  display: none;*/
/*}*/
/*.Ncheader2 .nav .right .search img:nth-child(2) {*/
/*  display: block;*/
/*}*/
/*.Ncheader2 .nav .right .search::after {*/
/*  background-color: rgba(0, 0, 0, 0.5);*/
/*}*/

.Ncheader{
  background-color: #fff;
  border: none;
}
.Ncheader .nav .centre ul li .a {
  color: #333;
}
.Ncheader .nav .right .tel {
  background: url(../images/tel1.png) no-repeat left center;
}
.Ncheader .nav .right .tel a {
  color: #333;
}
.Ncheader .nav .right .search img:nth-child(1) {
  display: none;
}
.Ncheader .nav .right .search img:nth-child(2) {
  display: block;
}
.Ncheader .nav .right .search::after {
  background-color: rgba(0, 0, 0, 0.5);
}



#banner1 {
  position: relative;
}
.in-banner .swiper-slide {height: 100vh;}
#banner1 .swiper-slide {
  position: relative;
  overflow: hidden;
}
#banner1 .swiper-slide .bg {
  width: 100%;
  height: 100%;
  background-color: rgba(24, 24, 24, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#banner1 .swiper-slide .img,
#banner1 .swiper-slide .img2,
#banner1 .swiper-slide video{height: 100%;
  width: 100%;-o-object-fit: cover;
    object-fit: cover;
  max-width: 100%;
  position: relative;
  z-index: 1;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  display: block;
}
#banner1 .swiper-slide .img video,
#banner1 .swiper-slide .img2 video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
#banner1 .swiper-slide .img2 {
  display: none;
}
#banner1 .swiper-slide .img_1 {
  height: 100vh;
}
#banner1 .swiper-slide .img3 {
  display: none;
  width: 100%;
  max-width: 100%;
}
#banner1 .swiper-pagination {
  left: 50%;
  right: auto;
  width: 1600px;
  transform: translateX(-50%);
  bottom: 60px;
  text-align: left;
}
#banner1 .swiper-pagination .swiper-pagination-bullet {
  font-family: 'D-DINCondensed';
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  margin-right: 46px;
  opacity: 1;
  border-radius: 0;
  background-color: transparent;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: auto;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#banner1 .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  color: #1e51a2;
  border-bottom: 2px solid #1e51a2;
}



#banner2 video,
#banner2 img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
#banner2 .swiper-slide .img3 {
  display: none;
  width: 100%;
  max-width: 100%;
}
#banner2 .swiper-pagination {
  left: 50%;
  right: auto;
  width: 1600px;
  transform: translateX(-50%);
  bottom: 60px;
  text-align: left;
}
#banner2 .swiper-pagination .swiper-pagination-bullet {
  font-family: 'D-DINCondensed';
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  margin-right: 46px;
  opacity: 1;
  border-radius: 0;
  background-color: transparent;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: auto;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#banner2 .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  color: #1e51a2;
  border-bottom: 2px solid #1e51a2;
}

#page {
  clear: both;
  border: 1px solid #e5e5e5;
  margin-top: 100px;
}
#page ul {
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  background-color: #fff;
  padding: 20px 0;
}
#page ul li {
  cursor: pointer;
  display: inline-block;
}
#page ul li a {
  display: block;
  color: #999;
  font-weight: bold;
  border: 1px solid #dedede;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 15px;
  line-height: 46px;
  width: 46px;
  height: 46px;
}
#page ul li a:hover {
  color: #fff;
  background-color: #1e51a2;
}
#page ul li i {
  font-size: 16px;
}
#page ul li:nth-child(1) {
  float: left;
  background: url(../images/page01_1.png) no-repeat left 60px center;
  padding-left: 60px;
}
#page ul li:nth-child(1) a {
  width: 80px;
  border: none;
  font-weight: normal;
}
#page ul li:nth-child(1) a:hover {
  color: #1e51a2;
  background-color: transparent;
}
#page ul li:nth-child(1):hover {
  background: url(../images/page01_1_1.png) no-repeat left 60px center;
}
#page ul li:last-child {
  float: right;
  background: url(../images/page01_2.png) no-repeat right 60px center;
  padding-right: 60px;
}
#page ul li:last-child a {
  width: 80px;
  border: none;
  font-weight: normal;
}
#page ul li:last-child a:hover {
  color: #1e51a2;
  background-color: transparent;
}
#page ul li:last-child:hover {
  background: url(../images/page01_2_1.png) no-repeat right 60px center;
}
#page ul .active a {
  color: #1e51a2;
  border: 1px solid #1e51a2;
}

.ncfooter {
  background-color: #313131;
  overflow: hidden;
}
.ncfooter .footer {
  overflow: hidden;
}
.ncfooter .footer .left {
  width: 72%;
  float: left;
  padding-top: 50px;
  padding-bottom: 20px;
}
.ncfooter .footer .left ul {
  overflow: hidden;
}
.ncfooter .footer .left ul li {
  width: 12.5%;
  float: left;
}
.ncfooter .footer .left ul li a {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
}
.ncfooter .footer .left ul li a:nth-child(1) {
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
}
.ncfooter .footer .right {
  color: #fff;
  width: 28%;
  float: right;
  text-align: right;
  padding: 50px 0 50px 0;
}
.ncfooter .footer .right .flog {
  text-align: right;
  margin-bottom: 50px;
}
.ncfooter .footer .right .flog img {
  display: inline-block;
}
.ncfooter .footer .right span {
  color: #fff;
  display: block;
}
.ncfooter .footer .right b {
  font-size: 30px;
  color: #fff;
  margin: 15px 0 25px 0;
}
.ncfooter .footer .right .weixin a {
  display: inline-block;
  position: relative;
  margin-left: 40px;
}
.ncfooter .footer .right .weixin a em {
  width: 120px;
  height: 120px;
  background-color: #fff;
  padding: 5px;
  display: none;
  position: absolute;
  top: -140px;
  left: -40px;
}
.ncfooter .footer .right .weixin a em img {
  width: 100%;
}
.ncfooter .footer .right .weixin a em i {
  color: #fff;
  position: absolute;
  bottom: -20px;
  font-size: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.ncfooter .footer1 {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  line-height: 50px;
}
.ncfooter .footer1 .left {
  float: left;
  color: #adadad;
  padding-left: 24px;
  background: url(../images/link.png) no-repeat left center;
  font-size: 12px;
}
.ncfooter .footer1 .left a {
  color: #adadad;
}
.ncfooter .footer1 .right {
  float: right;
  color: #adadad;
  font-size: 12px;
}
.ncfooter .footer1 .right a {
  color: #adadad;
}
.nav_right {
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 999;
}
.nav_right ul li {
  width: 90px;
  height: 90px;
  background-color: #1e51a2;
  border-radius: 10px;
  position: relative;
  margin: 17px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.nav_right ul li a > p{
    font-size: 14px; color: #fff; margin-top: 15px;
}
.nav_right ul li#top{
    width: 50px;
    height: 50px;
    margin-left: 20px;
}
.nav_right ul li#top a img{
    height: 18px;
}
.nav_right ul li .quan_1 {
  display: none;
  width: 78px;
  height: 78px;
  background-color: rgba(30, 81, 162, 0.12);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100px;
  -webkit-animation: warn 3s ease-out;
  -moz-animation: warn 3s ease-out;
  animation: warn 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.nav_right ul li .quan_2 {
  display: none;
  width: 94px;
  height: 94px;
  background-color: rgba(30, 81, 162, 0.12);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100px;
  -webkit-animation: warn 3s ease-out;
  -moz-animation: warn 3s ease-out;
  animation: warn 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.nav_right ul li a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.nav_right ul li .a_div {
  display: none;
  background-color: #fff;
  box-shadow: 0px 0px 12px 0px rgba(230, 230, 230, 0.4);
  border: 1px solid #e6e6e6;
  position: absolute;
  left: -265px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  padding: 20px;
  border-radius: 5px;
}
.nav_right ul li .a_div b {
  display: block;
  font-size: 18px;
}
.nav_right ul li .a_div span {
  display: block;
  font-size: 12px;
  color: #999;
  margin: 10px 0;
}
.nav_right ul li .a_div i {
  display: inline-block;
  background-color: #eee;
  padding: 4px;
}
.nav_right ul li .a_div p {
  display: block;
  color: #999;
  margin-top: 20px;
}
.nav_right ul li:nth-child(3) {
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(199, 207, 232, 0.4);
}
.nctitle {
  overflow: hidden;
}
.nctitle .title {
  font-size: 36px;
  float: left;
  font-weight: bold;
}
.nctitle .subtitle {
  float: right;
  overflow: hidden;
  line-height: 36px;
}
.nctitle .subtitle i {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #1e51a2;
  border-radius: 50%;
  position: relative;
  float: left;
}
.nctitle .subtitle i img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nctitle .subtitle span {
  float: left;
  font-size: 18px;
  color: #666;
  margin-left: 14px;
}
.ncindex01 .main_con {
  display: flex;
  justify-content: space-between;
}
.ncindex01 .main_con .item {
  width: calc(50% - 15px);
}
.ncindex01 .main_con .item .ncimgcenter {
  padding: 38% 0;
}
.ncindex01 .main_con .item .ncimgcenter .clic {
  background-color: #fff;
  color: #1e51a2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  width: 70px;
  height: 70px;
  border-radius: 100px;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
  font-family: 'D-DINCondensed';
  font-weight: bold;
  display: none;
}
.ncindex01 .main_con .item:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.ncindex01 .main_con .item:hover .ncimgcenter .clic {
  display: block;
}
.ncindex01 .main_con .item .tit {
  overflow: hidden;
  margin-top: 50px;
}
.ncindex01 .main_con .item .tit .tit_left {
  font-size: 22px;
  float: left;
}
.ncindex01 .main_con .item .tit .tit_right {
  color: #999;
  float: right;
  font-family: 'D-DINCondensed';
  text-transform: uppercase;
}
.ncindex02 .main_con .ncimgcenter {
  padding: 19.5% 0;
}
.ncindex02 .main_con .swiper-slide {
  position: relative;
}
.ncindex02 .main_con .swiper-slide:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.ncindex02 .main_con .swiper-slide:hover .ncimgcenter .clic {
  display: block;
}
.ncindex02 .main_con .swiper-slide .con {
  position: absolute;
  left: 46px;
  bottom: 76px;
}
.ncindex02 .main_con .swiper-slide .con .con_1 {
  font-size: 22px;
}
.ncindex02 .main_con .swiper-slide .con .con_2 {
  font-size: 12px;
  color: #666;
  font-family: 'D-DINCondensed';
  margin: 10px 0 70px 0;
  text-transform: uppercase;
}
.ncindex02 .main_con .swiper-slide .con .con_3 a {
  border-bottom: 2px solid #333;
  padding-bottom: 8px;
  font-weight: bold;
}
.ncindex02 .main_con .swiper-button-prev {
  left: 50px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}
.ncindex02 .main_con .swiper-button-next {
  right: 50px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}
.ncindex02 .main_con .swiper-button-prev:after,
.ncindex02 .main_con .swiper-button-next:after {
  font-size: 20px;
  color: #a0a0a0;
  font-weight: bold;
}
.ncindex03 .ncmain {
  width: 92%;
  margin-left: 8%;
}
.ncindex03 .con_nav {
  margin-bottom: 60px;
}
.ncindex03 .con_nav ul {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.ncindex03 .con_nav ul li {
  float: left;
  font-size: 20px;
  padding-bottom: 30px;
  margin-right: 74px;
  cursor: pointer;
}
.ncindex03 .con_nav ul .active {
  color: #1e51a2;
  border-bottom: 2px solid #1e51a2;
}
.ncindex03 .main_con .ncimgcenter {
  padding: 28% 0;
}
.ncindex03 .main_con .swiper-slide {
  position: relative;
}
.ncindex03 .main_con .swiper-slide:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.ncindex03 .main_con .swiper-slide:hover .ncimgcenter .clic {
  display: block;
}
.ncindex03 .main_con .swiper-slide .con {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 50px 40px 50px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.ncindex03 .main_con .swiper-slide .con .con_1 {
  font-size: 22px;
  color: #fff;
}
.ncindex03 .main_con .swiper-slide .con .con_2 {
  color: rgba(255, 255, 255, 0.6);
  line-height: 24px;
  margin-top: 20px;
}
.ncindex03 .main_con .swiper-slide .con .con_3 a {
  border-bottom: 2px solid #333;
  padding-bottom: 8px;
  font-weight: bold;
}
.ncindex04 {
  margin-top: 50px;
}
.ncindex04 .ncimgcenter {
  padding: 20.4% 0;
}
.ncindex04 .ncmain {
  position: relative;
}
.ncindex04 .ncmain:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.ncindex04 .ncmain .con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  cursor: pointer;
}
.ncindex04 .ncmain .con div {
  font-size: 18px;
  color: #fff;
  margin-top: 18px;
}
.ncindex05 {
  margin: 100px 0 180px;
}
.ncindex05 .ncmain {
  display: flex;
  justify-content: space-between;
}
.ncindex05 .ncmain .item {
  width: calc(33.33% - 16px);
  position: relative;
}
.ncindex05 .ncmain .item .ncimgcenter {
  padding: 53% 0;
  background-color: #24323f;
}
.ncindex05 .ncmain .item .ncimgcenter img {
  opacity: 0.3;
}
.ncindex05 .ncmain .item .con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ncindex05 .ncmain .item:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.ncindex05 .ncmain .item:hover .con {
  animation: quan 2s linear infinite;
}
.pro01 {
  padding-bottom: 90px;
}
.pro01 .ncmain {
  overflow: hidden;
}
.pro01 .ncmain .left {
  width: 19%;
  float: left;
}
.pro01 .ncmain .left .le_main {
  border-width: 1px;
  border-color: #eee;
  border-style: solid;
  background-color: #ffffff;
  box-shadow: 0px 4px 10.14px 1.86px rgba(30, 81, 162, 0.1);
}
.pro01 .ncmain .left .le_main .item {
  cursor: pointer;
}
.pro01 .ncmain .left .le_main .item .bt {
  line-height: 80px;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  margin-left: 26px;
}
.pro01 .ncmain .left .le_main .item .bt i {
  float: right;
  margin-right: 26px;
  font-weight: bold;
  color: #999;
}
.pro01 .ncmain .left .le_main .item .bt .layui-icon-down {
  display: none;
}
.pro01 .ncmain .left .le_main .item .ls {
  padding: 26px 26px 26px 0;
  margin-left: 26px;
  display: none;
  border-bottom: 1px solid #eee;
}
.pro01 .ncmain .left .le_main .item .ls a {
  display: block;
  font-size: 16px;
  line-height: 36px;
}
.pro01 .ncmain .left .le_main .item .ls a:hover {
  color: #1e51a2;
}
.pro01 .ncmain .left .le_main .item .ls .active_a {
  color: #1e51a2;
}
.pro01 .ncmain .left .le_main .active .bt,.pro01 .ncmain .left .le_main .active .bt a {
  color: #1e51a2;
  position: relative;
}
.pro01 .ncmain .left .le_main .active .bt .layui-icon-down {
  display: block;
}
.pro01 .ncmain .left .le_main .active .bt .layui-icon-up {
  display: none;
}
.pro01 .ncmain .left .le_main .active .bt i {
  color: #1e51a2;
}
.pro01 .ncmain .left .le_main .active .bt::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 40px;
  height: 2px;
  background-color: #1e51a2;
}
.pro01 .ncmain .left .le_main .active .ls {
  display: block;
}
.pro01 .ncmain .right {
  width: 77%;
  float: right;
}
.pro01 .ncmain .right .con {
  overflow: hidden;
}
.pro01 .ncmain .right .con .item {
  width: calc(33.33% - 26px);
  float: left;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin-right: 39px;
  padding: 0 20px;
  margin-top: 26px;
}
.pro01 .ncmain .right .con .item .ncimgcenter {
  padding: 45% 0;
  margin: 30px 0 25px;
}
.pro01 .ncmain .right .con .item .ncimgcenter img {
  min-width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.pro01 .ncmain .right .con .item .bt {
  line-height: 70px;
  font-size: 22px;
  border-bottom: 1px solid #e5e5e5;
}
.pro01 .ncmain .right .con .item .bt span {
  float: right;
  font-size: 18px;
  color: #666;
}
.pro01 .ncmain .right .con .item .c {
  margin-top: 25px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pro01 .ncmain .right .con .item:nth-child(3n) {
  margin-right: 0;
}
.pro01 .ncmain .right .con .item:nth-child(1),
.pro01 .ncmain .right .con .item:nth-child(2),
.pro01 .ncmain .right .con .item:nth-child(3) {
  margin-top: 0;
}
#page {
  clear: both;
  border: 1px solid #e5e5e5;
  margin-top: 100px;
}
#page ul {
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  background-color: #fff;
  padding: 20px 0;
}
#page ul li {
  cursor: pointer;
  display: inline-block;
}
#page ul li a {
  display: block;
  color: #999;
  font-weight: bold;
  border: 1px solid #dedede;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 15px;
  line-height: 46px;
  width: 46px;
  height: 46px;
}
#page ul li a:hover {
  color: #fff;
  background-color: #1e51a2;
}
#page ul li i {
  font-size: 16px;
}
#page ul li:nth-child(1) {
  float: left;
  background: url(../images/page01_1.png) no-repeat left 60px center;
  padding-left: 60px;
}
#page ul li:nth-child(1) a {
  width: 80px;
  border: none;
  font-weight: normal;
}
#page ul li:nth-child(1) a:hover {
  color: #1e51a2;
  background-color: transparent;
}
#page ul li:nth-child(1):hover {
  background: url(../images/page01_1_1.png) no-repeat left 60px center;
}
#page ul li:last-child {
  float: right;
  background: url(../images/page01_2.png) no-repeat right 60px center;
  padding-right: 60px;
}
#page ul li:last-child a {
  width: 80px;
  border: none;
  font-weight: normal;
}
#page ul li:last-child a:hover {
  color: #1e51a2;
  background-color: transparent;
}
#page ul li:last-child:hover {
  background: url(../images/page01_2_1.png) no-repeat right 60px center;
}
#page ul .active a {
  color: #1e51a2;
  border: 1px solid #1e51a2;
}
.proshow01 {
  background-color: #f8f8f8;
  padding-top: 200px;
}
.proshow01 .ncmain {
  overflow: hidden;
  padding-bottom: 50px;
}
.proshow01 .ncmain .left {
  width: 50%;
  float: left;
  position: relative;
}
#target {
    width: 380px;
    height: 380px;
    background: #fff;
    position: absolute;
    top: 0;
    right: -380px;
    z-index: 5;
    border: solid 1px #898989;
    display: none;
}
.proshow01 .ncmain .left .ncimgcenter {
  padding: 29% 0; border-bottom: 1px solid #eee;
}
.proshow01 .ncmain .left .ncimgcenter img {
  min-width: auto;
  height: auto;
  max-width: 95%;
  max-height: 95%;
}
.proshow01 .ncmain .right {
  float: right;
  width: calc(50% - 40px);
}
.proshow01 .ncmain .right .bt {
  font-size: 30px;
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 0;
}
.proshow01 .ncmain .right .con {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin: 40px 0 90px 0;
}
.proshow01 .ncmain .right .qq {
  overflow: hidden;
}
.proshow01 .ncmain .right .qq a {
  width: 182px;
  float: left;
  text-align: center;
  font-size: 18px;
  line-height: 48px;
  color: #fff;
  display: block;
  background-color: #3362ab;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 25px;
}
.proshow01 .ncmain .right .qq a:first-child{
    margin-left: 0;
}
.proshow01 .ncmain .right .qq a img{
    display: inline-block;
}
.proshow01 .ncmain .right .qq a:first-child img{
    margin-right: 12px;
}

.proshow02 .main_con .item {
  background-color: #f8f8f8;
  overflow: hidden;
  position: relative;
  margin-top: 50px;
}
.proshow02 .main_con .item .left {
  width: 50%;
  float: left;
}
.proshow02 .main_con .item .left .ncimgcenter {
  padding: 31% 0;
}
.proshow02 .main_con .item .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.proshow02 .main_con .item .right {
  position: absolute;
  width: 50%;
  padding: 0 70px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.proshow02 .main_con .item .right .bt {
  font-size: 24px;
  font-weight: bold;
}
.proshow02 .main_con .item .right .con {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 30px;
}
.proshow02 .main_con .item:nth-child(1) {
  margin-top: 0;
}
.proshow02 .main_con .item:nth-child(2n) .left {
  float: right;
}
.proshow02 .main_con .item:nth-child(2n) .right {
  right: auto;
  left: 0;
}
.proshow02 .main_con1 ul li {
  overflow: hidden;
  font-size: 18px;
  color: #666;
  line-height: 80px;
  border-bottom: 1px solid #eee;
}
.proshow02 .main_con1 ul li span {
  display: block;
  float: left;
  width: 40%;
}
.proshow02 .main_con1 ul li div {
  float: left;
}
.proshow02 .main_con2 {
  margin-bottom: 120px;
}
.proshow02 .main_con2 .ncimgcenter {
  padding: 22% 0;
}
.proshow02 .main_con2 .swiper-slide:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.proshow02 .main_con2 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
  opacity: 1;
}
.proshow02 .main_con2 .swiper-pagination-bullet-active {
  background-color: #1e51a2;
  border: 2px solid #fff;
  box-sizing: border-box;
}
.proshow02 .main_con2 .swiper-pagination {
  bottom: 40px;
}
.three01 {
  background-color: #f8f9fb; overflow: hidden;
}
.three01 .top ul {
  overflow: hidden;
  box-shadow: 0px 6px 24px 0px rgba(51, 51, 51, 0.05);
}
.three01 .top ul li {
  width: 25%;
  box-sizing: border-box;
  border-right: 2px solid #eeeff1;
  float: left;
  padding: 40px 0;
  position: relative;
}
.three01 .top ul li .con {
  margin-left: 65px;
  padding-left: 50px;
}
.three01 .top ul li .con span {
  display: block;
  font-size: 18px;
}
.three01 .top ul li .con i {
  color: #999;
  font-family: 'D-DINCondensed';
  text-transform: uppercase;
  margin-top: 10px;
  display: block;
}
.three01 .top ul li em {
  position: absolute;
  right:-50px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.three01 .top ul li:last-child {
  border-right: 0;
}
/*.three01 .top ul li:nth-child(1) .con {*/
/*  background: url(../images/three01_1.png) no-repeat left center;*/
/*}*/
/*.three01 .top ul li:nth-child(1) .con1 {*/
/*  background: url(../images/three01_1_2.png) no-repeat left center;*/
/*}*/
.three01 .top ul li:nth-child(1) .con1 span,
.three01 .top ul li:nth-child(1) .con1 i {
  color: #fff;
}
/*.three01 .top ul li:nth-child(2) .con {*/
/*  background: url(../images/three01_2.png) no-repeat left center;*/
/*}*/
/*.three01 .top ul li:nth-child(2) .con1 {*/
/*  background: url(../images/three01_2_2.png) no-repeat left center;*/
/*}*/
.three01 .top ul li:nth-child(2) .con1 span,
.three01 .top ul li:nth-child(2) .con1 i {
  color: #fff;
}
/*.three01 .top ul li:nth-child(3) .con {*/
/*  background: url(../images/three01_3.png) no-repeat left center;*/
/*}*/
/*.three01 .top ul li:nth-child(3) .con1 {*/
/*  background: url(../images/three01_3_2.png) no-repeat left center;*/
/*}*/
.three01 .top ul li:nth-child(3) .con1 span,
.three01 .top ul li:nth-child(3) .con1 i {
  color: #fff;
}
/*.three01 .top ul li:nth-child(4) .con {*/
/*  background: url(../images/three01_4.png) no-repeat left center;*/
/*}*/
/*.three01 .top ul li:nth-child(4) .con1 {*/
/*  background: url(../images/three01_4_2.png) no-repeat left center;*/
/*}*/
.three01 .top ul li:nth-child(4) .con1 span,
.three01 .top ul li:nth-child(4) .con1 i {
  color: #fff;
}
.three01 .top ul .active {
  background-color: #1e51a2;
}
.three01 .top ul .active em {
  display: block;
}
.three01 .center {
  margin-top: 100px;
}
.three01 .center .item {
  overflow: hidden;
  background-color: #fff;
  position: relative;
  margin-top: 50px;
}
.three01 .center .item .left {
  width: 60%;
  float: left;
}
.three01 .center .item .left .ncimgcenter {
  padding: 31% 0;
}
.three01 .center .item .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.three01 .center .item .right {
  width: 40%;
  box-sizing: border-box;
  padding: 0 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.three01 .center .item .right .bt {
  font-size: 26px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.three01 .center .item .right .c {
  font-size: 15px;
  line-height: 1.5;
  text-align: justify;
  color: #666;
  margin-top: 46px;
}
.three01 .center .item:nth-child(1) {
  margin-top: 0;
}
.three01 .center .item:nth-child(2n) .left {
  float: right;
}
.three01 .center .item:nth-child(2n) .right {
  right: auto;
  left: 0;
}
.three01 .mbottom {
  margin-bottom: 110px;
}
.three01 .mbottom .con {
  position: relative;
}
.three01 .mbottom .con img {
  width: 100%;
}
.three01 .mbottom .con .cl {
  position: absolute;
  background-color: #fff;
  left: 160px;
  top: 50%;
  transform: translateY(-50%);
  padding: 60px 45px;
  border-radius: 4px;
  text-align: center;
}
.three01 .mbottom .con .cl b {
  font-size: 30px;
  display: block;
}
.three01 .mbottom .con .cl span {
  color: #999;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'D-DINCondensed';
  margin: 10px 0 30px 00;
  display: block;
}
.three01 .mbottom .con .cl em {
  display: block;
  font-size: 20px;
  color: #1e51a2;
}
.three01 .mbottom .con .cl a {
  display: block;
  line-height: 50px;
  color: #fff;
  background-color: #1e51a2;
  border-radius: 4px;
  width: 220px;
  margin: 0 auto;
  margin-top: 60px;
}
.design01 {
  background-image: -moz-linear-gradient(-90deg, #f0f6ff 0%, rgba(237, 233, 230, 0) 30%);
  background-image: -webkit-linear-gradient(-90deg, #f0f6ff 0%, rgba(237, 233, 230, 0) 30%);
  background-image: -ms-linear-gradient(-90deg, #f0f6ff 0%, rgba(237, 233, 230, 0) 30%);
  padding-top: 260px;
}
.design01 .main_con {
  margin-top: 100px;
}
.design01 .main_con1 {
  overflow: hidden;
}
.design01 .main_con1 .left {
  width: 56.5%;
  float: left;
}
.design01 .main_con1 .left .ncimgcenter {
  padding: 33% 0;
}
.design01 .main_con1 .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.design01 .main_con1 .right {
  width: 38.5%;
  float: right;
}
.design01 .main_con1 .right .bt {
  font-size: 30px;
  font-family: 'D-DINCondensed';
  line-height: 36px;
}
.design01 .main_con1 .right .subt {
  font-size: 24px;
  margin: 30px 0;
}
.design01 .main_con1 .right .con {
  color: #666;
  line-height: 30px;
}
.design01 .main_con2 {
  position: relative;
}
.design01 .main_con2 .ncimgcenter {
  padding: 25% 0;
}
.design01 .main_con2 .con {
  position: absolute;
  left: 70px;
  top: 80px;
  width: 400px;
}
.design01 .main_con2 .con .bt {
  font-size: 36px;
  line-height: 48px;
  color: #fff;
  font-weight: lighter;
}
.design01 .main_con2 .con .bt1 {
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  margin: 20px 0 80px 0;
}
.design01 .main_con2 .con .c {
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}
.design01 .main_con2:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.design01 .main_con3 {
  position: relative;
}
.design01 .main_con3 .left {
  width: 36.5%;
}
.design01 .main_con3 .left .ncimgcenter {
  padding: 84% 0;
}
.design01 .main_con3 .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.design01 .main_con3 .right {
  width: 44%;
  position: absolute;
  right: 90px;
  top: 50%;
  transform: translateY(-50%);
}
.design01 .main_con3 .right .bt {
  font-size: 36px;
  line-height: 48px;
}
.design01 .main_con3 .right .con {
  font-size: 16px;
  line-height: 36px;
  color: #666;
  margin-top: 60px;
}
.design01 .main_con4 {
  overflow: hidden;
}
.design01 .main_con4 .left {
  width: 44%;
  float: left;
}
.design01 .main_con4 .left .bt {
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'D-DINCondensed';
}
.design01 .main_con4 .left .bt1 {
  font-size: 36px;
  margin: 26px 0 36px 0;
}
.design01 .main_con4 .left .con {
  font-size: 16px;
  line-height: 36px;
  color: #666;
}
.design01 .main_con4 .left .con .pp {
  font-size: 26px;
  margin: 50px 0;
  font-weight: bold;
}
.design01 .main_con4 .right {
  width: 50%;
  float: right;
  position: relative;
}
.design01 .main_con4 .right .con {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.design01 .main_con4 .right .con .bt {
  font-size: 48px;
  line-height: 48px;
  font-family: 'D-DINCondensed';
  text-transform: uppercase;
}
.design01 .main_con4 .right .con .c {
  font-size: 24px;
  margin-top: 55px;
}
.design01 .main_con5 .ncimgcenter {
  padding: 26% 0;
}
.design01 .main_con5:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.design01 .main_con6 .itembox {
  overflow: hidden;
  margin-bottom: 100px;
}
.design01 .main_con6 .itembox .item {
  width: 40%;
  float: left;
}
.design01 .main_con6 .itembox .item .ncimgcenter {
  padding: 49% 0;
}
.design01 .main_con6 .itembox .item .ncimgcenter .clic,.design01 .main_con2 a .clic {
  background-color: #fff;
  color: #1e51a2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  width: 70px;
  height: 70px;
  border-radius: 100px;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
  font-family: 'D-DINCondensed';
  font-weight: bold;
  display: none;
  z-index:11111;
}
.design01 .main_con2:hover a .clic{
  display: block;
}
.design01 .main_con6 .itembox .item .tit {
  margin-top: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.design01 .main_con6 .itembox .item .tit .bt {
  font-size: 16px;
  color: #666;
  margin-bottom: 10px;
}
.design01 .main_con6 .itembox .item .tit .subt {
  font-size: 24px;
  font-weight: bold;
}
.design01 .main_con6 .itembox .item:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.design01 .main_con6 .itembox .item:hover .ncimgcenter .clic {
  display: block;
}
.design01 .main_con6 .itembox .item:nth-child(2) {
  width: 48.5%;
  float: right;
}
.design01 .main_con6 .itembox .item:nth-child(2) .ncimgcenter {
  padding: 57% 0;
}
.design01 .main_con6 .itembox:nth-child(2n) {
  position: relative;
}
.design01 .main_con6 .itembox:nth-child(2n) .item {
  width: 48.5%;
}
.design01 .main_con6 .itembox:nth-child(2n) .item .ncimgcenter {
  padding: 57% 0;
}
.design01 .main_con6 .itembox:nth-child(2n) .item:nth-child(2) {
  width: 40%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.design01 .main_con6 .itembox:nth-child(2n) .item:nth-child(2) .ncimgcenter {
  padding: 49% 0;
}
.design02 {
  background-image: -moz-linear-gradient(-90deg, #f0f6ff 0%, rgba(237, 233, 230, 0) 100%);
  background-image: -webkit-linear-gradient(-90deg, #f0f6ff 0%, rgba(237, 233, 230, 0) 100%);
  background-image: -ms-linear-gradient(-90deg, #f0f6ff 0%, rgba(237, 233, 230, 0) 100%);
  padding-bottom: 100px;
}
.design02 .newbox .item {
  width: calc(50% - 22px);
  float: left;
  margin-right: 44px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 12px;
  background-color: #fff;
  margin-top: 44px;
  box-shadow: 10px 0 30px 0 rgba(30, 81, 162, 0.1);
}
.design02 .newbox .item .left {
  width: 34%;
  float: left;
}
.design02 .newbox .item .left .ncimgcenter {
  padding: 44% 0;
}
.design02 .newbox .item .right {
  width: calc(66% - 30px);
  float: right;
}
.design02 .newbox .item .right .bt {
  font-size: 20px;
  line-height: 36px;
  height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 10px;
}
.design02 .newbox .item .right .con {
  font-size: 16px;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #666;
  margin: 20px 0 30px 0;
}
.design02 .newbox .item .right .bn {
  font-size: 16px;
  color: #999;
  font-family: 'D-DINCondensed';
}
.design02 .newbox .item .right .bn em {
  float: right;
}
.design02 .newbox .item:hover .left .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.design02 .newbox .item:hover .left .ncimgcenter .clic {
  display: block;
}
.design02 .newbox .item:nth-child(2n) {
  margin-right: 0;
}
.design02 .newbox .item:nth-child(1),
.design02 .newbox .item:nth-child(2) {
  margin-top: 0;
}
.designshow01 .nctitle {
  border-bottom: 1px solid #bfbfbf;
}
.designshow01 .main_con {
  overflow: hidden;
}
.designshow01 .main_con .left {
  width: 50%;
  float: left;
}
.designshow01 .main_con .left .bt {
  font-size: 18px;
  line-height: 76px;
  border-bottom: 1px solid #bfbfbf;
}
.designshow01 .main_con .left .con {
  font-size: 16px;
  line-height: 36px;
  margin-top: 60px;
}
.designshow01 .main_con .right {
  width: 50%;
  float: right;
  padding: 70px;
}
.designshow01 .main_con .right .ncimgcenter {
  padding: 35% 0;
}
.designshow01 .main_con .right .con {
  font-size: 16px;
  line-height: 36px;
  margin-top: 120px;
}
.designshow01 .main_con .right:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.designshow01 .main_con .right:hover .ncimgcenter .clic {
  display: block;
}
.designshow02 {
  margin: 90px 0 200px 0;
}
.designshow02 .main_con {
  overflow: hidden;
  position: relative;
}
.designshow02 .main_con .left {
  width: 50%;
  float: left;
}
.designshow02 .main_con .left .ncimgcenter {
  padding: 53% 0;
}
.designshow02 .main_con .right {
  width: 40%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.designshow02 .main_con .right .bt {
  font-size: 16px;
  color: #1e51a2;
  font-family: 'D-DINCondensed';
  font-weight: bold;
  margin-bottom: 30px;
}
.designshow02 .main_con .right .bt1 {
  font-size: 48px;
  line-height: 72px;
}
.designshow02 .main_con .right .bt2 {
  font-size: 72px;
  font-weight: bold;
  margin: 70px 0;
}
.designshow02 .main_con .right .con {
  font-size: 16px;
  line-height: 30px;
}
.designshow03 {
  overflow: hidden;
  position: relative;
}
.designshow03 .left {
  width: 50%;
  float: left;
  transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
}
.designshow03 .left .ncimgcenter {
  height: 600px;
}
.designshow03 .left .ncimgcenter img {
  min-width: auto;
}
.designshow03 .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.designshow03 .right {
  width: 50%;
  float: left;
  transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
}
.designshow03 .right .ncimgcenter {
  height: 600px;
}
.designshow03 .right .ncimgcenter img {
  min-width: auto;
}
.designshow03 .right:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.designshow03 .jian {
  background-color: #1e51a2;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #fff;
  cursor: pointer;
  transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
}
.designshow03 .jian img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.designshow03 .jian img:nth-child(2) {
  display: none;
}
.designshow03 .jiana {
  left: 90%;
}
.designshow03 .jiana img:nth-child(1) {
  display: none;
}
.designshow03 .jiana img:nth-child(2) {
  display: block;
}
.designshow03 .jiana1 {
  left: 10%;
}
.designshow03 .jiana1 img:nth-child(2) {
  display: none;
}
.designshow03 .jiana1 img:nth-child(1) {
  display: block;
}
.project01 {
  background: url(../images/project01_1.jpg) no-repeat;
  padding: 70px 0;
}
.project01 .ncmain .left {
  width: 50%;
  float: left;
}
.project01 .ncmain .left .subt {
  font-size: 48px;
  text-transform: uppercase;
  opacity: 0.2;
}
.project01 .ncmain .left .bt {
  font-size: 36px;
  margin-top: -25px;
  font-weight: bold;
}
.project01 .ncmain .left .con {
  color: #666;
  line-height: 36px;
  margin-top: 30px;
  width: 70%;
}
.project01 .ncmain .right {
  width: 47%;
  float: right;
}
.project01 .ncmain .right .lisbox .item {
  width: calc(25% - 6px);
  background-color: #fff;
  box-shadow: 0px 0px 27px 0px rgba(0, 44, 203, 0.07);
  margin-top: 8px;
  margin-right: 8px;
  float: left;
}
.project01 .ncmain .right .lisbox .item .ncimgcenter {
  padding: 28% 0;
}
.project01 .ncmain .right .lisbox .item .ncimgcenter img {
  height: auto;
  min-width: auto;
  max-width: 100%;
  max-height: 100%;
}
.project01 .ncmain .right .lisbox .item:nth-child(4n) {
  margin-right: 0;
}
.project02 {
  position: relative;
  padding-bottom: 60px;
}
.project02 .p2bg {
  background-color: #1e51a2;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 300px;
  width: 100%;
}
.project02 .nctitle1 {
  border-bottom: 1px solid #eee;
}
.project02 .nctitle1 .subtitle em {
  font-size: 18px;
}
.project02 .nctitle1 .subtitle a {
  position: relative;
  padding-right: 40px;
  margin-right: 40px;
}
.project02 .nctitle1 .subtitle a:after {
  content: '/';
  position: absolute;
  right: 0;
}
.project02 .nctitle1 .subtitle a:last-child:after {
  display: none;
}
.project02 .nctitle1 .subtitle a:last-child {
  margin-right: 0;
  padding-right: 0;
}
.project02 .nctitle1 .subtitle .active {
  color: #1e51a2;
  font-weight: bold;
}
.project02 .main_conbox {
  margin-top: 70px;
}
.project02 .main_conbox .item {
  display: none; position: relative;
}
.project02 .main_conbox .item:nth-child(1) {
  display: block;
}
.project02 .main_conbox .swiper-slide {
  position: relative;
}
.project02 .main_conbox .swiper-slide .ncimgcenter {
  padding: 70% 0;
}
.project02 .main_conbox .swiper-slide .con {
  background-image: -moz-linear-gradient(-90deg, #040c28 0%, rgba(237, 233, 230, 0) 100%);
  background-image: -webkit-linear-gradient(-90deg, #040c28 0%, rgba(237, 233, 230, 0) 100%);
  background-image: -ms-linear-gradient(-90deg, #040c28 0%, rgba(237, 233, 230, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px 35px;
}
.project02 .main_conbox .swiper-slide .con .bt {
  font-size: 22px;
  color: #fff;
}
.project02 .main_conbox .swiper-slide .con .subt {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-top: 12px;
  font-family: 'D-DINCondensed';
}
.project02 .main_conbox .swiper-slide:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.project02 .main_conbox .project02 {
  padding-bottom: 60px;
}
.project02 .main_conbox .project02 .swiper-pagination {
  top: auto;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.project02 .main_conbox .project02 .swiper-pagination-progressbar-fill {
  background-color: #fff;
  border-radius: 2px;
}
.project02 .swiper-button-prev,.project02 .swiper-button-next{
    margin-top: 0; color:#1e51a2;
}
.project02 .swiper-button-prev{
    left: -50px;
}
.project02 .swiper-button-next{
    right: -50px;
}


.project03 {
  margin-bottom: 100px;
}
.project03 .main_con .ncimgcenter {
  padding: 22% 0;
}
.project03 .main_con .swiper-slide .con {
  background-image: -moz-linear-gradient(90deg, #040c28 0%, rgba(4, 12, 40, 0.69) 31%, rgba(237, 233, 230, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, #040c28 0%, rgba(4, 12, 40, 0.69) 31%, rgba(237, 233, 230, 0) 100%);
  background-image: -ms-linear-gradient(90deg, #040c28 0%, rgba(4, 12, 40, 0.69) 31%, rgba(237, 233, 230, 0) 100%);
  width: 100%;
  padding: 50px 40px;
  left: 0;
  bottom: 0;
}
.project03 .main_con .swiper-slide .con .con_2 {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.5);
}
.project03 .main_con .swiper-slide .con .con_1 {
  color: #fff;
}
.buy01 {
  background-color: #f5f7f9;
  padding: 100px 0;
  position: relative;
  z-index: 2!important;
}
.buy01 .ncmain {
  background-color: #fff;
}
.buy01 .ncmain .left {
  width: 58%;
  float: left;
}
.buy01 .ncmain .left #container1 {
  height: 474px;
  width: 100%;
}
.buy01 .ncmain .right {
  width: 42%;
  float: right;
  padding-left: 50px;
}
.buy01 .ncmain .right .layui-form-pane .layui-form-label {
  font-size: 20px;
  background-color: transparent;
  border: none;
}
.buy01 .ncmain .right .layui-form-pane .layui-input {
  background-color: #f5f7f9;
}
.buy01 .ncmain .right .layui-form-item {
  margin-bottom: 0;
}
.buy01 .ncmain .right .top {
  padding: 30px 0;
  border-bottom: 1px solid #f5f7f9;
}
.buy01 .ncmain .right .top select {
  background-color: #f5f7f9;
  border: 1px solid #e5e5e5;
  width: 30%;
  height: 40px;
  padding: 0 15px;
  margin-left: 20px;
}
.buy01 .ncmain .right .top span {
  font-size: 20px;
}
.buy01 .ncmain .right .con .itembox {
  height: 360px;
  overflow-y: auto;
}
.buy01 .ncmain .right .con .itembox .item {
  overflow: hidden;
  padding: 30px 0 40px 0;
  border-bottom: 1px solid #f5f7f9;
  cursor: pointer;
}
.buy01 .ncmain .right .con .itembox .item .le {
  float: left;
  width: 60%;
}
.buy01 .ncmain .right .con .itembox .item .le .t1 {
  color: #1e51a2;
  font-weight: bold;
}
.buy01 .ncmain .right .con .itembox .item .le div {
  font-size: 16px;
  line-height: 36px;
}
.buy01 .ncmain .right .con .itembox .item .ri {
  float: right;
  margin-right: 100px;
}
.buy01 .ncmain .right .con .itembox .item .ri img {
  border: 1px solid #f5f7f9;
  width: 100px;
}
.content-window-card {
  position: relative;
  box-shadow: none;
  bottom: 0;
  left: 0;
  /* width: auto; */
  width: 20rem;
  padding: 0;
}
.content-window-card p {
  height: 2rem;
}
div.info-top {
  position: relative;
  background: none repeat scroll 0 0 #F9F9F9;
  border-bottom: 1px solid #CCC;
  border-radius: 5px 5px 0 0;
}
div.info-top div {
  display: inline-block;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 31px;
  padding: 0 10px;
}
div.info-top img {
  position: absolute;
  top: 10px;
  right: 10px;
  transition-duration: 0.25s;
}
div.info-top img:hover {
  box-shadow: 0px 0px 5px #000;
}
div.info-middle {
  font-size: 12px;
  padding: 10px 6px;
  line-height: 20px;
}
div.info-bottom {
  height: 0px;
  width: 100%;
  clear: both;
  text-align: center;
  height: 25px;
}
div.info-bottom img {
  position: relative;
  z-index: 104;
}
.custom-info span {
  margin-left: 5px;
  font-size: 11px;
}
.info-middle img {
  float: left;
  margin-right: 6px;
}
.info-span {
  /* margin-left: 35px; */
  font-size: 11px;
}
.info-div {
  width: 140px;
  display: inline-block;
  margin-left: 10px;
}
.info-img {
  width: 40px;
  height: 40px;
}
.info-a-title {
  /* color: #000000; */
  font-size: 16px;
}
.mainnav {
  border-bottom: 1px solid #f8f8f8;
}
.mainnav .ncmain {
  font-size: 18px;
  line-height: 76px;
}
.mainnav .ncmain span {
  margin: 0 20px;
}
.mainnav .ncmain span:last-child{
	display:none;
}
.mainnav .ncmain .active {
  color: #1e51a2;
}
.mainnav .ncmain a {
  position: relative;
  display: inline-block;
}
.mainnav .ncmain .active::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 2px;
  background-color: #1e51a2;
  left: 50%;
  transform: translateX(-50%);
}
.service01 {
  background-color: #f6f7fb;
  padding-top: 90px;
}
.service01 .main_con1 {
  overflow: hidden;
}
.service01 .main_con1 .left {
  width: 50%;
  float: left;
}
.service01 .main_con1 .left .ncimgcenter {
  padding: 31% 0;
}
.service01 .main_con1 .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.service02 {
  background: url(../images/service01_3.jpg) no-repeat;
  padding-bottom: 90px;
  background-color: #f6f7fb;
}
.service02 .main_con2 {
  padding: 60px;
  font-size: 18px;
  line-height: 40px;
}
.service03 {
  background-color: #f6f7fb;
  padding: 100px 0;
}
.service03 .ncmain .item {
  overflow: hidden;
  background-color: #fff;
  position: relative;
  margin-top: 40px;
}
.service03 .ncmain .item .left {
  width: 62%;
}
.service03 .ncmain .item .left .ncimgcenter {
  padding: 21% 0;
}
.service03 .ncmain .item .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.service03 .ncmain .item .right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 27.5%;
  right: 90px;
}
.service03 .ncmain .item .right .bt1 {
  font-size: 40px;
  color: #1e51a2;
  font-family: 'D-DINCondensed';
  font-weight: bold;
}
.service03 .ncmain .item .right .bt2 {
  font-size: 24px;
  margin: 30px 0 30px 0;
}
.service03 .ncmain .item .right .bt3 {
  color: #666;
  line-height: 24px;
}
.service03 .ncmain .item .right .bt4 {
  font-size: 16px;
  line-height: 40px;
  color: #666;
  margin-top: 35px;
}
.service03 .ncmain .item .right .bt4 span {
  position: relative;
  font-size:0px;
  padding-left: 30px;
}
.service03 .ncmain .item .right .bt4 span:after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #1e51a2;
  left: 0;
  top: 50%;
  transform: translateY(-100%);
}
.service03 .ncmain .item:nth-child(1) {
  margin-top: 0;
}
.service03 .ncmain .item:nth-child(2n) .left {
  float: right;
}
.service03 .ncmain .item:nth-child(2n) .right {
  right: auto;
  left: 90px;
}
.service04 {
  background-color: #f6f7fb;
  padding: 100px 0;
}
.service04 .main_1 {
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.service04 .main_1 .left {
  width: 50%;
  float: left;
}
.service04 .main_1 .left .ncimgcenter {
  padding: 32% 0;
}
.service04 .main_1 .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.service04 .main_1 .right {
  padding: 66px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 50%;
}
.service04 .main_1 .right .bt {
  font-size: 30px;
}
.service04 .main_1 .right .con {
  font-size: 16px;
  line-height: 36px;
  margin-top: 20px;
}
.nccontact01 {
  background-color: #f6f7fb;
}
.nccontact01 #container {
  height: 650px;
}
.nccontact01 #container .amap-info-content {
  overflow: hidden;
}
.nccontact01 #container .content-window-card {
  bottom: 0;
}
.nccontact01 .top {
  overflow: hidden;
  background-color: #fff;
}
.nccontact01 .top .left {
  width: 50%;
  float: left;
  text-align: center;
  box-sizing: border-box;
  padding: 60px 80px;
  border-bottom: 1px solid #ededed;
}
.nccontact01 .top .left span {
  padding: 5px;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #ededed;
}
.nccontact01 .top .left span img {
  width: 190px;
}
.nccontact01 .top .left b {
  font-size: 20px;
  margin-top: 30px;
  display: block;
}
.nccontact01 .top .left:nth-child(1) {
  border-right: 1px solid #ededed;
}
.nccontact01 .top .active {
  border-bottom: 1px solid #1e51a2;
}
.nccontact01 ul {
  overflow: hidden;
}
.nccontact01 ul li {
  width: 33.33%;
  float: left;
  padding: 60px 0;
  padding-left: 145px;
  box-sizing: border-box;
}
.nccontact01 ul li span {
  display: block;
  font-size: 20px;
}
.nccontact01 ul li b {
  display: block;
  font-size: 24px;
  margin-top: 24px;
}
.nccontact01 ul li:nth-child(1) {
  background: url(../images/contact03_2.png) no-repeat left 60px center;
}
.nccontact01 ul li:nth-child(2) {
  background: url(../images/contact03_3.png) no-repeat left 60px center;
}
.nccontact01 ul li:nth-child(3) {
  background: url(../images/contact03_4.png) no-repeat left 60px center;
}
.nccontact01 .mapbox {
  margin-top: 40px;
}
.nccontact02 b {
  font-size: 30px;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}
.nccontact02 ul {
  overflow: hidden;
}
.nccontact02 ul li {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-bottom: 50px;
}
.nccontact02 ul li span {
  display: block;
  font-size: 16px;
  color: #666;
}
.nccontact02 ul li div {
  box-sizing: border-box;
  padding-left: 88px;
  border: 1px solid #e6e6e6;
  margin-top: 15px;
}
.nccontact02 ul li div input {
  border: none;
  height: 70px;
  width: 100%;
  font-size: 18px;
}
.nccontact02 ul li div input::placeholder {
  font-size: 18px;
}
.nccontact02 ul li div textarea::placeholder {
  font-size: 18px;
}
.nccontact02 ul li div textarea {
  border: none;
  height: 300px;
  resize: none;
  width: 100%;
}
.nccontact02 ul li:nth-child(1) div {
  background: url(../images/contact03_5.png) no-repeat left 40px center;
}
.nccontact02 ul li:nth-child(2) div {
  background: url(../images/contact03_6.png) no-repeat left 40px center;
}
.nccontact02 ul li:nth-child(3) div {
  background: url(../images/contact03_7.png) no-repeat left 40px center;
}
.nccontact02 ul li:nth-child(4) div {
  background: url(../images/contact03_8.png) no-repeat left 40px center;
}
.nccontact02 ul li:nth-child(5) {
  width: 100%;
}
.nccontact02 ul li:nth-child(5) div {
  background: url(../images/contact03_9.png) no-repeat left 40px top 30px;
  padding: 30px 0;
  padding-left: 88px;
}
.nccontact02 ul li:nth-child(2n) {
  margin-right: 0;
}
.nccontact02 .submit {
  display: inline-block;
  line-height: 56px;
  padding: 0 56px;
  color: #fff;
  text-align: center;
  background-color: #1e51a2;
  font-size: 16px;
  cursor: pointer;
}
.ncnew01 {
  background-color: #f8f8f8;
}
.ncnew01 .ul li {
  overflow: hidden;
  margin-top: 50px;
}
.ncnew01 .ul li .left {
  width: 60%;
  float: right;
}
.ncnew01 .ul li .left em {
  font-size: 20px;
  font-family: "D-DINExp";
  color: #fff;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #1e51a2;
  text-align: center;
}
.ncnew01 .ul li .left b {
  font-size: 20px;
  display: block;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  margin: 40px 0 30px 0;
}
.ncnew01 .ul li .left .contant {
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.ncnew01 .ul li .left i {
  display: block;
  height: 1px;
  background-color: #adc5f7;
  margin: 30px 0;
}
.ncnew01 .ul li .left span {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 30px;
}
.ncnew01 .ul li .left span .a {
  float: right;
  color: #1e51a2;
  border: 1px solid #1e51a2;
  padding: 0 20px;
}
.ncnew01 .ul li .right {
  width: 32%;
  float: left;
}
.ncnew01 .ul li .right .ncimgcenter {
  padding: 29% 0;
}
.ncnew01 .ul li:hover .left b {
  color: #1e51a2;
}
.ncnew01 .ul li:hover .left span .a {
  background-color: #1e51a2;
  color: #fff;
}
.ncnew01 .ul li:hover .right .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.ncnew01 .ul li:nth-child(1) {
  margin-top: 0;
}
.ncnewsshow01 {
  padding: 200px 0 100px 0;
  background-color: #f8f8f8;
  position: relative;
}
.ncnewsshow01 .left {
  width: 72%;
  float: left;
  background-color: #fff;
  box-sizing: border-box;
}
.ncnewsshow01 .left b {
  display: block;
  font-size: 28px;
  line-height: 36px;
  padding: 0 40px;
  margin-top: 50px;
}
.ncnewsshow01 .left .span {
  display: block;
  font-size: 16px;
  line-height: 50px;
  border-bottom: 1px solid #e5e5e5;
  color: #666;
  margin: 0 40px;
}
.ncnewsshow01 .left .contant {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  padding: 35px 40px;
}
.ncnewsshow01 .left .contant img {
  max-width: 100%;
  height: auto;
}
.ncnewsshow01 .left .contant strong {
  font-weight: bold;
}
.ncnewsshow01 .left .hheight {
  height: 55px;
  background-color: #f8f8f8;
  width: 100%;
}
.ncnewsshow01 .right {
  width: 26%;
  float: right;
  background-color: #fff;
  box-sizing: border-box;
}
.ncnewsshow01 .right .sbt {
  font-size: 22px;
  line-height: 22px;
  margin: 30px 20px;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 10px;
  font-weight: bold;
}
.ncnewsshow01 .right ul {
  padding: 40px 20px;
  padding-top: 0;
}
.ncnewsshow01 .right ul li {
  overflow: hidden;
  padding: 0 10px;
  margin-top: 20px;
  background-color: #f7f8fc;
  font-size: 16px;
  line-height: 60px;
}
.ncnewsshow01 .right ul li div {
  width: 86%;
  display: block;
  height: 60px;
  overflow: hidden;
  float: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.ncnewsshow01 .right ul li div:hover {
  color: #1e51a2;
}
.ncnewsshow01 .right ul li i {
  float: right;
}
.pages {
  overflow: hidden;
  line-height: 60px;
  padding: 5px 0;
  text-align: center;
  font-size: 18px;
}
.pages a {
  color: #666;
}
.pages i {
  font-size: 20px;
}
.pages span {
  float: left;
  width: 80%;
  text-align: center;
  box-sizing: border-box;
}
.pages span a {
  display: block;
}
.pages span:hover a {
  color: #1e51a2;
}
.pages span:nth-child(1) {
  width: 10%;
  border-right: 1px solid #eee;
}
.pages span:last-child {
  width: 10%;
  border-left: 1px solid #eee;
}
.about01 {
  background: url(../images/about01_2.jpg) no-repeat center center;
  padding: 80px 0;
}
.about01 .ncmain {
  overflow: hidden;
}
.about01 .ncmain .left {
  width: 37%;
  float: left;
}
.about01 .ncmain .left .ncimgcenter {
  padding: 48% 0;
}
.about01 .ncmain .right {
  width: 57%;
  float: right;
}
.about01 .ncmain .right img {
  display: block;
}
.about01 .ncmain .right .bt {
  font-size: 36px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  margin-top: 0px;
}
.about01 .ncmain .right .bt::after {
  content: '';
  width: 220px;
  height: 2px;
  background-color: #1e51a2;
  left: 0;
  bottom: 0;
  position: absolute;
}
.about01 .ncmain .right .con {
  font-size: 15px;
  line-height: 1.5;
  color: #666;
  margin-top: 30px;
}
.about02 {
  padding: 100px 0;
}
.about02 .ncmain {
  overflow: hidden;
}
.about02 .ncmain .item {
  width: calc(50% - 22px);
  float: left;
  margin-top: 44px;
  margin-right: 44px;
  position: relative;
}
.about02 .ncmain .item .ncimgcenter {
  padding: 28% 0;
}
.about02 .ncmain .item .con {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(rgba(30, 81, 162, 0), #1e51a2);
  width: 100%;
  padding: 40px;
}
.about02 .ncmain .item .con .bt {
  font-size: 20px;
  color: #fff;
}
.about02 .ncmain .item .con .subt {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-family: 'D-DINCondensed';
}
.about02 .ncmain .item:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about02 .ncmain .item:nth-child(2n) {
  margin-right: 0;
}
.about03 {
  padding-top: 0;
  background-color: #fff;
}
.about03 .ncmain .item {
  background-color: #f8f8f8;
}
.about03 .ncmain .item .left {
  width: 50%;
}
.about03 .ncmain .item .left .ncimgcenter {
  padding: 26% 0;
}
.about03 .ncmain .item .right {
  width: 50%;
  right: 0;
  padding-left: 130px;
}
.about03 .ncmain .item .right .bt2 span {
  display: block;
  font-size: 14px;
  color: #666;
  margin-top: 8px;
}
.about03 .ncmain .item:nth-child(2n) .right {
  left: 0;
}
.about04 {
  padding: 100px 0 50px 0;
}
.about04 .ncmain {
  overflow: hidden;
}
.about04 .ncmain .item {
  width: calc(26% - 12px);
  float: left;
  margin-right: 12px;
  position: relative;
  transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
}
.about04 .ncmain .item .ncimgcenter {
  height: 454px;
}
.about04 .ncmain .item .con {
  position: absolute;
  left: 0;
  top: 0;
  padding: 40px;
  width: 100%;
  height: 100%;
}
.about04 .ncmain .item .con .bt1 {
  font-size: 30px;
  color: #fff;
  font-family: 'D-DINCondensed';
  text-transform: uppercase;
}
.about04 .ncmain .item .con .bt2 {
  font-size: 20px;
  margin: 15px 0;
  color: #fff;
}
.about04 .ncmain .item .con .xian {
  width: 20px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-bottom: 30px;
}
.about04 .ncmain .item .con .c {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}
.about04 .ncmain .active {
  width: 48%;
  float: left;
}
.about04 .ncmain .item:nth-child(3) {
  margin-right: 0;
}
.about04 .ncmain .item:nth-child(1) .con {
  background-color: rgba(30, 81, 162, 0.8);
}
.about04 .ncmain .item:nth-child(2) .con {
  background-color: rgba(138, 181, 91, 0.8);
}
.about04 .ncmain .item:nth-child(3) .con {
  background-color: rgba(234, 135, 57, 0.8);
}
.about05 {
  padding: 100px 0;
}
.about05 .con {
  position: relative;
}
.about05 .con .bg {
  background-color: #333;
}
.about05 .con .bg img {
  width: 100%;
  opacity: 0.5;
}
.about05 .con .bn {
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about06 {
  padding: 100px 0;
}
.about06 .ncmain {
  overflow: hidden;
  background-color: #f8f8f8;
}
.about06 .ncmain .left {
  width: 50%;
  float: left;
}
.about06 .ncmain .left .ncimgcenter {
  padding: 28% 0;
}
.about06 .ncmain .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about06 .ncmain .right {
  width: 50%;
  float: right;
  padding: 60px;
  box-sizing: border-box;
}
.about06 .ncmain .right .bt {
  font-size: 30px;
  color: #999;
  font-family: 'D-DINCondensed';
  text-transform: uppercase;
  opacity: 0.2;
}
.about06 .ncmain .right .bt1 {
  font-size: 30px;
  color: #1e51a2;
  margin-top: -10px;
}
.about06 .ncmain .right img {
  display: block;
  margin: 15px 0 40px 0;
}
.about06 .ncmain .right .con {
  font-size: 18px;
  line-height: 48px;
}
.about07 {
  padding: 100px 0;
}
.about07 .ncmain .item {
  position: relative;
  margin-top: 100px;
}
.about07 .ncmain .item .ncimgcenter {
  padding: 22% 0;
}
.about07 .ncmain .item .con {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  padding: 120px 75px;
  width: 40%;
}
.about07 .ncmain .item .con .bt {
  font-size: 30px;
}
.about07 .ncmain .item .con .c {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-top: 30px;
}
.about07 .ncmain .item:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about07 .ncmain .item:nth-child(2n) .con {
  right: auto;
  left: 0;
}
.about07 .ncmain .item:nth-child(1) {
  margin-top: 0;
}
.about08 {
  padding: 80px 0;
  background-color: #f5f7f9;
}
.about08 .ncmain .item {
  position: relative;
  margin-top: 80px;
  overflow: hidden;
}
.about08 .ncmain .item .ncimgcenter {
  width: 66%;
  padding: 20% 0;
}
.about08 .ncmain .item:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about08 .ncmain .item .con {
  position: absolute;
  padding: 100px 88px 260px 88px;
  background-color: #fff;
  right: 0;
  bottom: 0;
  width: 55%;
}
.about08 .ncmain .item .con .subt {
  font-size: 36px;
  text-transform: uppercase;
  font-family: 'D-DINCondensed';
  background-image: -webkit-linear-gradient(90deg, #ffffff 21%, #d9e5f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.about08 .ncmain .item .con .bt {
  font-size: 30px;
  margin-top: -10px;
}
.about08 .ncmain .item .con .c {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-top: 40px;
}
.about08 .ncmain .item:nth-child(2n) .con {
  right: auto;
  left: 0;
}
.about08 .ncmain .item:nth-child(2n) .ncimgcenter {
  float: right;
}
.about08 .ncmain .item:nth-child(1) {
  margin-top: 0;
}
.about09 .ncmain .main_con1 {
  margin-top: 90px;
  text-align: center;
}
.about09 .ncmain .main_con1 .bt {
  font-size: 30px;
}
.about09 .ncmain .main_con1 .subt {
  font-size: 16px;
  line-height: 30px;
  width: 50%;
  margin: 0 auto;
  margin-top: 20px;
}
.about09 .ncmain .main_con1 img {
  display: inline-block;
  margin-top: 60px;
  max-width: 100%;
}
.about09 .ncmain .main_con2 {
  margin-top: 90px;
  position: relative;
  overflow: hidden;
}
.about09 .ncmain .main_con2 .left {
  width: 30%;
  float: left;
}
.about09 .ncmain .main_con2 .left img {
  width: 100%;
}
.about09 .ncmain .main_con2 .right {
  width: 70%;
  float: right;
}
.about09 .ncmain .main_con2 .right img {
  position: absolute;
  width: 70%;
  right: 0;
  bottom: 0;
}
.about09 .ncmain .main_con2 .right .bt {
  margin-left: 150px;
  font-size: 16px;
  color: #666;
  text-transform: uppercase;
  font-family: 'D-DINCondensed';
}
.about09 .ncmain .main_con2 .right .subt {
  margin-left: 150px;
  font-size: 30px;
  margin-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.about09 .ncmain .main_con2 .right .subt::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 110px;
  height: 1px;
  background-color: #1e51a2;
}
.about09 .ncmain .main_con2 .right .con {
  width: 40%;
  float: right;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.about09 .ncmain .main_con3 {
  overflow: hidden;
  margin-top: 90px;
}
.about09 .ncmain .main_con3 .left {
  width: 40%;
  float: left;
}
.about09 .ncmain .main_con3 .left .ncimgcenter {
  padding: 31% 0;
}
.about09 .ncmain .main_con3 .left .bt {
  font-size: 30px;
  margin: 40px 0 20px 0;
}
.about09 .ncmain .main_con3 .left .subt {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.about09 .ncmain .main_con3 .right {
  width: 50%;
  float: right;
}
.about09 .ncmain .main_con3 .right .ncimgcenter {
  padding: 42% 0;
}
.about09 .ncmain .main_con3 .right .bt {
  font-size: 30px;
  margin: 40px 0 20px 0;
}
.about09 .ncmain .main_con3 .right .subt {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.about09 .ncmain .main_con4 {
  margin: 90px 0;
}
.about09 .ncmain .main_con4 img {
  width: 100%;
}
.about09 .ncmain .main_con4 .con {
  margin-top: 90px;
  overflow: hidden;
  position: relative;
}
.about09 .ncmain .main_con4 .con .right {
  width: 50%;
  float: right;
  font-size: 16px;
  line-height: 30px;
}
.about09 .ncmain .main_con4 .con .left {
  width: 50%;
  float: left;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  line-height: 50px;
}
.about09 .ncmain .main_con4 .con .left span {
  display: block;
  font-size: 30px;
}
.about09 .ncmain .main_con4 .con .left div {
  font-size: 30px;
  position: relative;
  display: inline-block;
  border-bottom: 20px solid #d2dcec;
  height: 48px;
}
.about10 {
  margin: 100px 0;
}
.about10 .ncmain .main_con1 .ncimgcenter {
  padding: 13% 0;
}
.about10 .ncmain .main_con1 .con {
  margin-top: 70px;
  overflow: hidden;
}
.about10 .ncmain .main_con1 .con .b {
  font-size: 36px;
  line-height: 48px;
  color: #1e51a2;
  text-transform: uppercase;
  font-family: 'D-DINCondensed';
  text-align: right;
  float: left;
}
.about10 .ncmain .main_con1 .con .b span {
  color: #333;
  font-size: 30px;
}
.about10 .ncmain .main_con1 .con .c {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  width: 40%;
  float: left;
  margin-top: 44px;
  margin-left: 30px;
}
.about10 .ncmain .main_con1:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about10 .ncmain .main_con2 {
  margin-top: 100px;
  overflow: hidden;
}
.about10 .ncmain .main_con2 .swiper-slide {
  overflow: hidden;
  position: relative;
}
.about10 .ncmain .main_con2 .swiper-slide .left {
  width: 35%;
  position: absolute;
  left: 0;
  top: 40%;
  transform: translateY(-50%);
}
.about10 .ncmain .main_con2 .swiper-slide .left .bt {
  font-size: 30px;
}
.about10 .ncmain .main_con2 .swiper-slide .left .con {
  font-size: 16px;
  line-height: 24px;
  margin-top: 40px;
  width: 50%;
}
.about10 .ncmain .main_con2 .swiper-slide .right {
  width: 65%;
  float: right;
}
.about10 .ncmain .main_con2 .swiper-slide .right .ncimgcenter {
  padding: 26% 0;
}
.about10 .ncmain .main_con2 .swiper-slide .right:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about10 .ncmain .main_con2 .swiper-button-next {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: url(../images/about08_2.png) no-repeat center;
  background-color: #eee;
  bottom: 120px;
  top: auto;
  right: auto;
  left: 70px;
}
.about10 .ncmain .main_con2 .swiper-button-next:hover {
  background: url(../images/about08_2_1.png) no-repeat center;
  background-color: #1e51a2;
}
.about10 .ncmain .main_con2 .swiper-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: url(../images/about08_1.png) no-repeat center;
  background-color: #eee;
  bottom: 120px;
  top: auto;
}
.about10 .ncmain .main_con2 .swiper-button-prev:hover {
  background: url(../images/about08_1_1.png) no-repeat center;
  background-color: #1e51a2;
}
.about10 .ncmain .main_con2 .swiper-button-next:after,
.about10 .ncmain .main_con2 .swiper-button-prev:after {
  display: none;
}
.about10 .ncmain .main_con3 {
  margin-top: 100px;
  overflow: hidden;
}
.about10 .ncmain .main_con3 .item {
  width: 50%;
  float: left;
}
.about10 .ncmain .main_con3 .item .ncimgcenter {
  padding: 27% 0;
}
.about10 .ncmain .main_con3 .item .con .bt {
  font-size: 24px;
  margin: 50px 0 10px 0;
}
.about10 .ncmain .main_con3 .item .con .c {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}
.about10 .ncmain .main_con3 .item:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about11 .ncmain .main_con1 {
  overflow: hidden;
  margin-top: 100px;
  position: relative;
}
.about11 .ncmain .main_con1 .left {
  width: 24.5%;
  float: left;
}
.about11 .ncmain .main_con1 .left .bt {
  font-size: 36px;
  line-height: 60px;
  margin-top: 30px;
}
.about11 .ncmain .main_con1 .left .xian {
  width: 22px;
  height: 2px;
  background-color: #1e51a2;
  margin: 30px 0 60px 0;
}
.about11 .ncmain .main_con1 .left .subt {
  font-size: 16px;
  line-height: 36px;
  color: #666;
  text-transform: uppercase;
}
.about11 .ncmain .main_con1 .about10banner {
  width: 74.5%;
  float: right;
}
.about11 .ncmain .main_con1 .about10banner .swiper-slide .ncimgcenter {
  padding: 36% 0;
}
.about11 .ncmain .main_con1 .about10banner .swiper-slide .con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.about11 .ncmain .main_con1 .about10banner .swiper-slide .con .bt {
  font-size: 60px;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'D-DINCondensed';
}
.about11 .ncmain .main_con1 .about10banner .swiper-slide .con .bt1 {
  font-size: 26px;
  color: #fff;
  margin: 35px 0 6px 0;
}
.about11 .ncmain .main_con1 .about10banner .swiper-slide .con .bt2 {
  font-size: 16px;
  color: #fff;
  opacity: 0.8;
}
.about11 .ncmain .main_con1 .about10banner .swiper-slide:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about11 .ncmain .main_con1 .swiper-button-next {
  width: 42px;
  height: 42px;
  background: url(../images/about08_2.png) no-repeat center;
  border: 1px solid #eee;
  bottom: 0;
  top: auto;
  right: auto;
  left: 70px;
}
.about11 .ncmain .main_con1 .swiper-button-next:hover {
  background: url(../images/about08_2_1.png) no-repeat center;
  background-color: #1e51a2;
}
.about11 .ncmain .main_con1 .swiper-button-prev {
  width: 42px;
  height: 42px;
  background: url(../images/about08_1.png) no-repeat center;
  border: 1px solid #eee;
  bottom: 0;
  top: auto;
}
.about11 .ncmain .main_con1 .swiper-button-prev:hover {
  background: url(../images/about08_1_1.png) no-repeat center;
  background-color: #1e51a2;
}
.about11 .ncmain .main_con1 .swiper-button-next:after,
.about11 .ncmain .main_con1 .swiper-button-prev:after {
  display: none;
}
.about12 {
  margin: 100px 0;
}
.about12 .ncmain .item {
  overflow: hidden;
  margin-top: 100px;
}
.about12 .ncmain .item .left {
  width: 66.5%;
  float: left;
}
.about12 .ncmain .item .left .ncimgcenter {
  padding: 28% 0;
}
.about12 .ncmain .item .left:hover .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}
.about12 .ncmain .item .right {
  width: 33.5%;
  float: right;
  padding-left: 74px;
  box-sizing: border-box;
}
.about12 .ncmain .item .right .bt {
  font-size: 30px;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-bottom: 30px;
  margin-top: 60px;
}
.about12 .ncmain .item .right .bt::after {
  position: absolute;
  content: '';
  width: 90px;
  height: 2px;
  background-color: #1e51a2;
  left: 0;
  bottom: 0;
}
.about12 .ncmain .item .right .con {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-top: 50px;
}
.about12 .ncmain .item:nth-child(1) {
  margin-top: 0;
}
.about12 .ncmain .item:nth-child(2n) .left {
  float: right;
}
.about12 .ncmain .item:nth-child(2n) .right {
  float: left;
  padding-left: 0;
  padding-right: 74px;
}
.ncabout04 {
  background-color: #f5f7f9;
}
.ncabout04 .ncmain {
  overflow: hidden;
}
.ncabout04 .contant {
  padding: 22% 0;
  position: relative;
}
.ncabout04 .contant .item {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
}
.ncabout04 .contant .item .ncimgcenter {
  padding: 22% 0;
}
.ncabout04 .contant .item .ncimgcenter img {
  transform: translate(-50%, -50%) scale(1.2);
  -ms-transform: translate(-50%, -50%) scale(1.2);
  -moz-transform: translate(-50%, -50%) scale(1.2);
  -o-transform: translate(-50%, -50%) scale(1.2);
  -webkit-transform: translate(-50%, -50%) scale(1.2);
}
.ncabout04 .contant .item .box {
  position: absolute;
  padding: 80px 110px;
  box-sizing: border-box;
  left: 0;
  top: 0;
}
.ncabout04 .contant .item .box b {
  font-size: 36px;
  color: #fff;
  font-weight: normal;
}
.ncabout04 .contant .item .box div {
  font-size: 22px;
  line-height: 36px;
  color: #fff;
  margin-top: 25px;
}
.ncabout04 .contant .item:nth-child(1) {
  right: 0;
}
.ncabout04 ul {
  overflow: hidden;
}
.ncabout04 ul li {
  width: 33.33%;
  float: left;
  padding: 4% 0;
  text-align: center;
  position: relative;
  background-color: #fff;
}
.ncabout04 ul li .box {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ncabout04 ul li span {
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
  float: left;
  margin-right: 50px;
}
.ncabout04 ul li span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ncabout04 ul li span img:nth-child(2) {
  display: none;
}
.ncabout04 ul li em {
  font-size: 42px;
  color: #999;
  opacity: 0.05;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
}
.ncabout04 ul li b {
  line-height: 40px;
  font-size: 24px;
  float: left;
}
.ncabout04 ul .active {
  background-color: #1e51a2;
}
.ncabout04 ul .active span img:nth-child(1) {
  display: none;
}
.ncabout04 ul .active span img:nth-child(2) {
  display: block;
}
.ncabout04 ul .active b {
  color: #fff;
}
.ncabout04 ul .active em {
  color: #fff;
}
.about13 {
  padding: 120px 0;
  background-color: #f6f7fb;
}
.about13 .ncmain {
  position: relative;
}
.about13 .ncmain ul li {
  overflow: visible!important;
}
.about13 .ncmain ul li b {
  text-align: center;
  display: none;
  font-size: 26px;
  margin-top: 20px;
  font-weight: normal;
}
.about13 .ncmain ul .select b {
  display: block;
}
.about13 .ncmain ul .select a {
  box-shadow: 0px 6px 10px rgba(30, 81, 162, 0.35);
}
.about13 .ncmain ul .select img {
  opacity: 1;
}
.about14 {
  padding: 40px 0 120px 0;
}
.about14 .ncmain .main_con1 {
  position: relative;
}
.about14 .ncmain .main_con1 .swiper-slide .left {
  width: 42%;
  float: left;
  position: relative;
  margin-top: 60px;
  padding-right: 5%;
  margin-left: 10%;
}
.about14 .ncmain .main_con1 .swiper-slide .left .bt {
  overflow: hidden;
  color: #1e51a2;
}
.about14 .ncmain .main_con1 .swiper-slide .left .bt b {
  font-size: 140px;
  float: left;
}
.about14 .ncmain .main_con1 .swiper-slide .left .bt span {
  font-size: 32px;
  line-height: 42px;
  float: left;
  margin-left: 30px;
}
.about14 .ncmain .main_con1 .swiper-slide .left .con {
  font-size: 18px;
  line-height: 30px;
  color: #1e51a2;
  margin-top: 30px;
}
.about14 .ncmain .main_con1 .swiper-slide .left::after {
  position: absolute;
  content: '';
  width: 5px;
  height: 120px;
  background-color: #1e51a2;
  top: 0;
  right: 0;
}
.about14 .ncmain .main_con1 .swiper-slide .right {
  width: 36%;
  float: left;
  padding-left: 5%;
}
.about14 .ncmain .main_con1 .swiper-slide .right .ncimgcenter {
  padding: 32% 0;
}
.about14 .ncmain .main_con1 .about14banner1 {
  background: url(../images/about12_1.png) no-repeat top center;
  background-size: 100%;
  padding-bottom: 30px;
  margin-top: 150px;
}
.about14 .ncmain .main_con1 .about14banner1 .swiper-slide {
  text-align: center;
  position: relative;
  padding-top: 80px;
  cursor: pointer;
}
.about14 .ncmain .main_con1 .about14banner1 .swiper-slide span {
  font-size: 28px;
}
.about14 .ncmain .main_con1 .about14banner1 .swiper-slide-active {
  background: url(../images/about12_2.png) no-repeat top center;
}
.about14 .ncmain .main_con1 .about14banner1 .swiper-slide-active span {
  background-color: #1e51a2;
  color: #fff;
  padding: 5px 30px;
  border-radius: 4px;
}
.about14 .ncmain .main_con1 .swiper-button-prev {
  left: 0;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  border: 1px solid #eee;
}
.about14 .ncmain .main_con1 .swiper-button-prev:hover {
  background-color: #1e51a2;
}
.about14 .ncmain .main_con1 .swiper-button-next {
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  border: 1px solid #eee;
}
.about14 .ncmain .main_con1 .swiper-button-next:hover {
  background-color: #1e51a2;
}
.about14 .ncmain .main_con1 .swiper-button-prev:after,
.about14 .ncmain .main_con1 .swiper-button-next:after {
  font-size: 20px;
  color: #a0a0a0;
  font-weight: bold;
}
.jcImgScroll li a {
  background: #000;
  display: block;
  position: relative;
  z-index: 99;
}
.jcImgScroll li.loading a {
  background: #fff url(../images/loading.gif) no-repeat center center;
}
.jcImgScroll li img {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.jcImgScroll em.sPrev {
  background: url(../images/arrow-left.png) no-repeat left center;
  left: 0!important;
  width: 57px!important;
  height: 545px!important;
}
.jcImgScroll em.sPrev:hover {
  background: url(../images/arrow-left1.png) no-repeat left center;
}
.jcImgScroll em.sNext {
  background: url(../images/arrow-right.png) no-repeat right center;
  right: 0!important;
  left: auto!important;
  height: 545px!important;
  width: 57px!important;
}
.jcImgScroll em.sNext:hover {
  background: url(../images/arrow-right1.png) no-repeat left center;
}
.jcImgScroll dl dd {
  background: url(../images/NumBtn.png) no-repeat 0 bottom;
  text-indent: -9em;
}
.jcImgScroll dl dd:hover,
.jcImgScroll dl dd.curr {
  background-position: 0 0;
}
.lleft img {
  display: block;
  margin: 10px auto;
}
.rright {
  text-align: center;
}
.rright b {
  font-size: 18px;
  color: #fff;
}
.rright p {
  color: #fff;
}
.bottom-center .amap-info-sharp {
  border-top: 8px solid #1e51a2;
}
.amap-info-close {
  right: 10px!important;
  top: 10px;
}
.amap-info-content {
  background-color: #1e51a2;
}
.custom-input-card {
  width: 100%;
}
.content-window-card {
  overflow: hidden;
}
.custom-input-card .btn:last-child {
  margin-left: 1rem;
}
.content-window-card {
  position: relative;
  box-shadow: none;
  bottom: -20px;
  left: 0;
}
.content-window-card p {
  line-height: 24px;
  font-size: 16px;
}
.content-window-card b {
  margin-bottom: 10px;
  display: block;
}
@keyframes quan {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes warn {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  25% {
    transform: translate(-50%, -50%) scale(0.5);
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
  }
  75% {
    transform: translate(-50%, -50%) scale(0.5);
  }
  100% {
    transform: translate(-50%, -50%) scale(0);
  }
}
.newsul{
    padding: 0 150px;
}
.about14top{
    position: relative;
}
.about14top .about14toplist{
    position: relative; z-index: 1; width: 100%; opacity: 0;
}
.about14top .about14toplist:nth-child(n+2){
    position: absolute; z-index: 0; width: 100%; top:0px;
}
.about14top .about14toplist.active{
    opacity: 1; z-index: 2;
}
.left_list {
    position: relative;
}
.left_list_swiper{
    width: calc(100% - 140px); margin: 20px auto 0;
}
.left_list_swiper .swiper-slide .swiperimgin{
    width: 100%; padding: 50% 0; border: 1px solid #eee; background: #fff; overflow: hidden; position: relative; cursor: pointer;
}
.left_list_swiper .swiper-slide .swiperimgin img{
    position: absolute; display: block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 90%; max-height: 90%;
}
.left_list .swiper-button-prev,.left_list .swiper-button-next{
    width: 34px; height: 34px;  top: 50%; transform: translateY(-50%); margin-top: 0 !important;
}
.left_list .swiper-button-prev,{
    left: 0;
}
.left_list .swiper-button-next{
    right: 0;
}
.left_list .swiper-button-prev img,.left_list .swiper-button-next img{
    display: block; width: 100%;
}
.left_list .swiper-button-prev::after,.left_list .swiper-button-next::after{
    display: none !important;
}
.left_list_swiper .swiper-slide.active .swiperimgin{
    border: 1px solid #1e51a2;
}
.proshow01 .ncmain .right .bt{
    border: 0px !important;
}
.bb_con{
    font-size: 14px; color: #3362ab; margin-bottom: 40px;
}
.bb_con img{
    width: 18px; display: inline-block; margin-right: 12px;
}
.bc_title{
    font-size: 20px; color: #333; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 15px;
    display: flex; justify-content: space-between;
}
.bc_title em{
    cursor: pointer; width: 16px;
}
.bc_title em img{
    width: 100%;
}
.bc_title em img:first-child{
    display: block;
}
.bc_title em img:last-child{
    display: none;
}
.bc_con{
    display: none; flex-wrap: wrap; justify-content: space-between; font-size: 16px; color: #666; line-height: 1.5; border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}
.bc_con1{
    flex-wrap: wrap; justify-content: space-between; font-size: 16px; color: #666; line-height: 1.5; border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}
.bc_con1 .bc_conlist{
    margin-top: 8px; width: 100%;
}
.bc_con1 .bc_conlist:nth-child(-n+2){
    margin-top: 0;
}
.right .qq{
    margin-top: 50px;
}
.bc_allcon.active .bc_con{
    display: flex;
}
.bc_allcon.active .bc_title em img:first-child{
    display: none;
}
.bc_allcon.active .bc_title em img:last-child{
    display: block;
}
.ncimgcenterwai{
    position: relative;
}
.ncimgcenterwai .new_proshow_tobig{
    width: 24px; display: inline-block; position: absolute; right: 0; bottom: 20px;
}

.new_video_tab{
    margin: 60px 0;
}
.new_video_tab_con{
    display: flex; justify-content:space-between;
} 
.new_video_tab_con a{
    display: block; width: 20%; background: #f3f5f6; border-right: 1px solid #fff; padding: 30px 0 ; text-align: center; color: #1e1e1e; font-size: 22px;
}
.new_video_tab_con a img{
    height: 33px; margin-right: 15px;
}
.new_video_tab_con a img:first-child{
    display: none;
}
.new_video_tab_con a img:last-child{
    display: inline-block;
}
.new_video_tab_con a:nth-child(2n+1){
    background: #edf0f1;
}
.new_video_tab_con a:last-child{
    border: 0;
}

.new_video_tab_con a.active,
.new_video_tab_con a:hover{
    color: #fff; background: #1e51a2;
}
.new_video_tab_con a.active img:first-child,
.new_video_tab_con a:hover img:first-child{
    display: inline-block;
}
.new_video_tab_con a.active img:last-child,
.new_video_tab_con a:hover img:last-child{
    display: none;
}
.new_video_wai{
    padding-bottom: 90px;
}
.new_video_con{
    display: flex; justify-content:space-between; flex-wrap: wrap;
}
.new_video_con li{
    width: 32.25%; margin-top: 30px;
}
.new_video_con li:nth-child(-n+3){
    margin-top: 0px;
}
.new_video_con li .img{
    padding: 33% 0; position: relative ; overflow: hidden; background: #000;
}
.new_video_con li .img .mainimg{
    position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); 
}
.new_video_con li .img .new_play{
    position: absolute;  top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);  display: block; width: 50px; display: block;
}
.new_video_con li .text{
    padding: 30px; text-align: left; background: #fff; font-size: 20px; color: #333;
}


.service01_tab_con{
    display: flex; justify-content:space-between; flex-wrap: wrap; box-shadow: 0px 6px 24px 0px rgba(51, 51, 51, 0.05);
}
.service01_tab_con a{
    display: block; width: 16.66%; background: #fff; border-right: 1px solid #f1f2f6; padding: 25px 0 25px 35px ; text-align: left; 
    display: flex; justify-content:left;
}
.service01_tab_con a .img{
    display: flex; flex-direction: column; justify-content: center;
}
.service01_tab_con a .img img{
    height: 32px; margin-right: 20px;
}
.service01_tab_con a .img img:first-child{
    display: inline-block;
}
.service01_tab_con a .img img:last-child{
    display: none;
}
.service01_tab_con a:last-child{
    border: 0;
}
.service01_tab_con a .text{
    display: flex; flex-direction: column; justify-content: center;
}
.service01_tab_con a .text .t{
    font-size: 18px; color: #333;
}
.service01_tab_con a .text .b{
    font-size: 14px; color: #666; font-family: 'D-DINCondensed'; line-height: 1.3; margin-top: 10px; text-transform: uppercase;
}

.service01_tab_con a.active,
.service01_tab_con a:hover{
    background: #1e51a2;
}
.service01_tab_con a.active .img img:first-child,
.service01_tab_con a:hover .img img:first-child{
    display: none;
}
.service01_tab_con a.active .img img:last-child,
.service01_tab_con a:hover .img img:last-child{
    display: inline-block;
}
.service01_tab_con a.active .text .t,.service01_tab_con a.active .text .b,
.service01_tab_con a:hover .text .t,.service01_tab_con a:hover .text .b{
    color: #fff;
}
.service01_btmcon_con{
    display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;
}
.service01_btmcon_con li{
    width: 49.25%; margin-top: 25px; background: #fff; text-align: left;
}
.service01_btmcon_con li:nth-child(-n+2){
    margin-top: 0px;
}
.service01_btmcon_con li a{
    display: flex; justify-content:space-between; padding: 15px 25px; padding-right: 90px;
}
.service01_btmcon_con li a img{
    width: 22px; display: inline-block;
}
.service01_btmcon_con li a .text{
    width: calc(100% - 56px); margin: 0 6px; font-size: 18px; color: #666; line-height: 22px;
}
.service01_top form{
    display: flex; border: 1px solid  #e5e5e5; height: 70px; line-height: 70px; font-size: 16px; color: #333; border-radius: 1000px; margin-bottom: 90px;
    justify-content: left; padding: 0 25px; background: #fff;
}
.service01_top form button{
    width: 40px; height: 100%; background: url(../images/ency_search.png) no-repeat center center; background-size: 20px auto; border: 0; cursor: pointer;
}
.service01_top form  #keywordss{
    width: calc(100% - 40px); border: 0; background: none;
}

@media (min-width: 320px) and (max-width: 1680px) {
  .Ncheader {
    width: 1440px;
  }
  .Ncheader .ncmain {
    width: 1440px;
  }
  .Ncheader .nav .right {
    margin-left: 40px;
  }
  .Ncheader .nav .centre ul li .a {
    padding: 0 16px;
  }
  #banner1 .swiper-pagination {
    width: 1440px;
    bottom: 40px;
  }
  .ncmain {
    width: 1440px;
  }
  .nav_right {
    right: 10px;
  }
  .ncindex03 .ncmain {
    width: 95%;
    margin-left: 5%;
  }
  .nctitle .title {
    font-size: 34px;
  }
  .ncpadding {
    padding: 80px 0 50px 0;
  }
  .ncindex01 .main_con .item .tit {
    margin-top: 40px;
  }
  .ncindex02 .main_con .swiper-slide .con .con_2 {
    margin: 10px 0 55px 0;
  }
  .three01 .center {
    margin-top: 80px;
  }
  .three01 .center .item .right {
    padding: 0 70px;
  }
  .design01 {
    padding-top: 210px;
  }
  .designshow01 .main_con .right .con {
    margin-top: 80px;
  }
  .designshow02 .main_con .right .bt1 {
    font-size: 44px;
    line-height: 66px;
  }
  .designshow02 .main_con .right .bt2 {
    font-size: 66px;
    margin: 60px 0;
  }
  .designshow02 {
    margin: 70px 0 160px 0;
  }
  .project03 .main_con .swiper-slide .con .con_2 {
    margin-bottom: 0;
  }
  .service02 {
    padding-bottom: 70px;
  }
  .service01 {
    padding-top: 70px;
  }
  .service02 .main_con2 {
    padding: 40px;
  }
  .service03,
  .service04 {
    padding: 80px 0;
  }
  .service04 .main_1 .right .con {
    font-size: 14px;
    line-height: 30px;
  }
  .about01 .ncmain .right .con {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
  }
  .about01 .ncmain .right .bt {
    font-size: 32px;
    padding-bottom: 26px;
    margin-top: -15px;
  }
  .about02 {
    padding: 70px 0;
  }
  .about05,
  .about06,
  .about07 {
    padding: 80px 0;
  }
  .about08 .ncmain .item {
    margin-top: 60px;
  }
  .about08 {
    padding: 60px 0;
  }
  .about08 .ncmain .item .con {
    padding: 80px 70px 200px 70px;
  }
  .about09 .ncmain .main_con1,
  .about09 .ncmain .main_con2,
  .about09 .ncmain .main_con3 {
    margin-top: 70px;
  }
  .about09 .ncmain .main_con4 {
    margin: 70px 0;
  }
  .about10 {
    margin: 80px 0;
  }
  .about10 .ncmain .main_con2,
  .about10 .ncmain .main_con3,
  .about11 .ncmain .main_con1,
  .about12 .ncmain .item {
    margin-top: 80px;
  }
  .about12 {
    margin: 80px 0;
  }
  .buy01 {
    padding: 80px 0;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .bt b {
    font-size: 120px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .bt span {
    font-size: 28px;
    margin-left: 24px;
  }
  .about14 .ncmain .main_con1 .about14banner1 {
    margin-top: 120px;
  }
  .about14 {
    padding: 40px 0 90px 0;
  }
    .newsul {
      padding: 0 120px;
    } 

    .new_video_wai {
      padding-bottom: 70px;
    }  
    .service01_top form {
      height: 65px;
      line-height: 65px;
      font-size: 15px;
      margin-bottom: 70px;
      padding: 0 22px;
    }
    .service01_tab_con a {
      padding: 22px 0 22px 25px;
    }
    .service01_tab_con a .img img {
      height: 30px;
      margin-right: 15px;
    }
    .service01_tab_con a .text .t {
      font-size: 17px;
    }
    .service01_tab_con a .text .b {
      font-size: 13px;
      margin-top: 8px;
    }
    .service01_btmcon_con li a img {
      width: 20px;
    }
    .service01_btmcon_con li a .text {
      width: calc(100% - 52px);
      margin: 0 5px;
      font-size: 17px;
      line-height: 20px;
    }  
    
}
@media (min-width: 320px) and (max-width: 1500px) {

.newsul {
  padding: 0 110px;
}
.nav_right ul li#top{
    width: 40px;
    height: 40px;
    margin-left: 15px;
}
.nav_right ul li#top a img{
    height: 16px;
}
.project02 .swiper-button-prev {left: -30px;  top: 40%;}
.project02 .swiper-button-next {right: -30px;  top: 40%;}
.project02 .swiper-button-prev::after,.project02  .swiper-button-next::after { font-size: 30px; }


  .Ncheader {
    width: 1366px;
  }
  #banner1 .swiper-pagination {
    width: 1366px;
    bottom: 20px;
  }
  .nctitle .title {
    font-size: 30px;
  }
  .ncmain {
    width: 1366px;
  }
  .ncpadding {
    padding: 60px 0 40px 0;
  }
  .Ncheader .ncmain {
    width: 1366px;
  }
  #banner1 .swiper-pagination .swiper-pagination-bullet {
    margin-right: 26px;
  }
  #page ul {
    font-size: 17px;
    padding: 15px 0;
  }
  #page ul li:nth-child(1) {
    background-position: left 55px center;
    padding-left: 55px;
  }
  #page ul li:last-child {
    background-position: right 55px center;
    padding-right: 55px;
  }
  #page ul li a {
    margin: 0px 12px;
    line-height: 42px;
    width: 42px;
    height: 42px;
  }
  .ncfooter .footer .left ul li a {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .ncfooter .footer .left ul li a:nth-child(1),
  .ncfooter .footer .right span {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .ncfooter .footer .right b {
    font-size: 28px;
  }
  .ncfooter .footer .right .dizhi {
    font-size: 16px;
    margin: 20px 0 30px 0;
  }
  .ncfooter .footer .right .flog {
    margin-bottom: 30px;
  }
  .ncfooter .footer .right .weixin a {
    margin-left: 28px;
  }
  .ncfooter .footer .right {
    padding-bottom: 30px;
  }
  .Ncheader .nav .right .search {
    margin-right: 30px;
    padding-right: 30px;
  }
  .Ncheader .nav .centre ul li .a {
    padding: 0 14px;
  }
  .ncindex01 .main_con .item .tit .tit_left {
    font-size: 20px;
  }
  .ncindex01 .main_con .item .tit {
    margin-top: 30px;
  }
  .nctitle .subtitle span {
    font-size: 16px;
    margin-left: 10px;
    line-height: 30px;
  }
  .nctitle .subtitle i {
    width: 30px;
    height: 30px;
  }
  .ncindex02 .main_con .swiper-slide .con .con_1 {
    font-size: 20px;
  }
  .ncindex02 .main_con .swiper-slide .con .con_2 {
    margin: 10px 0 40px 0;
  }
  .ncindex03 .con_nav ul li {
    font-size: 18px;
    padding-bottom: 18px;
    margin-right: 50px;
  }
  .ncindex03 .con_nav {
    margin-bottom: 40px;
  }
  .ncindex03 .ncmain {
    width: 97.5%;
    margin-left: 2.5%;
  }
  .ncindex03 .main_con .swiper-slide .con {
    padding: 30px;
  }
  .ncindex03 .main_con .swiper-slide .con .con_1 {
    font-size: 20px;
  }
  .ncindex03 .main_con .swiper-slide .con .con_2 {
    margin-top: 14px;
  }
  .ncindex04 {
    margin-top: 30px;
  }
  .ncindex05 {
    margin: 60px 0 120px;
  }
  .pro01 .ncmain .left .le_main .item .bt {
    line-height: 70px;
    font-size: 18px;
    margin-left: 20px;
  }
  .pro01 .ncmain .left .le_main .item .ls {
    padding: 20px 20px 20px 0;
    margin-left: 20px;
  }
  .pro01 .ncmain .right .con .item .bt {
    line-height: 60px;
    font-size: 20px;
  }
  .pro01 .ncmain .right .con .item .c {
    margin-top: 16px;
  }
  #page {
    margin-top: 60px;
  }
  .pro01 {
    padding-bottom: 70px;
  }
  .proshow01 .ncmain .right .bt {
    font-size: 28px;
    padding: 25px 0;
  }
  .proshow01 .ncmain .right .con {
    margin: 30px 0 70px 0;
  }
  .proshow02 .main_con .item .right .bt {
    font-size: 22px;
  }
  .proshow02 .main_con .item .right .con {
    margin-top: 20px;
  }
  .proshow02 .main_con1 ul li {
    line-height: 70px;
  }
  .proshow02 .main_con2 {
    margin-bottom: 90px;
  }
  .three01 .center {
    margin-top: 60px;
  }
  .three01 .center .item .right {
    padding: 0 50px;
  }
  .three01 .center .item .right .bt {
    font-size: 26px;
    padding-bottom: 5px;
  }
  .three01 .center .item .right .c {
    margin-top: 8px;
  }
  .three01 .mbottom .con .cl b {
    font-size: 28px;
  }
  .three01 .mbottom {
    margin-bottom: 80px;
  }
  .design01 {
    padding-top: 180px;
  }
  .design01 .main_con {
    margin-top: 70px;
  }
  .design01 .main_con6 .itembox {
    margin-bottom: 70px;
  }
  .design01 .main_con1 .right .bt {
    font-size: 28px;
    line-height: 34px;
  }
  .design01 .main_con1 .right .subt {
    font-size: 22px;
    margin: 20px 0;
  }
  .design01 .main_con1 .right .con {
    color: #666;
    line-height: 26px;
  }
  .design01 .main_con2 .con {
    left: 50px;
    top: 50px;
  }
  .design01 .main_con2 .con .bt {
    font-size: 32px;
    line-height: 42px;
  }
  .design01 .main_con2 .con .bt1 {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0 50px 0;
  }
  .design01 .main_con2 .con .c {
    font-size: 14px;
    line-height: 22px;
  }
  .design01 .main_con3 .right .bt {
    font-size: 32px;
    line-height: 42px;
  }
  .design01 .main_con3 .right .con {
    margin-top: 40px;
  }
  .design01 .main_con4 .left .bt1 {
    font-size: 32px;
    margin: 20px 0 30px 0;
  }
  .design01 .main_con4 .left .con {
    font-size: 14px;
    line-height: 30px;
  }
  .design01 .main_con4 .left .con .pp {
    margin: 30px 0;
  }
  .design01 .main_con4 .right .con .bt {
    font-size: 42px;
    line-height: 42px;
  }
  .design01 .main_con4 .right .con .c {
    font-size: 22px;
    margin-top: 34px;
  }
  .design01 .ddimg img {
    width: 400px;
  }
  .design02 .newbox .item .right .bt {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    margin-top: 4px;
  }
  .design02 .newbox .item .right .con {
    font-size: 14px;
    line-height: 26px;
    height: 52px;
  }
  .design01 {
    padding-bottom: 70px;
  }
  .design02 .newbox .item .right .bt {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
  .design02 .newbox .item .right .con {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    margin: 20px 0 25px 0;
  }
  .design02 .newbox .item .right .bn {
    font-size: 14px;
  }
  .designshow01 .main_con .left .bt {
    font-size: 16px;
    line-height: 50px;
  }
  .designshow01 .main_con .left .con {
    font-size: 14px;
    line-height: 30px;
    margin-top: 30px;
  }
  .designshow01 .main_con .right {
    padding: 50px;
  }
  .designshow01 .main_con .right .con {
    margin-top: 50px;
    font-size: 14px;
    line-height: 30px;
  }
  .designshow02 .main_con .right .bt1 {
    font-size: 38px;
    line-height: 50px;
  }
  .designshow02 .main_con .right .bt2 {
    font-size: 58px;
    margin: 38px 0;
  }
  .designshow02 {
    margin: 50px 0 120px 0;
  }
  .project01 .ncmain .left .subt {
    font-size: 40px;
  }
  .project01 .ncmain .left .bt {
    font-size: 32px;
    margin-top: -15px;
  }
  .project01 .ncmain .left .con {
    line-height: 30px;
    margin-top: 20px;
  }
  .project02 .nctitle1 .subtitle a {
    padding-right: 30px;
    margin-right: 30px;
  }
  .project02 .main_conbox {
    margin-top: 40px;
  }
  .project02 .main_conbox .swiper-slide .con {
    padding: 30px;
  }
  .project02 .main_conbox .swiper-slide .con .bt {
    font-size: 18px;
  }
  .project02 .main_conbox .swiper-slide .con .subt {
    font-size: 18px;
    margin-top: 10px;
  }
  .project03 .main_con .swiper-slide .con .con_2 {
    margin-bottom: 0;
  }
  .project03 {
    margin-bottom: 70px;
  }
  .service02 {
    padding-bottom: 50px;
  }
  .service01 {
    padding-top: 50px;
  }
  .service02 .main_con2 {
    padding: 30px;
    font-size: 16px;
    line-height: 34px;
  }
  .mainnav .ncmain {
    font-size: 16px;
    line-height: 66px;
  }
  .service03,
  .service04 {
    padding: 60px 0;
  }
  .service03 .ncmain .item .right .bt1 {
    font-size: 36px;
  }
  .service03 .ncmain .item .right .bt2 {
    font-size: 22px;
    margin: 20px 0 20px 0;
  }
  .service03 .ncmain .item .right .bt4 {
    font-size: 16px;
    line-height: 32px;
    margin-top: 18px;
  }
  .service03 .ncmain .item:nth-child(2n) .right {
    left: 50px;
  }
  .service03 .ncmain .item .right {
    right: 50px;
  }
  .service04 .main_1 .right .con {
    line-height: 26px;
    margin-top: 10px;
  }
  .service04 .main_1 .right .bt {
    font-size: 26px;
  }
  .service04 .main_1 .right {
    padding: 40px;
  }
  .nccontact01 .top .left {
    padding: 50px 70px;
  }
  .nccontact01 .top .left b {
    font-size: 18px;
    margin-top: 20px;
  }
  .nccontact01 ul li b {
    font-size: 22px;
    margin-top: 20px;
  }
  .nccontact01 ul li {
    padding: 50px 0;
    padding-left: 110px;
  }
  .nccontact01 ul li:nth-child(1) {
    background: url(../images/contact03_2.png) no-repeat left 40px center;
    background-size: 40px;
  }
  .nccontact01 ul li:nth-child(2) {
    background: url(../images/contact03_3.png) no-repeat left 40px center;
    background-size: 46px;
  }
  .nccontact01 ul li:nth-child(3) {
    background: url(../images/contact03_4.png) no-repeat left 40px center;
    background-size: 40px;
  }
  .nccontact01 .mapbox {
    margin-top: 30px;
  }
  #container {
    height: 560px;
  }
  .nccontact02 b {
    font-size: 28px;
  }
  .nccontact02 ul li div input {
    height: 60px;
  }
  .nccontact02 ul li div input::placeholder {
    font-size: 16px;
  }
  .nccontact02 ul li div textarea {
    height: 260px;
  }
  .nccontact02 ul li div textarea::placeholder {
    font-size: 16px;
  }
  .nccontact02 ul li:nth-child(1) div {
    background: url(../images/contact03_5.png) no-repeat left 25px center;
  }
  .nccontact02 ul li:nth-child(2) div {
    background: url(../images/contact03_6.png) no-repeat left 25px center;
  }
  .nccontact02 ul li:nth-child(3) div {
    background: url(../images/contact03_7.png) no-repeat left 25px center;
  }
  .nccontact02 ul li:nth-child(4) div {
    background: url(../images/contact03_8.png) no-repeat left 25px center;
  }
  .nccontact02 ul li div {
    padding-left: 70px;
  }
  .nccontact02 ul li:nth-child(5) div {
    background: url(../images/contact03_9.png) no-repeat left 25px top 20px;
    padding: 20px 0;
    padding-left: 70px;
  }
  .ncnew01 .ul li .left b {
    margin: 20px 0;
  }
  .ncnewsshow01 {
    padding-top: 150px;
  }
  .about01 {
    padding: 50px 0;
  }
  .about01 .ncmain .right .bt {
    font-size: 28px;
    padding-bottom: 20px;
    margin-top: -10px;
  }
  .about02 .ncmain .item {
    margin-top: 30px;
  }
  .about02 .ncmain .item {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
  .about02 {
    padding: 50px 0;
  }
  .about04 {
    padding: 70px 0 30px 0;
  }
  .about03 {
    padding-top: 0;
  }
  .service03 .ncmain .item:nth-child(2n) .right {
    left: 0;
  }
  .about04 .ncmain .item .ncimgcenter {
    height: 400px;
  }
  .about03 .ncmain .item .right {
    right: 0;
  }
  .about05,
  .about06,
  .about07 {
    padding: 60px 0;
  }
  .about06 .ncmain .right {
    padding: 30px;
  }
  .about07 .ncmain .item {
    margin-top: 80px;
  }
  .about07 .ncmain .item .con .bt {
    font-size: 26px;
  }
  .about07 .ncmain .item .con .c {
    margin-top: 20px;
  }
  .about07 .ncmain .item .con {
    padding: 80px 50px;
  }
  .about08 .ncmain .item {
    margin-top: 40px;
  }
  .about08 {
    padding: 40px 0;
  }
  .about08 .ncmain .item .con {
    padding: 60px 50px 150px 50px;
  }
  .about09 .ncmain .main_con1 .bt {
    font-size: 28px;
  }
  .about09 .ncmain .main_con1 .subt {
    font-size: 14px;
    line-height: 26px;
    margin-top: 15px;
  }
  .about09 .ncmain .main_con1 img {
    margin-top: 40px;
  }
  .about09 .ncmain .main_con1,
  .about09 .ncmain .main_con2,
  .about09 .ncmain .main_con3 {
    margin-top: 50px;
  }
  .about09 .ncmain .main_con1 .bt {
    font-size: 24px;
  }
  .about09 .ncmain .main_con2 .right .subt {
    margin-left: 90px;
    font-size: 24px;
  }
  .about09 .ncmain .main_con2 .right .bt {
    margin-left: 90px;
  }
  .about09 .ncmain .main_con2 .right .con {
    width: 46%;
  }
  .about09 .ncmain .main_con3 .left .bt {
    font-size: 26px;
    margin: 20px 0 20px 0;
  }
  .about09 .ncmain .main_con4 .con .left span,
  .about09 .ncmain .main_con4 .con .left div {
    font-size: 26px;
  }
  .about09 .ncmain .main_con4 .con .left {
    line-height: 40px;
  }
  .about09 .ncmain .main_con4 .con .left div {
    border-bottom: 14px solid #d2dcec;
    height: 37px;
  }
  .about09 .ncmain .main_con4 .con {
    margin-top: 60px;
  }
  .about09 .ncmain .main_con3 .right .bt {
    font-size: 24px;
    margin: 30px 0 20px 0;
  }
  .about10 {
    margin: 60px 0;
  }
  .about10 .ncmain .main_con2,
  .about10 .ncmain .main_con3,
  .about11 .ncmain .main_con1,
  .about12 .ncmain .item {
    margin-top: 60px;
  }
  .about12 {
    margin: 60px 0;
  }
  .about10 .ncmain .main_con1 .con {
    margin-top: 40px;
  }
  .about10 .ncmain .main_con1 .con .b span {
    font-size: 26px;
  }
  .about10 .ncmain .main_con1 .con .b {
    font-size: 30px;
    line-height: 40px;
  }
  .about10 .ncmain .main_con1 .con .c {
    margin-top: 30px;
  }
  .about10 .ncmain .main_con2 .swiper-slide .left .bt {
    font-size: 26px;
  }
  .about10 .ncmain .main_con2 .swiper-slide .left .con {
    margin-top: 24px;
  }
  .about10 .ncmain .main_con3 .item .con .bt {
    font-size: 22px;
    margin: 30px 0 10px 0;
  }
  .about11 .ncmain .main_con1 .left .bt {
    font-size: 30px;
    line-height: 50px;
    margin-top: 20px;
  }
  .about11 .ncmain .main_con1 .left .xian {
    width: 20px;
    height: 2px;
    margin: 20px 0 40px 0;
  }
  .about11 .ncmain .main_con1 .about10banner .swiper-slide .con .bt1 {
    font-size: 24px;
    margin: 20px 0 6px 0;
  }
  .about12 .ncmain .item .right .bt {
    font-size: 26px;
    padding-bottom: 26px;
    margin-top: 40px;
  }
  .about12 .ncmain .item .right .con {
    line-height: 26px;
    margin-top: 28px;
  }
  .about12 .ncmain .item .right {
    padding-left: 40px;
  }
  .about12 .ncmain .item:nth-child(2n) .right {
    padding-right: 40px;
  }
  .buy01 {
    padding: 60px 0;
  }
  .buy01 .layui-form-item .layui-input-inline {
    width: 150px;
  }
  .buy01 .ncmain .right .con .itembox .item .ri {
    margin-right: 50px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .bt b {
    font-size: 110px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .bt span {
    font-size: 26px;
    margin-left: 20px;
    line-height: 35px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .con {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left {
    margin-top: 40px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .bt b {
    font-size: 80px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .bt span {
    font-size: 20px;
    margin-left: 16px;
    line-height: 25px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .con {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
  }
  .about14 .ncmain .main_con1 .about14banner1 {
    margin-top: 70px;
  }
  .about14 .ncmain .main_con1 .about14banner1 .swiper-slide span {
    font-size: 22px;
  }
  .about14 .ncmain .main_con1 .about14banner1 .active {
    background-size: 50px;
  }
  .about14 .ncmain .main_con1 .about14banner1 .swiper-slide {
    padding-top: 60px;
  }
  .about14 .ncmain .main_con1 .about14banner1 .swiper-slide-active{
      background-size: 60px auto;
  }
  .about14 .ncmain .main_con1 .about14banner1 .swiper-slide-active span {
      padding: 3px 25px;
      border-radius: 4px;
    }
  .about14 {
    padding: 30px 0 60px 0;
  }
    .nav_right ul li {
      width: 70px;
      height: 70px;
      margin: 15px 0;
      border-radius: 8px;
    }
    .nav_right ul li a > p {
      font-size: 12px;
      margin-top: 13px;
    }
    .nav_right ul li a > img{
        height: 22px;
    }
    .nav_right ul li .a_div {
      left: -245px;
    }
    .new_video_tab {
      margin: 50px 0;
    }
    .new_video_con li {
      margin-top: 28px;
    }
    .new_video_tab_con a {
      padding: 28px 0;
      font-size: 21px;
    }
    .new_video_tab_con a img {
      height: 31px;
      margin-right: 12px;
    }
    .new_video_con li .text {
      padding: 28px;
      font-size: 19px;
    }  
    .new_video_wai {
      padding-bottom: 50px;
    }  
    .service01_top form {
      height: 55px;
      line-height: 55px;
      font-size: 14px;
      margin-bottom: 50px;
      padding: 0 18px;
    }
    .service01_tab_con a {
      padding: 15px 0 15px 20px;
    }
    .service01_tab_con a .img img {
      height: 28px;
      margin-right: 10px;
    }
    .service01_tab_con a .text .t {
      font-size: 15px;
    }
    .service01_tab_con a .text .b {
      font-size: 12px;
      margin-top: 5px;
    }
    .service01_btmcon_con li a img {
      width: 18px;
    }
    .service01_btmcon_con li a .text {
      width: calc(100% - 48px);
      margin: 0 5px;
      font-size: 16px;
      line-height: 18px;
    }  
    .service01_btmcon_con li a {
      padding: 15px 20px;
      padding-right: 70px;
    }
}
@media (min-width: 320px) and (max-width: 1366px) {
    
    .newsul {
        padding: 0 70px;
    }  
    
    .project02 .p2bg {
      height: 220px;
    }
	.Ncheader .nav .right .search_show input {
		height: 32px;
		width: calc(100% - 32px);
		font-size: 14px;
	}
	.Ncheader .nav .right .search_show button {
		height: 32px;
		width: 32px;
		font-size: 14px;
	}
	.Ncheader .nav .right .search_show i {
		top: -15px;
		left: 2px;
		font-size: 20px;
	}
	
  .Ncheader{
    width: 1200px;
  }
  #banner1 .swiper-pagination {
    width: 1200px;
    bottom: 20px;
  }
  .ncmain {
    width: 1200px;
  }
  .Ncheader .ncmain {
    width: 1080px;
  }
  .Ncheader .nav .centre ul li .a {
    padding: 0 10px;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_left div img {
    margin-right: 10px;
  }
  .ncpadding {
    padding: 40px 0 30px 0;
  }
  .nctitle .title {
    font-size: 26px;
  }
  .Ncheader .nav {
    height: 60px;
  }
  .Ncheader .nav .logo {
    height: 60px;
  }
  .Ncheader .nav .logo img {
    height: 40px;
  }
  .Ncheader .nav_right,
  .Ncheader .logo {
    height: 60px;
  }
  .Ncheader .nav .centre ul {
    height: 60px;
  }
  .Ncheader .nav .centre ul li {
    height: 60px;
    line-height: 60px;
  }
  .Ncheader .nav .right .tel {
    font-size: 14px;
  }
  .Ncheader .nav .listnav {
    top: 60px;
  }
  .Ncheader .nav .centre ul li .listnav i {
    top: -15px;
  }
  .Ncheader .nav .centre ul li .listnav {
    top: 91px;
  }
  .Ncheader .nav .right .tel {
    line-height: 60px;
  }
  .Ncheader .nav .centre ul li .a {
    font-size: 14px;
  }
  .Ncheader .nav .right {
    margin-left: 20px;
  }
  .Ncheader .nav .centre ul li .listnav .list {
    height: 160px;
  }
  .Ncheader .nav .centre ul li .listnav .list .item .box i {
    width: 40px;
    height: 40px;
    margin-top: 0;
  }
  .Ncheader .nav .centre ul li .listnav .list .item .box {
    width: 80%;
  }
  .Ncheader .nav .centre ul li .listnav .list .item .box p {
    margin: 10px 0;
  }
  .Ncheader .nav .centre ul li .listnav .list .itemimg img {
    width: 220px;
  }
  .Ncheader .nav .centre ul span {
    width: 14px;
    height: 2px;
  }
  #banner1 .indicator {
    margin-left: -600px;
    bottom: 20px;
  }
  .Ncheader .nav .right .search {
    height: 60px;
  }
  .Ncheader .nav .right .search {
    margin-right: 22px;
    padding-right: 22px;
  }
  .Ncheader .nav .right .search::after {
    height: 20px;
  }
  .ncfooter .footer .left ul li a:nth-child(1),
  .ncfooter .footer .right span {
    font-size: 16px;
  }
  .ncfooter .footer .left ul li a {
    font-size: 14px;
  }
  .Ncheader .nav .centre ul li .listnav {
    top: 60px;
  }
  .Ncheader .nav .centre ul li .listnav .am {
    font-size: 14px;
  }
  .Ncheader .nav .centre ul li .listnav .am i {
    margin: 0 10px;
  }
  #page ul {
    font-size: 16px;
    padding: 12px 0;
  }
  #page ul li:nth-child(1) {
    background-position: left 45px center;
    padding-left: 45px;
    background-size: 14px;
  }
  #page ul li:last-child {
    background-position: right 45px center;
    padding-right: 45px;
    background-size: 14px;
  }
  #page ul li a {
    margin: 0px 12px;
    line-height: 40px;
    width: 40px;
    height: 40px;
  }
  .ncindex01 .main_con .item .tit .tit_left {
    font-size: 16px;
  }
  .ncindex01 .main_con .item .tit {
    margin-top: 24px;
  }
  .ncindex02 .main_con .swiper-slide .con {
    position: absolute;
    left: 30px;
    bottom: 40px;
  }
  .ncindex02 .main_con .swiper-slide .con .con_2 {
    margin: 10px 0 24px 0;
  }
  .ncindex03 .ncmain {
    width: 94%;
    margin-left: 6%;
  }
  .ncindex03 .con_nav {
    margin-bottom: 30px;
  }
  .ncindex03 .con_nav ul li {
    font-size: 16px;
    padding-bottom: 12px;
    margin-right: 40px;
  }
  .ncindex05 {
    margin: 30px 0 50px;
  }
  .pro01 .ncmain .left .le_main .item .bt {
    line-height: 60px;
    font-size: 16px;
  }
  .pro01 .ncmain .right .con .item .bt {
    line-height: 50px;
    font-size: 18px;
  }
  .pro01 .ncmain .right .con .item .bt span {
    font-size: 16px;
  }
  .proshow01 .ncmain .right .bt {
    font-size: 24px;
    padding: 20px 0;
  }
  .proshow01 .ncmain .right .con {
    margin: 20px 0 40px 0;
    font-size: 14px;
    line-height: 26px;
  }
  .proshow01 .ncmain .right .qq a {
    font-size: 14px;
    line-height: 40px;
    width: 140px;
  }
  .proshow01 .ncmain .right .qq a:first-child img {
      margin-right: 10px; height: 15px;
    }
    .proshow01 .ncmain .right .qq a:last-child img {
      height: 13px;
    }
    .bb_con {
      font-size: 14px;
      margin-bottom: 30px;
    }
    .bc_title {
      font-size: 18px;
      padding-bottom: 14px;
      margin-bottom: 14px;
    }
    .bc_title em {
      cursor: pointer;
      width: 14px;
    }
    .bc_con {
        font-size: 14px;
        padding-bottom: 14px;
    }.bc_con1 {
        font-size: 14px;
        padding-bottom: 14px;
    }
    .right .qq {
      margin-top: 40px;
    }
    .left_list .swiper-button-prev, .left_list .swiper-button-next {
      width: 30px;
      height: 30px;
    }
    .left_list_swiper {
      width: calc(100% - 110px);
      margin: 15px auto 0;
    }
  .proshow02 .main_con .item .right .bt {
    font-size: 20px;
  }
  .proshow02 .main_con .item .right .con {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .proshow02 .main_con .item {
    margin-top: 30px;
  }
  .proshow02 .main_con1 ul li {
    font-size: 16px;
    line-height: 60px;
  }
  .proshow02 .main_con2 .swiper-pagination {
    bottom: 20px;
  }
  .proshow02 .main_con2 {
    margin-bottom: 60px;
  }
  .proshow01 {
    padding-top: 170px;
  }
  .three01 .top ul li {
    border-right: 1px solid #eeeff1;
    padding: 32px 0;
  }
  .three01 .center .item .right .bt {
    font-size: 28px;
    padding-bottom: 26px;
  }
  .three01 .center {
    margin-top: 50px;
  }
  .three01 .mbottom {
    margin-bottom: 60px;
  }
  .three01 .mbottom .con .cl {
    left: 100px;
    padding: 40px 30px;
  }
  .three01 .mbottom .con .cl a {
    margin-top: 40px;
  }
  .three01 .center .item .right .c {
    font-size: 14px;
    line-height: 34px;
  }
  .design01 .main_con {
    margin-top: 50px;
  }
  .design01 .main_con2 .con .bt {
    font-size: 28px;
    line-height: 36px;
  }
  .design01 .main_con3 .right .bt {
    font-size: 30px;
    line-height: 38px;
  }
  .design01 .main_con6 .itembox {
    margin-bottom: 50px;
  }
  .design01 {
    padding-top: 150px;
  }
  .design01 .ddimg img {
    width: 360px;
  }
  .designshow01 .main_con .left .bt {
    font-size: 14px;
  }
  .designshow01 .main_con .right .con {
    margin-top: 20px;
  }
  .designshow03 .right .ncimgcenter,
  .designshow03 .left .ncimgcenter {
    height: 460px;
  }
  .designshow02 {
    margin: 38px 0 80px 0;
  }
  .designshow02 .main_con .right .bt1 {
    font-size: 32px;
    line-height: 40px;
  }
  .designshow02 .main_con .right .bt2 {
    font-size: 40px;
    margin: 25px 0;
  }
  .designshow02 .main_con .right .con {
    font-size: 14px;
    line-height: 24px;
  }
  .project01 .ncmain .left .subt {
    font-size: 34px;
  }
  .project01 .ncmain .left .bt {
    font-size: 30px;
    margin-top: -12px;
  }
  .project01 {
    padding: 50px 0;
  }
  .project02 .nctitle1 .subtitle em {
    font-size: 16px;
  }
  .project02 .nctitle1 .subtitle a {
    padding-right: 20px;
    margin-right: 20px;
  }
  .project02 .main_conbox .swiper-slide .con {
    padding: 20px;
  }
  .project02 .main_conbox .project02 {
    padding-bottom: 30px;
  }
  .project02 {
    padding-bottom: 30px;
  }
  .project03 .main_con .swiper-slide .con {
    left: 0;
    bottom: 0;
  }
  .project03 .main_con .swiper-slide .con .con_2 {
    margin-bottom: 0;
  }
  .project03 {
    margin-bottom: 40px;
  }
  .service02 .main_con2 {
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .mainnav .ncmain {
    font-size: 14px;
    line-height: 55px;
  }
  .mainnav .ncmain span {
    margin: 0px 12px;
  }
  .service04 .main_1 .right .bt {
    font-size: 22px;
  }
  .nccontact01 ul li b {
    font-size: 20px;
    margin-top: 14px;
  }
  .nccontact02 b {
    font-size: 26px;
  }
  .nccontact02 ul li div textarea {
    height: 220px;
  }
  .ncnew01 .ul li .left b {
    font-size: 18px;
  }
  .ncnew01 .ul li .left i {
    margin: 20px 0;
  }
  .ncnew01 .ul li .left b {
    margin: 10px 0;
  }
  .ncnewsshow01 .left b {
    font-size: 24px;
    line-height: 30px;
  }
  .ncnewsshow01 .left .span {
    font-size: 14px;
    line-height: 40px;
  }
  .ncnewsshow01 .right .sbt {
    font-size: 20px;
    line-height: 20px;
    margin: 20px 20px;
  }
  .ncnewsshow01 .right ul li div {
    height: 50px;
  }
  .ncnewsshow01 .right ul li {
    line-height: 50px;
  }
  .ncnewsshow01 {
    padding: 140px 0 60px 0;
  }
  .about01 .ncmain .right img {
    width: 280px;
  }
  .about01 .ncmain .right .bt {
    font-size: 24px;
    padding-bottom: 15px;
    margin-top: -10px;
  }
  .about01 .ncmain .right .bt::after {
    width: 150px;
  }
  .about01 .ncmain .right .con {
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
  }
  .about02 {
    padding: 30px 0;
  }
  .about04 {
    padding: 50px 0 30px 0;
  }
  .about04 .ncmain .item .con .bt1 {
    font-size: 24px;
  }
  .about04 .ncmain .item .con .bt2 {
    font-size: 18px;
    margin: 12px 0;
  }
  .about04 .ncmain .item .con .xian {
    margin-bottom: 20px;
  }
  .about04 .ncmain .item .con {
    padding: 20px;
  }
  .about04 .ncmain .item .ncimgcenter {
    height: 340px;
  }
  .about03 .ncmain .item .right {
    padding-left: 80px;
  }
  .about05,
  .about06,
  .about07 {
    padding: 40px 0;
  }
  .about05 .con .bn img {
    width: 90px;
  }
  .about06 .ncmain .right .con {
    font-size: 16px;
    line-height: 40px;
  }
  .about06 .ncmain .right .bt1 {
    font-size: 26px;
  }
  .about06 .ncmain .right img {
    margin: 10px 0 30px 0;
  }
  .about07 .ncmain .item {
    margin-top: 60px;
  }
  .about08 .ncmain .item .con .bt {
    font-size: 24px;
    margin-top: -6px;
  }
  .about08 .ncmain .item .con .subt {
    font-size: 30px;
  }
  .about08 .ncmain .item .con .c {
    font-size: 14px;
    line-height: 26px;
    margin-top: 24px;
  }
  .about11 .ncmain .main_con1 .left .bt {
    font-size: 24px;
    line-height: 40px;
    margin-top: 10px;
  }
  .about11 .ncmain .main_con1 .left .xian {
    margin: 20px 0 20px 0;
  }
  .about11 .ncmain .main_con1 .left .subt {
    font-size: 14px;
    line-height: 26px;
  }
  .about12 .ncmain .item .right .bt {
    font-size: 22px;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .ncabout04 .contant .item .box b {
    font-size: 30px;
  }
  .ncabout04 .contant .item .box div {
    font-size: 18px;
    line-height: 30px;
    margin-top: 15px;
  }
  .ncabout04 ul li b {
    line-height: 30px;
    font-size: 20px;
  }
  .ncabout04 ul li span {
    width: 30px;
    height: 30px;
  }
  .ncabout04 ul li span img {
    height: 30px;
  }
  .ncabout04 ul li {
    padding: 3% 0;
  }
  .ncabout04 ul li em {
    font-size: 34px;
  }
  .nccontact01 #container {
    height: 400px;
  }
.about14 .ncmain .main_con1 .about14banner1 .swiper-slide-active{
	background-size: 50px auto;
	padding-top: 55px;
}
.about14 .ncmain .main_con1 .about14banner1 .swiper-slide-active span {
	padding: 3px 25px;
	border-radius: 4px;
	font-size: 18px;
}
.ncimgcenterwai .new_proshow_tobig {
  width: 20px;
}
    .nav_right ul li {
      width: 65px;
      height: 65px;
      margin: 12px 0;
      border-radius: 6px;
    }
.nav_right ul li#top{
    width: 35px;
    height: 35px;
    margin-left: 15px;
}
.nav_right ul li#top a img{
    height: 14px;
}
    .nav_right ul li a > p {
      font-size: 12px;
      margin-top: 10px;
    }
    .nav_right ul li a > img{
        height: 20px;
    }
    .nav_right ul li .a_div {
      left: -240px;
    }
    .Ncheader .nav .centre ul li .listnav .am a img{
        transform: translateY(-1px); height: 16px;
    }
    
    .new_video_tab {
      margin: 40px 0;
    }
    .new_video_con li {
      margin-top: 25px;
    }
    .new_video_tab_con a {
      padding: 25px 0;
      font-size: 20px;
    }
    .new_video_tab_con a img {
      height: 25px;
      margin-right: 6px;
    }
    .new_video_con li .text {
      padding: 25px;
      font-size: 17px;
    } 
.new_video_wai {
  padding-bottom: 60px;
} 
}
@media (min-width: 320px) and (max-width: 1200px) {
    
    .newsul {
       padding: 0 40px;
    }   
    
  .ncmain {
    width: 96%;
  }
  .Ncheader .ncmain {
    width: 94%;
  }
  .ncpadding {
    padding: 30px 0 20px 0;
  }
  .nctitle .title {
    font-size: 24px;
  }
  #banner1 .indicator {
    margin-left: 0;
    bottom: 20px;
    left: 2%;
  }
  #banner1 .swiper-pagination {
    width: 96%;
  }
  .Ncheader {
    width: 96%; padding: 0 20px;
  }
  .Ncheader .nav .centre ul li .listnav {
    /*width: 100%;*/
    box-shadow: none;
  }
  #page ul {
    font-size: 15px;
    padding: 10px 0;
  }
  #page ul li:nth-child(1) {
    background-position: left 30px center;
    padding-left: 30px;
    background-size: 14px;
  }
  #page ul li:last-child {
    background-position: right 30px center;
    padding-right: 30px;
    background-size: 14px;
  }
  #page ul li a {
    margin: 0px 10px;
    line-height: 34px;
    width: 34px;
    height: 34px;
  }
  .pages {
    font-size: 14px;
    line-height: 40px;
  }
  .pages span img {
    width: 25px;
  }
  .ncfooter .footer .right {
    padding: 20px;
  }
  .ncfooter .footer .left {
    padding-top: 20px;
  }
  .ncfooter .footer .left .link {
    margin-top: 50px;
  }
  .ncfooter .footer .right b {
    font-size: 24px;
  }
  .ncfooter .footer .right .flog {
    margin-bottom: 18px;
  }
  .nav_right ul li {
    width: 50px;
    height: 50px;
    margin: 14px 0;
  }
  .nav_right ul li a img {
    max-width: 20px;
    max-height: 20px;
  }
  .nav_right ul li .quan_1 {
    width: 60px;
    height: 60px;
  }
  .nav_right ul li .quan_1 {
    width: 68px;
    height: 68px;
  }
  .nav_right ul li .a_div {
    left: -214px;
  }
  .ncindex03 .ncmain {
    width: 98%;
    margin-left: 2%;
  }
  .ncindex03 .main_con .swiper-slide .con .con_1 {
    font-size: 18px;
  }
  .ncindex03 .main_con .swiper-slide .con .con_2 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
  }
  .proshow01 {
    padding-top: 150px;
  }
  .three01 .center .item {
    margin-top: 30px;
  }
  .three01 .center .item .right .bt {
    font-size: 24px;
    padding-bottom: 20px;
  }
  .three01 .center .item .right .c {
    margin-top: 10px;
  }
  .three01 .center .item .right {
    padding: 0 30px;
  }
  .three01 .mbottom .con .cl b {
    font-size: 24px;
  }
  .three01 .mbottom .con .cl span {
    font-size: 12px;
    margin: 10px 0 20px 0;
  }
  .three01 .center {
    margin-top: 30px;
  }
  .three01 .mbottom {
    margin-bottom: 40px;
  }
  .design01 .main_con1 .right .bt {
    font-size: 24px;
    line-height: 28px;
  }
  .design01 .main_con1 .right .subt {
    font-size: 20px;
    margin: 15px 0;
  }
  .design01 .main_con1 .right .con {
    line-height: 22px;
  }
  .design01 .main_con {
    margin-top: 30px;
  }
  .design01 .main_con2 .con .bt {
    font-size: 24px;
    line-height: 30px;
  }
  .design01 .main_con2 .con .bt1 {
    margin: 10px 0 30px 0;
  }
  .design01 .main_con3 .right .bt {
    font-size: 26px;
    line-height: 30px;
  }
  .design01 .main_con3 .right .con {
    font-size: 14px;
    line-height: 26px;
    margin-top: 30px;
  }
  .design01 .main_con4 .left .bt1 {
    font-size: 26px;
    margin: 10px 0 16px 0;
  }
  .design01 .main_con4 .left .con {
    line-height: 24px;
  }
  .design01 .main_con4 .left .con .pp {
    margin: 15px 0;
    line-height: 12px;
    font-weight: normal;
  }
  .design01 .main_con4 .right .con .bt {
    font-size: 30px;
    line-height: 30px;
  }
  .design01 .main_con4 .right .con .c {
    font-size: 18px;
    margin-top: 15px;
  }
  .design01 .main_con6 .itembox .item .tit .subt {
    font-size: 20px;
  }
  .design01 .main_con6 .itembox .item .tit {
    margin-top: 20px;
    padding-bottom: 20px;
  }
  .design01 .main_con6 .itembox {
    margin-bottom: 30px;
  }
  .project01 .ncmain .left .subt {
    font-size: 28px;
  }
  .project01 .ncmain .left .bt {
    font-size: 24px;
  }
  .project01 .ncmain .left .con {
    line-height: 28px;
    margin-top: 14px;
  }
  .project02 .main_conbox {
    margin-top: 30px;
  }
  .project03 .main_con .swiper-slide .con {
    padding: 20px;
  }
  .service03,
  .service04 {
    padding: 40px 0;
  }
  .service03 .ncmain .item .right {
    right: 30px;
    width: 32%;
  }
  .service03 .ncmain .item:nth-child(2n) .right {
    left: 30px;
  }
  .service04 .main_1 .right .con {
    line-height: 22px;
    font-size: 12px;
  }
  .nccontact01 .top .left span img {
    width: 140px;
  }
  .nccontact01 .top .left {
    padding: 40px 50px;
  }
  .nccontact01 .top .left b {
    font-size: 16px;
    margin-top: 10px;
  }
  .nccontact01 ul li span {
    font-size: 16px;
  }
  .nccontact01 ul li b {
    font-size: 18px;
    margin-top: 12px;
  }
  .nccontact01 ul li {
    padding: 30px 0;
    padding-left: 70px;
  }
  .nccontact01 ul li:nth-child(1) {
    background: url(../images/contact03_2.png) no-repeat left 26px center;
    background-size: 30px;
  }
  .nccontact01 ul li:nth-child(2) {
    background: url(../images/contact03_3.png) no-repeat left 26px center;
    background-size: 34px;
  }
  .nccontact01 ul li:nth-child(3) {
    background: url(../images/contact03_4.png) no-repeat left 26px center;
    background-size: 30px;
  }
  .nccontact01 .mapbox {
    margin-top: 20px;
  }
  .nccontact02 b {
    font-size: 22px;
  }
  .nccontact02 ul li div input {
    height: 50px;
  }
  .nccontact02 ul li div {
    padding-left: 50px;
  }
  .nccontact02 ul li:nth-child(1) div {
    background: url(../images/contact03_5.png) no-repeat left 16px center;
  }
  .nccontact02 ul li:nth-child(2) div {
    background: url(../images/contact03_6.png) no-repeat left 16px center;
  }
  .nccontact02 ul li:nth-child(3) div {
    background: url(../images/contact03_7.png) no-repeat left 16px center;
  }
  .nccontact02 ul li:nth-child(4) div {
    background: url(../images/contact03_8.png) no-repeat left 16px center;
  }
  .nccontact02 ul li {
    margin-bottom: 30px;
  }
  .nccontact02 ul li:nth-child(5) div {
    background: url(../images/contact03_9.png) no-repeat left 16px top 20px;
    padding-left: 50px;
  }
  .nccontact02 .submit {
    line-height: 46px;
    padding: 0 38px;
    font-size: 14px;
  }
  .about03 {
    padding-top: 0;
  }
  .about04 {
    padding: 30px 0 30px 0;
  }
  .about04 .ncmain .item .con .c {
    font-size: 14px;
    line-height: 22px;
  }
  .about04 .ncmain .item .con .bt1 {
    font-size: 20px;
  }
  .about04 .ncmain .item .con .bt2 {
    font-size: 16px;
    margin: 8px 0;
  }
  .about04 .ncmain .item .con .xian {
    margin-bottom: 10px;
  }
  .about04 .ncmain .item .ncimgcenter {
    height: 300px;
  }
  .about03 .ncmain .item .right {
    width: 50%;
  }
  .about03 .ncmain .item:nth-child(2n) .right {
    left: 0;
  }
  .about06 .ncmain .right .bt {
    font-size: 24px;
  }
  .about06 .ncmain .right .bt1 {
    font-size: 22px;
    margin-top: -5px;
  }
  .about06 .ncmain .right .con {
    font-size: 14px;
    line-height: 30px;
  }
  .about06 .ncmain .right img {
    margin: 10px 0 20px 0;
  }
  .about07 .ncmain .item {
    margin-top: 40px;
  }
  .about07 .ncmain .item .con .bt {
    font-size: 22px;
  }
  .about07 .ncmain .item .con .c {
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
  }
  .about10 {
    margin: 30px 0;
  }
  .about10 .ncmain .main_con2,
  .about10 .ncmain .main_con3,
  .about11 .ncmain .main_con1,
  .about12 .ncmain .item {
    margin-top: 30px;
  }
  .about12 {
    margin: 30px 0;
  }
  .about10 .ncmain .main_con1 .con {
    margin-top: 20px;
  }
  .about10 .ncmain .main_con1 .con .b span {
    font-size: 22px;
  }
  .about10 .ncmain .main_con1 .con .b {
    font-size: 24px;
    line-height: 30px;
  }
  .about10 .ncmain .main_con1 .con .c {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .about10 .ncmain .main_con2 .swiper-slide .left .bt {
    font-size: 22px;
  }
  .about10 .ncmain .main_con2 .swiper-slide .left .con {
    margin-top: 20px;
  }
  .about10 .ncmain .main_con3 .item .con .bt {
    font-size: 18px;
    margin: 20px 0 10px 0;
  }
  .ncabout04 .contant .item .box b {
    font-size: 20px;
  }
  .ncabout04 .contant .item .box div {
    font-size: 14px;
    line-height: 24px;
  }
  .ncabout04 .contant .item .box {
    padding: 50px;
  }
  .ncabout04 ul li b {
    font-size: 16px;
  }
  .ncabout04 ul li span {
    margin-right: 20px;
  }
  
    .new_video_tab {
      margin: 30px 0;
    }
    .new_video_con li {
      margin-top: 20px;
    }
    .new_video_tab_con a {
      padding: 22px 0;
      font-size: 18px;
    }
    .new_video_tab_con a img {
      height: 20px;
      margin-right: 5px;
    }
    .new_video_con li .text {
      padding: 25px 15px;
      font-size: 15px;
    }
.new_video_wai {
  padding-bottom: 40px;
}

}
@media (min-width: 320px) and (max-width: 768px) {
    
.newsul {
  padding: 0 15px;
}
    
  .Ncheader {
    top: 10px;
    width: 100%;
  }
  .Ncheader .nav .navbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    display: none;
    padding-top: 10px;
    padding: 0;
  }
  .Ncheader .nav_right {
    display: none;
  }
  .Ncheader .nav {
    width: 58%;
    float: right;
    margin-right: 2%;
  }
  .Ncheader .nav_right,
  .Ncheader .logo {
    padding-left: 2%;
  }
  .Ncheader .nav .centre ul li .a {
    color: #333;
  }
  .Ncheader .nav .centre ul li em {
    display: none;
  }
  .Ncheader .nav .centre ul li {
    padding: 0 20px;
  }
  .Ncheader .nav .centre ul li {
    position: relative;
  }
  .Ncheader .nav .centre ul li a {
    color: #333;
    width: 90%;
  }
  .Ncheader .nav .centre ul li .listnav .listnavbg {
    display: none;
  }
  .Ncheader .nav .centre ul li .listnav {
    width: 100%;
    transform: none;
  }
  .Ncheader .nav .centre ul li .listnav .list .item {
    float: none;
    width: 100%;
  }
  .Ncheader .nav .centre ul li .listnav .list .item .box {
    transform: none;
    position: static;
    width: 100%;
    text-align: left;
  }
  .Ncheader .nav .centre ul li .listnav .list .item .box img {
    display: none;
  }
  .Ncheader .nav .centre ul li .listnav .list .item .box i {
    display: none;
  }
  .Ncheader .nav .centre ul li .listnav .list .item .box p {
    margin: 0;
    line-height: 40px;
    padding-left: 20px;
    color: #999;
  }
  .Ncheader .nav .centre ul li .listnav,
  .Ncheader .nav .centre ul li .listnav .list {
    width: 100%!important;
    height: auto;
  }
  .Ncheader .nav .centre ul li strong {
    position: absolute;
    right: 5%;
    top: 0;
  }
  .Ncheader .nav .centre {
    width: 100%;
    height: 90vh;
    overflow-y: scroll;
  }
  .Ncheader .nav .centre ul {
    height: auto;
    width: 100%;
    margin-top: 60px;
    border-top: 1px solid #eee;
  }
  .Ncheader .nav .centre ul li {
    float: none;
    border-bottom: 1px solid #eee;
    height: auto;
    overflow: hidden;
    cursor: pointer;
  }
  .Ncheader .nav .centre ul span {
    display: none;
  }
  .Ncheader .nav .centre ul li .listnav {
    position: initial;
    height: auto;
    margin-left: 0;
    width: 100%;
    border-radius: 0;
  }
  .Ncheader .nav .centre ul li .listnav div {
    position: initial;
    top: 0;
    left: 0;
    display: block;
    transform: initial;
  }
  .Ncheader .nav .centre ul li .listnav div a {
    color: #999;
    text-align: left;
    line-height: 30px;
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .Ncheader .h4 {
    display: block;
  }
  .Ncheader .nav .right {
    display: block;
    float: none;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 0;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .Ncheader .nav .right .layui-btn {
    color: #333;
  }
  .Ncheader .nav .right .china {
    width: 100%;
  }
  .Ncheader .nav .right .img2 {
    display: inline-block;
  }
  .Ncheader .nav .right .img1 {
    display: none;
  }
  .Ncheader .nav .right span {
    background-color: #666;
  }
  .Ncheader .nav .right span a {
    color: #fff;
  }
  .Ncheader .nav .right .layui-btn-container {
    display: inline-block;
    float: none;
  }
  .Ncheader .nav .right .china {
    text-align: center;
    margin-top: 10%;
  }
  .Ncheader .nav .logo {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 50px;
    height: 60px;
  }
  .Ncheader .nav .centre ul li .listnav i {
    display: none;
  }
  .Ncheader .nav .right .tel a {
    color: #1e51a2;
  }
  .Ncheader .nav .right .tel .tema2 {
    display: inline-block;
  }
  .Ncheader .nav .right .tel .tema1 {
    display: none;
  }
  .Ncheader .nav .right .tel {
    font-size: 20px;
    background: url(../images/tel.png) no-repeat left 36% center;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_left_item {
    border-bottom: 0;
    border-top: 1px solid #f1f1f1;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_left div {
    font-size: 14px;
    line-height: 20px;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_left div img {
    margin-right: 6px;
    width: 20px;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_right .item {
    margin-top: 8px;
  }
  .ncmain {
    width: 94%;
  }
  #banner1 .swiper-slide .img2 {
    display: block;
  }
  #banner1 .swiper-slide .img {
    display: none;
  }
  #banner1 .swiper-pagination .swiper-pagination-bullet {
    margin-right: 10px;
  }
  .Ncheader {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0;
    padding: 0;
    top: 0;
    border: none;
  }
  .Ncheader .nav .right .tel {
    font-size: 20px;
    background: url(../images/tel.png) no-repeat left 36% center;
  }
  .Ncheader .nav .centre ul li {
    line-height: 50px;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_right {
    width: 66%;
    padding: 10px 10px;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_left div img {
    display: none;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_left {
    width: 36%;
  }
  .Ncheader .nav .centre ul li .listnav .abox .listnav_right .item {
    font-size: 12px;
    line-height: 20px;
  }
  .Ncheader .nav .logo {
    height: 50px;
    left: 10px;
  }
  .Ncheader .nav {
    height: 50px;
  }
  .Ncheader .h4 i {
    line-height: 50px;
  }
  #banner1 .indicator {
    display: none;
  }
  #page1 ul li a {
    height: 30px;
    line-height: 30px;
  }
  #page1 ul li i {
    font-size: 28px;
  }
  #page1 ul {
    font-size: 14px;
  }
  #page ul li a {
    margin: 0;
  }
  #page ul li:nth-child(1) a,
  #page ul li:last-child a {
    width: 60px;
  }
  #page ul li:nth-child(1),
  #page ul li:last-child {
    background-size: 0;
  }
  #page ul {
    font-size: 14px;
    padding: 4px 0;
  }
  #page ul li a {
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
  #page ul li:nth-child(1) {
    padding-left: 0;
  }
  #page ul li:last-child {
    padding-right: 0;
  }
  .ncfooter .footer .left {
    width: 100%;
  }
  .ncfooter .footer .right {
    width: 100%;
  }
  .ncfooter {
    background-color: #222;
  }
  .ncfooter .footer .left ul li {
    width: 25%;
    text-align: center;
  }
  .ncfooter .footer .left ul li a {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .ncfooter .footer .left ul li a:nth-child(1),
  .ncfooter .footer .right span {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .ncfooter .footer .left ul li:nth-child(1) {
    display: none;
  }
  .ncfooter .footer .left .link {
    margin-top: 10px;
  }
  .ncfooter .footer .right {
    padding: 0;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .ncfooter .footer .right b {
    font-size: 24px;
  }
  .ncfooter .footer .right .dizhi {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0;
  }
  .ncfooter .footer1 {
    padding: 10px 0;
    margin-top: 15px;
  }
  .ncfooter .footer1 .left {
    width: 100%;
  }
  .ncfooter .footer1 .right {
    width: 100%;
    text-align: center;
  }
  .ncfooter .footer .right .weixin a em {
    left: -38px;
  }
  .ncfooter .footer .left ul {
    display: flex;
    flex-wrap: wrap;
  }
  .ncfooter .footer .right {
    text-align: center;
  }
  .ncfooter .footer1 .right {
    line-height: 1.5;
  }
  .ncfooter .footer1 {
    overflow: hidden;
  }
  .ncfooter .footer .right .weixin a {
    margin: 0 10px;
  }
  .ncfooter .footer .right .flog {
    text-align: center;
  }
  .Ncheader .nav .right .search img:nth-child(1) {
    display: none;
  }
  .Ncheader .nav .right .search img:nth-child(2) {
    display: block;
  }
  .Ncheader .nav .right .tel {
    font-size: 20px;
    background: url(../images/tel1.png) no-repeat left 0 center;
  }
  .Ncheader .nav .right .search::after {
    background-color: #333;
  }
  .Ncheader1 .nav .right .tel {
    background: none;
  }
  .Ncheader .nav .centre ul li .listnav .am {
    margin-left: 15px;
    display: block;
    transform: unset;
  }
  .nctitle .title {
    font-size: 20px;
    line-height: 36px;
  }
  .ncindex01 .main_con .item {
    width: 100%;
  }
  .ncindex01 .main_con {
    flex-wrap: wrap;
  }
  .ncindex01 .main_con .item .tit {
    margin: 10px 0;
  }
  .nctitle .subtitle span {
    font-size: 14px;
    margin-left: 6px;
    line-height: 26px;
  }
  .nctitle .subtitle i {
    width: 26px;
    height: 26px;
  }
  .nctitle .subtitle i img {
    width: 10px;
  }
  .ncindex02 .main_con .ncimgcenter {
    padding: 35% 0;
  }
  .ncindex02 .main_con .swiper-button-next {
    right: 15px;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  .ncindex02 .main_con .swiper-button-prev {
    left: 15px;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  .ncindex02 .main_con .swiper-button-prev:after,
  .ncindex02 .main_con .swiper-button-next:after {
    font-size: 12px;
  }
  .ncindex02 .main_con .swiper-slide .con {
    position: absolute;
    left: 15px;
    bottom: 20px;
  }
  .ncindex02 .main_con .swiper-slide .con .con_2 {
    margin: 6px 0 10px 0;
  }
  .ncindex03 .con_nav ul li {
    font-size: 14px;
    padding-bottom: 10px;
    margin-right: 20px;
  }
  .ncindex03 .con_nav {
    margin-bottom: 18px;
  }
  .ncindex03 .main_con .swiper-slide .con {
    padding: 15px;
  }
  .ncindex04 .ncmain .con div {
    font-size: 14px;
    margin-top: 10px;
  }
  .ncindex04 .ncmain .con img {
    width: 30px;
  }
  .ncindex04 {
    margin-top: 20px;
  }
  .ncindex01 .main_con .item .ncimgcenter .clic {
    display: block;
  }
  .ncindex05 {
    margin: 20px 0;
  }
  .ncindex05 .ncmain .item {
    width: 100%;
    margin-top: 10px;
  }
  .ncindex05 .ncmain .item:nth-child(1) {
    margin-top: 0;
  }
  .ncindex05 .ncmain {
    flex-wrap: wrap;
  }
  .pro01 .ncmain .left {
    width: 100%;
    margin-top: 20px;
  }
  .pro01 .ncmain .right {
    width: 100%;
  }
  .onetit {
    display: none;
  }
  .pro01 .ncmain .right .con .item {
    width: 100%;
    margin-top: 10px;
  }
  .pro01 .ncmain .right .con .item:nth-child(2),
  .pro01 .ncmain .right .con .item:nth-child(3) {
    margin-top: 10px;
  }
  #page {
    margin-top: 20px;
  }
  .pro01 {
    padding-bottom: 20px;
  }
  .proshow01 {
    padding-top: 100px;
  }
  .proshow01 .ncmain .left {
    width: 100%;
  }
  .proshow01 .ncmain .right {
    width: 100%;
    margin-top: 20px;
  }
  .proshow01 .ncmain .right .bt {
    font-size: 20px;
    padding: 15px 0;
  }
  .proshow01 .ncmain .right .con {
    margin: 15px 0 20px 0;
    font-size: 14px;
    line-height: 22px;
  }
  .proshow01 .ncmain .right .qq a {
    width: 48%;
  }
  .proshow02 .main_con .item .left {
    width: 100%;
  }
  .proshow02 .main_con .item .right {
    position: initial;
    width: 100%;
    transform: none;
    padding: 20px;
    float: left;
  }
  .proshow02 .main_con1 ul li {
    font-size: 14px;
    line-height: 40px;
  }
  .proshow02 .main_con2 .ncimgcenter {
    padding: 30% 0;
  }
  .three01 .top ul li {
    width: 100%;
  }
  .three01 .center .item .left {
    width: 100%;
  }
  .three01 .center .item .right {
    position: initial;
    width: 100%;
    transform: none;
    padding: 20px;
    float: left;
  }
  .three01 .center .item .right .bt {
    font-size: 20px;
    padding-bottom: 15px;
  }
  .three01 .center .item .right .c {
    font-size: 12px;
    line-height: 26px;
  }
  .three01 .mbottom .con .cl {
    position: initial;
    width: 100%;
    transform: none;
  }
  .design01 {
    padding-top: 90px;
  }
  .design01 .main_con1 .left {
    width: 100%;
  }
  .design01 .main_con1 .right {
    width: 100%;
    margin-top: 10px;
  }
  .design01 .main_con1 .right .bt {
    font-size: 22px;
    line-height: 24px;
  }
  .design01 .main_con1 .right .subt {
    font-size: 18px;
    margin: 10px 0;
  }
  .design01 .main_con1 .right .con {
    line-height: 20px;
  }
  .design01 .main_con2 .ncimgcenter {
    padding: 30% 0;
  }
  .design01 .main_con2 .con {
    position: initial;
    width: 100%;
    transform: none;
    padding: 10px 0;
  }
  .design01 .main_con2 .con .bt,
  .design01 .main_con2 .con .bt1,
  .design01 .main_con2 .con .c {
    color: #333;
  }
  .design01 .main_con3 .left {
    width: 100%;
  }
  .design01 .main_con3 .right {
    width: 100%;
    bottom: 20px;
    top: auto;
    transform: none;
    transform: translateX(-50%);
    right: -50%;
    padding: 0 20px;
  }
  .design01 .main_con3 .right .bt,
  .design01 .main_con3 .right .con {
    color: #fff;
  }
  .design01 .main_con3 .right .bt {
    font-size: 20px;
  }
  .design01 .main_con3 .right .con {
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
  }
  .design01 .main_con3 .left .ncimgcenter {
    background-color: #333;
  }
  .design01 .main_con3 .left .ncimgcenter img {
    opacity: 0.5;
  }
  .design01 .main_con4 .left,
  .design01 .main_con4 .right {
    width: 100%;
    position: initial;
    margin-top: 10px;
  }
  .design01 .main_con4 .left .con,
  .design01 .main_con4 .right .con {
    position: initial;
    transform: none;
  }
  .design01 .main_con4 .left .bt1 {
    font-size: 20px;
    margin: 10px 0 10px 0;
  }
  .design01 .main_con4 .left .con {
    line-height: 20px;
    font-size: 12px;
  }
  .design01 .main_con6 .itembox .item .tit .subt {
    font-size: 12px;
  }
  .design01 .main_con6 .itembox .item .tit .bt {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .design01 .main_con6 .itembox {
    margin-bottom: 15px;
  }
  .design01 .main_con6 .itembox .item,
  .design01 .main_con6 .itembox .item:nth-child(2),
  .design01 .main_con6 .itembox:nth-child(2n) .item,
  .design01 .main_con6 .itembox:nth-child(2n) .item:nth-child(2) {
    width: 100%;
  }
  .design01 .main_con6 .itembox:nth-child(2n) .item:nth-child(2) {
    position: initial;
    transform: none;
  }
  .design01 .ddimg img {
    width: 70%;
  }
  .design02 .newbox .item {
    width: 100%;
    margin-top: 10px;
  }
  .design02 .newbox .item:nth-child(2) {
    margin-top: 10px;
  }
  .design01 {
    padding-bottom: 20px;
  }
  .design02 .newbox .item .left {
    width: 40%;
  }
  .design02 .newbox .item .right {
    width: calc(60% - 10px);
  }
  .design02 .newbox .item .right .con {
    margin: 5px 0;
  }
  .design02 .newbox .item .right .bt {
    line-height: 22px;
    height: 44px;
  }
  .design02 .newbox .item .right .bn {
    font-size: 12px;
  }
  .design02 .newbox .item .right .bn em img {
    width: 14px;
  }
  .designshow01 .main_con .left {
    width: 100%;
  }
  .designshow01 .main_con .left .bt {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0;
  }
  .designshow01 .main_con .left .con {
    font-size: 12px;
    line-height: 24px;
    margin-top: 16px;
  }
  .designshow01 .main_con .right {
    padding: 0;
    width: 100%;
  }
  .designshow01 .main_con .right .con {
    font-size: 12px;
    line-height: 24px;
    margin: 10px 0;
  }
  .designshow03 .left {
    width: 100%;
  }
  .designshow03 .right {
    width: 100%;
  }
  .designshow03 .jian {
    display: none;
  }
  .designshow03 .left .ncimgcenter {
    height: auto;
    padding: 17% 0;
  }
  .designshow03 .left .ncimgcenter img {
    height: auto;
    width: 100%;
  }
  .designshow03 .right .ncimgcenter {
    height: auto;
    padding: 17% 0;
  }
  .designshow03 .right .ncimgcenter img {
    height: auto;
    width: 100%;
  }
  .designshow02 .main_con .left {
    width: 100%;
  }
  .designshow02 .main_con .right {
    width: 100%;
    position: initial;
    transform: none;
    margin-top: 10px;
    float: left;
  }
  .designshow02 .main_con .right .bt1 {
    font-size: 22px;
    line-height: 30px;
  }
  .designshow02 .main_con .right .bt {
    margin-bottom: 10px;
  }
  .designshow02 .main_con .right .bt2 {
    font-size: 28px;
    margin: 10px 0;
  }
  .designshow02 .main_con .right .con {
    font-size: 12px;
  }
  .designshow02 {
    margin: 20px 0 30px 0;
  }
  .project01 .ncmain .left {
    width: 100%;
  }
  .project01 .ncmain .left .con {
    width: 100%;
  }
  .project01 .ncmain .left .subt {
    font-size: 26px;
  }
  .project01 .ncmain .right {
    width: 100%;
  }
  .ncindex02 .main_con .swiper-slide .con {
    left: 0;
    right: 0;
    bottom: 0;
  }
  .project02 .p2bg {
    height: 100px;
  }
  .project01 {
    padding: 30px 0;
  }
  .project02 .nctitle1 .subtitle a {
    padding-right: 12px;
    margin-right: 12px;
  }
  .project02 .nctitle1 .subtitle em {
    font-size: 14px;
  }
  .project02 .main_conbox {
    margin-top: 15px;
  }
  .mainnav .ncmain span {
    margin: 0px 8px;
  }
  .service01 {
    padding-top: 20px;
  }
  .service02 .main_con2 {
    padding: 10px 0;
  }
  .service02 {
    padding-bottom: 20px;
  }
  .service03,
  .service04 {
    padding: 20px 0;
  }
  .service03 .ncmain .item {
    margin-top: 20px;
  }
  .service03 .ncmain .item .left {
    width: 100%;
  }
  .service03 .ncmain .item .right {
    width: 100%;
    position: initial;
    transform: none;
    padding: 10px;
    float: left;
  }
  .service03 .ncmain .item .right .bt2 {
    font-size: 18px;
    margin: 6px 0 6px 0;
  }
  .service03 .ncmain .item .right .bt1 {
    font-size: 30px;
  }
  .service04 .main_1 .left {
    width: 100%;
  }
  .service04 .main_1 .right {
    padding: 20px;
    position: initial;
    transform: none;
    float: left;
    width: 100%;
  }
  .nccontact01 .top .left {
    padding: 10px;
    text-align: center;
  }
  .nccontact01 .top .left .box {
    display: inline-block;
    width: 100%;
  }
  .nccontact01 .top .left span {
    display: inline-block;
  }
  .nccontact01 .top .left b {
    font-size: 14px;
    margin-top: 8px;
  }
  .nccontact01 .top .left span img {
    width: 110px;
  }
  .nccontact01 ul li {
    width: 100%;
  }
  .nccontact01 ul li {
    padding: 10px 0;
    padding-left: 50px;
  }
  .nccontact01 ul li:nth-child(1) {
    background: url(../images/contact03_2.png) no-repeat left 16px center;
    background-size: 22px;
  }
  .nccontact01 ul li:nth-child(2) {
    background: url(../images/contact03_3.png) no-repeat left 12px center;
    background-size: 26px;
  }
  .nccontact01 ul li:nth-child(3) {
    background: url(../images/contact03_4.png) no-repeat left 16px center;
    background-size: 22px;
  }
  .nccontact01 ul li b {
    font-size: 16px;
    margin-top: 6px;
  }
  .lleft img {
    width: 40px;
  }
  .content-window-card b {
    margin-bottom: 0px;
  }
  .nccontact02 ul li {
    width: 100%;
    margin-right: 0;
  }
  .nccontact02 ul li div input::placeholder,
  .nccontact02 ul li div textarea::placeholder {
    font-size: 14px;
  }
  .nccontact02 ul li {
    margin-bottom: 10px;
  }
  .nccontact02 ul li div textarea {
    height: 110px;
  }
  .nccontact02 ul li div {
    background-size: 18px!important;
  }
  .nccontact02 .submit {
    line-height: 40px;
    padding: 0px 26px;
    font-size: 14px;
  }
  #container {
    height: 200px;
  }
  .ncnew01 .ul li .left {
    width: 100%;
  }
  .ncnew01 .ul li .right {
    width: 100%;
    margin-top: 20px;
  }
  .ncnew01 .ul li .left b {
    font-size: 16px;
  }
  .ncnew01 .ul li {
    margin-top: 20px;
  }
  .ncnewsshow01 .left b {
    padding: 0 20px;
  }
  .ncnewsshow01 .left .contant {
    padding: 20px;
    font-size: 12px;
    line-height: 22px;
  }
  .ncnewsshow01 .left b {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
  }
  .ncnewsshow01 .right .sbt {
    font-size: 16px;
  }
  .pages span {
    width: 60%;
  }
  .pages span:nth-child(1),
  .pages span:last-child {
    width: 20%;
  }
  .ncnewsshow01 .right ul {
    padding: 0 10px 10px 10px;
  }
  .ncnewsshow01 .left .span {
    margin: 0 20px;
  }
  .ncnewsshow01 .left {
    width: 100%;
  }
  .ncnewsshow01 .right {
    width: 100%;
    margin-top: 10px;
  }
  .ncnewsshow01 {
    padding: 69px 0 30px 0;
  }
  .ncnewsshow01 .left .hheight {
    height: 20px;
  }
  .ncnewsshow01 .left .span {
    line-height: 20px;
    padding: 10px 0;
  }
  .about01 .ncmain .left {
    width: 100%;
  }
  .about01 .ncmain .right {
    width: 100%;
    margin-top: 10px;
  }
  .about02 {
    padding: 20px 0;
  }
  .about02 .ncmain .item {
    width: 100%;
  }
  .about02 .ncmain .item .con {
    padding: 16px;
  }
  .about01 {
    padding: 0;
  }
  .about04 .ncmain .item {
    width: 100%;
  }
  .about03 {
    padding-top: 0;
  }
  .about05,
  .about06,
  .about07 {
    padding: 20px 0;
  }
  .about05 .con .bn img {
    width: 50px;
  }
  .about06 .ncmain .left {
    width: 100%;
  }
  .about06 .ncmain .right {
    width: 100%;
    padding: 10px;
  }
  .about07 .ncmain .item .con {
    position: initial;
    padding: 10px;
    width: 100%;
  }
  .about07 .ncmain .item {
    margin-top: 15px;
  }
  .about08 .ncmain .item {
    margin-top: 20px;
  }
  .about08 {
    padding: 20px 0;
  }
  .about08 .ncmain .item .con {
    padding: 30px 20px 80px 20px;
  }
  .about08 .ncmain .item .ncimgcenter {
    width: 100%;
  }
  .about08 .ncmain .item .con {
    position: initial;
    width: 100%;
    float: left;
  }
  .about08 .ncmain .item .con .subt {
    font-size: 22px;
  }
  .about08 .ncmain .item .con .bt {
    font-size: 18px;
  }
  .about08 .ncmain .item .con .c {
    font-size: 12px;
    line-height: 22px;
    margin-top: 15px;
  }
  .about09 .ncmain .main_con1 .subt {
    width: 100%;
  }
  .about09 .ncmain .main_con1 .bt {
    font-size: 20px;
  }
  .about09 .ncmain .main_con1 .subt {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
  }
  .about09 .ncmain .main_con1,
  .about09 .ncmain .main_con2,
  .about09 .ncmain .main_con3 {
    margin-top: 20px;
  }
  .about09 .ncmain .main_con2 .left {
    width: 100%;
  }
  .about09 .ncmain .main_con2 .right {
    width: 100%;
    margin-top: 10px;
  }
  .about09 .ncmain .main_con2 .right img {
    width: 100%;
    position: initial;
  }
  .about09 .ncmain .main_con2 .right .subt,
  .about09 .ncmain .main_con2 .right .bt {
    margin-left: 0;
  }
  .about09 .ncmain .main_con2 .right .con {
    width: 100%;
  }
  .about09 .ncmain .main_con3 .left {
    width: 100%;
  }
  .about09 .ncmain .main_con3 .right {
    width: 100%;
  }
  .about09 .ncmain .main_con3 .left .bt,
  .about09 .ncmain .main_con3 .right .bt {
    font-size: 20px;
    margin: 10px 0 10px 0;
  }
  .about09 .ncmain .main_con4 {
    margin: 30px 0;
  }
  .about09 .ncmain .main_con4 .con .left {
    width: 100%;
    position: initial;
    transform: none;
  }
  .about09 .ncmain .main_con4 .con .right {
    width: 100%;
  }
  .about09 .ncmain .main_con4 .con {
    margin-top: 20px;
  }
  .about09 .ncmain .main_con2 .right .subt {
    font-size: 18px;
  }
  .about09 .ncmain .main_con2 .right .con {
    font-size: 14px;
    line-height: 24px;
  }
  .about09 .ncmain .main_con3 .left .bt {
    font-size: 18px;
  }
  .about09 .ncmain .main_con3 .left .subt {
    font-size: 14px;
    line-height: 26px;
  }
  .about09 .ncmain .main_con4 .con .left span,
  .about09 .ncmain .main_con4 .con .left div {
    font-size: 20px;
  }
  .about09 .ncmain .main_con4 .con .left {
    line-height: 30px;
  }
  .about09 .ncmain .main_con4 .con .left div {
    height: 30px;
  }
  .about10 .ncmain .main_con1 .con .b {
    width: 100%;
    text-align: left;
  }
  .about10 .ncmain .main_con1 .con .c {
    width: 100%;
    margin-left: 0;
  }
  .about10 .ncmain .main_con2 .swiper-slide .left {
    width: 100%;
    position: initial;
    transform: none;
  }
  .about10 .ncmain .main_con2 .swiper-slide .left .con {
    width: 100%;
  }
  .about10 .ncmain .main_con2 .swiper-slide .right {
    width: 100%;
  }
  .about10 .ncmain .main_con2 .swiper-button-next,
  .about10 .ncmain .main_con2 .swiper-button-prev {
    bottom: 10px;
  }
  .about10 .ncmain .main_con3 .item {
    width: 100%;
  }
  .about10 .ncmain .main_con3 .item .con .c {
    font-size: 14px;
    line-height: 20px;
  }
  .about11 .ncmain .main_con1 .left {
    width: 100%;
  }
  .about11 .ncmain .main_con1 .about10banner {
    width: 100%;
  }
  .about11 .ncmain .main_con1 .swiper-button-next,
  .about11 .ncmain .main_con1 .swiper-button-prev {
    background-color: #fff;
    bottom: 10px;
  }
  .about11 .ncmain .main_con1 .about10banner .swiper-slide .con {
    width: 100%;
  }
  .about12 .ncmain .item .left {
    width: 100%;
  }
  .about12 .ncmain .item .right {
    width: 100%;
    padding-left: 0;
  }
  .about12 .ncmain .item:nth-child(2n) .right {
    padding-right: 0;
  }
  .ncabout04 .contant .item .ncimgcenter,
  .ncabout04 .contant {
    padding: 38% 0;
  }
  .ncabout04 .contant .item .box {
    padding: 20px;
  }
  .ncabout04 .contant .item .box b {
    font-size: 16px;
  }
  .ncabout04 .contant .item .box div {
    font-size: 12px;
    line-height: 20px;
  }
  .ncabout04 ul li {
    padding: 10% 0;
  }
  .ncabout04 ul li .box {
    width: 100%;
    text-align: center;
  }
  .ncabout04 ul li .box b {
    float: none;
  }
  .ncabout04 ul li b {
    font-size: 14px;
  }
  .ncabout04 ul li span {
    margin: 0 auto;
    position: static;
    float: none;
  }
  .ncabout04 ul li span img {
    width: 20px;
    height: auto;
    top: 28%;
  }
  .buy01 .ncmain .left {
    width: 100%;
  }
  .buy01 .ncmain .right {
    width: 100%;
    padding-left: 0;
    padding: 10px;
  }
  .buy01 .ncmain .left #container1 {
    height: 300px;
  }
  .buy01 .ncmain .right .layui-form-pane .layui-form-label {
    font-size: 16px;
  }
  .buy01 .ncmain .right .top {
    padding: 20px 0;
  }
  .buy01 .ncmain .right .con .itembox {
    height: auto;
    overflow: initial;
  }
  .buy01 .ncmain .right .con .itembox .item .ri {
    margin-right: 0;
  }
  .buy01 .ncmain .right .con .itembox .item .le div {
    font-size: 14px;
    line-height: 24px;
  }
  .buy01 .ncmain .right .con .itembox .item {
    padding: 10px 0 10px 0;
  }
  .buy01 {
    padding: 20px 0;
  }
  .about13 {
    padding: 50px 0;
  }
  .about13 .ncmain ul li b {
    font-size: 20px;
    margin-top: 10px;
  }
  .jcImgScroll {
    overflow: hidden;
  }
  .about13 {
    padding-top: 20px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .about14 .ncmain .main_con1 .swiper-slide .right {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 20px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .bt b {
    font-size: 50px;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left .bt span {
    font-size: 14px;
    margin-left: 12px;
    line-height: 18px;
  }
  .about14 .ncmain .main_con1 .about14banner1 .swiper-slide span {
    font-size: 16px;
  }
  .about14 .ncmain .main_con1 .about14banner1 .swiper-slide {
    padding-top: 50px;
  }
  .about14 .ncmain .main_con1 .about14banner1 {
    margin-top: 20px;
  }
  .about14 {
    padding: 20px 0 10px 0;
  }
  .about14 .ncmain .main_con1 .swiper-slide .left::after {
    display: none;
  }
  .nccontact01 #container {
    height: 280px;
  }
	.Ncheader .nav .right .search_show {
	  display: block;
	  position: static;
	  width: 40%;
	  box-shadow: none;
	  padding: 0;
	  margin-right: 20px;
	}
    .Ncheader .nav .right .search{
     display:none;
    }
    .about14 .ncmain .main_con1 .about14banner1 {
        background-size: 150%;
        background-position: 25% 12px;
    }
    .bc_conlist {
        width: 100%;
    }
    .bc_con1 .bc_conlist:nth-child(-n+2) {
        margin-top: 8px;
    }
    .proshow01 .ncmain .right .qq a {
      width: 40%;
    }
    .right .qq {
      margin-top: 30px;
    }
    .nav_right{
        display: none;
    }
    .Ncheader .nav .centre ul li .listnav .am a img {
      transform: translateY(-1px);
      height: 14px;
    }
    .new_video_tab_con{
        flex-wrap: wrap; justify-content: left;
    }
    .new_video_tab_con a {
      padding: 20px 0;
      font-size: 15px;
      width: 33.33%;
      border-top: 1px solid #fff;
    }
    .new_video_tab_con a img {
      height: 15px;
      margin-right: 0px;
    }
    .new_video_con li {
      width: 48.5%;
      margin-top: 15px;
    }
    .new_video_con li:nth-child(-n+3) {
      margin-top: 15px;
    }
    .new_video_con li:nth-child(-n+2) {
      margin-top: 0px;
    }
    .new_video_con li .text {
      padding: 20px 10px;
      font-size: 14px;
      line-height: 1.5;
    }
    .new_video_wai {
      padding-bottom: 30px;
    }  
    .service01_top form {
      height: 45px;
      line-height: 45px;
      font-size: 14px;
      margin-bottom: 30px;
      padding: 0 10px;
    }
    .service01_top form button {
      width: 40px;
      background-size: 15px auto;
    }
    .service01_tab_con a {
      padding: 15px 0 15px 20px;
      width: 50%;
    }
    .service01_tab_con a .img img {
      height: 28px;
      margin-right: 10px;
    }
    .service01_tab_con a .text .t {
      font-size: 14px;
    }
    .service01_tab_con a .text .b {
      font-size: 12px;
      margin-top: 5px;
    }
    .service01_btmcon_con li{
        width: 100%;      margin-top: 15px;
    }
    .service01_btmcon_con li a img {
      width: 18px;
    }
    .service01_btmcon_con li a .text {
      width: calc(100% - 48px);
      margin: 0 5px;
      font-size: 16px;
      line-height: 18px;
    }  
    .service01_btmcon_con li a {
      padding: 20px 15px;
      padding-right: 15px;
      width: 100%;
    }
    .service01_btmcon_con li:nth-child(-n+2) {
      margin-top: 15px;
    }
    .service01_btmcon_con li:nth-child(-n+1) {
      margin-top: 0px;
    }
.project02 .swiper-button-prev {left: -0px;  top: 50%;}
.project02 .swiper-button-next {right: -0px;  top: 50%;}
    
}
.three01 .top ul li .con img{}
.three01 .top ul li .con img:nth-child(2){display: none;}
.three01 .top ul li.active .con img{display: none;}
.three01 .top ul li.active .con img:nth-child(2){display: inline-block;}
.three01 .top ul li .con{position: relative;}
.three01 .top ul li .con img{position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-width: 40px;}