body {
position: relative;
overflow-x: hidden;
margin: 0 auto;
width: 100%;
max-width: 1920px;
}

.h36 {
font-size: .36rem;
}

.h24 {
font-size: .24rem;
line-height: .30rem;
font-weight: bold;
}

.p18 {
font-size: 18px;
line-height: 32px;
}

.p14 {
font-size: 14px;
line-height: 30px;
}

.w1720 {
margin: 0 auto;
width: 100%;
max-width: 1720px;
}

.w1400 {
margin: 0 auto;
width: 100%;
max-width: 1400px;
}

.w1200 {
margin: 0 auto;
width: 100%;
max-width: 1200px;
}

td, th {
word-wrap: break-word;
word-break: break-all;
}

@media screen and (max-width:1720px) {
.w1720 {
width: 90%;
}
}

@media screen and (max-width:1400px) {
.w1400 {
width: 90%;
}
}

@media screen and (max-width:1200px) {
.w1200 {
width: 90%;
}
}

.swiper-pagination-bullet {
background-color: #1469c7;
}

.swiper-pagination-bullet-active {
background-color: #999;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 20px;
}

.swiper-button-next, .swiper-button-prev {
width: 50px;
height: 50px;
border: 1px solid #bfbfbf;
border-radius: 50%;
background: url(../images/in-prev.png) transparent no-repeat center center;
}

.swiper-button-next {
background: url(../images/in-next.png) transparent no-repeat center center;
}

.swiper-button-prev:hover {
border: 1px solid #1f88e4;
background: url(../images/in-hprev.png) #1f88e4 no-repeat center center;
}

.swiper-button-next:hover {
border: 1px solid #1f88e4;
background: url(../images/in-hnext.png) #1f88e4 no-repeat center center;
}

.videobox:hover {
animation: swing 1s;
}

.popvideo iframe {
width: 100%;
}

.popvideo video {
width: 100%;
object-fit: fill;
}

.popvideobg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
display: none;
margin: auto;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
}

.popvideobox {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%,-50%);
}

.popvideo {
position: relative;
margin: 0 auto;
padding: 0 20px;
max-width: 1000px;
}

.close-video-btn {
position: absolute;
top: -15px;
right: 45px;
z-index: 9;
display: block;
margin: -20px -20px 0 0;
width: 25px;
height: 25px;
cursor: pointer;
}

.close-video-btn::after {
position: absolute;
top: 10px;
width: 20px;
height: 2px;
background-color: #fff;
content: '';
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
}

.close-video-btn::before {
position: absolute;
top: 10px;
width: 20px;
height: 2px;
background-color: #fff;
content: '';
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}

.headfixed.headerbgm {
padding: 20px 0;
background: rgba(0,0,0,.6);
}

.btn-phone {
display: none;
width: 26px;
}

.headfixed {
position: fixed;
top: 0;
left: 0;
z-index: 99;
padding: 50px 0;
width: 100%;
transition: all .5s;
}

.headfixed > div {
align-items: center;
}

.headfixed .logo {
overflow: hidden;
width: 20%;
}

.headfixed .menu-list {
width: 77.4%;
align-items: center;
}

.headfixed .menu-list .menu-pcbox {
padding-right: 2%;
padding-left: 6%;
width: calc(100% - 80px);
}

.headfixed .menu-list .menu-pcul li {
vertical-align: top;
}

.headfixed .menu-list .menu-pcul li:hover .nav-two {
display: block !important;
}

.headfixed .mobile-nav-box > ul > li > a {
color: #282828;
text-align: center;
letter-spacing: 2px;
font-size: 14px;
}

.headfixed .mobile-nav-box ul li {
padding: 12px 0;
width: 100%;
border-bottom: 1px solid #ddd;
}

.headfixed .mobile-nav-box > ul li a {
color: #716b61;
text-align: left;
line-height: 30px;
}

.headfixed .mobile-nav-box > ul > li > h3.cur > i::before {
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
-ms-transform: rotate(135deg);
}

.headfixed .btn-list {
position: relative;
width: auto;
}

.headfixed .btn-list .btn-right {
text-align: center;
align-items: center;
}

.headfixed .btn-menu {
display: none;
margin: 0 auto;
}

.headfixed .btn-menu .mobile-nav {
display: block;
width: 36px;
height: 36px;
color: #fff;
text-align: center;
font-size: 13px;
line-height: 36px;
}

input::-webkit-input-placeholder {
font-size: 12px;
}

.headfixed .toggle-btn {
position: relative;
display: block;
width: 100%;
height: 30px;
}

.headfixed .toggle-btn span {
position: absolute;
left: 50%;
width: 26px;
height: 2px;
background: #fff;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.headfixed .toggle-btn span:first-child {
top: 8px;
}

.headfixed .toggle-btn span:nth-child(2) {
top: 50%;
width: 20px;
}

.headfixed .toggle-btn span:last-child {
bottom: 6px;
}

.headfixed .toggle-btn.cur span:first-child {
-webkit-transform: translate(-50%,7px) rotate(45deg);
-o-transform: translate(-50%,7px) rotate(45deg);
transform: translate(-50%,7px) rotate(45deg);
-ms-transform: translate(-50%,7px) rotate(45deg);
}

.headfixed .toggle-btn.cur span:nth-child(2) {
opacity: 0;
}

.headfixed .toggle-btn.cur span:last-child {
bottom: 10px;
-webkit-transform: translate(-50%,-3px) rotate(-45deg);
-o-transform: translate(-50%,-3px) rotate(-45deg);
transform: translate(-50%,-3px) rotate(-45deg);
-ms-transform: translate(-50%,-3px) rotate(-45deg);
}

.mobile-nav-box {
position: fixed;
top: 80px;
left: 0;
z-index: 99;
display: none;
overflow-y: auto;
padding: 0 0 60px 0;
width: 100%;
height: 100%;
border-top: 1px solid #ddd;
background: #fff;
}

.headfixed .mobile-nav-box > ul > li > h3 {
position: relative;
padding: 0 30px;
}

.headfixed .mobile-nav-box .head-subnav {
display: none;
padding: 20px 40px;
width: 100%;
background: #f5f5f5;
}

.headfixed .mobile-nav-box .head-subnav .link-tit {
position: relative;
text-align: left;
}

.headfixed .mobile-nav-box .head-subnav .link-tit a {
display: block;
width: 100%;
color: #333;
text-align: left;
font-size: 15px;
line-height: 45px;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
display: block;
padding: 5px 0;
color: #333;
text-align: center;
text-align: left;
letter-spacing: 2px;
font-size: 16px;
}

.headfixed .mobile-nav-box .head-suba {
display: none;
}

.headfixed .mobile-nav-box .head-suba > a, .headfixed .mobile-nav-box .head-subnav > a {
display: block;
padding: 0 15px;
padding-left: 15px;
color: #333;
text-align: center;
text-align: left;
letter-spacing: 2px;
font-size: 14px;
}

.headfixed .mobile-nav-box .link-tit > i, .headfixed .mobile-nav-box > ul > li > h3 > i {
position: absolute;
top: 15px;
right: 30px;
display: block;
width: 80px;
height: 100%;
}

.headfixed .mobile-nav-box .link-tit > i {
right: -10px;
}

.headfixed .mobile-nav-box .link-tit > i::before, .headfixed .mobile-nav-box > ul > li > h3 > i::before {
position: absolute;
top: 10px;
right: 0;
width: 10px;
height: 10px;
border-bottom: solid 1px #aaa;
border-left: solid 1px #aaa;
content: "";
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}

.headfixed .head-subnav .head-subli {
padding-right: 5%;
}

.headfixed .head-subnav .head-subli:nth-child(3) {
padding-left: .8%;
}

.headfixed .head-subnav .head-subli:nth-child(4) {
padding-left: 10.3%;
}
/* lange */
.language {
position: relative;
width: 108px;
border-radius: 18px;
text-align: center;
align-items: center;
}

.language-text {
width: 50%;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 30px;
}

.language-lf {
border-radius: 15px 0 0 15px;
background-color: #0b5bb3;
}

.language-rt {
border-radius: 0 15px 15px 0;
background-color: #e1e1e1;
color: #535353;
}

.language-lf:hover {
background-color: #e1e1e1;
color: #535353;
}

.language-rt:hover {
background-color: #0b5bb3;
color: #fff;
}

.language-text .icon-down {
display: inline-block;
margin-left: 8px;
vertical-align: -1px;
font-size: 16px;
-webkit-transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s,-webkit-transform .3s;
}

.language-list {
position: absolute;
top: 100%;
right: 0;
z-index: 10;
visibility: hidden;
width: 100%;
background: #fff;
-webkit-box-shadow: 0 2px 4px 2px rgba(31,136,228,.05);
box-shadow: 0 2px 4px 2px rgba(31,136,228,.05);
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}

.language-list a {
display: block;
padding: 10px 15px;
color: #1f88e4;
font-size: 18px;
font-family: ml;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.language:hover .language-text .icon-down {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-ms-transform: rotate(180deg);
}

.language:hover .language-list {
visibility: visible;
opacity: 1;
}

.app-lanu {
padding: 20px 0;
text-align: center;
}

.app-lanu a {
display: inline-block;
padding: 2px 20px;
color: #333;
line-height: 24px;
}

.app-lanu a.active {
border-radius: 30px;
background: #1f88e4;
color: #fff;
}
/* search */
.btn-search { /* display:none; */
width: 21px;
height: 21px;
width: 40px;
margin-right: 20px;
}

.header-button, .headfixed .header-button {
position: relative;
z-index: 1;
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
outline: 0;
border: none;
background: url(../images/in-ssicon.png) no-repeat center;
text-align: left;
text-indent: -119988px;
text-transform: capitalize;
cursor: pointer;
}

.headfixed.headerbgm .header-button {
background: url(../images/in-ssicon.png) no-repeat center center;
}

#toggle-search.open:after {
top: 40px;
color: #fff;
}

#search-form {
position: absolute;
top: 135%;
right: 8%;
overflow: hidden;
width: 400px;
max-height: 0;
background: #fff;
-webkit-transition: max-height,.5s;
-moz-transition: max-height,.5s;
-o-transition: max-height,.5s;
transition: max-height,.5s;
}

#search-form.open {
max-height: 50px;
border: 1px solid #f1f1f1;
}

#search-form fieldset {
position: relative;
z-index: 9;
margin: 0 60px 0 0;
padding: 0;
width: 85%;
border: none;
}

#search-form input {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
}

#search-form .search {
z-index: 9;
padding: 0 5px 0 22px;
width: 100%;
border: none;
background: #fff;
color: #0b5bb3;
font-size: 14px;
}

#search-form .header-btn {
position: absolute;
right: 0;
bottom: 0;
z-index: 11;
margin: 0;
padding: 0;
width: 15%;
border: none;
background: url(../images/in-hssicon.png) no-repeat center #0b5bb3;
color: #fff;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
}
/* nav */
.headfixed.headerbgm .menu-list > ul > li.cur h3 a, .headfixed.headerbgm .menu-list > ul > li:hover h3 a, .menu-list > ul > li.cur h3 a, .menu-list > ul > li:hover h3 a { /* border:2px solid #fff; */ /* border-bottom: 1px solid white; */
}

.menu-list > ul > li.cur h3 a::after, .menu-list > ul > li:hover h3 a::after {
width: 55px;
}

.menu-list h3 {
position: relative;
padding: 0 15px;
}

.menu-list h3 .icon-down {
position: absolute;
top: 53%;
right: -20px;
color: #0787d8;
font-weight: 700;
font-size: 14px;
opacity: 0;
transform: translateY(-53%);
}

.headfixed.headerbgm .menu-list > ul > li:hover h3 .icon-down, .menu-list > ul > li:hover h3 .icon-down {
opacity: 1;
}

.menu-list h3 a {
position: relative;
display: block;
padding: 2px 14px;
border: 2px solid transparent; /* border-radius:17px; */
color: #fff;
text-align: center;
font-size: 18px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.menu-list > ul > li .head-subnav {
position: absolute;
top: 95%;
left: 50%;
display: block !important; /* padding:10px 0; */
min-width: 180px;
border-top: 0;
background: #fff;
opacity: 0;
-webkit-transform: translate(-50%,10px);
-o-transform: translate(-50%,10px);
transform: translate(-50%,10px);
-ms-transform: translate(-50%,10px);
pointer-events: none;
}

.menu-list > ul > li:hover .head-subnav {
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
pointer-events: auto;
}

.headfixed .menu-list > ul > li {
position: relative;
vertical-align: top;
}

.headfixed.ny-header {
padding: 20px 0;
background-color: rgba(20, 105, 199, 1);
}

.menu-list .head-subnav a {
position: relative;
display: block;
padding: 10px 0;
border-bottom: solid 1px #efefef;
color: #333;
text-align: center;
font-size: 15px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.menu-list .head-subnav a:hover {
color: #0b5bb3;
}

.menu-list .head-subnav a:last-child {
border-bottom: 0;
}

.menu-list .lang-box {
top: 100%;
width: 100%;
}

.menu-list .lang-box a {
padding: 8px 0;
}

.mainer {
position: relative;
overflow: hidden;
}

.mainer, .mainer .banner .banner-img {
position: relative;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
bottom: 10px;
}

.mainer .banner .banner-img img {
margin: 0 auto;
width: 100%;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
bottom: 0;
}

.banner .swiper-fontlist {
position: absolute;
top: 45%;
left: 50%;
z-index: 3;
width: 100%;
-webkit-transform: translate(-50%,-45%);
-moz-transform: translate(-50%,-45%);
-o-transform: translate(-50%,-45%);
transform: translate(-50%,-45%);
-ms-transform: translate(-50%,-45%);
}

.banner .pub-mbanner, .banner .pub-pbanner {
width: 100%;
height: 100vh;
}

.banner .pub-mbanner {
display: none;
}

.banner .swiper-font {
text-align: left;
}

.banner .swiper-font .swiper-h2 h2 {
margin-top: -4%;
margin-bottom: 5px;
color: #fff;
font-weight: 700;
font-size: .4rem;
letter-spacing: 5px;
}

.banner .swiper-font .swiper-h2 h2 span {
vertical-align: middle;
font-size: 70px;
}

.banner .swiper-font .swiper-h3 h3 {
padding-left: 15px;
color: #fff;
letter-spacing: 5px;
font-weight: 700;
font-size: 0.26rem;
background-color: rgb(226 246 255);
color: #043693;
padding: 5px 10px;
padding-left: 15px;
border-radius: 4px;
}

.banner .swiper-font .swiper-h3 .line {
/* margin-left: 5px; */
/* width: 62px; */
/* height: 4px; */
/* background-color: #fff; */
}

.banner .swiper-font .swiper-h3 .line2 {
margin-left: -20px;
}

.ny-banner {
margin-top: 81px;
position: relative;
}

.ny-banner .banner {
position: relative
}

.ny-banner .banner::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 30%);
}

.ny-banner .banner img {
width: 100%;
}

.ny-banner .banner .appbanner {
display: none;
}

.ny-banner .banner .ban-font {
position: absolute;
top: 18%;
width: 100%;
text-align: center;
left: 0;
top: 50%;
transform: translateY(-70%);
z-index: 98;
}

.ny-banner .banner .ban-font em {
display: block;
margin: auto;
width: 3%;
height: 3px;
background-color: white;
}

.ny-banner .banner .ban-font h2 {
/* background: url(../images/bfont-bg.png)no-repeat center; */
/* width: 246px; */
/* height: 93px; */
text-align: center;
line-height: 93px;
font-size: 42px;
color: white;
/* margin-bottom: 15px; */
}

.ny-banner .banner .ban-font h5 {
font-size: .75rem;
line-height: .75rem;
letter-spacing: 0px;
color: #1469c7;
font-weight: bold;
}

.ny-banner .cats-item {
position: absolute;
bottom: 20px;
padding: 32px 34px;
width: calc(1400px - 68px);
border-radius: 6px;
background-color: #fff;
box-shadow: 3px 2px 29px 0 rgba(0,78,255,.22);
}

.ny-banner .cats-item .cat-name {
color: #000;
font-weight: 700;
font-size: 18px;
width: 170px;
}

.ny-banner .cats-item .cat-name span {
display: block;
margin-right: 30px;
margin-left: 10px;
font-weight: 700;
}

.ny-banner .cats-item ul {
flex-wrap: wrap;
}

.ny-banner .cats-item ul li {
position: relative;
float: left;
color: #666;
font-size: 18px;
margin-right: .2rem;
margin-bottom: 5px;
}

.ny-banner .cats-item ul li.active a {
color: #0b5bb3;
font-weight: bold;
}

.ny-banner .cats-item ul li a {
padding: 0 .2rem 0 0;
color: #666;
line-height: 18px;
border-right: 1px solid #6666;
}

.ny-banner .cats-item ul li:first-child a {
padding-left: 0px
}

.ny-banner .cats-item ul li:last-child a {
padding-right: 0px;
border: navajowhite;
}
/*.ny-banner .cats-item ul li:before{position:absolute;top:4px;display:inline-block;width:2px;height:19px;background:#dedede;content:"";}*/
.ny-banner .cats-item ul li:nth-child(1):before {
display: none;
}

.ny-banner .banner .ban-font.nav4-font h2 { /* background: url(../images/bfont-bg2.png)no-repeat center; */
color: #fff;
}

.ny-banner .banner .ban-font.nav4-font h5 {
color: #fff;
}

.ads {
padding: 30px 34px;
}

.ads, .ads a {
color: #999;
font-size: 14px;
}

.ads a:last-child {
color: #000;
}

.ads a:hover {
border-bottom: 1px solid;
}

.mainer .banner .swiper-bimg {
/* margin-left: -30px; */
}

.mainer .banner .swiper-bimg img {
margin: 0;
width: auto;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
margin-top: -35px;
width: 80px;
height: 30px;
border-radius: 0;
}

.banner .swiper-button-prev {
background: url(../images/in-prev1.png) #fff no-repeat center center;
}

.banner .swiper-button-next {
background: url(../images/in-next1.png) #fff no-repeat center center;
}

.banner .swiper-button-prev:hover {
background: url(../images/in-hprev1.png) #0079ff no-repeat center center;
}

.banner .swiper-button-next:hover {
background: url(../images/in-hnext1.png) #0079ff no-repeat center center;
}

.banner .swiper-pagination-bullet {
width: 30px;
height: 30px;
background: #fff;
}

.banner .swiper-btn {
position: absolute;
bottom: 35px;
left: 5%;
width: 280px;
}

.banner .inbanner-pagination {
color: #fff;
font-weight: 600;
font-size: .48rem;
line-height: 45px;
}

.swiper-pagination-bullet {
opacity: 1;
}

.more {
display: block;
width: 110px;
height: 35px;
border: solid 2px #fff;
border-radius: 16px;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 30px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.more img, .more span {
display: inline-block;
vertical-align: middle;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.more span {
margin-right: 15px;
}

.in-tit {
text-align: left;
}

.in-tit h2 {
position: relative;
color: #000;
font-weight: 700;
font-size: .36rem;
}

.in-tit h2 span {
vertical-align: -5px;
font-size: .58rem;
}

.in-tit .dec {
color: #666;
font-size: 18px;
line-height: 30px;
}

.in-tit .dec a {
position: relative;
display: inline-block;
color: #04a4e5;
}

.in-tit .dec a b {
border-bottom: 2px solid #04a4e5;
}

.in-tit .dec a em {
display: inline-block;
margin-left: 6px;
vertical-align: -6px;
font-size: 28px;
}

.d2 {
animation-delay: .4s;
-webkit-animation-delay: .4s;
}

.more1, .section2 .section2-tpul a {
display: inline-block;
width: 130px;
height: 50px;
border: solid 2px #156bca;
border-radius: 24px;
color: #156bca;
text-align: center;
font-size: 18px;
line-height: 50px;
font-weight: bold;
}

.more1:hover, .section2 .section2-tpul a {
background-color: #156bca;
color: #fff;
}

.section1 .in-tit, .section1 .section1-tprt, .section2 .section2-tpleft, .section2 .section2-tpright {
position: relative;
width: 50%;
}

.section1 .section1-tprt h3 {
display: inline-block;
margin-right: 30px;
padding: 12px 0;
border-top: 2px solid #1469c7;
color: #1469c7;
font-size: 18px;
line-height: 30px;
font-weight: bold;
}

.section1 .section1-btul, .section1 .section1-ul {
margin-top: 4.5%;
flex-wrap: wrap;
align-items: flex-start;
}

.section1 .section1-ul li {
position: relative;
margin-right: 4.5%;
width: 21.62%;
}

.section1 .section1-ul li:last-child {
margin-right: 0;
}

.section1 .section1-img {
position: relative;
overflow: hidden;
width: 100%;
border-radius: 23px;
box-shadow: 0 26px 35px 0 rgba(0,121,255,.06);
/* background: url(../images/in-bgm1.png) no-repeat center center; */
padding: 15px;
}

.section1 .section1-img::before {
content: "";
/* background: url(../images/in-bgm1.png) no-repeat center center; */
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-size: cover;
display: block;
background-color: #156bcac2;
}

.section1 .section1-img img {
transform: scale(1);
max-width: 140px;
width: auto !important;
height: auto !important;
margin-top: 5%;
margin-bottom: 5%;
}

.section1 .section1-font {
position: relative;
padding: 21% 6% 10% 6%;
text-align: center;
}

.section1 .section1-font .tit, .section1 .section1-tit {
color: #000;
font-size: 24px;
line-height: 36px;
}

.section1 .section1-font .dec {
margin-top: 15px;
color: #333;
font-size: 16px;
line-height: 1.875;
}

.section1 .section1-icon {
position: relative;
margin: 0 auto;
width: 155px;
height: 120px;
border-radius: 15px;
/* background: url(../images/in-bgm1.png) no-repeat center center; */
background-size: cover;
box-shadow: 0 4px 27px 0 rgba(0,64,134,.06);
background-color: #156bcac2;
}

.section1 .section1-tit {
padding-top: 27%;
text-align: center;
}

.section1 .section1-btul li {
position: relative;
width: 16.6667%;
}

.section2 {
background-color: #156bca;
box-shadow: 0 26px 35px 0 rgba(0,121,255,.06);
}

.section2 .section2-icon {
position: relative;
width: 60px;
}

.section2 .in-tit {
padding-left: 20px;
width: calc(100% - 60px);
}

.section2 .in-tit .dec, .section2 .in-tit h2, .section2 .more1 {
color: #fff;
}

.section2 .section2-tpul li {
position: relative;
margin-right: 15px;
}

.section2 .more1, .section2 .section2-tpul a {
border: 2px solid #fff;
}

.section2 .more1:hover, .section2 .section2-tpul li.active a {
border: solid 2px #fff;
background-color: #fff;
color: #156bca;
font-weight: 700;
}

.section2 .section2-bot {
margin-top: 4%;
}

.section2 .section2-btleft {
width: 58.6%;
flex-wrap: wrap;
}

.section2 .section2-btleft li {
position: relative;
margin-top: 2%;
margin-right: 2%;
width: 48%;
border: solid 2px #72b5ff;
border-radius: 10px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.section2 .section2-btleft li:nth-child(1), .section2 .section2-btleft li:nth-child(2) {
margin-top: 0;
}

.section2 .section2-btleft li:hover {
border: solid 2px #1883f8;
background-color: #3c99ff;
}

.section2 .section2-btleft li a {
padding: 9% 12% 9% 6%;
}

.section2 .section2-btquan {
position: relative;
margin-top: 7px;
width: 16px;
height: 16px;
border: solid 4px #fff;
border-radius: 50px;
}

.section2 .section2-btfont {
position: relative;
padding-left: 20px;
width: calc(100% - 16px);
}

.section2 .section2-btfont .tit {
color: #fff;
font-weight: 700;
font-size: 24px;
line-height: 1.25;
}

.section2 .section2-btfont .dec {
margin-top: 5px;
margin-bottom: 25px;
color: #fff;
font-size: 14px;
line-height: 24px;
}

.section2 .font-time .time {
color: #fff;
font-weight: 700;
font-size: 24px;
line-height: 1.25;
}

.section2 .section2-btright {
position: relative;
overflow: hidden;
width: 41.4%;
border-radius: 11px;
}

.section2 .section2-btleft li:hover .more span, .section3 .section3-top:hover .more span {
margin-right: 25px;
}

.section2 .section2-botBox {
position: relative;
display: none;
}

.section2 .section2-botBox:first-child {
display: block;
}

.section3 {
background: #eff3fd;
}

.section3 .section3-left {
position: relative;
padding: 6.5% 4%;
width: 32.56%;
border-radius: 10px;
}

.section3 .section3-lftit {
position: relative;
padding-left: 35px;
color: #fff;
font-weight: 700;
font-size: .36rem;
}

.section3 .section3-lftit::before {
position: absolute;
top: 10px;
left: 0;
width: 23px;
height: 30px;
background: url(../images/in-tdicon.png) no-repeat center center;
background-size: 100%;
content: "";
}

.section3 .section3-lfdec {
margin-top: 5px;
color: #fff;
font-size: 18px;
line-height: 2;
}

.section3 .section3-right {
position: relative;
padding-left: 1.2%;
width: 67.44%;
}

.more3 {
position: absolute;
bottom: 14%;
display: block;
border-bottom: 1px solid #fff;
color: #fff;
font-weight: 700;
font-size: 18px;
line-height: 30px;
}

.section3 .section3-top {
margin-bottom: 2%;
background-color: #fff;
}

.section3 .section3-img {
position: relative;
overflow: hidden;
width: 36.9%;
border-radius: 10px 0 0 10px;
}

.section3 .section3-font {
padding: 3% 3.5% 3.5% 3.5%;
width: 63.1%;
}

.section3 .section3-font .tit {
color: #333;
font-weight: 700;
font-size: 20px;
}

.section3 .section3-font .dec {
margin-top: 5px;
margin-bottom: 25px;
color: #666;
letter-spacing: 1px;
font-size: 14px;
line-height: 24px;
}

.section3 .more {
border: solid 2px #1469c7;
color: #1469c7;
}

.section3 .section3-btft {
padding: 7%;
}

.section3 .section3-btfont {
padding-right: 3%;
width: calc(100% - 30px);
}

.section3 .section3-btfont .dec, .section3 .section3-btfont .tit {
color: #000;
font-size: 18px;
line-height: 2;
}

.section3 .section3-btfont .tit {
font-weight: bold;
}

.section3 .section3-btfont .dec {
color: #999;
}

.section3 .swiper-slide {
position: relative;
border-radius: 10px;
background: #fff;
}

.section3 .section3-icon {
position: relative;
width: 30px;
height: 30px;
border: solid 2px #888;
border-radius: 50%;
color: #ff8b00;
text-align: center;
font-weight: 700;
font-size: 18px;
line-height: 26px;
}

.section3 .swiper-slide:hover .section3-icon {
border: solid 2px #1469c7;
color: #1469c7;
}

.section3 .swiper-pagination {
display: none;
}

.section4 { /* background-image: url(../images/in-bgm3.png); */ /* height: 99vh; */
position: relative; /* min-height: 850px; */
padding: 0px;
}

.section4-abo {
max-width: 1000px;
margin: 0 auto;
text-align: center;
position: absolute;
top: 6%;
left: 50%;
transform: translateX(-50%);
}

.section4-abo h2 {
font-weight: bold;
}

.section4-abo .des {
font-size: 18px;
}

.section4-abo .ms {
font-size: 16px;
}

.section4-abo hr {
border: 2px solid #1469c7;
width: 38px;
margin: .36rem auto;
}

.section4-abo .more {
margin: 0.48rem auto;
border: solid 2px #1469c7;
color: #1469c7;
}

.section4-abo .more span {
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .8s;
-ms-transition: .8s;
}

.section4-abo .more:hover span {
margin-right: 25px;
}

.section4-number ul li {
position: absolute;
}

.section4-number ul li .num {
position: relative;
}

.section4-number ul li .num::before {
content: "";
display: block;
position: absolute;
background: url(../images/in-dicon.png)no-repeat center;
width: 68px;
height: 68px;
left: 50%;
transform: translateX(-50%);
}

.section4-number ul li:nth-child(1) {
bottom: 9%;
left: 9.5%;
}

.section4-number ul li:nth-child(1) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(2) {
bottom: 21%;
left: 27.3%;
}

.section4-number ul li:nth-child(2) .num::before {
bottom: -70px;
left: 50%;
transform: translateX(-50%);
}

.section4-number ul li:nth-child(3) {
bottom: 34%;
left: 47.5%;
}

.section4-number ul li:nth-child(3) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(4) {
bottom: 45%;
left: 66%;
}

.section4-number ul li:nth-child(4) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(5) {
top: 31%;
right: 10%;
}

.section4-number ul li:nth-child(5) .num::before {
bottom: -70px;
left: 50%;
transform: translateX(-50%);
}

.section4-number ul li .font {
text-align: center;
}

.section4-number ul li .sz {
color: #3d3d3d;
font-weight: 700;
font-size: 24px;
line-height: 45px;
}

.section4-number ul li .wb {
color: #3d3d3d;
font-size: 14px;
line-height: 30px;
}

.section5 .cats {
position: relative;
}

.section5-left {
float: left;
margin-left: 20px;
}

.section5-left h2 {
font-weight: bold;
color: #1469c7;
}

.section5-left p {
color: #666666;
}

.section5-right {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}

.section5-right ul li.active {
background-color: #1469c7;
border-radius: 19px;
}

.section5-right ul li.active a {
color: #ffffff;
}

.section5-right ul li a {
color: #9f9f9f;
line-height: 38px;
padding: 0 20px;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
-ms-transition: 0s;
}

.section5-news .news {
margin-top: .50rem;
}

.section5-news .news .item {
display: none;
}

.section5-news .news .item.on {
display: flex;
}

.section5-news .news .item a {
margin-right: .45rem;
width: calc( (100% - .9rem) / 4);
}

.section5-news .news .item a:last-child {
margin-right: 0;
}

.section5-news .news .item .ms {
margin-bottom: .45rem;
}

.section5-news .news .item h3 {
font-size: 20px;
line-height: 36px;
margin-top: .4rem;
margin-bottom: .2rem;
}

.section5-news .news .item a:hover h3 {
color: #0079ff;
}

.section5-news .news .item p {
color: #666666;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0px;
color: #666666;
height: 54px;
}

.section5-news .news .item .time .data {
float: left;
}

.section5-news .news .item .time .data span {
display: inline-block;
padding-top: 7px;
font-size: 24px;
color: #999999;
line-height: 24px;
}

.section5-news .news .item .time .data::before {
content: "";
display: block;
background: #0079ff;
width: 31px;
height: 4px;
border-radius: 2px;
}

.section5-news .news .item .time .iconfont {
font-size: 41px;
color: #999999;
float: right;
line-height: 41px;
}

.footer {
position: relative;
padding-top: .6rem;
background-color: #1469c7;
box-shadow: 0 7px 51px 0rgba(18,48,85,.14);
color: #fff;
}

.footer a:hover {
color: #fff;
font-weight: 700;
}

.footer .foot-top {
border-bottom: 1px solid rgb(255 255 255 / 30%);
}

.foot-left {
float: left;
width: 75%;
border-right: 1px solid rgb(255 255 255 / 30%);
padding-bottom: .6rem;
}

.foot-left .left {
width: 55%;
}

.foot-left .right {
width: 45%;
padding: 0px .6rem;
min-width: 490px;
}

.foot-logo {
margin-bottom: .5rem;
}

.footer .d-list {
clear: left;
margin-bottom: .4rem;
}

.footer .tels .d-list {
width: 221px;
}

.footer .d-list span {
color: #99c9ff;
font-size: 16px;
}

.footer .d-list p {
font-size: 18px;
font-family: rl;
}

.footer .address {
max-width: 570px;
}

.footer .d-list.add {
margin-bottom: .44rem; /* margin-right: 1rem; */
}

.foot-logo img {
margin: 0;
}

.footer .foot-left .address .share a {
color: #ffffff;
font-size: 21px;
margin-right: 10px;
}

.foot-left .right .ewm {
float: left;
flex-wrap: wrap;
}

.foot-left .right .ewm {
width: 115px;
margin: 0 10px;
}

.foot-left .right .ewm p {
text-align: center;
line-height: 26px;
padding: 12px 0px;
}

.foot-list {
float: left;
width: 25%;
padding: 0 .6rem;
}

.foot-list dl dt a {
display: inline-block;
margin-bottom: 15px;
color: #fff;
font-weight: 700;
font-size: 16px;
min-width: 140px;
}

.foot-list dl dd a {
display: inline-block;
margin-bottom: 10px;
color: #99c9ff;
}

.foot-center .links {
display: none;
padding: .2rem 0; /* border-top:1px solid #1978e0; */
border-bottom: 1px solid rgb(255 255 255 / 30%);
}

.foot-center .links.on {
display: block;
}

.foot-center .links span {
margin-right: 20px;
color: #99c9ff;
}

.foot-center .links a {
margin-right: 22px;
color: #fff;
word-break: keep-all;
}

.foot-bottom {
padding: 0.3rem 0;
color: #72b5ff;
line-height: 30px;
font-size: 16px;
}

.foot-bottom a {
color: #72b5ff;
padding: 0 10px;
}

.foot-bottom a:last-child {
border: none
}

.foot-bottom .fb-left {
float: left;
}

.foot-bottom .fb-left img {
display: inline;
}

.foot-bottom .fb-right {
float: right;
}

@media screen and (max-width:1720px) {
.foot-right {
width: 232px;
}
}

@media screen and (max-width:1679px) {
.menu-list h3 a {
font-size: 16px;
padding: 2px 10px;
}

.menu-list h3 {
padding: 0 6px;
}

.section4-number ul li:nth-child(1) {
bottom: 11%;
left: 9%;
}

.section4-number ul li:nth-child(1) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(2) {
bottom: 24%;
left: 27%;
}

.section4-number ul li:nth-child(2) .num::before {
bottom: -70px;
left: 50%;
transform: translateX(-50%);
}

.section4-number ul li:nth-child(3) {
bottom: 36%;
left: 47%;
}

.section4-number ul li:nth-child(3) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(4) {
bottom: 46%;
left: 65.5%;
}

.section4-number ul li:nth-child(4) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(5) {
top: 28%;
right: 9.5%;
}

.section4-number ul li:nth-child(5) .num::before {
bottom: -70px;
left: 50%;
transform: translateX(-50%);
}
}

@media screen and (max-width:1580px) {
.section4-number ul li:nth-child(1) {
bottom: 10%;
left: 9%;
}

.section4-number ul li:nth-child(1) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(2) {
bottom: 20%;
left: 27%;
}

.section4-number ul li:nth-child(2) .num::before {
bottom: -70px;
left: 50%;
transform: translateX(-50%);
}

.section4-number ul li:nth-child(3) {
bottom: 32%;
left: 47%;
}

.section4-number ul li:nth-child(3) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(4) {
bottom: 47%;
left: 65%;
}

.section4-number ul li:nth-child(4) .num::before {
bottom: -70px;
}

.section4-number ul li:nth-child(5) {
top: 29%;
right: 10%;
}

.section4-number ul li:nth-child(5) .num::before {
bottom: -70px;
left: 50%;
transform: translateX(-50%);
}

.footer .d-list p {
font-size: 16px
}

.foot-left .right {
padding: 0 .1rem;
min-width: auto;
}

.foot-left .right .ewm p {
font-size: 12px;
}
}

@media screen and (max-width:1459px) {
.w1400 {
width: 90%;
}

.ads {
padding: 30px 0;
}

.ny-banner .cats-item {
width: 90%;
padding: 20px;
}

.ny-banner .cats-item .cat-name {
font-size: 16px;
}

.ny-banner .cats-item ul li a {
padding: 0 26px 0 0;
font-size: 16px;
}

.section4-number ul li:nth-child(1) {
}

.section4-number ul li:nth-child(2) {
bottom: 23%;
left: 27%;
}

.section4-number ul li:nth-child(3) {
bottom: 35%;
left: 53%;
}

.section4-number ul li:nth-child(4) {
bottom: 47%;
left: 65%;
}

.section4-number ul li:nth-child(5) {
top: 25%;
right: 8.5%;
}
}


@media screen and (max-width: 1366px) {
.w1350 {
width: 90%;
}

.syhky {
display: none;
}

.section4 .section4-number ul li {
position: static;
}

.section4-number ul li .num::before {
display: none;
}

.section4 .section4-number ul {
margin-top: 30px;
justify-content: space-evenly;
}

.section4-abo {
position: relative;
left: 0;
transform: initial;
width: 100%;
}

.section4 .bp {
display: none;
}

.section4 {
background-image: url(../images/in-bgm3.png);
}

.ny-banner {
margin-top: 69px;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
color: #666 !important;
}

.menu-list h3 a {
height: auto;
padding: 2px 5px;
font-size: 15px;
}

.headfixed .mobile-nav-box > ul > li > h3 {
padding: 15px 30px;
text-align: left;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
display: inline;
}

.headfixed .mobile-nav-box ul li {
padding: 0;
}

.headfixed .mobile-nav-box .link-tit > i, .headfixed .mobile-nav-box > ul > li > h3 > i {
line-height: 100%;
}

.menu-list .head-subnav a:hover {
color: #1f88e4;
}

.headfixed .mobile-nav-box .head-suba > a, .headfixed .mobile-nav-box .head-subnav > a {
padding: 5px 15px;
}

.ny-banner .banner .ban-font {
/* top: 12% */
}

.ny-banner .banner .ban-font h2 {
font-size: 38px;
}
}

@media screen and (max-width:1259px) {
.w1200 {
width: 90%;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 28px;
}

.ny-banner .cats-item .cat-name span {
margin-right: 15px;
margin-left: 5px;
}

.section1 .section1-font .tit, .section1 .section1-tit {
font-size: 22px;
line-height: 30px;
}

.section1 .section1-font {
padding: 10% 6% 10% 6%;
}

.h36, .in-tit h2, .section3 .section3-lftit {
font-size: 30px;
}

.h24 {
font-size: 18px;
line-height: inherit;
}

.in-tit .dec {
font-size: 16px;
line-height: 24px;
}

.banner .swiper-font .swiper-p {
font-size: 20px;
}

.ny-banner .banner .ban-font h2 {
font-size: 32px;
background-size: 3.6rem;
/* width: 3.6rem; */
height: 1.3rem;
line-height: 1.3rem;
font-weight: bold;
}

.section2 .font-time .time, .section2 .section2-btfont .tit {
font-size: 18px;
}

.section2 .section2-btleft {
width: 100%;
}

.more span {
margin-right: 10px;
}

.section2 .section2-btleft li:hover .more span, .section3 .section3-top:hover .more span {
margin-right: 15px;
}

.section4 {
height: auto;
min-height: auto;
}

.section4 .section4-number ul {
margin-top: 30px;
justify-content: space-evenly;
}

.section4 .section4-number ul li {
position: static;
}

.section4 .section4-number ul li .num::before {
display: none;
}

.foot-list dl dd a {
font-size: 12px;
}

.section4-abo .des {
font-size: 16px;
}

.section4-abo .ms {
font-size: 14px;
}
}

@media screen and (max-width:1200px) {

.headfixed .menu-list {
width: 30%;
justify-content: flex-end;
}

.headfixed .btn-list {
width: 100%;
justify-content: flex-end;
align-items: center;
}

.headfixed .btn-list .btn-right {
display: none;
margin-right: 20%;
width: 80px;
}

.headfixed, .headfixed.ny-header {
padding: 11px 0;
background: #1f88e4;
}

.headfixed .menu-list .menu-pcbox {
display: none;
}

.headfixed .pc-header {
display: none;
}

.btn-phone {
display: block;
}

.ny-banner .cats-item ul li a {
padding: 0 7px;
font-size: 15px;
}

.section2 .section2-btright {
display: none;
}

.foot-list {
width: 40%;
}

.foot-list dl {
max-width: 97px;
}

.section1 .section1-icon {
width: 130px;
height: 110px;
}

.section1 .section1-tit {
padding: 20px 10px;
}

.foot-list {
display: none;
}

.foot-left {
width: 100%;
border: none;
}

.foot-left .left {
width: 50%;
}

.footer .d-list span {
font-size: 14px;
}

.footer .d-list p {
font-size: 14px;
}
}

@media screen and (max-width:998px) {

.ny-banner {
margin-top: 52px;
}

.p18 {
font-size: 16px;
}

.banner .pub-pbanner {
display: none;
}

.banner .pub-mbanner {
display: block;
}

.ny-banner .banner .ban-font {
top: 50%;
transform: translateY(-50%)
}

.ny-banner .banner .ban-font.nav3-font {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.ny-banner .banner .ban-font h2, .ny-banner .banner .ban-font.nav4-font h2 {
font-size: 26px;
background-size: 148px;
/* width: 148px; */
height: 60px;
line-height: 60px;
}

.ads {
padding: 10px 0;
display: none;
}

.section1 .section1-tprt h3 {
font-size: 16px;
}

.more1, .section2 .section2-tpul a {
width: 100px;
height: 38px;
font-size: 14px;
line-height: 34px;
}

.section1 .section1-ul li {
margin-right: 4%;
width: 48%;
}

.section1 .section1-ul li:nth-child(2n) {
margin-right: 0;
}

.section1 .section1-font {
padding: 20px 0;
}

.section1 .section1-icon {
width: 155px;
height: 120px;
}

.section1 .section1-btul li {
width: 33.3%;
}

.section1 .section1-tit {
padding: 20px 10px;
}

.section1 .section1-font .dec {
margin-top: 10px;
line-height: 24px;
}

.h36, .in-tit h2, .section3 .section3-lftit {
font-size: 24px;
}

.section3 .section3-lfdec, .section4-abo .des {
font-size: 16px;
}

.section3 .more3 {
position: static;
width: 100px;
}

.section5-right ul li a {
line-height: 34px;
}

.foot-list {
display: none;
}

.foot-left, .footer .d-list.add {
max-width: none;
}

.foot-left {
display: block;
}

.foot-left .left {
width: 100%
}

.footer .address {
display: block;
}

.foot-left .right {
padding: 0px;
min-width: 340px;
}

.foot-left .right .ewm {
margin: 0px;
width: 100px;
}
}

@media screen and (max-width:767px) {
#search-form {
width: 90%;
}
/* .mainer{margin-top:62px;} */
.mobile-nav-box {
top: 62px;
}

.headfixed .mobile-nav-box .head-subnav {
padding: 10px 30px;
}

.banner .swiper-font .swiper-h2 h2, .h36, .in-tit h2, .section3 .section3-lftit {
font-size: 24px;
}

.banner .swiper-font .swiper-p {
margin-top: 10px;
font-size: 16px;
}

.ny-banner .banner .ban-font h2 {
font-size: 22px;
}

.headfixed .menu-list {
width: 15%;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
font-size: 14px;
line-height: 26px;
}

.headfixed .mobile-nav-box > ul > li > h3 {
padding: 12px 25px;
}

.headfixed .mobile-nav-box .head-suba > a, .headfixed .mobile-nav-box .head-subnav > a {
padding: 3px 10px;
}

.headfixed .mobile-nav-box .link-tit > i, .headfixed .mobile-nav-box > ul > li > h3 > i {
top: 10px;
}

.ny-banner .banner .ban-font h2 {
font-size: 22px;
margin-bottom: 10px;
}

.section1 .section1-tprt h3 {
display: none;
}

.section3-list {
display: block;
}

.section3 .section3-left {
margin-bottom: 20px;
width: 100%;
}

.section3 .section3-right {
width: 100%;
}

.section5-left {
float: none;
text-align: center;
}

.section5-right {
position: static;
float: none;
margin: 20px 0;
transform: none;
}

.section5-news .news .item.on {
display: block;
}

.section5-news .news .item a {
width: 100%;
}

.foot-center .links a {
margin-right: 5px;
}
}

@media screen and (max-width:675px) {
.ny-banner .banner .ban-font h2 {
font-size: 20px;
font-weight: bold;
background-size: 100px;
width: 100%;
height: 32px;
line-height: 32px;
}

.section1 .section1-font .tit, .section1 .section1-tit {
font-size: 18px;
line-height: 24px;
}

.section1 .section1-btul li {
width: 50%;
}

.section2-top {
display: block;
}

.section2-bot, .section2-botli {
display: block;
}

.section2 .section2-btleft li a {
padding: 5%;
}

.section2 .section2-btfont .dec {
margin-bottom: 10px;
}

.section2 .section2-btright {
display: block;
margin-top: 2%;
width: 100%;
}

.section2-tpright {
margin-top: 20px;
}

.section2 .section2-btleft li {
margin-right: 0;
width: 100%;
}

.section2 .section2-btleft li:nth-child(2) {
margin-top: 2%;
margin-right: 0;
}

.section2 .section2-tpleft, .section2 .section2-tpright {
width: 100%;
}

.section3 .section3-top a {
display: block;
}

.section3 .section3-font {
padding: 3% 4% 5%;
width: 100%;
}

.section3 .section3-img {
width: auto;
}

.section3 .section3-img img {
width: 100%;
}

.section4 .section4-number ul {
display: block;
}

.section4 .section4-number ul li, .gsjj .gsjj1 li {
float: left;
width: 33.3%;
}

.section4 .section4-number ul li:nth-child(1), .section4 .section4-number ul li:nth-child(2), .gsjj .gsjj1 li:nth-child(1), .gsjj .gsjj1 li:nth-child(2) {
margin-bottom: 25px;
width: 50%;
}

.section4 .section4-number ul li:nth-child(3) {
clear: left;
}

.section5-right ul li a {
padding: 0 7px;
font-size: 14px;
line-height: 28px;
}

.foot-right {
margin-top: 20px;
width: 100%;
}

.section3 .section3-btfont .dec, .section3 .section3-btfont .tit {
font-size: 16px;
}

.foot-right .ewm p {
font-size: 12px;
line-height: 22px;
}
}

@media screen and (max-width:460px) {
}

@media screen and (max-width:400px) {
.section5-right ul li a {
padding: 0 7px;
font-size: 13px;
line-height: 28px;
}
}

@media screen and (max-width:360px) {
.section5-right ul li a {
padding: 0 5px;
}
}

/* pager */
.paging {
margin: 0.7rem auto 0.6rem;
width: 100%;
text-align: center;
flex-wrap: wrap;
display: flex;
justify-content: center;
}

.paging a {
display: block;
margin: 0 5px;
width: 50px;
height: 50px;
border: solid 2px #999999;
background: 0 0;
background: #fff;
color: #999999;
font-size: 16px;
font-family: Arial;
line-height: 48px;
transition: ease .5s;
border-radius: 50%;
font-weight: bold;
}

.paging a.on, .paging a:hover {
border-color: #0079ff;
color: #0079ff;
cursor: pointer;
}

@media(max-width:790px) {
.paging a {
width: 30px;
height: 30px;
font-size: 14px;
line-height: 30px;
}
}
/* left-nav */
.right-flex {
position: fixed;
top: 50%;
right: 0;
z-index: 10;
margin-top: -201px;
width: 50px;
height: auto;
}

.right-flex ul {
width: 100%;
}

.right-flex li {
position: relative;
float: right;
margin-bottom: 5px;
width: 50px;
height: 50px;
border-radius: 4px 0 0 4px;
background: #a7afb9;
line-height: 50px;
transition: width .3s,background .3s,margin .3s;
}

.right-flex li .ico {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
transition: right .3s;
}

.right-flex li a {
display: block;
width: 100%;
height: 100%;
}

.right-flex li p {
padding: 0 20px;
color: #fff;
font-size: 15px;
line-height: 50px;
transition: transform .3s;
}

.right-flex li.one {
width: 90px;
height: 50px;
border-radius: 4px;
background-color: #038bd5;
}

.right-flex li.one p {
padding: 3px 10px;
text-align: center;
font-size: 16px;
line-height: 22px;
}

.right-flex li.four .ico, .right-flex li.li-three .ico, .right-flex li.two .ico {
left: 0;
}

.right-flex li.four p, .right-flex li.li-three p, .right-flex li.two p {
padding: 0 20px 0 50px;
}

.right-flex li.two {
margin-right: -150px;
width: 200px;
}

.right-flex li.three {
margin-right: -100px;
width: 150px;
}

.right-flex li .ico.ico02 {
background: url(../images/dhicon.png) no-repeat center;
}

.right-flex li .ico.ico03 {
background: url(../images/wxicon.png) no-repeat center;
}

.right-flex li .ico.ico04 {
background: url(../images/dxicon.png) no-repeat center;
}

.right-flex li .ico.ico08 {
background: url(../images/zdicon.png) no-repeat center -3px;
}

.right-flex .right-close {
width: 100%;
height: 40px;
}

.right-flex .close-icon {
display: block;
margin: 0 auto;
margin-bottom: 10px;
width: 32px;
height: 32px;
border-radius: 50%;
background: #a7afb9 url(../images/kf-close.png) no-repeat center;
background-size: 15px;
cursor: pointer;
transition: all .3s;
transform: rotate(45deg);
}

.right-flex.show .close-icon {
transform: rotate(0);
}

.right-flex .to-top em {
display: block;
padding-top: 10px;
color: #fff;
text-align: center;
}

@media screen and (min-width:1025px) {
.right-flex li:hover {
width: 50px;
background: #038bd5;
}

.right-flex li.one:hover {
width: 90px;
background-color: #a7afb9;
}

.right-flex li.four:hover .ico, .right-flex li.li-three:hover .ico, .right-flex li.two:hover .ico, .right-flex li:hover .ico {
right: 0;
left: auto;
}

.right-flex li.two:hover {
margin-right: 0;
width: 230px;
}

.right-flex li.three:hover {
margin-right: 0;
width: 140px;
}

.right-flex li.four:hover {
margin-right: 0;
width: 175px;
}

.right-flex li.li-three:hover p, .right-flex li.two:hover p {
padding: 0 20px;
}

.right-flex li.four:hover p:last-child {
padding: 0 53px 0 0;
}

.right-flex li.four:hover p:last-child img {
border: 3px solid #78c0ff;
border-radius: 6px;
}
}

@media screen and (max-width:750px) {
.right-flex .four, .right-flex .right-close, .right-flex .two, .right-flex li.one {
display: none !important;
}

.right-flex, .right-flex li {
width: 40px;
height: 40px;
}

.right-flex li .ico {
width: 40px;
height: 20px;
}

.right-flex .to-top em {
margin-top: 0;
font-size: 12px;
line-height: 30px;
}

.right-flex {
top: 100%;
}

.right-flex li .ico.ico08 {
background: url(../images/zdicon.png) no-repeat center center;
background-size: 60%;
}
}

/* ywly1 */
.area-yw1 {
padding: 3% 0 3%;
}

.area-yw1 h4 {
font-weight: 700;
font-size: 24px;
margin-left: 15px;
}

.area-yw1 .boxs .item-boxs .box1 {
display: none;
}

.area-yw1 .boxs .item-boxs .box1:first-child {
display: block;
}

.area-yw1 .boxs {
margin-top: 2%;
}

.area-yw1 .boxs ul {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 15px;
background: #fff;
transform: translatey(7px);
}

.area-yw1 .boxs ul li {
float: left;
border: solid 1px #dedede;
border-right: 0;
color: #666;
font-weight: 700;
font-size: 18px;
line-height: 30px;
}

.area-yw1 .boxs ul li a {
padding: 20px 40px;
display: block;
}

.area-yw1 .boxs ul li:last-child {
border-right: solid 1px #dedede;
}

.area-yw1 .boxs ul li.active {
border-bottom: 0;
color: #0b5bb3;
}

.area-yw1 .boxs .box1 {
position: relative;
z-index: 0;
padding: 50px;
border: solid 1px #dedede;
}

.area-yw1 .boxs h5 {
position: relative;
margin-bottom: .3rem;
margin-left: 20px;
color: #0b5bb3;
}

.area-yw1 .boxs h5::before {
position: absolute;
top: 50%;
float: left;
display: block;
margin-right: 21px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #0070ec;
content: "";
transform: translate(-20px,-50%);
}

.area-yw1 .boxs .box {
margin-bottom: .3rem;
padding-bottom: .3rem;
border-bottom: 1px solid #dedede;
}

.area-yw1 .boxs p {
margin: 0 10px;
color: #666;
letter-spacing: 0;
font-weight: 400;
font-stretch: normal;
font-size: 14px;
line-height: 24px;
}

.area-yw1 .boxs .box em {
display: inline-block;
margin-right: 5px;
width: 16px;
height: 16px;
border-radius: 2px;
background-color: #1ddd13;
transform: translateY(2px);
}

.area-yw1 .boxs .box ol {
margin-left: 15px;
}

.area-yw1 .boxs .box ol li {
margin-right: .45rem;
color: #666;
font-size: 14px;
}

.area-yw1 .boxs .box ol li::marker {
content: "";
}

.area-yw1 .boxs .box ol li:nth-child(2) em {
background-color: #a213dd;
}

.area-yw1 .boxs .box ol li:nth-child(3) em {
background-color: #dd136d;
}

.area-yw1 .boxs .box .content {
padding: .55rem;
border-radius: 11px;
background-color: #f6f6f6;
flex-wrap: wrap;
align-items: flex-start;
}

.area-yw1 .boxs .box .content .item {
margin: 10px 0;
width: 20%;
color: #666;
text-align: center;
font-size: 14px;
line-height: 26px;
}

.area-yw1 .boxs .box .content .item .icon-img {
margin-bottom: .2rem;
height: 60px;
}

.area-yw1 .boxs .box .content2 .item {
margin: .36rem .36rem .2rem;
color: #666;
}

.area-yw1 .boxs .box .content2 .item .icon-img {
margin-bottom: .24rem;
}

.area-yw1 .boxs .box .content3 span {
color: #0070ec;
font-weight: 700;
}

@media screen and (max-width:1200px) {
.area-yw1 .boxs h5 {
margin-bottom: 20px;
}

.area-yw1 .boxs .box {
margin-bottom: 20px;
padding-bottom: 20px;
}
}

@media screen and (max-width:990px) {
.area-yw1 .boxs .box ol {
display: block;
}

.area-yw1 .boxs .box ol li {
margin-bottom: 10px;
}

.area-yw1 .boxs .box .content .item {
width: 30%;
}
}

@media screen and (max-width:767px) {
.area-yw1 h4 {
font-size: 20px;
}

.area-yw1 .boxs ul li a {
padding: 10px 20px;
}

.area-yw1 .boxs .box1 {
padding: 20px 35px;
}

.area-yw1 .boxs h5 {
margin-bottom: 15px;
}

.area-yw1 .boxs .box .content {
padding: 20px 10px;
}
}

@media screen and (max-width:459px) {
.area-yw1 h4 {
font-size: 18px;
}

.area-yw1 .boxs ul li a {
padding: 10px 15px;
font-size: 17px;
}

.area-yw1 .boxs .box1 {
padding: 20px 15px;
}

.area-yw1 .boxs .box .content .item {
width: 50%;
}
}

/* ywly2 */
.area-yw1 .boxs .box .list-3 {
flex-wrap: wrap;
align-items: flex-start;
}

.area-yw1 .boxs .box .list-3 .item {
margin-right: 3%;
margin-bottom: 3%;
width: 31.3%;
}

.area-yw1 .boxs .box .list-3 .item:nth-child(3n) {
margin-right: 0;
}

.area-yw1 .boxs .box .list-3 .item .title {
margin-bottom: .2rem;
margin-left: 10px;
padding-left: .1rem;
font-size: 20px;
line-height: 36px;
}

.area-yw1 .boxs .box .list-3 .item .photo {
margin-bottom: .3rem;
}

.area-yw1 .boxs .box .list-3 .item .title::before {
display: inline-block;
width: 5px;
height: 17px;
border-radius: 3px;
background-color: #0070ec;
content: "";
transform: translate(-.1rem,.03rem);
}

.hoor {
position: relative;
}

.hoor p {
text-align: center;
}

.hoor .swiper-pagination {
position: static;
margin-top: .3rem;
}

.swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #666;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #0070ec;
}

@media screen and (max-width:990px) {
.area-yw1 .boxs .box .list-3 .item:nth-child(2n) {
margin-right: 0;
}

.area-yw1 .boxs .box .list-3 .item, .area-yw1 .boxs .box .list-3 .item:nth-child(3n) {
margin-right: 3%;
margin-bottom: 3%;
width: 100%;
}

.area-yw1 .boxs .box .list-3 .item .title {
font-size: 18px;
padding-left: 0px;
}

.area-yw1 .boxs .box .list-3 .item .photo {
margin: 10px 0px
}
}

/* ywly3-download */
.list-down .down {
margin-bottom: .2rem;
background-color: #f9f9f9;
}

.list-down .down .left {
padding: .5rem .3rem .3rem .6rem;
width: calc(100% - 200px);
}

.list-down .down .left h3 {
margin-bottom: .2rem;
font-size: 20px;
}

.list-down .down .left .des {
margin-bottom: .3rem;
color: #666;
}

.list-down .down .left .time {
color: #999;
font-size: .16rem;
}

.list-down .down .left span {
display: block;
margin-bottom: .13rem;
width: 27px;
height: 4px;
border-radius: 2px;
background-color: #0079ff;
}

.list-down .down .right {
position: relative;
width: 200px;
background-color: #f2f2f2;
text-align: center;
}

.list-down .down .botton {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.list-down .down .botton .iconfont {
margin: 10px auto;
width: 26px;
border: 1px solid;
border-radius: 50%;
}

.list-down .down:hover .right {
background-color: #0b5bb3;
color: #fff;
}

@media screen and (max-width:1360px) {
.list-down .down .left h3 {
font-size: 20px;
}
}

@media screen and (max-width:1200px) {
.list-down .down .right {
width: 135px;
}

.list-down .down .left {
width: calc(100% - 135px);
}

.list-down .down .left h3 {
font-size: 18px;
}

.list-down .down .left .time {
font-size: 14px;
}
}

@media screen and (max-width:459px) {
.list-down .down .left h3 {
font-size: 16px;
}

.list-down .down .right {
width: 120px;
}

.list-down .down .left {
width: calc(100% - 120px);
}
}

/* jdal */
.nav3-font {
position: absolute;
top: 28%;
left: 50%;
transform: translateX(-50%);
}

.case-list {
flex-wrap: wrap;
justify-content: space-between;
}

.case-list .item {
width: 23%;
}

.case-list .item:hover h3 {
color: #0079ff;
}

.case-list .item:last-child {
margin-right: 0px;
}

.case-list .item h3 {
font-size: 20px;
margin: .2rem 0;
}

.case-list .item .des {
color: #666666;
margin-bottom: .45rem;
}

.case-list .item span {
width: 26px;
height: 4px;
border-radius: 2px;
background-color: #0079ff;
display: inline-block;
margin-bottom: .15rem;
}

.time {
font-size: 16px;
font-weight: bold;
line-height: 30px;
color: #999999;
}

.case-list2 {
margin-top: .5rem;
flex-wrap: wrap;
}

.case-list2 h3 {
font-weight: initial;
}

.case-list2 .more span {
color: #666666;
}

.case-list2 .item {
width: 48.5%;
border-radius: 5px;
border: solid 1px #c8c8c8;
padding: .43rem .6rem .3rem .6rem;
margin-bottom: .45rem;
}

.case-list2 .item:hover {
box-shadow: 0px 0px 6px #666666;
}

.case-list2 .item:hover h3 {
color: #0079ff;
}

.case-list2 .item .time {
size: 14px;
line-height: 36px;
}

.case-list2 .item .des {
color: #666666;
margin: .13rem 0 .3rem;
}

.hy .box {
border-bottom: solid 1px #a1a1a1; /* padding: 5px 0px; */
margin-bottom: .3rem;
}

.hy .left {
color: #1469c7;
font-size: 18px;
width: 140px;
text-align: center;
line-height: 50px;
}

.hy .right a {
font-size: 18px;
color: #666666;
line-height: 50px;
}

.hy .right .hycat {
padding: 0px 15px;
}

.hy .right .hycat.active::after {
content: "";
width: 100%;
height: 2px;
background: #1469c7;
display: block;
transform: translateY(1px);
}

@media screen and (max-width: 1360px) {
.hy .right .hycat {
padding: 0px 10px;
}

.hy .left, .hy .right a {
font-size: 16px;
}
}

@media screen and (max-width: 1200px) {
.hy .left {
width: auto;
padding: 0 15px;
}

.hy .right .hycat {
padding: 0px 5px;
}

.hy .left, .hy .right a {
font-size: 16px;
}
}

@media screen and (max-width: 1111px) {
.hy {
display: none;
}
}

@media screen and (max-width: 998px) {
.case-list {
margin-top: .6rem;
}

.case-list .item h3 {
font-size: 18px;
margin: 10px 0 5px;
}

.case-list .item {
width: 48%;
margin-bottom: 15px;
}

.case-list2 .item {
width: 100%;
padding: 13px 15px;
}
}

/* flfg */
.law-list .botton .iconfont {
transform: rotate(-90deg);
}

@media screen and (max-width:998px) {
.law .list-down .down .right {
width: 90px;
}

.law .list-down .down .left {
width: calc(100% - 90px);
}
}

/* news */
.news .case-list .item .right {
font-size: 33px;
color: #999999;
}

.news .case-list .item span {
margin-bottom: 0;
}

.news-list2 {
border: solid 1px #e7e7e7;
padding: .3rem 0 0;
margin: .4rem 0;
}

.news-list2 .item {
margin: 0 .3rem .2rem;
border-bottom: 1px dashed #e7e7e7;
}

.news-list2 .item h3 {
width: 80%;
padding-bottom: .3rem;
padding-left: 35px;
background: url(../images/p5-icon1.jpg)no-repeat left 0px;
font-size: 16px;
}

.news-list2 .item:hover h3 {
color: #0079ff;
}
/* about-gsjj */
.gsjj .gsjj1 {
padding: .35rem 0 1rem;
text-align: center;
}

.gsjj h3, .gswh h3, .jyys1 h3 {
color: #0b5bb3;
font-weight: 700;
font-size: 30px;
text-align: center;
}

.gsjj h5, .gswh h5, .jyys1 h5 {
position: relative;
padding-bottom: .4rem;
color: #e5e5e5;
font-weight: 700;
font-size: 24px;
line-height: 30px;
text-align: center;
}

.gsjj .gsjj1 h5::after, .gswh h5::after, .jyys1 h5::after {
position: absolute;
bottom: 14px;
left: 50%;
display: inline-block;
width: 13px;
height: 7px;
background: url(../images/p6-icon7.png) no-repeat center;
content: "";
transform: translatex(-50%);
}

.gsjj .gsjj1 .ms {
margin-bottom: .8rem;
color: #111;
text-align: justify;
line-height: 30px;
text-align-last: left;
font-size: 16px;
text-indent: 2em;
}

.gsjj .gsjj1 li {
width: 20%;
}

.gsjj .gsjj1 li .sz {
margin-top: .1rem;
font-weight: 700;
font-size: .24rem;
line-height: .3rem;
}

.gsjj .gsjj1 li .wb {
color: #3d3d3d;
line-height: 30px;
}

.gsjj .gsjj2 {
padding: 0.4rem 0 .4rem; /* background-color:#fff5e2; */
}

.gsjj .gsjj2 .left {
padding-left: .44rem;
background: url(../images/p6-icon6.png) no-repeat top 15px left;
}

.gsjj .gsjj2 .left h5 {
color: #cbae83;
}

.gsjj .gsjj2 .right .iconfont {
position: static;
margin: 0 4px;
width: 41px;
height: 36px;
border: solid 3px #cbae83;
border-radius: 5px;
background: 0 0;
color: #cbae83;
text-align: center;
font-weight: 700;
line-height: 32px;
}

.gsjj .gsjj2 .right .iconfont:hover {
border-color: #1469c7;
background-color: #1469c7;
color: #fff;
}

.gsjj .gsjj2 .swiper-container {
padding-bottom: .4rem;
}

@media screen and (max-width:1260px) {
.gsjj1 ul {
flex-wrap: wrap;
}

.gsjj h5, .gswh h5, .jyys1 h5 {
padding-bottom: 30px;
}
}

@media screen and (max-width: 675px) {
.gsjj .gsjj1 li {
width: 33.3%;
}
}

/* about-tdjj */
.tdjj .box {
position: relative;
margin-bottom: .6rem;
}

.tdjj .box .left {
float: left;
margin-right: .3rem;
width: 39%;
}

.tdjj .box .left .pic {
border: solid .29rem #1469c7;
}

.tdjj .box .left .ms {
text-align: left;
padding: .4rem 0px;
width: 230px;
margin: 0 auto;
}

.tdjj .box .left .ms h3 {
font-size: .3rem;
font-weight: bold;
color: #666666;
}

.tdjj .box .left .ms h3 span {
color: #0b5bb3;
}

.tdjj .box .left .ms p {
line-height: 30px;
color: #999999;
text-align: left;
}

.tdjj .box .right {
margin-left: .43rem;
/* padding: .4rem .4rem 0; */
/* border: solid .22rem #eef6ff; */
}

.tdjj .box .right .content {
width: 59%;
float: right;
margin-bottom: 2%;
border: solid .22rem #eef6ff;
padding: .4rem .4rem 0;
}

.tdjj .box .right .title {
color: #111;
font-weight: 700;
border-bottom: solid 1px #eaeaea;
padding-bottom: .18rem;
}

.tdjj .box .right .content p {
color: #333333;
line-height: 32px;
padding-top: .25rem;
}

@media screen and (max-width:1260px) {
.tdjj .box .right .content p {
line-height: 28px;
}

.tdjj .box .left {
width: 50%;
float: none;
margin: 0 auto 10px;
border: 1px solid #eef6ff;
}

.tdjj .box .left .ms, .tdjj .box .left .ms p {
text-align: center;
}

.tdjj .box .left .pic {
border: 0px;
}

.tdjj .box .left .pic img {
transform: scale(1.02);
}

.tdjj .box .left .ms h3 {
font-size: 20px;
}

.tdjj .box .right {
margin-left: 0px;
}

.tdjj .box .right .content {
width: 100%;
margin-left: 0px;
}
}

@media screen and (max-width:767px) {
.tdjj .box .left {
width: 100%;
}
}


/* about-gswh */
.gswh {
padding: .3rem 0 150px;
background: url(../images/p6-bg1.png)no-repeat bottom;
}

.gswh1 .wh {
background-color: #d6ebff;
border-radius: 6px;
padding: .55rem 0 .4rem;
margin: .8rem 0 .7rem;
}

.gswh1 .wh .item {
text-align: center;
}

.gswh1 .wh .item .img {
margin-bottom: .1rem;
}

.gswh1 .wh .item h6 {
font-weight: bold;
color: #0b5bb3;
margin-bottom: .1rem;
font-size: 20px;
}

.gswh1 .wh .item p {
color: #666666;
font-size: 16px;
}

.gswh2 .wh2 {
margin-top: .5rem;
}

.gswh2 .wh2 .img {
margin: .2rem;
}

.gswh2 .wh2 .title {
text-align: center;
width: 400px;
font-size: .32rem;
padding: 30px 0px;
font-weight: bold;
color: #666666;
background-color: #d6ebff;
border: solid 1px #c8c8c8;
}

@media screen and (max-width:1400px) {
.gswh2 .wh2 .item {
width: 32%;
}

.gswh2 .wh2 .title {
width: 100%;
font-size: 24px;
padding: .2rem 0;
}
}

@media screen and (max-width:998px) {
.gswh1 .wh .item p {
font-size: 14px;
}
}

@media screen and (max-width:875px) {
.gswh1 .wh {
flex-wrap: wrap;
justify-content: flex-start;
padding: 25px 10px 10px;
}

.gswh1 .wh .item {
width: 33.3%;
margin-bottom: 25px;
}
}

@media screen and (max-width:767px) {
.gsjj h3, .gswh h3, .jyys1 h3 {
font-size: 20px;
}

.gsjj h5, .gswh h5, .jyys1 h5 {
font-size: 18px;
}

.gswh2 .wh2 .img {
width: 70px;
margin: 0 auto;
}

.gswh2 .wh2 .title {
font-size: 16px;
}
}

@media screen and (max-width:675px) {
.gswh1 .wh .item {
width: 50%;
margin-bottom: 15px;
}
}
/* about-jyys */
.jyys {
background: url(../images/p6-bg2.jpg)no-repeat top;
padding: .6rem 0 1rem;
}

.jyys .jyys1 h5 {
font-size: 18px;
color: #2c2c2c;
}

.jyys .jyys1 .box {
position: relative;
width: 750px;
margin: .5rem auto;
padding: 0.7rem 0;
}

.jyys .jyys1 .box .item {
position: absolute;
}

.jyys .jyys1 .box .item .pic {
max-width: 110px;
padding: 10px 5px;
margin: 0 auto;
}

.jyys .jyys1 .box .item:nth-child(1) {
top: 0px;
left: 41%;
}

.jyys .jyys1 .box .item:nth-child(2) {
top: 15%;
right: 3%;
}

.jyys .jyys1 .box .item:nth-child(3) {
right: -70px;
top: 50%;
}

.jyys .jyys1 .box .item:nth-child(4) {
bottom: -18px;
right: 22%;
}

.jyys .jyys1 .box .item:nth-child(5) {
left: 9%;
bottom: 5%;
}

.jyys .jyys1 .box .item:nth-child(6) {
left: -71px;
top: 49%;
}

.jyys .jyys1 .box .item:nth-child(7) {
top: 17%;
}

@media screen and (max-width: 998px) {
/* .mobile-nav{margin-bottom: 0px; } */
.jyys1 .bg-img {
display: none;
}

.jyys .jyys1 .box {
margin: 0px;
padding: 0px;
width: 100%;
}

.jyys .jyys1 .box .items {
flex-wrap: wrap;
}

.jyys .jyys1 .box .item {
position: static;
width: 25%;
text-align: center;
}

.jyys .jyys1 .box .item .pic {
margin: 0 auto;
}
}

@media screen and (max-width: 767px) {
.jyys {
padding: 30px 20px;
}

.jyys .jyys1 .box .item {
width: 33.3%;
margin-bottom: 10px;
}

.jyys .jyys1 .box .item .pic {
width: 80px;
}

.jyys .jyys1 .box .item h6 {
font-size: 16px;
}
}

@media screen and (max-width: 460px) {
}

@media screen and (max-width: 400px) {
.jyys .jyys1 .box .item h6 {
font-size: 14px;
}
}

/* about-ryzz */
.ryzz {
padding-bottom: .5rem;
}

.ryzz .list {
flex-wrap: wrap;
}

.ryzz .list .item {
width: 23%;
padding: .4rem .5rem .3rem;
background: #f6f6f6;
margin-bottom: .3rem;
}

.ryzz .list .item p {
color: #333333;
font-size: 16px;
margin-top: .35rem;
}

@media screen and (max-width: 767px) {
.ryzz .list .item {
width: 48%;
}
}
/* about-hzhb */
.hzhb {
padding-top: .5rem;
}

.cat-ads {
border-bottom: solid 1px #a1a1a1;
}

.cat-ads .right li {
padding: 0 .2rem;
}

.cat-ads .right a {
font-size: 18px;
color: #666666;
}

.cat-ads .right a.active, .cat-ads .right a:hover {
border: none;
color: #0b5bb3;
}

.hzhb .list {
flex-wrap: wrap;
}

.hzhb .list .item {
border-radius: 5px;
border: solid 1px #e8e8e8;
width: 49%;
padding: .3rem 0 .35rem;
margin-bottom: .3rem;
}

.hzhb .list .item .company {
padding: 0 .4rem;
border-bottom: solid 1px #e8e8e8;
padding-bottom: .2rem;
align-items: center;
color: #0b5bb3;
}

.hzhb .list .item .company .pic {
width: auto;
padding: 0px 10px;
}

.hzhb .list .item .company img {
width: auto;
margin: 0;
}

.hzhb .list .item .company .title {
font-size: 18px;
font-weight: bold;
}

.hzhb .list .item .company .add {
padding-top: 8px;
}

.hzhb .list .item .des {
padding: .3rem .6rem 0 .4rem;
line-height: 30px;
color: #666666;
}

@media screen and (max-width: 1200px) {
.hzhb .list .item {
width: 100%;
}
}

@media screen and (max-width: 640px) {
.hzhb .list .item .company {
display: block;
}

.hzhb .list .item .company .pic {
margin-bottom: 10px;
padding: 0px;
}

.hzhb .list .item .company .add {
padding-top: 5px;
}

.hzhb .list .item .des {
line-height: 26px;
}
}
/* about-lxwm */
.lxwm {
margin-bottom: .45rem;
}

.lxwm1 .left {
width: 55%;
}

.lxwm1 .right {
width: 40%;
padding: .6rem 0 .7rem;
}

.lxwm1 .right h3 {
color: #0b5bb3;
margin-bottom: .35rem;
}

.lxwm1 .right p {
color: #333333;
margin-bottom: .2rem;
}

.lxwm2 h3 {
padding-left: .2rem;
color: #0b5bb3;
}

.lxwm2 .box {
margin-top: .35rem;
flex-wrap: wrap;
}

.lxwm2 .box .item {
border: solid 1px #e8e8e8;
width: 49%;
margin-bottom: .3rem;
}

.lxwm2 .box .item .title {
padding: .25rem .35rem;
border-bottom: solid 1px #e8e8e8;
}

.lxwm2 .box .item .title h5 {
font-size: 18px;
font-weight: bold;
padding-left: 20px;
position: relative;
}

.lxwm2 .box .item .title h5::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #0b5bb3;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
}

.lxwm2 .box .item .des {
padding: .25rem .35rem;
}

.lxwm2 .box .item .des p {
color: #333333;
line-height: 35px;
}

.lxwm2 .more {
width: 128px;
height: 48px;
border-radius: 24px;
border: solid 2px #156bca;
font-size: 18px;
line-height: 48px;
color: #156bca;
display: block;
margin: 0 auto;
}

@media screen and (max-width: 1200px) {
.lxwm1 {
display: block;
margin-bottom: 10px;
}

.lxwm1 .left img {
margin: 0;
}

.lxwm1 .left, .lxwm1 .right {
width: 100%;
}

.lxwm1 .right span {
min-width: 42px;
word-break: keep-all;
}
}

@media screen and (max-width: 998px) {
.lxwm {
margin-bottom: 20px;
}

.lxwm2 .box .item {
width: 100%;
}

.lxwm2 .box .item .title h5 {
font-size: 16px;
}

.lxwm2 .box .item .des, .lxwm2 .box .item .title {
padding: 10px
}

.lxwm2 .box .item .des p {
line-height: 26px;
}

.lxwm2 .more {
margin: 15px auto;
}
}

/* about-jrwm */
.jrwm {
margin-bottom: .5rem;
}

.jrwm1 ul li:first-child {
border-bottom: solid 2px #dcdcdc;
padding-bottom: 10px;
}

.jrwm1 ul li {
border-bottom: solid 1px #dcdcdc;
}

.jrwm1 ul li .title {
font-size: 18px;
color: #333333;
line-height: 36px;
font-weight: bold;
width: 25%;
}

.jrwm1 ul li .title:first-child {
padding-left: .15rem;
}

.jrwm1 ul li p.p16 {
font-size: 16px;
width: 25%;
line-height: 72px;
}

.jrwm1 ul li p.p16:first-child {
padding-left: .15rem;
}

.jrwm1 ul li p.p16:last-child {
color: #999999;
position: relative;
}

.jrwm1 ul li p.p16:last-child::before {
font-weight: bold;
content: "\e602";
position: absolute;
right: 30px;
font-size: 25px;
transform: rotate(90deg);
transition: .5s;
}

.jrwm1 ul li.on p.p16:last-child::before {
transform: rotate(270deg);
color: #1469c7;
}

.jrwm1 ul li .join-bottom {
display: none;
}

.jrwm1 ul li.on .join-bottom {
display: block;
}

.jrwm1 ul li .join-bottom {
padding: 20px 15px 40px;
border-top: solid 1px #dcdcdc;
transition: 2s;
}

.jrwm1 ul li .join-bottom .box {
width: 48%;
}

.jrwm1 ul li .join-bottom .box .bt {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

.jrwm1 ul li .join-bottom .box p {
color: #666666;
line-height: 30px;
}

.jrwm1 ul li .join-bottom .more {
width: 109px;
height: 38px;
background-color: #1469c7;
color: #fff;
margin-top: 25px;
line-height: 36px;
border-radius: 5px;
}

@media screen and (max-width: 1200px) {
.jrwm1 ul li .title, .jrwm1 ul li .join-top p {
width: 50%;
}

.jrwm1 ul li .title:nth-child(n+2), .jrwm1 ul li .join-top p:nth-child(n+2) {
display: none;
}

.jrwm1 ul li .title:last-child, .jrwm1 ul li .join-top p:last-child {
display: block;
}
}

@media screen and (max-width: 767px) {
.jrwm1 ul li.on .join-bottom .boxs {
display: block;
}

.jrwm1 ul li .join-bottom .box {
width: 100%;
margin-bottom: 10px;
}

.jrwm1 ul li .join-bottom .box p {
line-height: 26px;
}
}

/* company-qxgs */
.qxgs {
padding-bottom: .4rem;
}

.qxgs .company-list {
flex-wrap: wrap;
}

.qxgs .company-list .item {
width: 31%;
margin-bottom: .3rem;
background: #b9b9b963;
}

.qxgs .company-list .item h3 {
text-align: center;
line-height: .5rem;
font-size: .2rem;
font-weight: bold;
}

@media screen and (max-width: 998px) {
.qxgs {
padding: 30px 0;
}

.qxgs .company-list .item {
width: 48%;
}

.qxgs .company-list .item h3 {
line-height: 50px;
font-size: 16px;
}
}

@media screen and (max-width: 675px) {
.qxgs .company-list .item {
width: 100%;
margin-bottom: 20px;
}
}
/* info */
.info .bt {
padding-bottom: .3rem;
border-bottom: solid 1px #dfdfdf;
}

.info h1 {
font-size: .3rem;
line-height: .55rem;
color: #111111;
padding: 0 1.4rem;
text-align: center;
}

.info .info-ms {
font-size: 16px;
line-height: 30px;
color: #999999;
text-align: center;
margin-top: .25rem;
}

.info .content {
padding: 10px 10px 20px;
font-family: "Microsoft YaHei" !important;
}

.info .content img {
margin: .54rem auto;
}

.info .content p {
font-size: 16px;
line-height: 36px;
color: #000000;
margin-bottom: 0.12rem;
color: #666666;
}

.info .content h4 {
font-size: .24rem;
color: #111111;
line-height: 36px;
margin: .5rem 0 .2rem;
font-weight: bold;
}

.info .page .item {
margin-bottom: .28rem;
background-color: #f7f7f7;
border-radius: 10px;
padding: .4rem;
}

.info .page .left {
font-size: .20rem;
color: #1469c7;
}

.info .page .right a {
font-size: .20rem;
color: #000000;
}

.info .page .right .time {
font-size: .18rem;
color: #999999;
font-weight: 500;
}

@media screen and (max-width: 1440px) {
.info h1 {
font-size: 22px;
line-height: 40px;
}

.info .page .left, .info .page .right a {
font-size: 16px;
}

.info .page .right .time {
font-size: 14px;
}

.info .page .left {
width: 70px;
}

.page .right {
width: calc(100% - 70px);
}

.info .content h4 {
font-size: 20px;
}
}

@media screen and (max-width: 1260px) {
.info .content p {
line-height: 30px;
}
}

@media screen and (max-width: 998px) {
.company {
padding: 30px 0 20px;
}

.info .page .item {
margin-bottom: 15px;
}
}

@media screen and (max-width: 640px) {
.info h1 {
font-size: 20px;
line-height: 34px;
}

.info .content h4 {
font-size: 18px;
}

.info .content p {
font-size: 14px;
line-height: 26px;
}
}
/* mobile-nav */
.mobile-nav {
display: none;
background: #fff;
padding: 15px 0;
position: relative;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
margin-bottom: 20px;
}

.mobile-nav .navlist1 {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 15;
background-color: #fff;
box-shadow: 0 1px 4px 1px #f1f1f1;
display: none;
}

.mobile-nav .navlist1 li {
line-height: 42px;
width: 90%;
margin: 0 auto;
font-size: 15px;
}
/* .mobile-nav .navlist1 li.active{} */
.mobile-nav .navlist1 li a {
display: block;
}

.mobile-nav.on .navlist1 {
display: block;
}

.mobilemenu .mobilemenuaName {
font-size: 18px;
font-weight: bold;
}

.mobilemenu .mobilemenuaName .iconfont {
transform: rotate(90deg);
}

@media screen and (max-width:998px) {
.ny-banner .cats-item {
display: none;
}

.mobile-nav {
display: block;
}
}

/*0711*/
.about_h, .develop_h, .develop_h .develop_h_dec, .develop_h .develop_h_font, .develop_h .develop_h_moswp, .develop_h .develop_h_num, .group .group-tit span {
position: relative;
}

.group {
padding-bottom: .4rem;
}

.mainer {
overflow: initial;
}

.about_h .jyys1 .box {
width: auto;
}

.about_h_ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.about_h .about_h_font {
color: #0b5bb3;
font-size: 20px;
line-height: 30px;
}

.about_h .about_h_font span {
display: inline-block;
margin-right: 10px;
padding-bottom: 5px;
border-bottom: 3px solid #06c;
color: #06c;
vertical-align: -3px;
font-weight: 700;
font-size: .36rem;
line-height: 30px;
}

.about_h .about_h_tit {
display: none;
color: #172228;
font-weight: 700;
font-size: 30px;
}

.about_h .about_h_ul li {
position: absolute;
}

.about_h .about_h_ul li:nth-child(1) {
top: 0;
left: 29.5%;
}

.about_h .about_h_ul li:nth-child(2) {
top: 0;
left: 63%;
}

.about_h .about_h_ul li:nth-child(3) {
top: 39%;
right: 11.5%;
}

.about_h .about_h_ul li:nth-child(4) {
top: 70%;
right: 13%;
}

.about_h .about_h_ul li:nth-child(5) {
top: 96%;
left: 44.5%;
}

.about_h .about_h_ul li:nth-child(6) {
top: 70%;
left: 14.5%;
}

.about_h .about_h_ul li:nth-child(7) {
top: 39%;
left: 11.5%;
}

.develop_h {
padding-bottom: 50px;
}

.develop_h .develop_h_pcswp .swiper-container {
padding-bottom: 9.5%;
cursor: pointer;
}

.develop_h .develop_h_titBox {
position: absolute;
top: 8.2%;
left: 13.2%;
z-index: 9;
width: 55%;
}

.develop_h_tit {
color: #1469c7;
font-weight: 700;
font-size: .36rem;
line-height: 1;
}

.develop_h_titen {
position: relative;
margin-left: -25px;
color: #d7d7d7;
font-weight: 700;
font-size: 0.5rem;
line-height: 1.1;
}

.develop_h_titen img {
display: inline-block;
}

.develop_h_titen::before {
position: absolute;
bottom: 10px;
left: 25px;
width: 36px;
height: 4px;
background: #1469c7;
content: "";
}

.develop_h .develop_h_num {
color: #1469c7;
font-weight: 700;
font-size: 0.30rem;
line-height: 1.3;
}

.develop_h .develop_h_dec {
overflow-x: hidden;
overflow-y: auto;
max-height: 150px;
color: #666;
font-size: 13px;
line-height: 24px;
}


.develop_h .develop_h_ul .develop_h_li {
position: absolute;
z-index: 9;
display: block;
width: 12%;
/* background-color: rgb(255 255 255 / 45%); */
}

.develop_h .develop_h_font::before {
position: absolute;
width: 25px;
height: 64px;
content: "";
}

.develop_h .develop_h_ul .develop_h_li:nth-child(odd) .develop_h_font::before {
top: 0;
top: -80px;
left: 20%;
background: url(../images/de-qicon1.png) no-repeat center center;
background-size: cover;
transform: translateX(-20%);
}

.develop_h .develop_h_ul .develop_h_li:nth-child(even) .develop_h_font::before {
top: auto;
bottom: -80px;
left: 20%;
background: url(../images/de-qicon2.png) no-repeat center center;
background-size: cover;
transform: translateX(-20%);
}

.develop_h .develop_h_img, .develop_h .develop_h_pcswp .swiper-slide {
max-width: 1920px !important;
}

.develop_h .develop_h_img img {
width: 100%;
}

.develop_h .develop_h_ul .develop_h_li1 {
top: 76%;
left: 5%;
}

.develop_h .develop_h_ul .develop_h_li2 {
bottom: 39.5%;
left: 13%;
}

.develop_h .develop_h_ul .develop_h_li3 {
top: 80.5%;
left: 20%;
}

.develop_h .develop_h_ul .develop_h_li4 {
bottom: 31%;
left: 27%;
}

.develop_h .develop_h_ul .develop_h_li5 {
top: 80%;
left: 35%;
}

.develop_h .develop_h_ul .develop_h_li6 {
bottom: 40.5%;
left: 39%;
width: 7%;
}

.develop_h .develop_h_ul .develop_h_li7 {
top: 61.5%;
left: 50%;
}

.develop_h .develop_h_ul .develop_h_li8 {
top: 32%;
left: 57%;
width: 10%;
}

.develop_h .develop_h_ul .develop_h_li9 {
top: 50%;
left: 65%;
}

.develop_h .develop_h_ul .develop_h_li10 {
top: 31.5%;
left: 79%;
}

.develop_h .develop_h_ul .develop_h_li11 {
top: 33%;
left: 78%;
}

.develop_h .develop_h_ul .develop_h_li12 {
top: 2%;
left: 86%;
}

.develop_h .develop_h_ul .develop_h_li13 {
top: 16%;
left: 69%;
}

.develop_h .develop_h_ul .develop_h_li:hover .develop_h_dec {
color: #1469c7;
}

.develop_h .develop_h_moswp .develop_h_num {
width: 100px;
}

.develop_h .develop_h_moswp .develop_h_dec {
padding-left: 10px;
width: calc(100% - 100px);
}

.develop_h .develop_h_moswp .swiper-button-next, .develop_h .develop_h_moswp .swiper-button-prev {
top: 30%;
}

.develop_h .develop_h_moswp .swiper-button-prev {
left: 0;
}

.develop_h .develop_h_moswp .swiper-button-next {
right: 0;
}

.develop_h .develop_h_moswp .swiper-container {
margin: 0 auto;
padding-bottom: 50px;
width: 80%;
}

.develop_h .develop_h_moswp, .develop_h .develop_h_moswp .swiper-pagination {
display: none;
}

.ny-banner .banner .nav5-font {
top: 50%;
transform: translateY(-50%);
}

.group .group-font, .group .group-img {
position: relative;
width: 50%;
}

.group .group-font {
padding: 3%;
}

.group .group-font .dec {
overflow-x: hidden;
overflow-y: auto;
max-height: 220px;
color: #666;
font-size: 16px;
line-height: 2.25;
}

.group .group-ul .group-ulBox {
background-color: #f8f8f8;
}

.group .group-font::before {
position: absolute;
top: 50%;
right: -10px;
z-index: 2;
width: 10px;
height: 30px;
background: url(../images/gr-jtiocn.png) no-repeat center center;
background-size: cover;
content: "";
transform: translateY(-50%);
}

.more2 {
display: inline-block;
margin-top: 20px;
padding: 2px;
width: 90px;
border: 1px solid #1469c7;
border-radius: 6px;
background-color: #1469c7;
color: #fff;
text-align: center;
font-size: 16px;
}

.more2:hover {
border: 1px solid #1469c7;
background-color: #fff;
color: #1469c7;
}

.group .group-tit {
position: relative;
margin: 30px auto;
color: #0b5bb3;
text-align: center;
font-weight: 700;
font-size: .3rem;
}

.group .group-ul li:first-child .group-tit {
margin-top: 0;
}

.group .group-tit::before {
position: absolute;
top: 50%;
left: 0;
z-index: -1;
width: 100%;
height: 1px;
background: #dfdfdf;
content: "";
transform: translateY(-50%);
}

.group .group-tit span {
background: #fff;
}

.group .paging {
margin: 85px 0;
}

@media screen and (max-width:1679px) {
.develop_h_titen img {
max-width: 260px;
}

.group .group-tit {
font-size: 26px;
}

.develop_h .develop_h_ul .develop_h_li1 {
top: 78.5%;
left: 5%;
}

.develop_h .develop_h_ul .develop_h_li2 {
bottom: 41.5%;
left: 13%;
}

.develop_h .develop_h_ul .develop_h_li3 {
top: 82.5%;
left: 20%;
}

.develop_h .develop_h_ul .develop_h_li4 {
bottom: 32.5%;
left: 27%;
}

.develop_h .develop_h_ul .develop_h_li5 {
top: 81.5%;
left: 35%;
}

.develop_h .develop_h_ul .develop_h_li6 {
bottom: 43.5%;
left: 40%;
}

.develop_h .develop_h_ul .develop_h_li7 {
top: 63.5%;
left: 50%;
}

.develop_h .develop_h_ul .develop_h_li8 {
top: 28.5%;
left: 57%;
}

.develop_h .develop_h_ul .develop_h_li9 {
top: 51%;
left: 65%;
}

.develop_h .develop_h_dec {
font-size: 14px;
line-height: 20px;
}

.develop_h .develop_h_ul .develop_h_li10 {
top: 33%;
left: 79%;
}

.develop_h .develop_h_ul .develop_h_li11 {
top: 34%;
left: 78%;
}

.develop_h .develop_h_ul .develop_h_li12 {
top: 0%;
left: 86%;
}

.develop_h .develop_h_ul .develop_h_li13 {
top: 13%;
left: 70%;
}
}

@media screen and (max-width: 1459px) {
.about_h .about_h_ul li:nth-child(3) {
top: 39%;
right: 9.5%;
}

.about_h .about_h_ul li:nth-child(4) {
top: 70%;
right: 10.5%;
}

.about_h .about_h_ul li:nth-child(5) {
top: 96%;
left: 42.5%;
}

.about_h .about_h_ul li:nth-child(2) {
top: 0;
left: 64%;
}

.about_h .about_h_ul li:nth-child(6) {
top: 70%;
left: 12.5%;
}

.about_h .about_h_ul li:nth-child(7) {
top: 39%;
left: 9.5%;
}

.about_h .about_h_ul li:nth-child(7) {
top: 39%;
left: 9.5%;
}

.develop_h .develop_h_ul .develop_h_li1 {
top: 78.5%;
left: 5%;
}

.develop_h .develop_h_ul .develop_h_li2 {
bottom: 42%;
left: 13%;
}

.develop_h .develop_h_ul .develop_h_li3 {
top: 84%;
left: 20%;
}

.develop_h .develop_h_ul .develop_h_li4 {
bottom: 33.5%;
left: 27%;
}

.develop_h .develop_h_ul .develop_h_li5 {
top: 82.5%;
left: 35%;
}

.develop_h .develop_h_ul .develop_h_li6 {
bottom: 46.5%;
left: 40%;
}

.develop_h .develop_h_ul .develop_h_li7 {
top: 64.5%;
left: 50%;
}

.develop_h .develop_h_ul .develop_h_li8 {
top: 27%;
left: 57%;
}

.develop_h .develop_h_ul .develop_h_li9 {
top: 57.5%;
left: 63%;
}

.about_h .about_h_font span, .develop_h_tit {
font-size: 30px;
}

.develop_h_titen img {
max-width: 300px;
}

.develop_h .develop_h_ul .develop_h_li10 {
top: 36%;
left: 76%;
}

.develop_h .develop_h_ul .develop_h_li11 {
top: 36%;
left: 78%;
}

.develop_h .develop_h_ul .develop_h_li12 {
top: 1%;
left: 82%;
}

.develop_h .develop_h_ul .develop_h_li {
width: 12%;
}

.develop_h .develop_h_ul .develop_h_li13 {
top: 16%;
left: 67%;
}

.develop_h .develop_h_ul .develop_h_li:nth-child(12) .develop_h_font::before {
/* display: none;*/
}
}

@media screen and (max-width:1366px) {
.about_h .about_h_font {
font-size: 18px;
}

.about_h .bg-img {
max-width: 530px;
}

.about_h .about_h_ul li:nth-child(7) {
top: 39%;
left: 7.5%;
}

.about_h .about_h_ul li:nth-child(6) {
top: 70%;
left: 10.5%;
}

.develop_h .develop_h_num {
font-size: 25px;
}

.develop_h_titen img {
max-width: 280px;
}

.group .group-tit {
font-size: 24px;
}

.group .group-font .dec {
max-height: 200px;
}

.banner .inbanner-pagination {
font-size: 30px;
}
}

@media screen and (max-width:1259px) {

.develop_h .develop_h_ul .develop_h_li:nth-child(even) .develop_h_font::before {
bottom: -70px;
}

.develop_h .develop_h_ul .develop_h_li:nth-child(odd) .develop_h_font::before {
top: -70px;
}

.about_h .bg-img {
max-width: 480px;
}

.develop_h .develop_h_num {
font-size: 24px;
}

.develop_h .develop_h_font::before {
width: 19px;
height: 50px;
}

.develop_h .develop_h_dec {
font-size: 13px;
}

.develop_h .develop_h_ul .develop_h_li {
width: 10%;
}

.develop_h_titen img {
max-width: 220px;
}

.develop_h_tit {
font-size: 28px;
}

.develop_h_titen {
margin-left: -15px;
}

.develop_h_titen::before {
bottom: 5px;
left: 15px;
}

.group .group-font .dec {
max-height: 180px;
}











.develop_h .develop_h_ul .develop_h_li1 {
top: 79%;
left: 5%;
}

.develop_h .develop_h_ul .develop_h_li2 {
bottom: 42%;
left: 13%;
}

.develop_h .develop_h_ul .develop_h_li3 {
top: 84%;
left: 20%;
}

.develop_h .develop_h_ul .develop_h_li4 {
bottom: 33.5%;
left: 27%;
}

.develop_h .develop_h_ul .develop_h_li5 {
top: 82.5%;
left: 35%;
}

.develop_h .develop_h_ul .develop_h_li6 {
bottom: 46.5%;
left: 40%;
}

.develop_h .develop_h_ul .develop_h_li7 {
top: 64.5%;
left: 50%;
}

.develop_h .develop_h_ul .develop_h_li8 {
top: 25.5%;
left: 57%;
}

.develop_h .develop_h_ul .develop_h_li9 {
top: 57.5%;
left: 63%;
}


.develop_h .develop_h_ul .develop_h_li10 {
top: 36%;
left: 76%;
}

.develop_h .develop_h_ul .develop_h_li11 {
top: 36%;
left: 78%;
}

.develop_h .develop_h_ul .develop_h_li12 {
top: -1%;
left: 82%;
}


.develop_h .develop_h_ul .develop_h_li13 {
top: 17%;
left: 67%;
}
}

@media screen and (max-width:1100px) {
.about_h .about_h_ul li, .about_h_ul, .develop_h .develop_h_titBox {
position: static;
}

.develop_h .develop_h_titBox {
width: 90%;
}

.about_h .about_h_ul {
display: flex;
margin-top: 40px;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}

.about_h .about_h_ul li {
padding: 1.5% 3%;
width: 33.3333%;
}

.develop_h .develop_h_pcswp {
display: none;
}

.develop_h .develop_h_moswp {
display: block;
margin-top: 5%;
}

.develop_h .develop_h_moswp .swiper-button-next, .develop_h .develop_h_moswp .swiper-button-prev {
width: 40px;
height: 40px;
}

.develop_h_tit {
font-size: 26px;
}

.develop_h_titen img {
max-width: 180px;
}

.develop_h {
padding-top: 40px;
}

.group .group-tit {
font-size: 22px;
}

.group .group-font .dec {
max-height: 130px;
}

.group .paging {
margin: 45px auto;
}
}

@media screen and (max-width:980px) {
.about_h .about_h_tit {
display: block;
text-align: center;
font-size: 24px;
}

.about_h .about_h_ul li {
width: 50%;
}

.about_h .about_h_font span {
padding-bottom: 3px;
border-bottom: 2px solid #06c;
font-size: 26px;
line-height: 28px;
}

.about_h .about_h_ul {
margin-top: 20px;
}

.develop_h .develop_h_num {
font-size: 28px;
}

.develop_h_tit {
font-size: 24px;
}

.develop_h_titen img {
max-width: 160px;
}

.develop_h_titen {
margin-left: -10px;
}

.develop_h_titen::before {
bottom: 0;
left: 10px;
height: 3px;
}

.develop_h .develop_h_moswp .swiper-button-next, .develop_h .develop_h_moswp .swiper-button-prev {
top: 24%;
}

.develop_h .develop_h_moswp {
margin-top: 8%;
}

.develop_h .develop_h_moswp .swiper-container {
padding-bottom: 20px;
}

.group {
padding-top: 60px;
}

.group .group-ul .group-ulBox {
flex-wrap: wrap;
}

.group .group-font, .group .group-img {
width: 100%;
}

.group .group-img {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.group .group-font {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.group .group-font::before {
top: -20px;
right: auto;
left: 50%;
transform: translateX(-50%);
transform: translateY(0);
transform: rotate(-90deg);
}

.group .group-font .dec {
max-height: none;
}

.group .group-font {
padding: 6% 5%;
}

.mobile-nav-box {
top: 70px;
}

.banner .swiper-font .swiper-h2 h2 {
margin-top: -10px;
}
}

@media (max-width:790px) {
.paging a {
line-height: 28px;
}
}

@media screen and (max-width: 767px) {
.develop_h .develop_h_font {
flex-wrap: wrap;
}

.develop_h .develop_h_moswp .develop_h_dec, .develop_h .develop_h_moswp .develop_h_num {
width: 100%;
}

.about_h .about_h_tit {
font-size: 20px;
}

.about_h .about_h_ul li {
padding: 3% 0;
width: 100%;
}

.about_h .about_h_font span {
font-size: 22px;
line-height: 24px;
}

.develop_h_tit {
font-size: 22px;
}

.develop_h_titen img {
margin-top: 5px;
max-width: 130px;
}

.develop_h .develop_h_num {
font-size: 26px;
}

.develop_h .develop_h_moswp .develop_h_dec {
margin-top: 5px;
padding-left: 0;
}

.develop_h .develop_h_moswp {
margin-top: 10%;
}

.develop_h .develop_h_moswp .swiper-container {
padding-bottom: 5px;
}

.develop_h .develop_h_moswp .swiper-button-next, .develop_h .develop_h_moswp .swiper-button-prev {
width: 35px;
height: 35px;
}

.develop_h .develop_h_moswp .swiper-button-next {
right: -10px;
}

.develop_h .develop_h_moswp .swiper-button-prev {
left: -10px;
}

.develop_h .develop_h_moswp .swiper-button-next, .develop_h .develop_h_moswp .swiper-button-prev {
top: 52%;
}

.group .group-tit {
font-size: 18px;
}

.group {
padding-top: 45px;
}

.group .group-tit {
margin: 20px auto;
}

.group .group-ul li {
margin-bottom: 30px;
}

.group .group-font {
padding: 10% 6% 15% 6%;
}

.group .group-font::before {
top: -12px;
width: 6px;
height: 20px;
}

.group .group-tit::before {
display: none;
}

.foot-logo img, .headfixed .logo img {
max-width: 200px;
}

.ny-banner {
margin-top: 55px;
}

.mobile-nav-box {
top: 55px;
}

.footer {
padding-top: 40px;
}

.foot-logo {
margin-bottom: 15px;
}

.foot-center .links {
margin-top: 0;
padding: 20px 0;
}

.foot-bottom {
padding: 10px 0;
}

.foot-center .links a, .footer .d-list {
line-height: 2;
}

.banner .pub-mbanner, .banner .pub-pbanner {
height: auto;
}

.banner .swiper-font .swiper-h3 h3 {
letter-spacing: 3px;
}

.banner .swiper-font .swiper-h3 .line {
width: 30px;
height: 2px;
}

.banner .swiper-font .swiper-h3 .line2 {
margin-left: 8px;
}

.mainer .banner .swiper-bimg img {
margin-left: 15px;
max-width: 280px;
}

.banner .swiper-font .swiper-h2 h2 {
margin-top: 0;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
width: 50px;
height: 25px;
}

.banner .inbanner-pagination {
font-size: 24px;
}

.banner .swiper-btn {
bottom: 10px;
width: 180px;
}
}

.team-list {
display: none;
}

.team-add {
margin: 0 auto 40px;
display: block;
}

.area-ywcat {
padding-top: .5rem;
}

.area-ywcat .box {
margin-bottom: .6rem;
flex-direction: row;
justify-content: center;
align-items: center;
}

.area-ywcat .box .item {
width: 50%;
height: 100%;
}

.area-ywcat .box .item .pic img {
width: 80%;
}

.area-ywcat .box .item .ms {
padding: 0 .8rem;
}

.area-ywcat .box:nth-child(2n) .item:nth-child(1) {
margin-right: -100%;
}

.area-ywcat .box h2 {
font-size: .40rem;
margin-bottom: .3rem;
}

.area-ywcat .box .ms .des {
font-size: 16px;
line-height: 32px;
color: #666666;
margin-bottom: 20px;
max-height: 200px;
overflow: auto;
}

.area-ywcat .box .ms .more {
border: solid 2px #1469c7;
color: #1469c7;
}

.area-ywcat .box:hover .more span {
margin-right: 25px;
}

.area-ywcat .box:hover .pic img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
}

@media screen and (max-width:998px) {
.area-ywcat .box h2 {
font-size: 22px;
}

.area-ywcat .box .ms .des {
font-size: 14px;
line-height: 24px;
max-height: 100px;
overflow: auto;
}
}

@media screen and (max-width:785px) {
.area-ywcat .box {
display: block;
}

.area-ywcat .box .item .ms {
padding: 20px 10px;
}

.area-ywcat .box:nth-child(2n) .item:nth-child(1) {
margin: 0;
}

.area-ywcat .box .item {
width: 100%;
flex-wrap: wrap;
}

.headfixed .logo {
width: auto;
}
}

.section2 .section2-btright a:hover img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
-ms-transform: scale(1.3);
}

@media screen and (max-width:1459px) {
.banner .swiper-font .swiper-h3 h3 {
/* letter-spacing: 20px; */
}

.banner .swiper-font .swiper-h3 .line2 {
margin-left: 0px;
}

.banner .swiper-font .swiper-h3 .line {
width: 4.5%;
height: 2px;
background-color: #fff;
}
}

@media screen and (max-width:767px) {
.banner .swiper-font .swiper-h3 h3 {
letter-spacing: 3px;
font-size: 16px;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 19px !important;
letter-spacing: 3px;
}

.section1 .section1-img img, .section1 .section1-icon img {
height: auto !important;
width: auto !important;
max-width: 100%;
}
}


.swiper-font-sy {
position: relative;
width: 40%;
}

.swiper-font-sy .swiper-bimg {
width: 100%;
}

.swiper-font-sy .swiper-bimg img {
width: 100% !important;
}

.swiper-font-sy .swiper-h2 {
width: 100%;
text-align: center;
margin-bottom: 3%;
}

.swiper-font-sy .swiper-h3 {
text-align: center;
width: 100%;
align-items: inherit;
position: relative;
display: block;
}

.swiper-font-sy .swiper-h3 .line {
display: inline-block;
position: absolute;
width: 15%;
background-color: white;
height: 3px;
top: 37%;
display: none;
}

.swiper-font-sy .swiper-h3 .line1 {
left: 0%;
}

.swiper-font-sy .swiper-h3 .line2 {
right: 0%;
margin: 0 !important;
}

.swiper-font-sy .swiper-h3 h3 {
/* width: 100%; */
/* padding: 0!important; */
text-align: center;
/* border-bottom: 2px solid white; */
display: inline-block;
}

@media screen and (max-width:970px) {
.swiper-font-sy {
position: relative;
width: 100%;
}

.mainer .banner .swiper-bimg img {
margin: auto;
}
}






.about4 {
background: url(../images/ab-bgm2.jpg) no-repeat center;
background-size: cover;
height: 710px;
position: relative;
}

.about4::before {
content: "";
position: absolute;
left: 0px;
bottom: 0;
width: 100%;
height: 100%;
background: url(../images/m1.png) no-repeat 0px 84%; /* background-size: cover; */
}

.about4 .about4_year {
/* font-family: 'ml'; */
font-size: 0.46rem;
line-height: 1.3;
color: #1469c7;
position: relative;
font-weight: bold;
}

.about4 .about4_dec {
color: #666666;
line-height: 1.67;
margin-top: 12px;
font-size: 16px;
}

.about4 .swiper-container {
width: 75%;
margin: 0 auto;
padding: 0 6px;
}

.about4 .swiper-pagination {
display: none;
}

.about4 .swiper-button-prev {
left: 7%;
}

.about4 .swiper-button-next {
right: 7%;
}

.about4 .swiper-button-next,
.about4 .swiper-button-prev {
top: 55%;
}

.about4 .swiper-container {
height: 410px;
margin-top: 10px;
}

.about4 .swiper-slide {
height: 100% !important;
}

.about4 .swiper-wrapper {
height: 100% !important;
}

.about4 .about4_li {
width: 100%;
padding-bottom: 90px;
padding-left: 30px;
position: absolute;
left: 0;
bottom: 0; /* height: 100%; */
}

.about4 .about4_li::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 2px;
height: 100%;
background-color: #1469c7;
}

.about4 .about4_li::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
background-color: #1469c7;
border-radius: 50%;
left: -5px;
top: 0px;
}

.about4 .swiper-slide-active .about4_li {
bottom: 0.10rem;
}

.about4 .swiper-slide-active + .swiper-slide + .swiper-slide .about4_li {
bottom: 0.30rem;
}

.about4 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .about4_li {
bottom: 0.75rem;
}

.about4 .in_tit1 {
}

.about4 .in_tit1 .tit {
font-weight: bold;
font-size: 0.36rem;
padding-top: 5px;
text-align: center;
color: #1469c7;
}

.about4 .about4_li:hover p {
color: #1469c7;
}

@media screen and (max-width:1659px) {

.about4::before {
background-position-y: 82%;
}
}

@media screen and (max-width:1459px) {

.about4::before {
background-position-y: 76%;
}

.about4 .about4_li {
padding-bottom: 70px;
padding-left: 20px;
}

.about4 .about4_dec {
font-size: 14px
}

.about4 .swiper-slide-active .about4_li {
bottom: 0.4rem;
}
}

@media screen and (max-width:1259px) {
.about4::before {
background-position-y: 70%;
}

.about4 .swiper-slide-active .about4_li {
}
}

@media screen and (max-width:767px) {

.about4 {
height: auto;
}

.about4 .in_tit1 .tit {
font-size: 24px;
}

.about4::before {
background: none;
}

.about4 .swiper-button-next, .about4 .swiper-button-prev {
width: 36px;
height: 36px;
}

.about4 .about4_year {
font-size: 26px;
text-align: center;
margin-bottom: 15px;
}

.about4 .swiper-slide, .about4 .swiper-wrapper {
height: auto !important;
}

.about4 .about4_li {
position: static;
padding: 0;
margin: 23% 0;
text-align: center;
}

.about4 .about4_li::before, .about4 .about4_li::after {
display: none;
}

.about4 .swiper-pagination {
display: block;
}

.about4 .swiper-pagination .swiper-pagination-bullet {
width: 6px;
height: 6px;
}

.about4 .swiper-container {
height: auto;
width: 90%;
}
}



.syhky {
position: absolute;
/* top: 0; */
width: 100%;
left: 0;
bottom: 1%;
}
