@charset "utf-8";.banner {
position: relative
}

.banner img {
display: block;
width: 100%
}

.banner a img {
display: block;
width: 100%
}

.banner a {
display: block
}

.banner .slick {
position: relative;
z-index: 9
}

.banner .slick-slide a {
display: block;
position: relative
}

.banner .slick-slide a p {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 10px;
color: #fff;
z-index: 9;
font-size: 24px
}

.banner .slick-prev,.banner .slick-next {
width: 59px;
height: 59px;
z-index: 9
}

.banner .slick-dots {
font-size: 0;
text-align: center;
bottom: 29px;
width: auto;
right: 50%;
transform: translateX(50%)
}

.banner .slick-dots li {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
font-size: 0;
background: #fff;
border-radius: 50%;
opacity: 0.4
}

.banner .slick-dots li button {
display: none
}

.banner .slick-dots li.slick-active {
background: #fff;
opacity: 1
}

.banner-more a {
color: #fff;
font-size: 14px
}

.itit {
text-align: center;
font-size:36px;
margin: 60px 0 60px 0;
overflow: hidden;
}

.itit div {
display: inline-block;
position: relative
}

.itit div img {
display: block;
max-width: 90%;
margin: 0 auto
}
.itit div a {
color:#000;
}
.section4 .itit div a {
color:#000 !important;
}

.itit div::before {
content: "";
position: absolute;
right: 100%;
bottom: 0;
top: 0;
width: 1000px;
background: url(../images/itit-l.png) no-repeat;
background-position: right bottom;
margin-right: 10px;
}

.itit div::after {
content: "";
position: absolute;
left: 100%;
bottom: 0;
top: 0;
width: 1000px;
background: url(../images/itit-r.png) no-repeat;
background-position: left bottom;
margin-left: 10px;
}

.section1 {
margin-top: 30px
}

.section1 a {
display: block
}

.section1 a img {
display: block;
width: 100%
}

.s2-l {
float: left;
width: 715px;
margin-right: 40px
}

.s2-l a {
display: block;
position: relative
}

.s2-l a .pic {
padding-top: 60.5%
}

.s2-l a p {
position: absolute;
left: 0px;
right: 0;
bottom: 0px;
color: #fff;
padding: 0px 160px 0 15px;
font-size: 18px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: rgba(0, 0, 0, .6);
line-height: 50px
}

.s2-l .slick-dots {
font-size: 0;
right: 15px;
bottom: 18px;
text-align: right;
position: absolute
}

.s2-l .slick-dots li {
width: 10px;
height: 10px;
color: transparent;
margin-left: 10px;
margin-right: 10px;
border-radius: 50%;
border: 1px solid #fff
}

.s2-l .slick-dots li button {
display: block;
font-size: 0px;
padding: 0;
margin: 0;
border: none
}

.s2-l .slick-dots li.slick-active {
background-color: #fff
}

.s2-l .slick-dots li.slick-active button {
color: #fff
}

.s2-l a:hover p {
text-decoration: underline
}

.s2-r {
overflow: hidden
}

.s2-r ul li:first-child a {
padding-top: 0
}

.s2-r ul li a {
display: block;
padding: 17px 0 17px 10px;
border-bottom: 1px dashed #b5c3cf;
transition: all 0.3s
}

.s2-r ul li a h3 {
font-size: 18px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
color: #000000
}

.s2-r ul li a p {
font-size: 14px;
line-height: 23px;
height: 69px;
overflow: hidden;
color: #3890b7;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 16px
}

.s2-r ul li a:hover {
background: rgba(255, 255, 255, .3);
border-color: rgba(255, 255, 255, .3);
padding-left: 15px;
padding-right: 15px
}

.s2-r ul li a:hover h3 {
color: #154dbe
}

.section3 {
padding-top: 80px
}

.s3-c {
overflow: hidden
}

.s3-c>div {
width: 45.5%
}

.s3-c>div:nth-child(1) {
float: left
}

.s3-c>div:nth-child(2) {
float: right
}

.s3-c>div a {
display: block
}

.s3-c>div a .pic {
padding-top: 60%
}

.s3-c>div a .pic img {
z-index: 8
}

.s3-c>div a .pic::after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;/* background: url(../images/icon-play.png) no-repeat; */background-position: center center;z-index: 9}

.s3-c>div a p {
text-align: center;
font-size: 24px;
line-height: 39px;
color: #000000;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: 23px
}

.s3-c>div a:hover .pic img {
transform: scale(1.05)
}

.s3-c>div a:hover p {
color: #154dbe
}

.section4 {
margin-top: 120px;
padding-top: 10px;
padding-bottom: 75px;
background: url(../images/s4-bj.jpg) no-repeat;
background-size: cover;
background-position: center center
}

.section4 .itit div::before {
background: url(../images/itit-l2.png) no-repeat;
background-position: right bottom
}

.section4 .itit div::after {
background: url(../images/itit-r2.png) no-repeat;
background-position: left bottom
}

.s4-c ul li {
float: left;
width: 31%;
margin-top: 30px
}

.s4-c ul li:nth-child(-n+3) {
margin-top: 0
}

.s4-c ul li:nth-child(3n+2) {
margin-left: 3.5%;
margin-right: 3.5%
}

.s4-c ul li a {
display: block;
background: #ddedfc;
box-shadow: 0px 5px 3px 0px rgba(11, 23, 38, 0.41)
}

.s4-c ul li a h3 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
font-size: 20px;
line-height: 59px;
padding: 0 35px;
color: #ddedfc;
background: url(../images/s4-tit-bj.jpg) no-repeat;
background-size: cover;
background-position: center center
}

.s4-c ul li a div {
padding: 20px
}

.s4-c ul li a div p {
font-size: 16px;
line-height: 28px;
height: 112px;
overflow: hidden;
color: #000000;
text-indent: 2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}

.s4-c ul li a:hover {
box-shadow: 0px 10px 20px 0px rgba(11, 23, 38, 0.41)
}

.s4-c ul li a:hover div {
background: #fff
}

.section5 {
padding-top: 1px;
padding-bottom: 80px;
background: url(../images/s5-bj.png) no-repeat;
background-position: center center
}

.i-list li {
position: relative;
font-size: 18px;
line-height: 70px;
padding: 0px 0 0 52px;
background: #fff url(../images/dtd-left.png) no-repeat;
background-position: 23px center;
float: left;
width: 49%;
margin-top: 30px;
box-shadow: 0 0 7px rgba(25, 106, 176, .41)
}

.i-list li:nth-child(-n+2) {
margin-top: 0
}

.i-list li:nth-child(2n) {
margin-left: 2%
}

.i-list li a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #000000
}

.i-list li a:hover {
color: #154dbe;
font-weight: 600
}

.i-list li span {
position: absolute;
right: 0;
top: 0;
color: #808080;
font-size: 14px
}

.section6 {
background: url(../images/s6-bj.jpg) no-repeat;
background-position: center center;
background-size: cover;
padding-top: 1px;
padding-bottom: 85px
}

.s6-c ul li {
float: left;
width: 23.5%;
margin-left: 2%;
margin-top: 20px;
transition: all 0.3s
}

.s6-c ul li:nth-child(-n+4) {
margin-top: 0
}

.s6-c ul li:nth-child(4n+1) {
margin-left: 0
}

.s6-c ul li a {
display: block;
position: relative
}

.s6-c ul li a .pic {
padding-top: 60.5%
}

.s6-c ul li a p {
position: absolute;
left: 0px;
right: 0;
bottom: 0px;
color: #fff;
padding: 0px 15px 0 15px;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: rgba(12, 13, 23, .7);
line-height: 40px;
text-align: center
}

.s6-c ul li:hover {
box-shadow: 5px 10px 10px rgba(25, 106, 176, .6)
}

.s6-c ul li:hover a p {
text-decoration: underline
}
.ny-nav ul {
font-size: 0;
text-align: center;
margin: 50px 0 70px;
display: block;
}

.ny-nav ul li {
display: inline-block;
margin: 5px 10px;
width: 17%;
}

.ny-nav ul li a {
display: block;

height: 57px;
line-height: 57px;
padding: 0 10px;
background-color: #e2f4ff;
border-radius: 8px;
text-align: center;
font-size: 20px;
color: #fff;
background: #89b1e4;
background: linear-gradient(to right, #89b1e4, #8acceb)
}

.ny-nav ul li.on a {
background: #1d5dc4;
background: linear-gradient(to right, #1d5dc4, #1f9ad3)
}

@media screen and (max-width: 1420px) {
.banner .slick-prev {
left: 20px
}

.banner .slick-next {
right: 20px
}
}

@media screen and (max-width: 1200px) {
.s2-l {
width: 620px;
margin-right: 25px
}

.s2-r ul li a p {
margin-top: 10px
}

.s2-r ul li a {
padding: 10px
}

.s3-c>div {
width: 48%
}

.s3-c>div a .pic::after {
background-size: 50px
}

.s3-c>div a p {
font-size: 20px;
margin-top: 10px
}
}

@media screen and (max-width: 1024px) {
.i-list li {
font-size: 16px;
padding-left: 40px;
background-position: 10px center;
line-height: 55px;
margin-top: 20px
}

.section1 {
margin-top: 0
}

.section1 {
padding-left: 0;
padding-right: 0
}

.itit div img {
max-height: 45px
}

.itit {
margin: 35px 0
}

.s2-l {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 25px
}

.section3 {
padding-top: 0
}

.s3-c>div a p {
font-size: 16px;
margin-top: 0
}

.section4 {
margin-top: 35px;
padding-bottom: 35px
}

.s4-c ul li {
width: 49%;
margin-top: 20px
}

.s4-c ul li:nth-child(3n+2) {
margin-left: 0;
margin-right: 0
}

.s4-c ul li:nth-child(2n) {
margin-left: 2%
}

.s4-c ul li:nth-child(-n+3) {
margin-top: 20px
}

.s4-c ul li:nth-child(-n+2) {
margin-top: 0
}

.s4-c ul li a h3 {
font-size: 18px;
padding: 0 15px
}

.section5 {
padding-bottom: 35px
}

.section6 {
padding-bottom: 35px
}

.s6-c ul li {
width: 49%
}

.s6-c ul li:nth-child(-n+4) {
margin-top: 20px
}

.s6-c ul li:nth-child(-n+2) {
margin-top: 0
}

.s6-c ul li:nth-child(4n+1) {
margin-left: 2%
}

.s6-c ul li:nth-child(2n+1) {
margin-left: 0
}

.section4 {
padding-top: 1px
}
}

@media screen and (max-width: 768px) {

.ny-nav ul li {

width: 29%;
}



.banner .slick-slide a p {
font-size: 16px;
bottom: 5px;
display: none
}

.banner .slick-dots {
bottom: 10px
}

.banner-more {
bottom: 10px;
line-height: 14px
}

.banner .slick-prev {
left: 10px
}

.banner .slick-next {
right: 10px
}

.itit div::before {
content: none
}

.itit div::after {
content: none
}
}

@media screen and (max-width: 480px) {


.ny-nav ul li {

width: 44%;
}


.s3-c>div {
float: none !important;
width: auto;
margin-top: 10px
}

.s3-c>div:first-child {
margin-top: 0
}

.s4-c ul li {
float: none;
width: auto;
margin-left: 0 !important;
margin-right: 0 !important
}

.s4-c ul li:nth-child(-n+2) {
margin-top: 20px
}

.s4-c ul li:nth-child(1) {
margin-top: 0
}

.s4-c ul li a div {
padding: 15px
}

.s4-c ul li a div p {
height: 84px;
-webkit-line-clamp: 3;
}

.i-list li {
float: none;
width: auto;
margin-left: 0 !important;
margin-top: 15px
}

.i-list li:nth-child(2) {
margin-top: 15px
}

.s6-c ul li a p {
line-height: 34px;
font-size: 14px
}
}