.nwp { width: 1400px; margin: auto; }

@media screen and (max-width: 1419px) { .nwp { width: 1200px; } }

@media screen and (max-width: 1219px) { .nwp { width: 960px; } }

@media screen and (max-width: 991px) { .nwp { width: 720px; } }

@media screen and (max-width: 767px) { .nwp { width: 100%; padding-left: 15px; padding-right: 15px; } }

.nseo-title { text-align: center; font-weight: bold; font-size: 60px; font-size: 6rem; line-height: 1.3; color: #000; }

@media screen and (max-width: 1419px) { .nseo-title { font-size: 50px; font-size: 5rem; } }

@media screen and (max-width: 1219px) { .nseo-title { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 991px) { .nseo-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .nseo-title { font-size: 20px; font-size: 2rem; } }

/* seo start */
.nseo-box1 { padding: 84px 0 197px; }

@media screen and (max-width: 1419px) { .nseo-box1 { padding: 80px 0 180px; } }

@media screen and (max-width: 1219px) { .nseo-box1 { padding: 70px 0 160px; } }

@media screen and (max-width: 991px) { .nseo-box1 { padding: 50px 0 140px; } }

@media screen and (max-width: 767px) { .nseo-box1 { padding: 30px 0; } }

.nseo-box1 .nseo-title { margin-bottom: 77px; }

@media screen and (max-width: 1419px) { .nseo-box1 .nseo-title { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nseo-box1 .nseo-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nseo-box1 .nseo-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nseo-box1 .nseo-title { margin-bottom: 20px; } }

.nseo-box1 .box-list { position: relative; font-size: 0; letter-spacing: 0; }

.nseo-box1 .box-list .list-item { display: inline-block; vertical-align: top; width: 17.85714%; position: absolute; }

.box-list1{display: block;}
.box-list2{display: none;}
@media screen and (max-width: 1619px) {
.box-list1{display: none;}
.box-list2{display: block;}
}
@media screen and (max-width: 991px) { .nseo-box1 .box-list .list-item { width: 23.57143%; } }

@media screen and (max-width: 767px) { .nseo-box1 .box-list .list-item { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; width: 32.33% !important; margin: 20px 0.5% 0; } }

@media screen and (max-width: 480px) { .nseo-box1 .box-list .list-item { width: 49% !important; margin-top: 15px !important; } }

.nseo-box1 .box-list .item1 { left: 5%; top: 14.49275%; }

@media screen and (max-width: 991px) { .nseo-box1 .box-list .item1 { left: 0; } }

.nseo-box1 .box-list .item2 { left: 5%; bottom: 2.41546%; }

@media screen and (max-width: 991px) { .nseo-box1 .box-list .item2 { left: 0; } }

.nseo-box1 .box-list .item3 { top: 101.8%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: auto; }

.nseo-box1 .box-list .item4 { right: 0; bottom: 2.41546%; }

.nseo-box1 .box-list .item5 { right: 0; top: 14.49275%; }

.nseo-box1 .box-list .item-pic { width: 50.78571%; margin: 0 auto; }

@media screen and (max-width: 767px) { .nseo-box1 .box-list .item-pic { min-width: 200px; } }

.nseo-box1 .box-list .item-pic img { display: block; width: 100%; }

.nseo-box1 .box-list .item-title { font-weight: bold; font-size: 24px; font-size: 2.4rem; line-height: 1.3; color: #000; }

.nseo-box1 .box-list .item-title strong { font-style: italic; font-family: 'Source Han Sans CN'; font-size: 48px; font-size: 4.8rem; color: #FF7E0F; margin-right: 10px; }

@media screen and (max-width: 1419px) { .nseo-box1 .box-list .item-title { font-size: 22px; font-size: 2.2rem; }
  .nseo-box1 .box-list .item-title strong { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 1219px) { .nseo-box1 .box-list .item-title { font-size: 18px; font-size: 1.8rem; }
  .nseo-box1 .box-list .item-title strong { font-size: 32px; font-size: 3.2rem; } }

@media screen and (max-width: 991px) { .nseo-box1 .box-list .item-title { font-size: 16px; font-size: 1.6rem; }
  .nseo-box1 .box-list .item-title strong { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 767px) { .nseo-box1 .box-list .item-title { font-size: 14px; font-size: 1.4rem; }
  .nseo-box1 .box-list .item-title strong { font-size: 20px; font-size: 2rem; margin-right: 5px; } }

@media screen and (max-width: 480px) { .nseo-box1 .box-list .item-title { line-height: 1.5; font-size: 14px; font-size: 1.4rem; }
  .nseo-box1 .box-list .item-title strong { font-size: 18px; font-size: 1.8rem; } }

.nseo-box1 .box-list .item-desc { font-size: 18px; font-size: 1.8rem; line-height: 1.6666; color: #5E5E5E; }

@media screen and (max-width: 1419px) { .nseo-box1 .box-list .item-desc { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 1219px) { .nseo-box1 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nseo-box1 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } }

.nseo-box2 { background-color: #F7F9FB; padding: 89px 0 84px; }

@media screen and (max-width: 1219px) { .nseo-box2 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .nseo-box2 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nseo-box2 { padding: 30px 0; } }

.nseo-box2 .box-top { font-weight: bold; font-size: 36px; font-size: 3.6rem; line-height: 1.5; margin-bottom: 23px; }

.nseo-box2 .box-top .item-title { color: #000; margin-bottom: 5px; }

.nseo-box2 .box-top .item-subt { color: #CECECE; }

.nseo-box2 .box-top .item-subt strong { color: #FF7E0F; }

@media screen and (max-width: 1419px) { .nseo-box2 .box-top { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 1219px) { .nseo-box2 .box-top { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .nseo-box2 .box-top { margin-bottom: 15px; font-size: 18px; font-size: 1.8rem; }
  .nseo-box2 .box-top .item-title { margin-bottom: 0; } }

.nseo-box2 .tab-options { float: left; width: 47.14286%; margin-right: 7%; position: relative; padding-left: 40px; }

.nseo-box2 .tab-options:before { position: absolute; content: ''; width: 5px; left: 7px; top: 5px; bottom: 0; background-color: #FF7E0F; }

@media screen and (max-width: 1419px) { .nseo-box2 .tab-options { width: 50%; margin-right: 4.14286%; } }

@media screen and (max-width: 1219px) { .nseo-box2 .tab-options:before { top: 0; } }

@media screen and (max-width: 991px) { .nseo-box2 .tab-options { padding-left: 30px; }
  .nseo-box2 .tab-options:before { width: 3px; left: 5px; } }

@media screen and (max-width: 767px) { .nseo-box2 .tab-options { width: 100%; margin-right: 0; padding-left: 20px; }
  .nseo-box2 .tab-options:before { left: 4px; } }

.nseo-box2 .tab-options li { cursor: pointer; margin-bottom: 36px; position: relative; }

.nseo-box2 .tab-options li:before { position: absolute; content: ''; width: 18px; height: 18px; background-color: #BFBFBF; -webkit-border-radius: 50%; border-radius: 50%; left: -40px; top: 10px; }

.nseo-box2 .tab-options li:last-child { margin-bottom: 0; }

@media screen and (min-width: 768px) { .nseo-box2 .tab-options li:hover:before, .nseo-box2 .tab-options li.tab-active:before { background-color: #0170E5; }
  .nseo-box2 .tab-options li:hover .item-title, .nseo-box2 .tab-options li.tab-active .item-title { color: #0170E5; } }

@media screen and (max-width: 1219px) { .nseo-box2 .tab-options li { margin-bottom: 25px; }
  .nseo-box2 .tab-options li:before { top: 5px; } }

@media screen and (max-width: 991px) { .nseo-box2 .tab-options li { margin-bottom: 20px; }
  .nseo-box2 .tab-options li:before { width: 13px; height: 13px; left: -30px; } }

@media screen and (max-width: 767px) { .nseo-box2 .tab-options li { margin-bottom: 15px; }
  .nseo-box2 .tab-options li:before { left: -20px; width: 11px; height: 11px; top: 3px; } }

.nseo-box2 .tab-options .item-title { font-weight: bold; color: #000; font-size: 24px; font-size: 2.4rem; line-height: 1.3; margin-bottom: 5px; }

@media screen and (max-width: 1419px) { .nseo-box2 .tab-options .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 1219px) { .nseo-box2 .tab-options .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .nseo-box2 .tab-options .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .nseo-box2 .tab-options .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 3px; } }

@media screen and (max-width: 480px) { .nseo-box2 .tab-options .item-title { font-size: 14px; font-size: 1.4rem; } }

.nseo-box2 .tab-options .item-desc { font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #5E5E5E; }

@media screen and (max-width: 1419px) { .nseo-box2 .tab-options .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } }

@media screen and (max-width: 1219px) { .nseo-box2 .tab-options .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nseo-box2 .tab-options .item-desc { font-size: 12px; font-size: 1.2rem; } }

.nseo-box2 .tab-options .item-pics { display: none; max-width: 130px; margin-top: 5px; }

@media screen and (max-width: 767px) { .nseo-box2 .tab-options .item-pics { display: block; } }

.nseo-box2 .tab-options .item-pics img { display: block; width: 100%; }

.nseo-box2 .tab-content { float: right; margin-right: 5.71429%; width: 40.14286%; margin-top: -40px; }

@media screen and (max-width: 1419px) { .nseo-box2 .tab-content { margin-top: 0; margin-right: 4.28571%; width: 41.57143%; } }

@media screen and (max-width: 1219px) { .nseo-box2 .tab-content { margin-right: 0; width: 45.85714%; } }

@media screen and (max-width: 767px) { .nseo-box2 .tab-content { display: none; } }

.nseo-box3 { padding: 88px 0 44px; }

@media screen and (max-width: 1219px) { .nseo-box3 { padding: 70px 0 30px; } }

@media screen and (max-width: 991px) { .nseo-box3 { padding: 50px 0 20px; } }

@media screen and (max-width: 767px) { .nseo-box3 { padding: 30px 0 10px; } }

.nseo-box3 .nseo-title { margin-bottom: 26px; }

@media screen and (max-width: 1219px) { .nseo-box3 .nseo-title { margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .nseo-box3 .nseo-title { margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .nseo-box3 .nseo-title { margin-bottom: 0; } }

.nseo-box3 .box-item { padding: 68px 0 40px; }

@media screen and (max-width: 991px) { .nseo-box3 .box-item { padding: 50px 0 30px; } }

@media screen and (max-width: 767px) { .nseo-box3 .box-item { padding: 30px 0 10px; } }

.nseo-box3 .box-item .item-left { float: left; width: 48.57143%; text-align: center; }

@media screen and (max-width: 991px) { .nseo-box3 .box-item .item-left { float: none !important; width: 100%; margin: 0 auto 30px !important; max-width: 400px; } }

@media screen and (max-width: 767px) { .nseo-box3 .box-item .item-left { margin-bottom: 20px !important; } }

.nseo-box3 .box-item .item-left .item-title { font-weight: bold; font-size: 30px; font-size: 3rem; line-height: 1.3; color: #0170E5; }

@media screen and (max-width: 1419px) { .nseo-box3 .box-item .item-left .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 1219px) { .nseo-box3 .box-item .item-left .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .nseo-box3 .box-item .item-left .item-title { font-size: 18px; font-size: 1.8rem; } }

.nseo-box3 .box-item .item-left .item-desc { margin-top: 11px; font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 1.5; color: #5E5E5E; }

@media screen and (max-width: 1419px) { .nseo-box3 .box-item .item-left .item-desc { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 1219px) { .nseo-box3 .box-item .item-left .item-desc { font-size: 14px; font-size: 1.4rem; margin-top: 5px; } }

@media screen and (max-width: 767px) { .nseo-box3 .box-item .item-left .item-desc { font-size: 12px; font-size: 1.2rem; } }

.nseo-box3 .box-item.item1 .item-left { margin-right: 2.5%; }

.nseo-box3 .box-item.item2 { background-color: #F7F9FB; }

.nseo-box3 .box-item.item2 .item-left { float: right; margin-left: 2.5%; }

.nseo-box3 .txt-list { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.nseo-box3 .txt-list .list-item { width: 46.71533%; background-color: #fff; border: 1px solid #0170E5; -webkit-border-radius: 0px 0px 20px 0px; border-radius: 0px 0px 20px 0px; margin-bottom: 35px; position: relative; padding: 20px 24px 12px; }

@media screen and (max-width: 1419px) { .nseo-box3 .txt-list .list-item { padding: 20px 15px 12px; } }

@media screen and (max-width: 1219px) { .nseo-box3 .txt-list .list-item { margin-bottom: 25px; } }

@media screen and (max-width: 991px) { .nseo-box3 .txt-list .list-item { width: 49%; } }

@media screen and (max-width: 767px) { .nseo-box3 .txt-list .list-item { padding: 20px 10px 15px; margin-bottom: 20px; } }

.nseo-box3 .txt-list .item-num { position: absolute; top: 0; left: 0; width: 46px; height: 43px; line-height: 40px; background: #0170E5; -webkit-border-radius: 0px 0px 43px 0px; border-radius: 0px 0px 43px 0px; font-weight: bold; color: #fff; font-size: 24px; font-size: 2.4rem; text-align: center; padding-right: 5px; }

@media screen and (max-width: 1419px) { .nseo-box3 .txt-list .item-num { font-size: 22px; font-size: 2.2rem; width: 40px; height: 36px; line-height: 32px; } }

@media screen and (max-width: 1219px) { .nseo-box3 .txt-list .item-num { font-size: 18px; font-size: 1.8rem; width: 32px; height: 28px; line-height: 24px; } }

@media screen and (max-width: 991px) { .nseo-box3 .txt-list .item-num { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .nseo-box3 .txt-list .item-num { font-size: 14px; font-size: 1.4rem; width: 28px; height: 24px; line-height: 20px; } }

.nseo-box3 .txt-list .item-title { font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 1.5; text-align: center; margin-bottom: 8px; color: #5E5E5E; }

@media screen and (max-width: 1419px) { .nseo-box3 .txt-list .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 1219px) { .nseo-box3 .txt-list .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 5px; } }

@media screen and (max-width: 991px) { .nseo-box3 .txt-list .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .nseo-box3 .txt-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 3px; } }

.nseo-box3 .txt-list .item-desc { font-size: 18px; font-size: 1.8rem; line-height: 30px; min-height: 120px; color: #5E5E5E; }

@media screen and (max-width: 1419px) { .nseo-box3 .txt-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 1.5; min-height: auto; } }

@media screen and (max-width: 1219px) { .nseo-box3 .txt-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nseo-box3 .txt-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

.nseo-box4 { padding-bottom: 60px; }

@media screen and (max-width: 991px) { .nseo-box4 { padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .nseo-box4 { padding-bottom: 30px; } }

.nseo-box4 .nseo-title { margin-bottom: 65px; }

@media screen and (max-width: 1419px) { .nseo-box4 .nseo-title { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nseo-box4 .nseo-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nseo-box4 .nseo-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nseo-box4 .nseo-title { margin-bottom: 20px; } }

.nseo-box4 .box-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 18px; }

@media screen and (max-width: 767px) { .nseo-box4 .box-list { padding-bottom: 10px; } }

.nseo-box4 .box-list .list-item { width: 48.14286%; -webkit-flex-basis: 48.14286%; -ms-flex-preferred-size: 48.14286%; flex-basis: 48.14286%; background-color: #FFFFFF; border: 1px solid #D7D7D7; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px; margin-left: 3.71429%; margin-bottom: 32px; }

.nseo-box4 .box-list .list-item:nth-child(odd) { margin-left: 0; }

@media screen and (max-width: 1219px) { .nseo-box4 .box-list .list-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nseo-box4 .box-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; margin-bottom: 25px; } }

.nseo-box4 .box-list .item-head { background-color: #F7F9FB; text-align: center; }

.nseo-box4 .box-list .item-head .item-pics { line-height: 85px; overflow: hidden; font-size: 0; }

.nseo-box4 .box-list .item-head .item-pics img { max-height: 85px; vertical-align: middle; }

@media screen and (max-width: 1219px) { .nseo-box4 .box-list .item-head .item-pics { line-height: 75px; }
  .nseo-box4 .box-list .item-head .item-pics img { max-height: 75px; } }

@media screen and (max-width: 991px) { .nseo-box4 .box-list .item-head .item-pics { line-height: 65px; }
  .nseo-box4 .box-list .item-head .item-pics img { max-height: 65px; } }

@media screen and (max-width: 767px) { .nseo-box4 .box-list .item-head .item-pics { line-height: 55px; }
  .nseo-box4 .box-list .item-head .item-pics img { max-height: 55px; } }

.nseo-box4 .box-list .item-body { padding: 25px 50px 16px 55px; }

@media screen and (max-width: 1419px) { .nseo-box4 .box-list .item-body { padding: 25px 30px 15px; } }

@media screen and (max-width: 1219px) { .nseo-box4 .box-list .item-body { padding: 20px 20px 15px; } }

@media screen and (max-width: 991px) { .nseo-box4 .box-list .item-body { padding: 15px 15px 10px; } }

.nseo-box4 .box-list .item-desc { font-size: 18px; font-size: 1.8rem; line-height: 30px; margin-bottom: 18px; }

.nseo-box4 .box-list .item-desc, .nseo-box4 .box-list .item-desc * { color: #555; }

@media screen and (max-width: 1419px) { .nseo-box4 .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } }

@media screen and (max-width: 1219px) { .nseo-box4 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nseo-box4 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

.nseo-box4 .box-list .item-list .item-li { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 11px; }

.nseo-box4 .box-list .item-list .item-tip { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 100px; margin-right: 30px; line-height: 38px; background-color: #d6e4fc; color: #0170E5; -webkit-border-radius: 6px; border-radius: 6px; font-size: 18px; font-size: 1.8rem; text-align: center; }

@media screen and (max-width: 1419px) { .nseo-box4 .box-list .item-list .item-tip { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-right: 15px; } }

@media screen and (max-width: 1219px) { .nseo-box4 .box-list .item-list .item-tip { font-size: 14px; font-size: 1.4rem; min-width: 90px; } }

@media screen and (max-width: 991px) { .nseo-box4 .box-list .item-list .item-tip { line-height: 28px; } }

@media screen and (max-width: 767px) { .nseo-box4 .box-list .item-list .item-tip { font-size: 12px; font-size: 1.2rem; line-height: 24px; min-width: 70px; margin-right: 10px; } }

.nseo-box4 .box-list .item-list .item-txt { overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 18px; font-size: 1.8rem; line-height: 30px; }

.nseo-box4 .box-list .item-list .item-txt strong { color: #0170E5; }

@media screen and (max-width: 1419px) { .nseo-box4 .box-list .item-list .item-txt { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } }

@media screen and (max-width: 1219px) { .nseo-box4 .box-list .item-list .item-txt { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nseo-box4 .box-list .item-list .item-txt { font-size: 12px; font-size: 1.2rem; } }

.nseo-box4 .box-btn { text-align: center; font-size: 0; }

.nseo-box4 .box-btn a { display: inline-block; padding: 0 26px; line-height: 52px; background-color: #0170E5; border: 1px solid #B8D3E9; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 49, 88, 0.15); box-shadow: 0px 3px 7px 0px rgba(0, 49, 88, 0.15); -webkit-border-radius: 5px; border-radius: 5px; font-size: 18px; font-size: 1.8rem; color: #fff; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.nseo-box4 .box-btn a:hover { background-color: #333; border-color: #333; }

@media screen and (max-width: 1419px) { .nseo-box4 .box-btn a { font-size: 16px; font-size: 1.6rem; line-height: 44px; } }

@media screen and (max-width: 1219px) { .nseo-box4 .box-btn a { font-size: 14px; font-size: 1.4rem; line-height: 38px; } }

@media screen and (max-width: 767px) { .nseo-box4 .box-btn a { font-size: 12px; font-size: 1.2rem; line-height: 28px; padding: 0 20px; } }

.nseo-contact { background-color: #F7F9FB; }

.nseo-contact .nwp { padding-top: 73px; padding-bottom: 98px; background: url(../images/20220420/nseo-bg1.png) no-repeat center; background-size: contain; }

@media screen and (max-width: 1219px) { .nseo-contact .nwp { padding-top: 70px; padding-bottom: 70px; } }

@media screen and (max-width: 991px) { .nseo-contact .nwp { padding-top: 50px; padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .nseo-contact .nwp { padding-top: 30px; padding-bottom: 30px; } }

.nseo-contact .nseo-title { margin-bottom: 55px; }

@media screen and (max-width: 1419px) { .nseo-contact .nseo-title { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nseo-contact .nseo-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nseo-contact .nseo-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nseo-contact .nseo-title { margin-bottom: 20px; } }

.nseo-contact .box-form input, .nseo-contact .box-form textarea { display: block; width: 100%; background-color: #FFFFFF; border: 1px solid #AAAAAA; padding-left: 10px; padding-right: 10px; font-size: 18px; font-size: 1.8rem; }

.nseo-contact .box-form input { height: 35px; line-height: 33px; }

.nseo-contact .box-form textarea { height: 206px; line-height: 24px; padding-top: 10px; padding-bottom: 10px; }

.nseo-contact .box-form .item-row { float: left; width: 28.35714%; margin-left: 7.46429%; }

.nseo-contact .box-form .item-row:nth-child(3n+1) { margin-left: 0; }

.nseo-contact .box-form .item-row1 { float: left; width: 100%; }

.nseo-contact .box-form .item-row, .nseo-contact .box-form .item-row1 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 57px; }

.nseo-contact .box-form .star { position: relative; }

.nseo-contact .box-form .star:before { position: absolute; content: '*'; color: #FF0000; font-size: 24px; font-size: 2.4rem; right: -14px; top: 8px; }

.nseo-contact .box-form .item-txt { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; font-size: 20px; font-size: 2rem; line-height: 35px; }

.nseo-contact .box-form .item-input { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; }

.nseo-contact .box-form .item-code { margin-left: 0; }

.nseo-contact .box-form .item-img { margin-left: 58px; float: left; line-height: 35px; font-size: 0; cursor: pointer; }

.nseo-contact .box-form .item-img img { max-height: 35px; vertical-align: middle; }

.nseo-contact .box-form .item-btn { float: left; margin-left: 35px; width: 18.35714%; }

.nseo-contact .box-form .item-btn input { background-color: #0170E5; border-color: #B8D3E9; color: #fff; border: 1px solid #B8D3E9; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 49, 88, 0.15); box-shadow: 0px 3px 7px 0px rgba(0, 49, 88, 0.15); -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.nseo-contact .box-form .item-btn input:hover { background-color: #333; border-color: #333; }

@media screen and (max-width: 1419px) { .nseo-contact .box-form .item-row, .nseo-contact .box-form .item-row1 { margin-bottom: 40px; }
  .nseo-contact .box-form .item-txt { font-size: 18px; font-size: 1.8rem; }
  .nseo-contact .box-form input, .nseo-contact .box-form textarea { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 1219px) { .nseo-contact .box-form .item-row, .nseo-contact .box-form .item-row1 { margin-bottom: 30px; }
  .nseo-contact .box-form .item-txt { font-size: 16px; font-size: 1.6rem; width: 80px; }
  .nseo-contact .box-form input, .nseo-contact .box-form textarea { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .nseo-contact .box-form .item-row, .nseo-contact .box-form .item-row1 { margin-bottom: 20px; }
  .nseo-contact .box-form .item-row { width: 100%; margin-left: 0; }
  .nseo-contact .box-form .star:before { font-size: 20px; font-size: 2rem; }
  .nseo-contact .box-form .item-img { float: right; margin-left: 0; }
  .nseo-contact .box-form .item-code { width: -moz-calc(100% - 150px); width: calc(100% - 150px); }
  .nseo-contact .box-form .item-btn { width: 100%; margin-left: 0; padding-left: 80px; } }

@media screen and (max-width: 767px) { .nseo-contact .box-form .item-row, .nseo-contact .box-form .item-row1 { margin-bottom: 10px; display: block; }
  .nseo-contact .box-form .item-txt { font-size: 14px; font-size: 1.4rem; line-height: 24px; width: 100%; }
  .nseo-contact .box-form input, .nseo-contact .box-form textarea { font-size: 12px; font-size: 1.2rem; }
  .nseo-contact .box-form textarea { height: 120px; }
  .nseo-contact .box-form .star:before { right: -10px; top: 35px; font-size: 16px; font-size: 1.6rem; }
  .nseo-contact .box-form .item-img { margin-top: 24px; }
  .nseo-contact .box-form .item-btn { padding-left: 0; } }

/* seo end */
/* case start */
.ncase-bar { margin-top: 75px; }

@media screen and (max-width: 1219px) { .ncase-bar { margin-top: 70px; } }

@media screen and (max-width: 991px) { .ncase-bar { margin-top: 50px; } }

@media screen and (max-width: 767px) { .ncase-bar { margin-top: 30px; } }

.ncase-bar .bar-item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 19px; font-family: "SourceHanSansCN-Regular"; }

@media screen and (max-width: 767px) { .ncase-bar .bar-item { margin-bottom: 10px; } }

.ncase-bar .item-tip { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 64px; margin-right: 10px; font-size: 20px; font-size: 2rem; line-height: 1.6; }

.ncase-bar .item-tip, .ncase-bar .item-tip * { color: #676767; }

@media screen and (max-width: 1419px) { .ncase-bar .item-tip { font-size: 18px; font-size: 1.8rem; min-width: 60px; } }

@media screen and (max-width: 1219px) { .ncase-bar .item-tip { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .ncase-bar .item-tip { min-width: 50px; } }

@media screen and (max-width: 767px) { .ncase-bar .item-tip { font-size: 14px; font-size: 1.4rem; min-width: 40px; } }

.ncase-bar .item-body { overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 0; letter-spacing: 0; }

.ncase-bar .item-body > a { display: inline-block; vertical-align: top; font-size: 20px; font-size: 2rem; line-height: 1.6; padding: 0 14px; margin-right: 36px; margin-bottom: 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.ncase-bar .item-body > a:last-child { margin-right: 0; }

.ncase-bar .item-body > a.active, .ncase-bar .item-body > a:hover { background-color: #2BD5E5; color: #fff; }

.ncase-bar .item-body > a, .ncase-bar .item-body > a * { color: #676767; }

@media screen and (max-width: 1419px) { .ncase-bar .item-body > a { font-size: 18px; font-size: 1.8rem; margin-right: 25px; } }

@media screen and (max-width: 1219px) { .ncase-bar .item-body > a { font-size: 16px; font-size: 1.6rem; margin-right: 20px; } }

@media screen and (max-width: 991px) { .ncase-bar .item-body > a { margin-right: 15px; } }

@media screen and (max-width: 767px) { .ncase-bar .item-body > a { font-size: 14px; font-size: 1.4rem; padding: 0 10px; margin-right: 10px; margin-bottom: 5px; } }

@media screen and (min-width: 992px) { .an-bd1 .item-backdrop { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
  .an-bd1 .item-backdrop:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; background-color: #000; } }

@media screen and (min-width: 992px) { .an-bd1:hover .item-backdrop { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } }

.ncase-list { font-size: 0; letter-spacing: 0; margin-top: 43px; font-family: "SourceHanSansCN-Regular"; }

@media screen and (max-width: 1219px) { .ncase-list { margin-top: 30px; } }

@media screen and (max-width: 767px) { .ncase-list { margin-top: 20px; } }

.ncase-list .list-item { display: inline-block; vertical-align: top; width: 29.28571%; margin-left: 6.07143%; margin-bottom: 81px; }

.ncase-list .list-item:nth-child(3n+1) { margin-left: 0; }

@media screen and (max-width: 1419px) { .ncase-list .list-item { margin-bottom: 60px; } }

@media screen and (max-width: 1219px) { .ncase-list .list-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .ncase-list .list-item { width: 31%; margin-left: 3.5%; margin-bottom: 30px; } }

@media screen and (max-width: 480px) { .ncase-list .list-item { width: 48%; margin: 0 1% 25px !important; } }

.ncase-list .item-box { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; position: relative; }

.ncase-list .item-box:hover .item-pics { background-position: bottom center; }

.ncase-list .item-pics { padding-bottom: 151.21951%; -webkit-transition: ease-out 8s; -o-transition: ease-out 8s; -moz-transition: ease-out 8s; transition: ease-out 8s; background-position: top center; background-repeat: no-repeat; background-size: 100%; }

@media screen and (max-width: 991px) { .ncase-list .item-backdrop { display: block; text-align: center; } }

.ncase-list .item-backdrop .item-btn { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 36px; -webkit-border-radius: 18px; border-radius: 18px; font-size: 20px; font-size: 2rem; color: #fff; background-color: #2BD5E5; padding: 0 32px; }

@media screen and (max-width: 991px) { .ncase-list .item-backdrop .item-btn { position: relative; top: 0; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; font-size: 14px; font-size: 1.4rem; line-height: 2; width: 100%; -webkit-border-radius: 0; border-radius: 0; } }

@media screen and (max-width: 767px) { .ncase-list .item-backdrop .item-btn { font-size: 12px; font-size: 1.2rem; } }

.ncase-btn { font-size: 0; text-align: center; }

.ncase-btn a { display: inline-block; font-family: "SourceHanSansCN-Regular"; font-size: 16px; font-size: 1.6rem; line-height: 48px; -webkit-border-radius: 24px; border-radius: 24px; padding: 0 39px; background-color: #2BD5E5; color: #fff; }

.ncase-btn a:hover { background-color: #000; }

@media screen and (max-width: 1219px) { .ncase-btn a { line-height: 38px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .ncase-btn a { font-size: 12px; font-size: 1.2rem; line-height: 30px; padding: 0 25px; } }

.ncase-wrap { padding-bottom: 90px; }

@media screen and (max-width: 1219px) { .ncase-wrap { padding-bottom: 70px; } }

@media screen and (max-width: 991px) { .ncase-wrap { padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .ncase-wrap { padding-bottom: 30px; } }

/* case end */
/* xys start */
.xys-wrap { font-family: "SourceHanSansCN-Regular"; }

.xys-wrap, .xys-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.nxys-item { text-align: center; }

.nxys-item .item-title { font-family: "SourceHanSansCN-Bold"; font-size: 36px; font-size: 3.6rem; line-height: 1.5; color: #000; }

@media screen and (max-width: 1419px) { .nxys-item .item-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 1219px) { .nxys-item .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .nxys-item .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .nxys-item .item-title { font-size: 18px; font-size: 1.8rem; } }

.nxys-item .item-subt { font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #898989; }

@media screen and (max-width: 1219px) { .nxys-item .item-subt { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nxys-item .item-subt { font-size: 12px; font-size: 1.2rem; } }

.nxys-item .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 2; color: #000; max-width: 750px; margin: 14px auto 0; font-weight: 400; }

@media screen and (max-width: 1219px) { .nxys-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin-top: 10px; } }

@media screen and (max-width: 767px) { .nxys-item .item-desc { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } }

.nxys-box1 { padding: 115px 0 0; }

@media screen and (max-width: 1419px) { .nxys-box1 { padding: 90px 0 0; } }

@media screen and (max-width: 1219px) { .nxys-box1 { padding: 70px 0 0; } }

@media screen and (max-width: 991px) { .nxys-box1 { padding: 50px 0 0; } }

@media screen and (max-width: 767px) { .nxys-box1 { padding: 30px 0 0; } }

.nxys-box1 .nxys-item { margin-bottom: 50px; }

@media screen and (max-width: 1219px) { .nxys-box1 .nxys-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nxys-box1 .nxys-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nxys-box1 .nxys-item { margin-bottom: 20px; } }

.nxys-box1 .box-list { position: relative; padding-bottom: 71px; }

@media screen and (max-width: 1419px) { .nxys-box1 .box-list { padding-bottom: 40px; } }

@media screen and (max-width: 1219px) { .nxys-box1 .box-list { padding-bottom: 30px; } }

@media screen and (max-width: 991px) { .nxys-box1 .box-list { padding-bottom: 20px; } }

@media screen and (max-width: 767px) { .nxys-box1 .box-list { padding-bottom: 10px; } }

.nxys-box1 .box-list .box-pics { position: absolute; top: 21px; width: 41.07143%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.nxys-box1 .box-list .box-pics img { display: block; width: 100%; }

@media screen and (max-width: 1219px) { .nxys-box1 .box-list .box-pics { top: 15px; } }

@media screen and (max-width: 991px) { .nxys-box1 .box-list .box-pics { position: relative; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 0; width: 100%; max-width: 350px; margin: 0 auto 30px; } }

.nxys-box1 .box-list .box-item { width: 27.14286%; }

.nxys-box1 .box-list .box-item.item1 { float: left; }

.nxys-box1 .box-list .box-item.item2 { float: right; }

@media screen and (max-width: 991px) { .nxys-box1 .box-list .box-item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.nxys-box1 .box-list .list-item { padding: 27px 10px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 65px; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; -webkit-box-shadow: 0px 0px 13px 0px rgba(4, 0, 0, 0.1); box-shadow: 0px 0px 13px 0px rgba(4, 0, 0, 0.1); }

@media screen and (max-width: 1419px) { .nxys-box1 .box-list .list-item { padding: 22px 10px; margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nxys-box1 .box-list .list-item { padding: 15px 8px; margin-bottom: 35px; } }

@media screen and (max-width: 991px) { .nxys-box1 .box-list .list-item { -webkit-box-shadow: 0px 0px 13px 0px rgba(4, 0, 0, 0.1); box-shadow: 0px 0px 13px 0px rgba(4, 0, 0, 0.1); margin-bottom: 30px; width: 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; } }

@media screen and (max-width: 767px) { .nxys-box1 .box-list .list-item { margin-bottom: 20px; } }

@media screen and (max-width: 480px) { .nxys-box1 .box-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.nxys-box1 .box-list .list-item:hover { background-color: #fff; -webkit-box-shadow: 0px 0px 13px 0px rgba(4, 0, 0, 0.1); box-shadow: 0px 0px 13px 0px rgba(4, 0, 0, 0.1); }

.nxys-box1 .box-list .list-item .item-pics { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; margin-right: 10px; }

@media screen and (max-width: 1419px) { .nxys-box1 .box-list .list-item .item-pics { width: 90px; } }

@media screen and (max-width: 1219px) { .nxys-box1 .box-list .list-item .item-pics { width: 70px; margin-right: 5px; } }

@media screen and (max-width: 991px) { .nxys-box1 .box-list .list-item .item-pics { width: 60px; } }

@media screen and (max-width: 767px) { .nxys-box1 .box-list .list-item .item-pics { width: 55px; } }

.nxys-box1 .box-list .list-item .item-desc { overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; color: #000; font-size: 16px; font-size: 1.6rem; line-height: 2; font-weight: 400; }

@media screen and (max-width: 1419px) { .nxys-box1 .box-list .list-item .item-desc { line-height: 1.5; } }

@media screen and (max-width: 1219px) { .nxys-box1 .box-list .list-item .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nxys-box1 .box-list .list-item .item-desc { font-size: 12px; font-size: 1.2rem; } }

.nxys-box1 .box-waves { height: 109px; width: 100%; position: relative; }

@media screen and (max-width: 767px) { .nxys-box1 .box-waves { display: none; } }

.nxys-box1 .box-waves .item-wave { position: absolute; left: 0; bottom: 0; width: 20000%; height: 100%; background-image: url("../images/20220420/nxsy-bg1.png"); -webkit-animation: item-wave 2700s linear infinite; -moz-animation: item-wave 2700s linear infinite; animation: item-wave 2700s linear infinite; }

@-webkit-keyframes item-wave { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

@-moz-keyframes item-wave { 0% { -moz-transform: translateX(0); transform: translateX(0); }
  100% { -moz-transform: translateX(-50%); transform: translateX(-50%); } }

@keyframes item-wave { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } }

.nxys-box2 { padding: 86px 0 46px; }

@media screen and (max-width: 1219px) { .nxys-box2 { padding: 70px 0 46px; } }

@media screen and (max-width: 991px) { .nxys-box2 { padding: 50px 0 30px; } }

@media screen and (max-width: 767px) { .nxys-box2 { padding: 10px 0; } }

.nxys-box2 .nxys-item { margin-bottom: 46px; }

@media screen and (max-width: 1219px) { .nxys-box2 .nxys-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nxys-box2 .nxys-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nxys-box2 .nxys-item { margin-bottom: 20px; } }

.nxys-box2 .box-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.nxys-box2 .box-list .list-item { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; margin-bottom: 25px; position: relative; }

.nxys-box2 .box-list .list-item:before { position: absolute; content: ''; width: 2px; height: 38.70968%; background-color: #D2D2D2; top: 27.18894%; left: -1px; }

.nxys-box2 .box-list .list-item:nth-child(4n+1):before { display: none; }

@media screen and (max-width: 480px) { .nxys-box2 .box-list .list-item { width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  .nxys-box2 .box-list .list-item:nth-child(odd):before { display: none; } }

.nxys-box2 .box-list .item-pics { width: 37.14286%; margin: 0 auto 6px; }

@media screen and (max-width: 480px) { .nxys-box2 .box-list .item-pics { max-width: 42px; } }

.nxys-box2 .box-list .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.5; padding-bottom: 11px; margin-bottom: 10px; position: relative; color: #000; }

.nxys-box2 .box-list .item-title:before { position: absolute; content: ''; width: 12.57143%; height: 2px; background-color: #6F5BDD; bottom: 0; left: 0; right: 0; margin: 0 auto; }

@media screen and (max-width: 1419px) { .nxys-box2 .box-list .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 1219px) { .nxys-box2 .box-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .nxys-box2 .box-list .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .nxys-box2 .box-list .item-title { font-size: 14px; font-size: 1.4rem; padding-bottom: 5px; margin-bottom: 8px; } }

.nxys-box2 .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #000; }

@media screen and (max-width: 1219px) { .nxys-box2 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nxys-box2 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

.nxys-box3 { background-color: #F8F7FD; padding: 88px 0 65px; }

@media screen and (max-width: 1219px) { .nxys-box3 { padding-top: 70px; } }

@media screen and (max-width: 991px) { .nxys-box3 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nxys-box3 { padding: 30px 0 10px; } }

.nxys-box3 .nxys-item { margin-bottom: 62px; }

@media screen and (max-width: 1219px) { .nxys-box3 .nxys-item { margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .nxys-box3 .nxys-item { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .nxys-box3 .nxys-item { margin-bottom: 20px; } }

.nxys-box3 .box-list { width: 100%; padding: 0 5.21429%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse wrap; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; }

@media screen and (max-width: 1419px) { .nxys-box3 .box-list { padding: 0; } }

.nxys-box3 .box-list:before { position: absolute; content: ''; width: 8px; top: -14px; bottom: 0; background: url(../images/20220420/n-xys14.png) no-repeat top center; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (max-width: 767px) { .nxys-box3 .box-list:before { display: none; } }

.nxys-box3 .box-list .list-item { width: 48.48485%; -webkit-flex-basis: 48.48485%; -ms-flex-preferred-size: 48.48485%; flex-basis: 48.48485%; margin-left: 3.0303%; height: 196px; background-repeat: no-repeat !important; background-size: 100% 100% !important; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 1219px) { .nxys-box3 .box-list .list-item { height: 170px; } }

@media screen and (max-width: 767px) { .nxys-box3 .box-list .list-item { height: auto; background-image: none !important; width: 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-left: 2%; margin-bottom: 25px; margin-top: 0 !important; top: 0 !important; border: solid 1px #6F5BDD; padding: 15px 10px !important; } }

@media screen and (max-width: 480px) { .nxys-box3 .box-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; } }

.nxys-box3 .box-list .list-item:before { position: absolute; content: ''; width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; border: solid 2px #FABB62; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .nxys-box3 .box-list .list-item:before { display: none; } }

.nxys-box3 .box-list .list-item.item1 { top: -12px; background: url(../images/20220420/n-xys16.png); padding-left: 70px; padding-right: 40px; }

@media screen and (max-width: 1219px) { .nxys-box3 .box-list .list-item.item1 { padding-left: 50px; padding-right: 20px; } }

.nxys-box3 .box-list .list-item.item1:before { left: 11px; margin-left: -6.25%; top: 51px; }

@media screen and (max-width: 1419px) { .nxys-box3 .box-list .list-item.item1:before { left: 10px; } }

@media screen and (max-width: 1219px) { .nxys-box3 .box-list .list-item.item1:before { left: 7px; } }

@media screen and (max-width: 991px) { .nxys-box3 .box-list .list-item.item1:before { left: 3px; } }

.nxys-box3 .box-list .list-item.item2 { margin-left: 0; margin-top: 76px; background: url(../images/20220420/n-xys15.png); padding-left: 40px; padding-right: 70px; }

@media screen and (max-width: 1219px) { .nxys-box3 .box-list .list-item.item2 { padding-left: 20px; padding-right: 50px; } }

@media screen and (max-width: 991px) { .nxys-box3 .box-list .list-item.item2 { margin-top: 73px; } }

.nxys-box3 .box-list .list-item.item2:before { right: 11px; margin-right: -6.25%; top: 49px; }

@media screen and (max-width: 1419px) { .nxys-box3 .box-list .list-item.item2:before { right: 10px; } }

@media screen and (max-width: 1219px) { .nxys-box3 .box-list .list-item.item2:before { right: 7px; } }

@media screen and (max-width: 991px) { .nxys-box3 .box-list .list-item.item2:before { right: 3px; top: 52px; } }

.nxys-box3 .box-list .item-pics { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 18.07229%; margin-right: 4.01606%; }

@media screen and (max-width: 767px) { .nxys-box3 .box-list .item-pics { max-width: 51px; } }

.nxys-box3 .box-list .item-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; }

.nxys-box3 .box-list .item-title { color: #6F5BDD; font-size: 24px; font-size: 2.4rem; line-height: 1.5; margin-bottom: 0; }

@media screen and (max-width: 1419px) { .nxys-box3 .box-list .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 1219px) { .nxys-box3 .box-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .nxys-box3 .box-list .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .nxys-box3 .box-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.nxys-box3 .box-list .item-desc { color: #000; font-size: 16px; font-size: 1.6rem; line-height: 2; }

@media screen and (max-width: 1419px) { .nxys-box3 .box-list .item-desc { line-height: 1.5; } }

@media screen and (max-width: 1219px) { .nxys-box3 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nxys-box3 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

.nxys-btn { font-size: 0; text-align: center; }

.nxys-btn a { display: inline-block; min-width: 262px; padding: 0 20px; line-height: 48px; background: -webkit-gradient(linear, left bottom, left top, from(#6F5BDD), to(#918AF9)); background: -webkit-linear-gradient(bottom, #6F5BDD, #918AF9); background: -moz-linear-gradient(bottom, #6F5BDD, #918AF9); background: linear-gradient(0deg, #6F5BDD, #918AF9); -webkit-border-radius: 24px; border-radius: 24px; font-size: 16px; font-size: 1.6rem; color: #fff; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.nxys-btn a:hover { background: -webkit-gradient(linear, left bottom, left top, from(#918AF9), to(#6F5BDD)); background: -webkit-linear-gradient(bottom, #918AF9, #6F5BDD); background: -moz-linear-gradient(bottom, #918AF9, #6F5BDD); background: linear-gradient(0deg, #918AF9, #6F5BDD); }

@media screen and (max-width: 1419px) { .nxys-btn a { line-height: 44px; } }

@media screen and (max-width: 1219px) { .nxys-btn a { font-size: 14px; font-size: 1.4rem; line-height: 40px; min-width: 220px; } }

@media screen and (max-width: 991px) { .nxys-btn a { line-height: 36px; } }

@media screen and (max-width: 767px) { .nxys-btn a { min-width: auto; line-height: 30px; font-size: 12px; font-size: 1.2rem; } }

.nxys-box4 { position: relative; padding: 100px 0 120px; }

@media screen and (max-width: 1419px) { .nxys-box4 { padding-top: 90px; } }

@media screen and (max-width: 1219px) { .nxys-box4 { padding-top: 70px; } }

@media screen and (max-width: 991px) { .nxys-box4 { padding: 50px 0 80px; } }

@media screen and (max-width: 767px) { .nxys-box4 { padding: 30px 0 50px; } }

.nxys-box4 .box-bg1 { position: absolute; left: 0; bottom: 0; width: 15.98958%; }

.nxys-box4 .box-bg1 img { display: block; width: 100%; }

.nxys-box4 .box-bg2 { position: absolute; right: 0; bottom: 0; width: 24.84375%; }

.nxys-box4 .box-bg2 img { display: block; width: 100%; }

.nxys-box4 .nwp { position: relative; z-index: 2; }

.nxys-box4 .nxys-item1 { margin-bottom: 48px; }

@media screen and (max-width: 1219px) { .nxys-box4 .nxys-item1 { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nxys-box4 .nxys-item1 { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nxys-box4 .nxys-item1 { margin-bottom: 20px; } }

.nxys-box4 .box-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 15px; }

@media screen and (max-width: 991px) { .nxys-box4 .box-list { padding-bottom: 10px; } }

.nxys-box4 .box-list .list-item { width: 48.57143%; -webkit-flex-basis: 48.57143%; -ms-flex-preferred-size: 48.57143%; flex-basis: 48.57143%; margin-left: 2.85714%; background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(69, 102, 182, 0.11); box-shadow: 0px 0px 10px 0px rgba(69, 102, 182, 0.11); -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; margin-bottom: 30px; }

.nxys-box4 .box-list .list-item:nth-child(odd) { margin-left: 0; }

@media screen and (max-width: 480px) { .nxys-box4 .box-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; margin-bottom: 25px; } }

.nxys-box4 .box-list .item-head { background-color: #E8E3FC; padding: 6px 10px; text-align: center; }

@media screen and (max-width: 767px) { .nxys-box4 .box-list .item-head { padding: 3px 10px; } }

.nxys-box4 .box-list .item-title { text-align: center; line-height: 1.5; font-size: 24px; font-size: 2.4rem; color: #000; display: inline-block; padding-left: 50px; position: relative; overflow: visible; }

.nxys-box4 .box-list .item-title strong { position: absolute; left: 0; bottom: -3px; line-height: 1; width: 50px; font-size: 60px; font-size: 6rem; font-family: "SourceHanSansCN-Bold"; font-style: italic; color: #6F5BDD; background: -webkit-gradient(linear, left bottom, left top, from(#6F5BDD), to(#918AF9)); background: -webkit-linear-gradient(bottom, #6F5BDD 0%, #918AF9 100%); background: -moz-linear-gradient(bottom, #6F5BDD 0%, #918AF9 100%); background: linear-gradient(0deg, #6F5BDD 0%, #918AF9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1419px) { .nxys-box4 .box-list .item-title { font-size: 20px; font-size: 2rem; }
  .nxys-box4 .box-list .item-title strong { font-size: 52px; font-size: 5.2rem; } }

@media screen and (max-width: 1219px) { .nxys-box4 .box-list .item-title { font-size: 18px; font-size: 1.8rem; }
  .nxys-box4 .box-list .item-title strong { font-size: 46px; font-size: 4.6rem; } }

@media screen and (max-width: 991px) { .nxys-box4 .box-list .item-title { font-size: 16px; font-size: 1.6rem; padding-left: 40px; }
  .nxys-box4 .box-list .item-title strong { font-size: 38px; font-size: 3.8rem; width: 40px; } }

@media screen and (max-width: 767px) { .nxys-box4 .box-list .item-title { font-size: 14px; font-size: 1.4rem; padding-left: 30px; }
  .nxys-box4 .box-list .item-title strong { font-size: 30px; font-size: 3rem; width: 30px; bottom: 0; } }

.nxys-box4 .box-list .item-desc { background-color: #fff; overflow: hidden; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; padding: 25px 40px 39px; font-size: 16px; font-size: 1.6rem; line-height: 2; color: #000; }

@media screen and (max-width: 1419px) { .nxys-box4 .box-list .item-desc { line-height: 1.5; padding: 20px 30px 30px; } }

@media screen and (max-width: 1219px) { .nxys-box4 .box-list .item-desc { padding: 15px 20px 20px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .nxys-box4 .box-list .item-desc { padding: 15px 15px 20px; } }

@media screen and (max-width: 767px) { .nxys-box4 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; padding: 10px 10px 15px; } }

.nxys-box4 .nxys-btn { margin-bottom: 77px; }

@media screen and (max-width: 1219px) { .nxys-box4 .nxys-btn { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .nxys-box4 .nxys-btn { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .nxys-box4 .nxys-btn { margin-bottom: 30px; } }

.nxys-box5 { background: url(../images/20220420/n-xys17.jpg) no-repeat bottom center; padding-bottom: 5px; }

@media screen and (max-width: 480px) { .nxys-box5 { padding-bottom: 30px; } }

.nxys-box5 .nwp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 480px) { .nxys-box5 .nwp { display: block; } }

.nxys-box5 .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 43.07143%; margin-left: 0.71429%; margin-right: 6.21429%; margin-top: -5.21429%; }

.nxys-box5 .item-pic img { display: block; width: 100%; }

@media screen and (max-width: 1419px) { .nxys-box5 .item-pic { margin-left: 0; } }

@media screen and (max-width: 767px) { .nxys-box5 .item-pic { margin-right: 3.57143%; } }

@media screen and (max-width: 480px) { .nxys-box5 .item-pic { width: 100%; margin: 0 auto; position: relative; max-width: 300px; top: -20px; } }

.nxys-box5 .item-body { font-size: 16px; font-size: 1.6rem; line-height: 2; }

.nxys-box5 .item-body, .nxys-box5 .item-body * { color: #fff; }

@media screen and (max-width: 1419px) { .nxys-box5 .item-body { line-height: 1.8; } }

@media screen and (max-width: 1219px) { .nxys-box5 .item-body { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } }

@media screen and (max-width: 767px) { .nxys-box5 .item-body { font-size: 12px; font-size: 1.2rem; } }

.nxys-box6 { background: url(../images/20220420/n-xys22.jpg) no-repeat bottom center; background-size: 100%; padding: 88px 0 78px; }

@media screen and (max-width: 1219px) { .nxys-box6 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .nxys-box6 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nxys-box6 { padding: 30px 0; } }

.nxys-box6 .box-title { font-size: 0; letter-spacing: 0; text-align: center; margin-bottom: 53px; }

@media screen and (max-width: 1419px) { .nxys-box6 .box-title { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nxys-box6 .box-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nxys-box6 .box-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nxys-box6 .box-title { margin-bottom: 20px; } }

.nxys-box6 .box-title > * { display: inline-block; vertical-align: middle; font-size: 30px; font-size: 3rem; line-height: 1.3; }

@media screen and (max-width: 1419px) { .nxys-box6 .box-title > * { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 1219px) { .nxys-box6 .box-title > * { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 991px) { .nxys-box6 .box-title > * { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .nxys-box6 .box-title > * { font-size: 18px; font-size: 1.8rem; } }

.nxys-box6 .box-title .t-left { color: #6F5BDD; }

.nxys-box6 .box-title .t-middle { color: #FEA662; font-family: "SourceHanSansCN-Bold"; margin: 0 10px; font-style: italic; }

.nxys-box6 .box-title .t-right { color: #5FA8FD; }

.nxys-box6 .box-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.nxys-box6 .box-list .list-item { font-size: 24px; font-size: 2.4rem; line-height: 1.5; }

.nxys-box6 .box-list .list-item p strong { padding: 15px 0; font-weight: normal; display: inline-block; }

.nxys-box6 .box-list .list-item p:first-child strong { border-top: none !important; }

@media screen and (max-width: 1419px) { .nxys-box6 .box-list .list-item { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 1219px) { .nxys-box6 .box-list .list-item { font-size: 18px; font-size: 1.8rem; }
  .nxys-box6 .box-list .list-item p strong { padding: 10px 0; } }

@media screen and (max-width: 991px) { .nxys-box6 .box-list .list-item { font-size: 16px; font-size: 1.6rem; }
  .nxys-box6 .box-list .list-item p strong { padding: 8px 0; } }

@media screen and (max-width: 767px) { .nxys-box6 .box-list .list-item { font-size: 14px; font-size: 1.4rem; }
  .nxys-box6 .box-list .list-item p strong { padding: 5px 0; } }

@media screen and (max-width: 640px) { .nxys-box6 .box-list .list-item p strong { display: block; border-top-width: 1px !important; } }

.nxys-box6 .box-list .item-left { color: #6F5BDD; text-align: right; right: 73.71429%; }

.nxys-box6 .box-list .item-left p strong { border-top: dashed 2px #6F5BDD; border-top-color: rgba(111, 91, 221, 0.2); }

.nxys-box6 .box-list .item-left .p2, .nxys-box6 .box-list .item-left .p4 { margin-right: 20px; }

.nxys-box6 .box-list .item-left .p3 { margin-right: 30px; }

@media screen and (max-width: 767px) { .nxys-box6 .box-list .item-left .p2, .nxys-box6 .box-list .item-left .p4 { margin-right: 10px; }
  .nxys-box6 .box-list .item-left .p3 { margin-right: 20px; } }

@media screen and (max-width: 640px) { .nxys-box6 .box-list .item-left { text-align: left; }
  .nxys-box6 .box-list .item-left .p2, .nxys-box6 .box-list .item-left .p4 { margin-right: 0; }
  .nxys-box6 .box-list .item-left .p3 { margin-right: 0; } }

.nxys-box6 .box-list .item-middle { width: 45.28571%; -webkit-flex-basis: 45.28571%; -ms-flex-preferred-size: 45.28571%; flex-basis: 45.28571%; }

.nxys-box6 .box-list .item-middle .item-pics img { display: block; margin: 0 auto; width: 100%; }

@media screen and (max-width: 640px) { .nxys-box6 .box-list .item-middle { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
  .nxys-box6 .box-list .item-middle .item-pics { margin: 0 auto 20px; max-width: 350px; } }

.nxys-box6 .box-list .item-right { left: 73.71429%; color: #5FA8FD; }

.nxys-box6 .box-list .item-right p strong { border-top: dashed 2px #5FA8FD; border-top-color: rgba(95, 168, 253, 0.2); }

.nxys-box6 .box-list .item-right .p2, .nxys-box6 .box-list .item-right .p4 { margin-left: 20px; }

.nxys-box6 .box-list .item-right .p3 { margin-left: 30px; }

@media screen and (max-width: 767px) { .nxys-box6 .box-list .item-right .p2, .nxys-box6 .box-list .item-right .p4 { margin-left: 10px; }
  .nxys-box6 .box-list .item-right .p3 { margin-left: 20px; } }

@media screen and (max-width: 640px) { .nxys-box6 .box-list .item-right .p2, .nxys-box6 .box-list .item-right .p4 { margin-left: 0; }
  .nxys-box6 .box-list .item-right .p3 { margin-left: 0; } }

.nxys-box6 .box-list .item-left, .nxys-box6 .box-list .item-right { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 640px) { .nxys-box6 .box-list .item-left, .nxys-box6 .box-list .item-right { position: relative; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: auto !important; right: auto !important; width: 48%; -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; margin: 0 1%; } }

.nxys-box7 { background-color: #F8F7FD; padding: 90px 0 163px; }

@media screen and (max-width: 1419px) { .nxys-box7 { padding-bottom: 120px; } }

@media screen and (max-width: 1219px) { .nxys-box7 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .nxys-box7 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nxys-box7 { padding: 30px 0; } }

.nxys-box7 .nxys-item { margin-bottom: 84px; }

@media screen and (max-width: 1419px) { .nxys-box7 .nxys-item { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nxys-box7 .nxys-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nxys-box7 .nxys-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nxys-box7 .nxys-item { margin-bottom: 20px; } }

.nxys-box7 .box-item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 480px) { .nxys-box7 .box-item { display: block; } }

.nxys-box7 .box-item .item-right { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.71429%; margin-right: 3.42857%; margin-left: 2.85714%; }

.nxys-box7 .box-item .item-right img { display: block; width: 100%; }

@media screen and (max-width: 1219px) { .nxys-box7 .box-item .item-right { margin-right: 0; width: 48.57143%; } }

@media screen and (max-width: 767px) { .nxys-box7 .box-item .item-right { width: 54.28571%; } }

@media screen and (max-width: 480px) { .nxys-box7 .box-item .item-right { width: 100%; max-width: 350px; margin: 0 auto 20px; } }

.nxys-box7 .box-item .item-left { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; max-width: 36.92857%; }

.nxys-box7 .box-item .item-left img { display: block; width: 100%; }

@media screen and (max-width: 1219px) { .nxys-box7 .box-item .item-left { max-width: 41.42857%; } }

@media screen and (max-width: 767px) { .nxys-box7 .box-item .item-left { max-width: 42.85714%; } }

@media screen and (max-width: 480px) { .nxys-box7 .box-item .item-left { width: 100%; margin: 0 auto; max-width: 160px; } }

.nxys-box8 { padding: 88px 0 73px; }

@media screen and (max-width: 1219px) { .nxys-box8 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .nxys-box8 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nxys-box8 { padding: 30px 0; } }

.nxys-box8 .nxys-item { margin-bottom: 48px; }

@media screen and (max-width: 1219px) { .nxys-box8 .nxys-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nxys-box8 .nxys-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nxys-box8 .nxys-item { margin-bottom: 20px; } }

.nxys-box8 .box-body { padding-bottom: 29px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media screen and (max-width: 1219px) { .nxys-box8 .box-body { padding-top: 0; } }

@media screen and (max-width: 991px) { .nxys-box8 .box-body { display: block; padding-bottom: 20px; } }

@media screen and (max-width: 767px) { .nxys-box8 .box-body { padding-bottom: 10px; } }

.nxys-box8 .box-body .item-pics { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33%; margin: 0 6.35714% 0 4.5%; }

@media screen and (max-width: 1419px) { .nxys-box8 .box-body .item-pics { width: 38.85714%; margin-left: 0; margin-right: 5%; } }

@media screen and (max-width: 991px) { .nxys-box8 .box-body .item-pics { width: 100%; margin: 0 auto 20px; max-width: 300px; } }

.nxys-box8 .box-body .box-list { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 27px; }

@media screen and (max-width: 1219px) { .nxys-box8 .box-body .box-list { padding-top: 15px; } }

.nxys-box8 .box-body .box-list .list-item { width: 47.20102%; -webkit-flex-basis: 47.20102%; -ms-flex-preferred-size: 47.20102%; flex-basis: 47.20102%; margin-left: 5.59796%; margin-bottom: 37px; padding: 22px 23px 21px; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; border: 1px solid #6F5BDD; }

.nxys-box8 .box-body .box-list .list-item:nth-child(odd) { margin-left: 0; }

.nxys-box8 .box-body .box-list .list-item:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(69, 102, 182, 0.26); box-shadow: 0px 0px 10px 0px rgba(69, 102, 182, 0.26); }

@media screen and (max-width: 1419px) { .nxys-box8 .box-body .box-list .list-item { padding: 20px; } }

@media screen and (max-width: 1219px) { .nxys-box8 .box-body .box-list .list-item { padding: 15px; width: 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-left: 2%; margin-bottom: 25px; } }

@media screen and (max-width: 991px) { .nxys-box8 .box-body .box-list .list-item { -webkit-box-shadow: 0px 0px 10px 0px rgba(69, 102, 182, 0.26); box-shadow: 0px 0px 10px 0px rgba(69, 102, 182, 0.26); } }

@media screen and (max-width: 480px) { .nxys-box8 .box-body .box-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; margin-bottom: 20px; padding: 15px 10px; } }

.nxys-box8 .box-body .box-list .item-title { color: #6F5BDD; font-size: 24px; font-size: 2.4rem; line-height: 1.5; margin-bottom: 5px; }

.nxys-box8 .box-body .box-list .item-title strong { font-family: 'YouSheBiaoTiHei'; color: #6F5BDD; line-height: 0.8; opacity: 0.4; font-size: 48px; font-size: 4.8rem; background: -webkit-gradient(linear, left bottom, left top, from(#6F5BDD), to(#918AF9)); background: -webkit-linear-gradient(bottom, #6F5BDD 0%, #918AF9 100%); background: -moz-linear-gradient(bottom, #6F5BDD 0%, #918AF9 100%); background: linear-gradient(0deg, #6F5BDD 0%, #918AF9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; vertical-align: bottom; }

@media screen and (max-width: 1419px) { .nxys-box8 .box-body .box-list .item-title { font-size: 20px; font-size: 2rem; }
  .nxys-box8 .box-body .box-list .item-title strong { font-size: 42px; font-size: 4.2rem; } }

@media screen and (max-width: 1219px) { .nxys-box8 .box-body .box-list .item-title { font-size: 18px; font-size: 1.8rem; }
  .nxys-box8 .box-body .box-list .item-title strong { font-size: 34px; font-size: 3.4rem; } }

@media screen and (max-width: 991px) { .nxys-box8 .box-body .box-list .item-title { font-size: 16px; font-size: 1.6rem; }
  .nxys-box8 .box-body .box-list .item-title strong { font-size: 28px; font-size: 2.8rem; } }

@media screen and (max-width: 767px) { .nxys-box8 .box-body .box-list .item-title { font-size: 14px; font-size: 1.4rem; }
  .nxys-box8 .box-body .box-list .item-title strong { font-size: 22px; font-size: 2.2rem; line-height: 1; } }

.nxys-box8 .box-body .box-list .item-desc { color: #000; font-size: 16px; font-size: 1.6rem; line-height: 2; }

@media screen and (max-width: 1419px) { .nxys-box8 .box-body .box-list .item-desc { line-height: 1.5; } }

@media screen and (max-width: 1219px) { .nxys-box8 .box-body .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nxys-box8 .box-body .box-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

.nxys-box9 { background-color: #F8F7FD; padding: 86px 0 79px; }

@media screen and (max-width: 1219px) { .nxys-box9 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .nxys-box9 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nxys-box9 { padding: 30px 0; } }

.nxys-box9 .nxys-item { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .nxys-box9 .nxys-item { margin-bottom: 15px; } }

.nxys-box9 .case-swiper { margin-bottom: 40px; }

@media screen and (max-width: 991px) { .nxys-box9 .case-swiper { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nxys-box9 .case-swiper { margin-bottom: 20px; } }

.nxys-box9 .case-swiper .swiper-slide { width: 45.57292% !important; margin: 0 1.04167% !important; }

@media screen and (max-width: 767px) { .nxys-box9 .case-swiper .swiper-slide { width: 62.5% !important; margin: 0 0.52083% !important; } }

.nxys-box9 .case-swiper .swiper-slide .item-box { margin: 10px 0; padding: 10px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

@media screen and (max-width: 767px) { .nxys-box9 .case-swiper .swiper-slide .item-box { -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; } }

.nxys-box9 .case-swiper .swiper-slide .item-pics { position: relative; padding-bottom: 55.32164%; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

@media screen and (max-width: 767px) { .nxys-box9 .case-swiper .swiper-slide .item-pics { -webkit-border-radius: 10px; border-radius: 10px; } }

.nxys-box9 .case-swiper .swiper-slide .item-pics img { display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 88.58351%; width: 88.58351%; border: 1px solid transparent; -webkit-border-radius: 20px; border-radius: 20px; }

@media screen and (max-width: 767px) { .nxys-box9 .case-swiper .swiper-slide .item-pics img { -webkit-border-radius: 10px; border-radius: 10px; } }

.nxys-box9 .case-swiper .swiper-slide .item-title { text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 1.5; color: #000; margin-top: 14px; opacity: 0; visibility: hidden; }

@media screen and (max-width: 1419px) { .nxys-box9 .case-swiper .swiper-slide .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 1219px) { .nxys-box9 .case-swiper .swiper-slide .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .nxys-box9 .case-swiper .swiper-slide .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .nxys-box9 .case-swiper .swiper-slide .item-title { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }

.nxys-box9 .case-swiper .swiper-slide.swiper-slide-prev .item-pics img { left: auto; right: 0; }

.nxys-box9 .case-swiper .swiper-slide.swiper-slide-active .item-box { background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(69, 102, 182, 0.26); box-shadow: 0px 0px 10px 0px rgba(69, 102, 182, 0.26); }

.nxys-box9 .case-swiper .swiper-slide.swiper-slide-active .item-pics img { height: 100%; width: 100%; border: 1px solid #E8E8E8; }

.nxys-box9 .case-swiper .swiper-slide.swiper-slide-active .item-title { visibility: visible; opacity: 1; }

.nxys-box9 .case-swiper .swiper-button-prev { background: rgba(111, 91, 221, 0.15) url(../images/20220420/nleft.png) no-repeat center; -webkit-border-radius: 0px 15px 15px 0px; border-radius: 0px 15px 15px 0px; left: 27.1875%; margin-left: 10px; }

@media screen and (max-width: 991px) { .nxys-box9 .case-swiper .swiper-button-prev { -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; } }

@media screen and (max-width: 767px) { .nxys-box9 .case-swiper .swiper-button-prev { margin-left: 5px; left: 18.75%; } }

.nxys-box9 .case-swiper .swiper-button-next { background: rgba(111, 91, 221, 0.15) url(../images/20220420/nright.png) no-repeat center; -webkit-border-radius: 15px 0px 0px 15px; border-radius: 15px 0px 0px 15px; right: 27.1875%; margin-right: 10px; }

@media screen and (max-width: 991px) { .nxys-box9 .case-swiper .swiper-button-next { -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; } }

@media screen and (max-width: 767px) { .nxys-box9 .case-swiper .swiper-button-next { margin-right: 5px; right: 18.75%; } }

.nxys-box9 .case-swiper .swiper-button-next, .nxys-box9 .case-swiper .swiper-button-prev { width: 46px; height: 92px; margin-top: -64px; }

@media screen and (max-width: 1419px) { .nxys-box9 .case-swiper .swiper-button-next, .nxys-box9 .case-swiper .swiper-button-prev { width: 40px; height: 80px; margin-top: -55px; } }

@media screen and (max-width: 1219px) { .nxys-box9 .case-swiper .swiper-button-next, .nxys-box9 .case-swiper .swiper-button-prev { width: 32px; height: 66px; margin-top: -46px; background-size: 12px; } }

@media screen and (max-width: 991px) { .nxys-box9 .case-swiper .swiper-button-next, .nxys-box9 .case-swiper .swiper-button-prev { width: 26px; height: 50px; margin-top: -37px; background-size: 10px; } }

@media screen and (max-width: 640px) { .nxys-box9 .case-swiper .swiper-button-next, .nxys-box9 .case-swiper .swiper-button-prev { width: 18px; height: 30px; margin-top: -25px; background-size: 6px; } }

/* xys end */
/* contact start */
.nc-wrap { font-family: "SourceHanSansCN-Regular"; }

.nc-wrap, .nc-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.nc-item { text-align: center; }

.nc-item .item-title { font-family: "SourceHanSansCN-Bold"; font-size: 36px; font-size: 3.6rem; line-height: 1.5; color: #000; }

@media screen and (max-width: 1419px) { .nc-item .item-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 1219px) { .nc-item .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .nc-item .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .nc-item .item-title { font-size: 18px; font-size: 1.8rem; } }

.nc-item .item-subt { font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #898989; }

@media screen and (max-width: 1219px) { .nc-item .item-subt { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nc-item .item-subt { font-size: 12px; font-size: 1.2rem; } }

.nc-item .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 2; color: #000; max-width: 750px; margin: 5px auto 0; font-weight: 400; }

@media screen and (max-width: 1219px) { .nc-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin-top: 10px; } }

@media screen and (max-width: 767px) { .nc-item .item-desc { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } }

.nc-box1 { padding: 88px 0 69px; }

@media screen and (max-width: 1219px) { .nc-box1 { padding-top: 70px; } }

@media screen and (max-width: 991px) { .nc-box1 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nc-box1 { padding: 30px 0; } }

.nc-box1 .nc-item { margin-bottom: 45px; }

@media screen and (max-width: 1219px) { .nc-box1 .nc-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nc-box1 .nc-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nc-box1 .nc-item { margin-bottom: 20px; } }

.nc-box1 .box-tab { float: left; position: relative; z-index: 2; width: 56.42857%; }

@media screen and (max-width: 767px) { .nc-box1 .box-tab { float: none; width: 100%; } }

.nc-box1 .box-tab .tab-options { font-size: 0; letter-spacing: 0; text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 1219px) { .nc-box1 .box-tab .tab-options { margin-bottom: 30px; } }

@media screen and (max-width: 991px) { .nc-box1 .box-tab .tab-options { margin-bottom: 20px; } }

.nc-box1 .box-tab .tab-options li { display: inline-block; vertical-align: top; min-width: 159px; line-height: 45px; background-color: #F0F4FE; border: 2px solid #386EFA; -webkit-border-radius: 25px; border-radius: 25px; margin-right: 31px; font-size: 20px; font-size: 2rem; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.nc-box1 .box-tab .tab-options li:last-child { margin-right: 0; }

.nc-box1 .box-tab .tab-options li:hover, .nc-box1 .box-tab .tab-options li.tab-active { background-color: #386EFA; color: #fff; }

@media screen and (max-width: 1419px) { .nc-box1 .box-tab .tab-options li { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 1219px) { .nc-box1 .box-tab .tab-options li { font-size: 16px; font-size: 1.6rem; line-height: 38px; min-width: 140px; margin-right: 20px; } }

@media screen and (max-width: 991px) { .nc-box1 .box-tab .tab-options li { line-height: 32px; min-width: 120px; } }

@media screen and (max-width: 767px) { .nc-box1 .box-tab .tab-options li { font-size: 14px; font-size: 1.4rem; line-height: 26px; min-width: 100px; margin-right: 15px; } }

.nc-box1 .box-tab .tab-content .item-pic { display: block; overflow: hidden; -webkit-border-radius: 30px; border-radius: 30px; position: relative; cursor: pointer; }

@media screen and (max-width: 991px) { .nc-box1 .box-tab .tab-content .item-pic { -webkit-border-radius: 20px; border-radius: 20px; } }

@media screen and (max-width: 767px) { .nc-box1 .box-tab .tab-content .item-pic { -webkit-border-radius: 15px; border-radius: 15px; } }

.nc-box1 .box-tab .tab-content .video-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 53px; }

.nc-box1 .box-tab .tab-content .video-btn img { display: block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

@media screen and (max-width: 991px) { .nc-box1 .box-tab .tab-content .video-btn { width: 45px; } }

@media screen and (max-width: 480px) { .nc-box1 .box-tab .tab-content .video-btn { width: 35px; } }

.nc-box1 .tab-right { float: right; width: 43.57143%; padding-top: 49px; }

@media screen and (max-width: 1219px) { .nc-box1 .tab-right { padding-top: 40px; } }

@media screen and (max-width: 991px) { .nc-box1 .tab-right { padding-top: 30px; } }

@media screen and (max-width: 767px) { .nc-box1 .tab-right { width: 100%; padding-top: 20px; } }

.nc-box1 .tab-right .item-pics { width: 83.44262%; margin-left: 10.16393%; margin-bottom: 56px; }

.nc-box1 .tab-right .item-pics img { display: block; width: 100%; }

@media screen and (max-width: 1419px) { .nc-box1 .tab-right .item-pics { margin-bottom: 45px; margin-left: 40px; } }

@media screen and (max-width: 1219px) { .nc-box1 .tab-right .item-pics { margin-bottom: 35px; margin-left: 30px; } }

@media screen and (max-width: 991px) { .nc-box1 .tab-right .item-pics { margin-bottom: 25px; margin-left: 20px; } }

@media screen and (max-width: 767px) { .nc-box1 .tab-right .item-pics { display: none; } }

.nc-box1 .tab-right .item-body { color: #000; font-size: 16px; font-size: 1.6rem; line-height: 2; padding: 55px 54px 43px 62px; position: relative; }

.nc-box1 .tab-right .item-body:before { position: absolute; content: ''; background: -webkit-gradient(linear, left bottom, left top, from(rgba(118, 152, 253, 0.08)), color-stop(0%, rgba(127, 102, 253, 0.08)), color-stop(99%, rgba(50, 111, 249, 0.08))); background: -webkit-linear-gradient(bottom, rgba(118, 152, 253, 0.08) 0%, rgba(127, 102, 253, 0.08) 0%, rgba(50, 111, 249, 0.08) 99%); background: -moz-linear-gradient(bottom, rgba(118, 152, 253, 0.08) 0%, rgba(127, 102, 253, 0.08) 0%, rgba(50, 111, 249, 0.08) 99%); background: linear-gradient(0deg, rgba(118, 152, 253, 0.08) 0%, rgba(127, 102, 253, 0.08) 0%, rgba(50, 111, 249, 0.08) 99%); border: 1px solid #386EFA; -webkit-border-radius: 30px; border-radius: 30px; top: 0; right: 0; bottom: 0; left: -46px; }

.nc-box1 .tab-right .item-body .item-desc { position: relative; z-index: 2; }

@media screen and (max-width: 1419px) { .nc-box1 .tab-right .item-body { padding: 40px; line-height: 1.8; } }

@media screen and (max-width: 1219px) { .nc-box1 .tab-right .item-body { padding: 30px; font-size: 14px; font-size: 1.4rem; line-height: 1.5; } }

@media screen and (max-width: 991px) { .nc-box1 .tab-right .item-body { padding: 20px; }
  .nc-box1 .tab-right .item-body:before { left: -20px; -webkit-border-radius: 20px; border-radius: 20px; } }

@media screen and (max-width: 767px) { .nc-box1 .tab-right .item-body { font-size: 12px; font-size: 1.2rem; padding: 20px 15px; }
  .nc-box1 .tab-right .item-body:before { left: 0; -webkit-border-radius: 15px; border-radius: 15px; } }

.nc-box2 { background-color: #f7f8ff; padding: 85px 0 92px; }

@media screen and (max-width: 1219px) { .nc-box2 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .nc-box2 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nc-box2 { padding: 30px 0; } }

.nc-box2 .nc-item { margin-bottom: 31px; }

@media screen and (max-width: 767px) { .nc-box2 .nc-item { margin-bottom: 20px; } }

.nc-box2 .cer-swiper { margin-bottom: 54px; }

@media screen and (max-width: 1419px) { .nc-box2 .cer-swiper { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nc-box2 .cer-swiper { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nc-box2 .cer-swiper { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nc-box2 .cer-swiper { margin-bottom: 20px; } }

.nc-box2 .cer1-swiper { margin-bottom: 59px; }

@media screen and (max-width: 1419px) { .nc-box2 .cer1-swiper { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nc-box2 .cer1-swiper { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nc-box2 .cer1-swiper { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nc-box2 .cer1-swiper { margin-bottom: 20px; } }

.nc-box2 .cer-swiper, .nc-box2 .cer1-swiper { position: relative; }

@media screen and (max-width: 1519px) { .nc-box2 .cer-swiper, .nc-box2 .cer1-swiper { padding: 0 45px; } }

@media screen and (max-width: 1219px) { .nc-box2 .cer-swiper, .nc-box2 .cer1-swiper { padding: 0 35px; } }

@media screen and (max-width: 767px) { .nc-box2 .cer-swiper, .nc-box2 .cer1-swiper { padding: 0 30px; } }

.nc-box2 .cer-swiper .swiper-button-next, .nc-box2 .cer-swiper .swiper-button-prev, .nc-box2 .cer1-swiper .swiper-button-next, .nc-box2 .cer1-swiper .swiper-button-prev { width: 38px; height: 38px; margin-top: -19px; }

@media screen and (max-width: 1219px) { .nc-box2 .cer-swiper .swiper-button-next, .nc-box2 .cer-swiper .swiper-button-prev, .nc-box2 .cer1-swiper .swiper-button-next, .nc-box2 .cer1-swiper .swiper-button-prev { width: 30px; height: 30px; margin-top: -15px; } }

@media screen and (max-width: 767px) { .nc-box2 .cer-swiper .swiper-button-next, .nc-box2 .cer-swiper .swiper-button-prev, .nc-box2 .cer1-swiper .swiper-button-next, .nc-box2 .cer1-swiper .swiper-button-prev { width: 24px; height: 24px; margin-top: -12px; } }

.nc-box2 .cer-swiper .swiper-button-prev, .nc-box2 .cer1-swiper .swiper-button-prev { left: -52px; }

@media screen and (max-width: 1519px) { .nc-box2 .cer-swiper .swiper-button-prev, .nc-box2 .cer1-swiper .swiper-button-prev { left: 0; } }

.nc-box2 .cer-swiper .swiper-button-next, .nc-box2 .cer1-swiper .swiper-button-next { right: -52px; }

@media screen and (max-width: 1519px) { .nc-box2 .cer-swiper .swiper-button-next, .nc-box2 .cer1-swiper .swiper-button-next { right: 0; } }

.nc-box2 .box-btn { text-align: center; font-size: 0; }

.nc-box2 .box-btn .item-btn { display: inline-block; padding: 0 21px; line-height: 39px; background: -webkit-linear-gradient(16deg, #7698FD 0%, #7F66FD 0%, #326FF9 99%); background: -moz-linear-gradient(16deg, #7698FD 0%, #7F66FD 0%, #326FF9 99%); background: linear-gradient(74deg, #7698FD 0%, #7F66FD 0%, #326FF9 99%); -webkit-border-radius: 19px; border-radius: 19px; font-size: 13px; font-size: 1.3rem; color: #fff; }

@media screen and (max-width: 767px) { .nc-box2 .box-btn .item-btn { line-height: 30px; font-size: 12px; font-size: 1.2rem; padding: 0 15px; } }

.nc-box3 { background: url(../images/20220420/nc8.jpg) no-repeat bottom center; background-size: cover; background-size: 100%; padding-top: 90px; }

@media screen and (max-width: 1219px) { .nc-box3 { padding-top: 70px; } }

@media screen and (max-width: 991px) { .nc-box3 { padding-top: 50px; } }

@media screen and (max-width: 767px) { .nc-box3 { padding-top: 30px; } }

.nc-box3 .box-body { height: 673px; position: relative; }

@media screen and (max-width: 1619px) { .nc-box3 .box-body { height: auto; width: 1400px; margin: 0 auto; padding: 50px 0 90px; } }

@media screen and (max-width: 1419px) { .nc-box3 .box-body { width: 1200px; } }

@media screen and (max-width: 1219px) { .nc-box3 .box-body { width: 960px; padding: 40px 0 70px; } }

@media screen and (max-width: 991px) { .nc-box3 .box-body { width: 720px; } }

@media screen and (max-width: 767px) { .nc-box3 .box-body { width: 100%; padding: 30px 15px 50px; } }

.nc-box3 .box-body .item-bg { position: absolute; left: 0; width: 100%; bottom: 30.16345%; }

.nc-box3 .box-body .item-bg img { display: block; width: 100%; }

@media screen and (max-width: 1619px) { .nc-box3 .box-body .item-bg { display: none; } }

.nc-box3 .box-list { font-size: 0; letter-spacing: 0; }

@media screen and (max-width: 1619px) { .nc-box3 .box-list { position: relative; }
  .nc-box3 .box-list:before { position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; width: 3px; top: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 110, 250, 0.6)), to(rgba(56, 110, 250, 0))); background: -webkit-linear-gradient(top, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); background: -moz-linear-gradient(top, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); background: linear-gradient(180deg, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); } }

.nc-box3 .box-list .list-item { width: 14.0625%; position: absolute; }

@media screen and (max-width: 1619px) { .nc-box3 .box-list .list-item { height: auto !important; position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: inline-block; vertical-align: top; width: 50%; }
  .nc-box3 .box-list .list-item .item-box { position: relative !important; bottom: 0 !important; padding: 0 !important; height: 100%; }
  .nc-box3 .box-list .list-item .item-box:before, .nc-box3 .box-list .list-item .item-box:after { display: none; }
  .nc-box3 .box-list .list-item:nth-child(odd) { padding-right: 3.57143%; text-align: right; }
  .nc-box3 .box-list .list-item:nth-child(odd):before { right: -10px; } }

@media screen and (max-width: 1619px) and (max-width: 1219px) { .nc-box3 .box-list .list-item:nth-child(odd):before { right: -8px; } }

@media screen and (max-width: 1619px) and (max-width: 991px) { .nc-box3 .box-list .list-item:nth-child(odd):before { right: -7px; } }

@media screen and (max-width: 1619px) and (max-width: 767px) { .nc-box3 .box-list .list-item:nth-child(odd) { padding-right: 5%; }
  .nc-box3 .box-list .list-item:nth-child(odd):before { right: -6px; } }

@media screen and (max-width: 1619px) { .nc-box3 .box-list .list-item:nth-child(even) { margin-top: 60px; padding-left: 3.57143%; }
  .nc-box3 .box-list .list-item:nth-child(even):before { left: -10px; } }

@media screen and (max-width: 1619px) and (max-width: 1219px) { .nc-box3 .box-list .list-item:nth-child(even):before { left: -8px; } }

@media screen and (max-width: 1619px) and (max-width: 991px) { .nc-box3 .box-list .list-item:nth-child(even):before { left: -7px; } }

@media screen and (max-width: 1619px) and (max-width: 767px) { .nc-box3 .box-list .list-item:nth-child(even) { padding-left: 5%; }
  .nc-box3 .box-list .list-item:nth-child(even):before { left: -6px; } }

@media screen and (max-width: 1619px) { .nc-box3 .box-list .list-item:before { position: absolute; content: ''; width: 20px; height: 20px; background: #386EFA; border: 3px solid #FFFFFF; -webkit-box-shadow: 0px 1px 10px 0px rgba(7, 45, 144, 0.76); box-shadow: 0px 1px 10px 0px rgba(7, 45, 144, 0.76); -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 10px !important; } }

@media screen and (max-width: 1619px) and (max-width: 1419px) { .nc-box3 .box-list .list-item:before { top: 5px !important; } }

@media screen and (max-width: 1619px) and (max-width: 1219px) { .nc-box3 .box-list .list-item:before { width: 16px; height: 16px; } }

@media screen and (max-width: 1619px) and (max-width: 991px) { .nc-box3 .box-list .list-item:before { width: 14px; height: 14px; border-width: 2px; } }

@media screen and (max-width: 1619px) and (max-width: 767px) { .nc-box3 .box-list .list-item:before { width: 12px; height: 12px; } }

.nc-box3 .box-list .list-item .item-box { position: absolute; left: 0; width: 100%; padding: 0 35px 0 24px; }

@media screen and (max-width: 1619px) { .nc-box3 .box-list .list-item .item-box { position: relative; padding-left: 15px; padding-right: 15px; } }

.nc-box3 .box-list .list-item .item-box:after { position: absolute; content: ''; width: 16px; height: 16px; background-color: #386EFA; -webkit-border-radius: 50%; border-radius: 50%; left: -6px; }

.nc-box3 .box-list .list-item .item-box:before { position: absolute; content: ''; left: 0; width: 3px; top: 0; bottom: 0; }

.nc-box3 .box-list .list-item:nth-child(odd) { top: 0; height: 435px; }

.nc-box3 .box-list .list-item:nth-child(odd):before { top: 100%; }

.nc-box3 .box-list .list-item:nth-child(odd) .item-box { padding-bottom: 75px; bottom: 0; }

@media screen and (max-width: 1619px) { .nc-box3 .box-list .list-item:nth-child(odd) .item-box { padding-bottom: 30px; } }

.nc-box3 .box-list .list-item:nth-child(odd) .item-box:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 110, 250, 0.6)), to(rgba(56, 110, 250, 0))); background: -webkit-linear-gradient(top, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); background: -moz-linear-gradient(top, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); background: linear-gradient(180deg, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); }

.nc-box3 .box-list .list-item:nth-child(odd) .item-box:after { top: 0; }

.nc-box3 .box-list .list-item:nth-child(even) { bottom: 0; height: 214px; }

.nc-box3 .box-list .list-item:nth-child(even):before { bottom: 100%; }

.nc-box3 .box-list .list-item:nth-child(even) .item-box { top: 0; padding-top: 30px; }

.nc-box3 .box-list .list-item:nth-child(even) .item-box:before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(56, 110, 250, 0.6)), to(rgba(56, 110, 250, 0))); background: -webkit-linear-gradient(bottom, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); background: -moz-linear-gradient(bottom, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); background: linear-gradient(0deg, rgba(56, 110, 250, 0.6) 0%, rgba(56, 110, 250, 0) 100%); }

.nc-box3 .box-list .list-item:nth-child(even) .item-box:after { bottom: 0; }

.nc-box3 .box-list .list-item:nth-child(1) { left: 9.53125%; }

.nc-box3 .box-list .list-item:nth-child(2) { left: 16.5625%; }

.nc-box3 .box-list .list-item:nth-child(3) { left: 23.59375%; }

.nc-box3 .box-list .list-item:nth-child(4) { left: 30.625%; }

.nc-box3 .box-list .list-item:nth-child(5) { left: 37.65625%; }

.nc-box3 .box-list .list-item:nth-child(6) { left: 44.6875%; }

.nc-box3 .box-list .list-item:nth-child(7) { left: 51.71875%; }

.nc-box3 .box-list .list-item:nth-child(8) { left: 58.75%; }

.nc-box3 .box-list .list-item:nth-child(9) { left: 65.78125%; }

.nc-box3 .box-list .list-item:nth-child(10) { left: 72.8125%; }

.nc-box3 .box-list .list-item:nth-child(11) { left: 79.84375%; }

.nc-box3 .box-list .list-item:nth-child(12) { left: 86.875%; }

.nc-box3 .box-list .list-item:nth-child(4) { bottom: 10px; }

.nc-box3 .box-list .list-item:nth-child(6) { bottom: 40px; }

.nc-box3 .box-list .list-item:nth-child(8) { bottom: 80px; }

.nc-box3 .box-list .list-item:nth-child(10) { bottom: 140px; }

.nc-box3 .box-list .list-item:nth-child(12) { bottom: 220px; }

.nc-box3 .box-list .list-item:nth-child(1) .item-box { padding-bottom: 50px; }

.nc-box3 .box-list .list-item:nth-child(1) .item-pics { position: absolute; width: 34.44444%; right: 16.66667%; bottom: -5px; }

@media screen and (max-width: 1619px) { .nc-box3 .box-list .list-item:nth-child(1) .item-pics { width: 60px; bottom: 0; right: 110px; } }

@media screen and (max-width: 991px) { .nc-box3 .box-list .list-item:nth-child(1) .item-pics { width: 50px; bottom: 0; right: 110px; } }

@media screen and (max-width: 767px) { .nc-box3 .box-list .list-item:nth-child(1) .item-pics { width: 40px; bottom: 0; right: 80px; } }

.nc-box3 .box-list .list-item:nth-child(3) { height: 425px; }

.nc-box3 .box-list .list-item:nth-child(3) .item-box { padding-bottom: 25px; }

.nc-box3 .box-list .list-item:nth-child(5) { height: 405px; }

.nc-box3 .box-list .list-item:nth-child(7) { height: 372px; }

.nc-box3 .box-list .list-item:nth-child(9) { height: 320px; }

.nc-box3 .box-list .list-item:nth-child(11) { height: 250px; }

.nc-box3 .box-list .list-item:nth-child(13) { height: 250px; }

.nc-box3 .box-list .item-year { font-family: 'YouSheBiaoTiHei'; font-size: 30px; font-size: 3rem; line-height: 1.3; color: #386EFA; }

@media screen and (max-width: 1419px) { .nc-box3 .box-list .item-year { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 1219px) { .nc-box3 .box-list .item-year { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .nc-box3 .box-list .item-year { font-size: 18px; font-size: 1.8rem; } }

.nc-box3 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #696A6A; }

@media screen and (max-width: 767px) { .nc-box3 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.nc-box4 { background: url(../images/20220420/nc1.jpg) no-repeat center; background-size: cover; padding: 76px 0 60px; }

@media screen and (max-width: 1219px) { .nc-box4 { padding: 70px 0 40px; } }

@media screen and (max-width: 991px) { .nc-box4 { padding: 50px 0 30px; } }

@media screen and (max-width: 767px) { .nc-box4 { padding: 30px 0 20px; } }

.nc-box4 .nc-item { margin-bottom: 32px; }

.nc-box4 .nc-item .item-title, .nc-box4 .nc-item .item-title a, .nc-box4 .nc-item .item-subt, .nc-box4 .nc-item .item-subt a, .nc-box4 .nc-item .item-desc, .nc-box4 .nc-item .item-desc a { color: #fff; }

@media screen and (max-width: 991px) { .nc-box4 .nc-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nc-box4 .nc-item { margin-bottom: 20px; } }

.nc-box4 .box-list { font-size: 0; letter-spacing: 0; }

.nc-box4 .box-list .list-item { display: inline-block; vertical-align: top; width: 31.21429%; margin-left: 3.17857%; margin-bottom: 30px; }

.nc-box4 .box-list .list-item:nth-child(3n+1) { margin-left: 0; }

@media screen and (max-width: 991px) { .nc-box4 .box-list .list-item { margin-bottom: 25px; } }

@media screen and (max-width: 767px) { .nc-box4 .box-list .list-item { margin-bottom: 20px; } }

@media screen and (max-width: 480px) { .nc-box4 .box-list .list-item { margin-bottom: 15px; } }

.nc-box4 .box-list .item-pic { border: solid 1px #E7E6E6; }

.nc-box5 { background: url(../images/20220420/nc5.jpg) no-repeat bottom center; background-size: 100%; padding: 90px 0 30px; }

@media screen and (max-width: 1219px) { .nc-box5 { padding: 70px 0 30px; } }

@media screen and (max-width: 991px) { .nc-box5 { padding: 50px 0 30px; } }

@media screen and (max-width: 767px) { .nc-box5 { padding: 30px 0; } }

.nc-box5 .box-body { position: relative; margin-top: -28px; }

@media screen and (max-width: 1419px) { .nc-box5 .box-body { margin-top: 0; } }

@media screen and (max-width: 480px) { .nc-box5 .box-body { margin-top: 15px; } }

.nc-box5 .box-body .item-pic2 { position: absolute; left: 0.92857%; width: 60.92857%; top: 13.11475%; }

.nc-box5 .box-body .item-pic2 img { display: block; width: 100%; }

@media screen and (max-width: 1419px) { .nc-box5 .box-body .item-pic2 { left: 0; } }

.nc-box5 .box-body .item-pic1 { float: right; width: 58.35714%; margin-right: 5%; }

.nc-box5 .box-body .item-pic1 img { display: block; width: 100%; }

@media screen and (max-width: 991px) { .nc-box5 .box-body .item-pic1 { margin-right: 0; width: 62.85714%; } }

@media screen and (max-width: 480px) { .nc-box5 .box-body .item-pic1 { width: 100%; margin-bottom: 15px; } }

.nc-box5 .box-body .item-body { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0.71429%; bottom: 15.64829%; }

@media screen and (max-width: 1419px) { .nc-box5 .box-body .item-body { left: 0; } }

@media screen and (max-width: 991px) { .nc-box5 .box-body .item-body { bottom: 8.19672%; } }

@media screen and (max-width: 480px) { .nc-box5 .box-body .item-body { bottom: 0; width: 100%; position: relative; } }

.nc-box5 .box-body .item-body .item-pic3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.14286%; margin-right: 2.85714%; }

.nc-box5 .box-body .item-body .item-pic3 img { display: block; width: 100%; }

@media screen and (max-width: 480px) { .nc-box5 .box-body .item-body .item-pic3 { min-width: 40px; margin-right: 15px; } }

.nc-box5 .box-body .item-body .item-desc { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; max-width: 33.57143%; color: #000; font-size: 16px; font-size: 1.6rem; line-height: 2; }

@media screen and (max-width: 1419px) { .nc-box5 .box-body .item-body .item-desc { line-height: 1.6; } }

@media screen and (max-width: 1219px) { .nc-box5 .box-body .item-body .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 1.5; } }

@media screen and (max-width: 767px) { .nc-box5 .box-body .item-body .item-desc { font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 480px) { .nc-box5 .box-body .item-body .item-desc { max-width: none; } }

.nc-btn { text-align: center; font-size: 0; }

.nc-btn .item-btn { display: inline-block; line-height: 48px; min-width: 262px; padding: 0 20px; background: -webkit-gradient(linear, left bottom, left top, from(#326FF9), to(#7F66FD)); background: -webkit-linear-gradient(bottom, #326FF9, #7F66FD); background: -moz-linear-gradient(bottom, #326FF9, #7F66FD); background: linear-gradient(0deg, #326FF9, #7F66FD); -webkit-border-radius: 24px; border-radius: 24px; font-size: 16px; font-size: 1.6rem; color: #fff; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.nc-btn .item-btn:hover { background: -webkit-gradient(linear, left bottom, left top, from(#7F66FD), to(#326FF9)); background: -webkit-linear-gradient(bottom, #7F66FD, #326FF9); background: -moz-linear-gradient(bottom, #7F66FD, #326FF9); background: linear-gradient(0deg, #7F66FD, #326FF9); }

@media screen and (max-width: 1419px) { .nc-btn .item-btn { line-height: 44px; } }

@media screen and (max-width: 1219px) { .nc-btn .item-btn { line-height: 40px; min-width: 200px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .nc-btn .item-btn { min-width: 160px; line-height: 36px; } }

@media screen and (max-width: 767px) { .nc-btn .item-btn { line-height: 30px; min-width: auto; font-size: 12px; font-size: 1.2rem; } }

.nc-box6 { padding: 88px 0 95px; }

@media screen and (max-width: 1419px) { .nc-box6 { padding-bottom: 90px; } }

@media screen and (max-width: 1219px) { .nc-box6 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .nc-box6 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .nc-box6 { padding: 30px 0; } }

.nc-box6 .nc-item { margin-bottom: 64px; }

@media screen and (max-width: 1419px) { .nc-box6 .nc-item { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .nc-box6 .nc-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nc-box6 .nc-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nc-box6 .nc-item { margin-bottom: 20px; } }

.nc-box6 .act-swiper { margin-bottom: 50px; position: relative; }

@media screen and (max-width: 1519px) { .nc-box6 .act-swiper { padding: 0 45px; } }

@media screen and (max-width: 1219px) { .nc-box6 .act-swiper { padding: 0 35px; margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .nc-box6 .act-swiper { padding: 0 30px; margin-bottom: 20px; } }

.nc-box6 .act-swiper .swiper-button-next, .nc-box6 .act-swiper .swiper-button-prev { width: 38px; height: 38px; margin-top: -46px; }

@media screen and (max-width: 1219px) { .nc-box6 .act-swiper .swiper-button-next, .nc-box6 .act-swiper .swiper-button-prev { width: 30px; height: 30px; margin-top: -35px; } }

@media screen and (max-width: 767px) { .nc-box6 .act-swiper .swiper-button-next, .nc-box6 .act-swiper .swiper-button-prev { width: 24px; height: 24px; margin-top: -24px; } }

.nc-box6 .act-swiper .swiper-button-prev { left: -52px; }

@media screen and (max-width: 1519px) { .nc-box6 .act-swiper .swiper-button-prev { left: 0; } }

.nc-box6 .act-swiper .swiper-button-next { right: -52px; }

@media screen and (max-width: 1519px) { .nc-box6 .act-swiper .swiper-button-next { right: 0; } }

.nc-box6 .act-swiper .item-pic { position: relative; overflow: hidden; -webkit-border-radius: 8px; border-radius: 8px; }

.nc-box6 .act-swiper .item-pic img { display: block; width: 100%; }

.nc-box6 .act-swiper .a-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; }

.nc-box6 .act-swiper .a-hover img { width: 12.8972%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.nc-box6 .act-swiper .item-title { text-align: center; margin-top: 28px; font-size: 18px; font-size: 1.8rem; line-height: 1.5; }

@media screen and (max-width: 1419px) { .nc-box6 .act-swiper .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 20px; } }

@media screen and (max-width: 1219px) { .nc-box6 .act-swiper .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 15px; } }

@media screen and (max-width: 767px) { .nc-box6 .act-swiper .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 10px; } }

.nc-box7 { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ padding-bottom: 95px; }

.nc-box7 ::-webkit-input-placeholder { color: #515151; opacity: 1; }

.nc-box7 :-o-placeholder { color: #515151; opacity: 1; }

.nc-box7 ::-moz-placeholder { color: #515151; opacity: 1; }

.nc-box7 :-ms-input-placeholder { color: #515151; opacity: 1; }

@media screen and (max-width: 1219px) { .nc-box7 { padding-bottom: 70px; } }

@media screen and (max-width: 991px) { .nc-box7 { padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .nc-box7 { padding-bottom: 30px; } }

.nc-box7 .nc-item { margin-bottom: 46px; }

@media screen and (max-width: 1219px) { .nc-box7 .nc-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .nc-box7 .nc-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .nc-box7 .nc-item { margin-bottom: 20px; } }

.nc-box7 .box-form input, .nc-box7 .box-form textarea { display: block; width: 100%; background-color: #fff; border: 2px solid #B5B5B5; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 20px; padding-right: 20px; color: #515151; font-size: 20px; font-size: 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.nc-box7 .box-form input { height: 68px; line-height: 64px; }

.nc-box7 .box-form textarea { height: 230px; line-height: 24px; padding-top: 22px; padding-bottom: 15px; }

.nc-box7 .box-form .item-input, .nc-box7 .box-form .item-input1 { margin-bottom: 27px; float: left; }

.nc-box7 .box-form .star { position: relative; }

.nc-box7 .box-form .star:before { position: absolute; content: '*'; font-size: 36px; font-size: 3.6rem; line-height: 1; color: #FF0000; left: -18px; top: 24px; }

.nc-box7 .box-form .item-input { width: 31.42857%; margin-left: 2.85714%; }

.nc-box7 .box-form .item-input:nth-child(3n+1) { margin-left: 0; }

.nc-box7 .box-form .item-input1 { width: 100%; }

.nc-box7 .box-form .item-code { margin-left: 0; margin-right: 15px; width: 30.21429%; }

.nc-box7 .box-form .item-img { line-height: 68px; font-size: 0; cursor: pointer; }

.nc-box7 .box-form .item-img img { max-height: 68px; vertical-align: middle; }

.nc-box7 .box-form .item-btn { width: 262px; margin: 0 auto; margin-bottom: 0; }

.nc-box7 .box-form .item-btn input { height: 48px; line-height: 48px; border: 0; background: -webkit-gradient(linear, left bottom, left top, from(#326FF9), to(#7F66FD)); background: -webkit-linear-gradient(bottom, #326FF9, #7F66FD); background: -moz-linear-gradient(bottom, #326FF9, #7F66FD); background: linear-gradient(0deg, #326FF9, #7F66FD); -webkit-border-radius: 24px; border-radius: 24px; font-size: 16px; font-size: 1.6rem; color: #fff; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.nc-box7 .box-form .item-btn input:hover { background: -webkit-gradient(linear, left bottom, left top, from(#7F66FD), to(#326FF9)); background: -webkit-linear-gradient(bottom, #7F66FD, #326FF9); background: -moz-linear-gradient(bottom, #7F66FD, #326FF9); background: linear-gradient(0deg, #7F66FD, #326FF9); }

@media screen and (max-width: 1419px) { .nc-box7 .box-form input, .nc-box7 .box-form textarea { font-size: 18px; font-size: 1.8rem; padding-left: 15px; padding-right: 15px; } }

@media screen and (max-width: 1219px) { .nc-box7 .box-form input, .nc-box7 .box-form textarea { font-size: 16px; font-size: 1.6rem; padding-left: 10px; padding-right: 10px; }
  .nc-box7 .box-form input { height: 48px; line-height: 44px; }
  .nc-box7 .box-form textarea { padding-top: 15px; padding-bottom: 15px; }
  .nc-box7 .box-form .star:before { font-size: 26px; font-size: 2.6rem; top: 15px; left: -13px; }
  .nc-box7 .box-form .item-img { line-height: 48px; }
  .nc-box7 .box-form .item-img img { max-height: 48px; }
  .nc-box7 .box-form .item-input, .nc-box7 .box-form .item-input1 { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .nc-box7 .box-form .item-input, .nc-box7 .box-form .item-input1 { margin-bottom: 15px; }
  .nc-box7 .box-form input, .nc-box7 .box-form textarea { font-size: 14px; font-size: 1.4rem; -webkit-border-radius: 5px; border-radius: 5px; border-width: 1px; }
  .nc-box7 .box-form .item-input { width: 100%; margin-left: 0; }
  .nc-box7 .box-form input { height: 38px; line-height: 36px; }
  .nc-box7 .box-form textarea { padding-top: 8px; padding-bottom: 8px; }
  .nc-box7 .box-form .star:before { font-size: 20px; font-size: 2rem; top: 13px; left: -10px; }
  .nc-box7 .box-form .item-img { margin-bottom: 15px; line-height: 38px; }
  .nc-box7 .box-form .item-img img { max-height: 38px; }
  .nc-box7 .box-form .item-btn input { height: 38px; line-height: 38px; font-size: 14px; font-size: 1.4rem; } }

.page_banner{position: relative;}
.page_banner iframe,.page_banner video{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.page_banner img{opacity: 0}

/* contact end */
@font-face { font-family: 'SourceHanSansCN-Regular'; src: url("../font/SourceHanSansCN-Regular.eot"); src: url("../font/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Regular.woff2") format("woff2"), url("../font/SourceHanSansCN-Regular.woff") format("woff"), url("../font/SourceHanSansCN-Regular.ttf") format("truetype"), url("../font/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg"); }

@font-face { font-family: 'SourceHanSansCN-Bold'; src: url("../font/SourceHanSansCN-Bold.eot"); src: url("../font/SourceHanSansCN-Bold.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Bold.woff2") format("woff2"), url("../font/SourceHanSansCN-Bold.woff") format("woff"), url("../font/SourceHanSansCN-Bold.ttf") format("truetype"), url("../font/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold") format("svg"); }

@font-face { font-family: 'YouSheBiaoTiHei'; src: url("../fonts/YouSheBiaoTiHei.eot"); src: url("../fonts/YouSheBiaoTiHei.eot") format("embedded-opentype"), url("../fonts/YouSheBiaoTiHei.woff2") format("woff2"), url("../fonts/YouSheBiaoTiHei.woff") format("woff"), url("../fonts/YouSheBiaoTiHei.ttf") format("truetype"), url("../fonts/YouSheBiaoTiHei.svg#YouSheBiaoTiHei") format("svg"); }