@charset "utf-8";



html, body, .banner, .banner .slick, .banner .slick div, .banner .slick-slide a, .banner .slick-slide a img, .banner .slick .slick-slide a video {
width: 100%;
height: 100%;


}
.banner{background:#000;}

.banner .slick-slide a {
overflow: hidden;
}


.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}



.banner .slick .slick-slide a video {
display: block;
position: absolute;
min-width: 100%;
min-height: 100%;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
height: auto;
}


.banner .slick-slide a::after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(../images/banner-zzc.png) repeat-x;
background-position: center bottom;
z-index: 9;
}


#downPage {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 100px;
z-index: 9;
cursor: pointer;
}


#downPage::before {
content: "";
position: absolute;
left: 10%;
top: 10%;
right: 10%;
bottom: 10%;
border: 1px solid rgba(255, 255, 255, .4);
border-radius: 50%;
animation: circle infinite 3s linear 1.5s;
opacity: 0;
}


#downPage::after {
content: "";
position: absolute;
left: 10%;
top: 10%;
right: 10%;
bottom: 10%;
border: 1px solid rgba(255, 255, 255, .4);
border-radius: 50%;
animation: circle infinite 3s linear;
opacity: 0;
}


#downPage img {
display: block;
animation: bb 2s linear 0s infinit;
min-width: 20px;
}


@keyframes bb {
0% {
transform: translate(-50%, 0);
opacity: 0;
}


20% {
transform: translate(-50%, 3px);
opacity: 1;
}


80% {
transform: translate(-50%, 10px);
opacity: 1;
}


90% {
transform: translate(-50%, 10px);
opacity: 0;
}


100% {
transform: translate(-50%, 10px);
opacity: 0;
}
}



.index {
font-size: 0;

overflow: hidden;
z-index: 99;
background: #fff;
padding-top: 100px;
}



.title {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}


.title div {
font-size: 0;
}


.title div img {
display: inline-block;
vertical-align: middle;
}


.title div span {
display: inline-block;
vertical-align: middle;
font-size: 30px;
font-weight: normal;
line-height: 34px;
color: #333333;


}


.title div .en_tit {
height: 15px;
line-height: 15px;
color: #999;
font-size: 12px;
}


.title a {
line-height: 32px;
border: 1px solid rgba(204, 204, 204, .5);
position: absolute;
right: 0;
top: 0;
font-size: 14px;
font-weight: normal;
color: #94070a;
width: 84px;
padding-left: 13px;
border-radius: 17px;
transition: all 0.3s;
}


.title a::after {
content: "";
position: absolute;
right: -1px;
top: -1px;
bottom: -1px;
width: 32px;
border-radius: 50%;
border: 1px solid rgba(204, 204, 204, .5);
background: url(../images/tit-more.png) no-repeat;
background-position: center center;
transition: all 0.3s;
}




.title a:hover::after {
border-color: #94070a;
background: #94070a url(../images/tit-more-w.png) no-repeat;
background-position: center center;
}


.section1 {}


.s1-l {
float: left;
width: calc((100% - 710px) / 2);
}


.s1-m {
float: left;
width: 630px;
margin: 0 40px;
background-color: #ffffff;
padding-bottom: 40px;
box-shadow: 0px 2px 30px 0px rgba(148, 7, 10, 0.35);
}


.s1-r {
float: right;
width: calc((100% - 710px) / 2);
}


.s1-l ul li a {
display: block;
border-bottom: 1px solid #eff0f1;
padding-bottom: 12px;
padding-top: 12px;
}


.s1-l ul li:nth-child(1) a {
padding-top: 0;
}


.s1-l ul li a h3 {
font-size: 16px;
font-weight: normal;
line-height: 28px;
height: 56px;
overflow: hidden;
color: #333333;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}


.s1-l ul li a span {
font-size: 16px;
font-weight: normal;
line-height: 24px;
color: #999999;
display: block;
margin-top: 5px;
}




.s1-rpic a {
display: block;
}


.s1-rpic a .pic {
padding-top: 63%;
}


.s1-r ul li a {
display: block;
padding: 4px 0;
border-bottom: 1px solid rgba(204, 204, 204, .5);
}


.s1-r ul li a h3 {
height: 56px;
font-size: 16px;
font-weight: normal;
line-height: 56px;
color: #333333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}





.s1-m ul li a {
display: block;
}


.s1-m ul li a .pic {
padding-top: 63.6%;
}


.s1-minfo {
padding: 15px 8% 0 8%;
}


.s1-minfo div {
text-align: center;
font-size: 12px;
font-weight: normal;
line-height: 24px;
color: #94070a;
}


.s1-minfo h3 {
font-weight: normal;
font-size: 18px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333333;
text-align: center;
margin-top: 8px;
}


.s1-minfo p {
font-size: 14px;
font-weight: normal;
line-height: 24px;
height: 72px;
overflow: hidden;
color: #999999;
margin-top: 15px;
}


.s1-m ul li a:hover .s1-minfo h3 {
color: #94070a;
}


.s1-m .slick-dots {
position: relative;
font-size: 0;
text-align: center;
margin-top: 40px;
z-index: 8;
}


.s1-m .slick-dots li {
width: 10px;
height: 10px;
background-color: #cccccc;
border-radius: 50%;
margin: 0 6px;
}


.s1-m .slick-dots li button {
display: none;
}


.s1-m .slick-dots li.slick-active {
background-color: #94070a;
}


.s1-m .slick-prev, .s1-m .slick-next {
top: auto;
bottom: 0;
width: 52px;
height: 10px;
z-index: 9;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}


.s1-m .slick-prev {
background: url(../images/arrow-prev.png) no-repeat;
background-position: center center;
background-size: 100%;
left: 8%;
}


.s1-m .slick-next {
background: url(../images/arrow-next.png) no-repeat;
background-position: center center;
background-size: 100% 100%;
right: 8%;
left: auto;
}


.section2 {
position: relative;
margin-top: 110px;
}


.section2::before {
content: "";
position: absolute;
top: 0;
width: 260px;
bottom: 0;
right: 50%;
margin-right: 700px;
background: #f5f3f2 url(../images/s2-lbj.png) no-repeat;
background-position: right center;
border-radius: 0px 0px 60px 0px;
z-index: 1;
}


.section2::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
margin-left: -460px;
background: #f5f3f2;
border-radius: 60px 0px 0px 0px;
z-index: 1;
}


.s2-c {
position: relative;
z-index: 9;
}


.s2-tit {
width: 240px;
float: left;
padding-top: 100px;
}


.s2-tit .title {
text-align: center;
}


.s2-tit .title a {
display: block;
margin: 0 auto;
position: relative;
text-align: left;
margin-top: 15px;
}


.s2-main {
overflow: hidden;
}


.s2-main ul {
overflow: hidden;
}


.s2-main ul li {
float: left;
width: 33.33%;
}


.s2-main ul li a {
padding: 55px 8%;
position: relative;
}


.s2-main ul li a::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
height: 4px;
background-color: #94070a;
width: 0;
bottom: 0;
transition: all 0.5s;
}


.list2-item a {
display: block;
}


.list2-item a div {
font-size: 0;
}


.list2-item a div b {
font-size: 30px;
font-weight: normal;
font-stretch: 600;
line-height: 30px;
color: #94070a;
margin-right: 5px;
display: inline-block;
}


.list2-item a div span {
font-size: 14px;
font-weight: normal;
line-height: 20px;
color: #94070a;
display: inline-block;
}


.list2-item a h3 {
font-size: 16px;
font-weight: normal;
line-height: 28px;
height: 56px;
overflow: hidden;
color: #333333;
margin: 10px 0;
}


.list2-item a p {
font-size: 14px;
font-weight: normal;
line-height: 24px;
height: 48px;
overflow: hidden;
color: #999999;
}


.s2-main ul li a:hover::after {
width: 100%;
}





.icon-group {
position: relative;
z-index: 9;
}


.icons-box {
position: relative;
z-index: 9;
}


.icons-box li {
position: relative;
overflow: hidden;
margin: 0 9px;
cursor: pointer;
float: left;
}


.icons-box li a {
display: block;
height: 65px;
line-height: 65px;
overflow: hidden;
width: 65px;
background: rgba(255, 211, 211, .5);
border-radius: 50%;
transition: all 0.5s;
}


.icon-img-box {
height: 200%;
transition: all 0.5s;
font-size: 0;
text-align: center;
}


.icon-img-box img {
display: inline-block;
vertical-align: middle;
}


.icons-box li:hover {
overflow: visible;
}


.icons-box li:hover a {
background: #94070a;
}


.icons-box li:hover a .icon-img-box {
transform: translateY(-50%);
}


.icons-box li:hover .icon-alt-box {
margin-top: 20px;
opacity: 1;
z-index: 9;
}



.icon-alt-box {
position: absolute;
right: 0;
top: 100%;
padding: 10px;
background: #fff;
margin-top: 100px;
opacity: 0;
z-index: -9;
transition: all 0.5s;
box-shadow: 0px 4px 20px 0px rgba(148, 7, 10, 0.3);
border-radius: 5px;
}


.icon-alt-box p {
text-align: center;
font-size: 14px;
font-weight: normal;
line-height: 18px;
color: #999999;
}


.icon-alt-box::before {
content: "";
position: absolute;
bottom: 100%;
right: 23px;
border-width: 0 9px 8px 9px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}


.icon-alt-box img {
display: block;
margin: 0 auto;
width: 90px;
}


.icons-box-rev .icon-alt-box {
bottom: 100%;
margin-bottom: 100px;
margin-top: auto;
top: auto;
}


.icons-box-rev .icon-alt-box::before {
border-width: 8px 9px 0 9px;
bottom: auto;
top: 100%;
border-color: #fff transparent transparent transparent;
}


.icons-box-rev li:hover .icon-alt-box {
margin-bottom: 20px;
}



.section3 {
margin-top: 90px;
padding-bottom: 100px;
background: url(../images/s3-bj.jpg) no-repeat;
background-position: center bottom;
}


.s3-l {
float: left;
width: calc(100% - 360px);
}


.s3-r {
float: right;
width: 330px;
}


.s3-ltit .title {
float: left;
padding-right: 130px;
margin-top: 15px;
}



.s3-lmedia {
float: right;
position: relative;
z-index: 99;
}


.s3-ll {
float: left;
width: 695px;
}


.s3-lr {
overflow: hidden;
background-color: #ffffff;
box-shadow: 0px 5px 50px 0px rgba(148, 7, 10, 0.25);
}


.s3-ll ul {
position: relative;
background: #fff;
}


.s3-ll ul li {
position: absolute;
left: 0;
width: 100%;
top: 0;
opacity: 0;
z-index: -9;
transition: all 0.5s;
}


.s3-ll ul li.on {
opacity: 1;
z-index: 9;
position: relative;
}


.s3-ll ul li a {
display: block;
position: relative;
}


.s3-ll ul li a .pic {
padding-top: 68.3%;
}


.s3-ll ul li a .list2-item-info {
position: absolute;
left: 0;
bottom: 0;
background: #fff;
padding: 20px 25px;
width: 80%;
max-width: 350px;
}


.s3-lr ul li a {
display: block;
border-top: 1px solid rgba(204, 204, 204, .5);
overflow: hidden;
padding: 23px 20px;
}


.s3-lr ul li:nth-child(1) a {
border: none;
}


.s3-lr ul li a .pics {
float: left;
width: 90px;
margin-right: 10px;
background: #fff;
border: 1px solid #ededed;
}


.s3-lr ul li a .pics .pic {
padding-top: 40px;
}


.s3-lr ul li a:hover .s3-lrinfo h3 {
color: #94070a;
}


.s3-lrinfo {
overflow: hidden;
}


.s3-lrinfo h3 {
font-size: 16px;
font-weight: normal;
line-height: 24px;
height: 48px;
overflow: hidden;
color: #333333;
}


.s3-rtit {
position: relative;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 25px;
}


.s3-rtit h3 {
font-size: 30px;
font-weight: 600;
line-height: 45px;
color: #94070a;
}


.s3-rtit h4 {
position: absolute;
left: 0;
right: 0;
top: 0;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #cccccc;
opacity: 0.5;
}


.s3-rm {
position: relative;
}


.s3-rm>ul .slick-list {
border: solid 1px #cccccc;
}


.s3-rm ul li a {
display: block;
}


.s3-rm ul li a .pic {
padding-top: 137%;
}


.s3-rm .slick-dots {
font-size: 0;
text-align: center;
margin-top: 10px;
position: relative;
z-index: 8;
}


.s3-rm .slick-dots li {
width: 14px;
height: 14px;
background-color: #aaaaaa;
opacity: 0.6;
border-radius: 50%;
margin: 0 5px;
}


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


.s3-rm>a {
position: absolute;
bottom: 0;
left: 50%;
z-index: 8;
margin-left: 50px;
font-size: 16px;
font-weight: normal;
line-height: 16px;
color: #cccccc;
}


.s3-rm>a:hover {
color: #fff;
}


.section4 {
padding-top: 140px;
background: url(../images/s4-bj.jpg) no-repeat;
background-position: center top;
padding-bottom: 30px;
}


.s4-c {
position: relative;
}


.s4-tit {
position: absolute;
right: 0;
top: 35px;
}


.s4-tit a {
display: block;
font-size: 0;
}


.s4-tit a:hover span::before {
animation: circle_scale 1.5s linear infinite;
}


.s4-tit a:hover span {
width: 100px;
}


@keyframes circle_scale {
0%, 100% {
transform: translateY(-50%) scale(1);
}


50% {
transform: translateY(-50%) scale(1.2);
}
}


.s4-tit div {
display: inline-block;
vertical-align: middle;
padding-left: 70px;


background-position: left center;
font-size: 36px;
font-weight: normal;
font-stretch: normal;
line-height: 94px;
letter-spacing: 1px;
color: #94070a;
}


.s4-tit span {
display: inline-block;
vertical-align: middle;
border-bottom: 1px dashed #94070a;
margin-right: 10px;
position: relative;
width: 65px;
margin-left: 5px;
transition: all 0.5s;
}


.s4-tit span::before {
content: "";
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
width: 25px;
height: 25px;
background-color: #94070a;
opacity: 0.3;
z-index: 8;
}


.s4-tit span::after {
content: "";
position: absolute;
right: -1px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
width: 7px;
height: 7px;
background-color: #94070a;
z-index: 9;
}


.s4-c ul {
float: left;
width: 49.5%;
}


.s4-c ul li {
float: left;
}


.s4-c ul li a:hover {
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}


.s4-c ul li a {
display: block;
background-repeat: no-repeat;
position: relative;
transition: all 0.5s;
}


.s4-item {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}


.s4-item div {
font-size: 0;
}


.s4-item p {
font-size: 30px;
font-weight: normal;
line-height: 30px;
margin-top: 15px;
color: #ffffff;
}


.s4-ul1 {
margin-right: 1%;
}


.s4-ul2 {
margin-top: 172px;
}


.s4-ul1 li:nth-child(1) {
width: 52%;
}


.s4-ul1 li:nth-child(2) {
width: 46%;
float: right;
}


.s4-ul1 li:nth-child(3) {
float: right;
width: 53%;
margin-top: 2%;
}


.s4-ul1 li:nth-child(1) a {
background-size: cover;
background-position: center center;
height: 255px;
margin-top: 50px;
}


.s4-ul1 li:nth-child(2) a {
height: 305px;
}


.s4-ul1 li:nth-child(3) a {
height: 263px;
background-position: right bottom;
}




.s4-ul2 li:nth-child(1) {
width: 48%;
}


.s4-ul2 li:nth-child(2) {
width: 50%;
float: right;
}


.s4-ul2 li:nth-child(1) a {
background-size: cover;
background-position: center center;
height: 470px;
}


.s4-ul2 li:nth-child(2) a {
background-size: cover;
background-position: center center;
height: 290px;
}


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


.section5 .title {
text-align: center;
}


.s5-text {
text-align: center;
font-size: 16px;
font-weight: normal;
line-height: 26px;
color: #999999;
}


.s5-icons {
margin-top: 45px;
}


.s5-icons ul li a {
display: block;
padding: 5px 0;
}


.s5-icons ul li a .icon2 {
position: relative;
font-size: 0;
text-align: center;
line-height: 163px;
width: 165px;
border: 1px dashed rgba(153, 153, 153, .4);
border-radius: 50%;
position: relative;
margin: 0 auto;
}


.s5-icons ul li a .icon2 img {
vertical-align: middle;
display: inline-block;
max-width: 90%;
max-height: 90%;
}


.s5-icons ul li a .icon2 div {
width: 100%;
height: 100%;
font-size: 0;
}


.s5-icons ul li a .icon2::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
left: 0;
top: 50%;
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
background-color: #cccccc;
opacity: 0;
transition: all 0.3s;
}


.s5-icons ul li a .icon2::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
right: 0;
top: 50%;
transform: translateX(50%) translateY(-50%);
border-radius: 50%;
background-color: #94070a;
opacity: 0;
transition: all 0.3s;
}


.s5-icons ul li a:hover .icon2 {
animation: circle_rotate 5s linear infinite;
}


.s5-icons ul li a:hover .icon2::before {
opacity: 1;
}


.s5-icons ul li a:hover .icon2::after {
opacity: 1;
}


.s5-icons ul li a:hover .icon2 div {
animation: circle_rotate2 5s linear infinite;
}


.s5-icons-info {
text-align: center;
margin-top: 25px;
}


.s5-icons-info h3 {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
color: rgba(51, 51, 51, .7);
}


.s5-icons-info h3 i {
font-weight: 600;
font-size: 48px;
font-style: italic;
line-height: 24px;
letter-spacing: -2px;
color: #94070a;
display: inline-block;
margin-right: 5px;
}


.s5-icons-info p {
font-size: 18px;
font-weight: normal;
line-height: 24px;
color: #333333;
margin-top: 10px;
}


.s5-c .slick-dots {
position: relative;
font-size: 0;
margin-top: 35px;
}


.s5-c .slick-dots li {
width: 10px;
height: 10px;
background-color: #cccccc;
border-radius: 50%;
margin: 0 7px;
}


.s5-c .slick-dots li.slick-active {
background: #94070a;
}


@keyframes circle_rotate {
0% {
transform: rotateZ(0);
}


100% {
transform: rotateZ(360deg);
}



}


@keyframes circle_rotate2 {
0% {
transform: rotateZ(0);
}


100% {
transform: rotateZ(-360deg);
}
}


.section6 {
margin-top: 70px;
margin-bottom: 130px;
}


.section6 .title div {
text-align: center;
}


.s6-c {
position: relative;
margin-top: 70px;
}


.s6-l {
position: absolute;
left: 0;
width: 340px;
top: -30px;
bottom: 0;
background-color: #efebea;
z-index: 9;
padding-top: 30px;
}


.s6-l ul {
position: relative;
}


.s6-r {
position: relative;
z-index: 8;
margin-left: 340px;
}








.s6-l ul li {
padding: 0 25px;
position: relative;
z-index: 9;
}


.s6-l ul li a {
display: block;
border-bottom: 1px solid #cccccc;
font-size: 18px;
font-weight: 600;
line-height: 70px;
color: #333333;
position: relative;
padding-right: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
}


.s6-l ul li a::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 20px;
bottom: 0;
background: url(../images/more.png) no-repeat;
background-position: center center;
transition: all 0.3s;
}


.s6-l ul li.on a {
border-color: transparent;
color: #fff;
}


.s6-l ul li.on a::after {
background: url(../images/more-w.png) no-repeat;
background-position: center center;
}



.s6-lbj {
position: absolute;
left: -13px;
top: 0;
height: 71px;
right: -13px;
background: #94070a;
z-index: 1;
transition: all 0.3s;
}


.s6-lbj::before {
content: "";
position: absolute;
left: 0;
top: 100%;
border-width: 13px 0 0 13px;
border-style: solid;
border-color: #94070a transparent transparent transparent;
}


.s6-lbj::after {
content: "";
position: absolute;
right: 0;
top: 100%;
border-width: 13px 13px 0 0;
border-style: solid;
border-color: #94070a transparent transparent transparent;
}


.s6-r ul {
position: relative;
background: #333333;
z-index: 1;
}


.s6-r ul li {
position: absolute;
left: 0;
width: 100%;
top: 0;
opacity: 0;
z-index: -9;
transition: all 0.5s;
}


.s6-r ul li.on {
opacity: 1;
z-index: 9;
position: relative;
}


.s6-r ul li a {
display: block;
}


.s6-r ul li a video {
display: block;
width: 100%;
z-index: 1;
position: relative;
}


.s6-r ul li a img {
display: block;
width: 100%;
z-index: 1;
position: relative;
}



.fixed-r {
position: fixed;
right: 35px;
top: 50%;
transform: translateY(-50%) translateX(200%);
z-index: 9999;
transition: all 2s;
padding:10px;
background:#fff;
border-radius:42px;
box-shadow: 0px 0px 35px #f1dfdf;
}


.fixed-r.on {
transform: translateY(-50%) translateX(0);
}


.fixed-rtit {
position: relative;
cursor: pointer;
}


.fixed-rtit img {
display: block;
}


.fixed-rtit::before {
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
position: absolute;
animation: circle_scale 2s infinite linear;
}


.fixed-r ul {

text-align: center;
padding: 0px;
display: block;
}


.fixed-r ul li {}


.fixed-r ul li a {
display: block;
}


.fixed-r ul li a div {
position: relative;
height: 68px;
font-size: 0;
text-align: center;
line-height: 68px;
}



.fixed-r ul li a div img {
display: inline-block;
vertical-align: middle;
margin: 0 auto;
position: relative;
z-index: 9;
}


.fixed-r ul li a p {
font-size: 14px;
color: #333;
line-height: 30px;
margin-top: -20px;
}


@keyframes circle_scale {
0% {
transform: scale(1);
opacity: 0;
}


50% {
opacity: 0.6;
}


100% {
transform: scale(1.2);
opacity: 0;
}
}


.rdhsd_tit {
width: 65%;
margin: 0 auto;
line-height: 26px;
text-align: center;
font-size: 14px;
}




@media screen and (max-width:1400px) {
.title div span, .s4-item p {
font-size: 26px;
}


.s4-tit div {
font-size: 30px;
}


.s1-m {
width: 550px;
margin: 0 25px;
}


.s1-l, .s1-r {
width: calc((100% - 600px) / 2);
}


.s1-l ul li a {
padding-bottom: 10px;
}


.s1-r ul li a {
padding: 12px 0;
}


.section2::after {
margin-left: 0;
left: 240px;
}


.s3-ll {
width: 505px;
}


.s3-lr ul li a {
padding: 10px 15px;
}


.s3-l {
width: calc(100% - 270px);
}


.s3-r {
width: 240px;
}


.s3-rtit h3 {
font-size: 26px;
}


.s3-rtit h4 {
font-size: 18px;
}


.s5-icons-info h3 i {
font-size: 38px;
}
}


@media screen and (max-width:1200px) {
.title div span, .s3-rtit h3, .s4-item p {
font-size: 22px;
}


.s4-tit div {
font-size: 24px;
}


.s1-minfo h3 {
font-size: 18px;
}


.s1-l ul li a h3, .s1-r ul li a h3, .list2-item a h3, .s5-icons-info p, .s6-l ul li a {
font-size: 16px;
}


.s1-l ul li a span {
margin-top: 0;
}


.s1-m {
width: 450px;
}


.s1-l, .s1-r {
width: calc((100% - 500px) / 2);
}




.s1-r ul li a {
padding: 5px 0;
}


.icons-box li {
margin: 0 5px;
}


.icons-box li a {
width: 55px;
height: 55px;
line-height: 55px;
}


.s5-icons-info h3 i {
font-size: 32px;
}


.s5-icons ul li a .icon2 img {
max-width: 60%;
max-height: 60%;
}


.s6-l ul li a {
line-height: 55px;
}


.s6-lbj {
height: 56px;
}



}


@media screen and (max-width:1024px) {
.fixed-r {
display: none;
}


#downPage {
display: none;
}


html,
body,
.banner,
.banner .slick,
.banner .slick .slick div,
.banner .slick .slick-slide a,
.banner .slick .slick-slide a img,
.banner .slick .slick-slide a video {
height: auto;
}


.banner .slick .slick-slide a video {
display: block;
position: relative;
min-width: auto;
min-height: auto;
left: 0px;
top: 0;
transform: translateX(0%) translateY(0%);
width: 100%;
height: auto;
}


.index {
position: relative;
padding-top: 35px;
}


.title {
margin-bottom: 20px;
}


.title div img {
max-height: 25px;
}


.s1-l, .s1-r {
float: none;
width: auto;
}


.s1-m {
float: none;
width: auto;
margin: 25px 0;
padding-bottom: 30px;
}


.s1-minfo {
padding: 15px 15px 0 15px;
}


.s1-m .slick-dots {
margin-top: 25px;
}


.s2-tit {
padding-top: 0;
float: none;
width: auto;
}


.s2-tit .title {
text-align: left;
}


.s2-tit .title a {
margin-top: 0;
position: absolute;
}


.section2::after {
top: 54px;
left: 0;
}


.s2-main ul li a {
padding: 35px 20px;
}


.s2-main ul li {
float: none;
width: auto;
}


.s2-main ul li a {
padding: 15px 0;
border-top: 1px solid #94070a;
}


.s2-main ul li:nth-child(1) a {
border: none;
}


.section2::after {
border-radius: 0;
}


.s3-l {
float: none;
width: auto;
}


.s3-r {
float: none;
margin: 0 auto;
margin-top: 25px;
}


.s3-rtit {
margin-bottom: 0;
}


.s3-ll ul li a .list2-item-info {
padding: 15px;
}


.s4-ul1 li:nth-child(1) a {
height: 180px;
}


.s4-ul1 li:nth-child(2) a {
height: 230px;
}


.s4-ul1 li:nth-child(3) a {
height: 200px;
}


.s4-ul2 li:nth-child(1) a {
height: 340px;
}


.s4-ul2 li:nth-child(2) a {
height: 240px;
}


.icon2 img {
max-width: 50px;
max-height: 50px;
}


.s5-icons ul li a .icon2 {
width: 135px;
line-height: 133px;
}


.s6-l {
position: static;
width: auto;
padding-top: 0;
}


.s6-l::before, .s6-l::after {
content: none;
}


.s6-r {
margin-left: 0;
}


.section2, .section3 {
margin-top: 35px;
}


.section3 {
padding-bottom: 50px;
}


.section4 {
padding-top: 35px;
}


.section5 {
padding-top: 35px;
}


.s5-icons {
margin-top: 30px;
}


.s5-c .slick-dots {
margin-top: 25px;
}


.section6 {
margin-top: 35px;
margin-bottom: 35px;
}


.s6-c {
margin-top: 25px;
}


.s3-rm .slick-dots li {
width: 10px;
height: 10px;
}
}




@media screen and (max-width:768px) {
.rdhsd_tit {
width: 90%;
}


.s3-ltit .title {
float: none;
padding-right: 0;
}


.s3-lmedia {


margin-bottom: 20px;
}


.s3-ll {
float: none;
width: auto;
}


.s3-ll ul li a .list2-item-info {
position: static;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
max-width: none;
width: auto;
margin-bottom: 20px;
}


.s4-tit {
position: static;
margin-bottom: 20px;
}


.s4-tit div {
padding-left: 40px;
line-height: 60px;
background-size: auto 100%;
}


.s4-ul1 li:nth-child(1) a {
margin-top: 0;
}


.s4-ul1 li:nth-child(1), .s4-ul1 li:nth-child(2), .s4-ul2 li:nth-child(1), .s4-ul2 li:nth-child(2) {


width: 50%;
}


.s4-ul1 li:nth-child(3) {
width: 100%;
}


.s4-c ul {
float: none;
width: auto;
}


.s4-ul1 {
margin-right: 0;
}


.s4-item p {
margin-top: 10px;
}


.s4-ul1 li:nth-child(1) a, .s4-ul1 li:nth-child(2) a, .s4-ul1 li:nth-child(3) a, .s4-ul2 li:nth-child(1) a, .s4-ul2 li:nth-child(2) a {
height: 140px;
}


.s4-ul1 li:nth-child(3) {
margin-top: 0;
}


.s4-ul2 {
margin-top: 0;
}


.s4-item div img {
width: 35px;
}


.title div span, .s4-item p {
font-size: 18px;
}


}


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








.newad-box {
background: url(../images/nad-bj.png) no-repeat;
background-position: center top;
}


.newad-box1 {
background: url(../images/nad-bj1.png) no-repeat;
background-position: center top;
}


.newad-box2 {
background: url(../images/nad-bj2.png) no-repeat;
background-position: center top;
}








.title {
font-size: 0;
}



.title div {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 20px;
padding-left: 20px;
cursor: pointer;
}



.title div:nth-child(1) {
margin-left: 0;
padding-left: 0;
}



.title div:nth-child(1)::before {
content: none;
}



.title div::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: #d5d4d9;
border-radius: 50%;
}



.title div.on span {
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 28px;
letter-spacing: 0px;
color: #999999;
}



.title div.on img {
display: none;
}



.title div.on p {
display: none;
opacity: 0;
}



.title a.on {
display: none;
}



.nad1-c {
position: relative;
}



.nad1-c>div {
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0;
z-index: -9;
transition: all 0.5s;
}



.nad1-c>div.on {
position: relative;
z-index: 9;
opacity: 1;
}



.teach-slick {
overflow: hidden;
}



.teach-box .slick-track {
transition: width 0.3s;



}



.teach-box ul.slick-slider {
margin: 0 -20px;
}



.teach-box ul li {
transition: all 0.3s;
}



.teach-box ul li a {
display: block;
position: relative;
margin: 0 20px;
overflow: hidden;
transition: all 0.3s;
}



.nad1-pic {
position: relative;


}



.nad1-pic .pic {
padding-top: 140%;
}



.nad1-tit {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
padding: 15px 15px 10px 15px;
text-align: center;
}



.nad1-tit h3 {
font-size: 22px;
font-weight: normal;
line-height: 30px;
color: #ffffff;
}



.nad1-tit p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #ccc;
font-size: 16px;
line-height: 20px;
margin-top: 10px;
}



.nad1-info {
overflow: hidden;
opacity: 0;
transition: all 0.3s;
position: absolute;
left: 310px;
top: 0;
bottom: 0;
right: 0;



}



.nad1-info h3 {
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 45px;
}



.nad1-info>div {
background: rgba(204, 204, 204, .6);
margin: 25px 0;
}



.nad1-info>div div {
width: 60px;
height: 3px;
background: #fff;
}



.nad1-info p {
font-size: 18px;
font-weight: normal;
line-height: 34px;
color: #cccccc;
max-height: 170px;
overflow: hidden;
}



.nad1-info b {
display: block;
background: url(../images/zhy4-more.png) no-repeat;
background-position: right center;
height: 8px;
margin-top: 10px;
}



.teach-box ul li:hover .nad1-info {
opacity: 1;
padding: 60px 60px 0 60px;
}



.teach-box ul li:hover a {
background: #94070a;
}




.teach-box .slick-dots {
position: relative;
margin-top: 45px;
font-size: 0;
height: 3px;
background-color: #d5d4d9;
border-radius: 2px;
margin-left: 20px;
margin-right: 20px;
width: auto;
}



.teach-box .slick-dots li {
margin: 0;
padding: 0;
height: 100%;
}



.teach-box .slick-dots li button {
width: 0;
height: 100%;
transition: all 0.3s;
background-color: #94070a;
margin: 0;
padding: 0;
}



.teach-box .slick-dots li.slick-active button {
width: 100%;
}



.teach-btn {
position: absolute;
right: -75px;
bottom: 10px;
border-radius: 50%;
width: 85px;
height: 85px;
background-color: #94070a;
font-size: 0;
line-height: 85px;
text-align: center;
}



.teach-btn div {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
cursor: pointer;
}



.teach-btn div img {
display: block;
}





.zhy3 .title div {
text-align: center;
}



.zhy3-c {
background: #94070a;
}



.zhy3-l {
float: left;
width: 780px;
}



.zhy3-l ul li a {
display: block;
position: relative;
}



.zhy3-l ul li a .pic {
padding-top: 56%;
}



.zhy3-ldata {
position: absolute;
left: 30px;
top: 30px;
width: 88px;
height: 88px;
background: rgba(255, 255, 255, .6);
text-align: center;
color: #94070a;
padding-top: 15px;
}



.zhy3-ldata p {
font-size: 30px;
font-weight: 600;
line-height: 36px;
}



.zhy3-ldata span {
display: block;
font-size: 14px;
line-height: 22px;
}



.zhy3-l .slick-dots {
width: auto;
right: 30px;
bottom: 100px;
}



.zhy3-l .slick-dots li {
width: 10px;
height: 10px;
background-color: #cccccc;
border-radius: 50%;
margin: 0 5px;
}



.zhy3-l .slick-dots li.slick-active {
background-color: #94070a;
}



.zhy-linfo {
padding: 20px;
}



.zhy-linfo h3 {
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}



.zhy3-l ul li a:hover .titline {
color: #fff;
}



.zhy-linfo h3 i {
background-image: linear-gradient(#fff, #fff);
background-position: 0 100%;
}



.zhy-linfo p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: rgba(255, 255, 255, .8);
font-size: 14px;
line-height: 24px;
margin-top: 5px;
}



.zhy3-r {
overflow: hidden;
padding: 20px;
background: url(../images/zhy3-rbj.png) no-repeat;
background-position: center center;
}



.zhy3-r ul li {
background: rgba(255, 255, 255, .15);
margin-top: 9px;
transition: all 0.5s;
}



.zhy3-r ul li:nth-child(1) {
margin-top: 0;
}



.zhy3-r ul li a {
overflow: hidden;
display: block;
padding-right: 25px;
}



.zhy3-r ul li a .pics {
float: left;
width: 260px;
margin-right: 20px;
}



.zhy3-r ul li a .pics .pic {
padding-top: 60%;
}



.zhy3-rinfo {
overflow: hidden;
}



.zhy3-rinfo p {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 24px;
letter-spacing: 0px;
color: #ffffff;
opacity: 0.6;
padding-top: 25px;
}



.zhy3-rinfo h3 {
font-size: 18px;
font-weight: normal;
line-height: 28px;
height: 56px;
overflow: hidden;
color: #ffffff;
margin: 10px 0 5px 0;
}



.zhy3-rinfo span {
display: block;
height: 12px;
background: url(../images/text-list-arrow.png) no-repeat;
background-position: right center;
}



.zhy3-r ul li:hover {
background: #fff url(../images/icon-logo.png) no-repeat;
background-position: 95% 95%;
}



.zhy3-r ul li:hover .zhy3-rinfo p {
color: #333333;
}



.zhy3-r ul li:hover .zhy3-rinfo h3 {
color: #94070a;
font-weight: 600;
}



.zhy3-r ul li:hover .zhy3-rinfo span {
background: url(../images/text-list-arrow-r.png) no-repeat;
background-position: right center;
}





.mid4 {
background: #f5f5f5 url() no-repeat;
background-position: center 48px;
padding: 30px 0 0 0;
margin-top: 50px;
}


.mlqx2-c {
border-radius: 15px;
overflow: hidden;
}


.mlqx2-c>div {
float: left;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 13.5%;
height: 505px;
transition: all 0.5s;
overflow: hidden;
overflow: hidden;
}



.mlqx2-c>div:nth-child(1) {
border-top: 3px solid #94070a;
border-bottom: 3px solid #94070a;
}



.mlqx2-c>div:nth-child(2) {
border-top: 3px solid #9f9998;
border-bottom: 3px solid #9f9998;
}



.mlqx2-c>div:nth-child(3) {
border-top: 3px solid #486d99;
border-bottom: 3px solid #486d99;
}



.mlqx2-c>div:nth-child(4) {
border-top: 3px solid #e5b01f;
border-bottom: 3px solid #e5b01f;
}







.mlqx-tit {
float: left;
width: 100%;
position: relative;
height: 100%;
background: #1b60ad;
z-index: 9;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}



.mlqx2-c>div.on .mlqx-main {
opacity: 1;
top: 0;
}



.mlqx2-c>div h2 {
font-size: 22px;
font-weight: 600;
line-height: 24px;
letter-spacing: 2px;
color: #ffffff;
transition: all 0.5s;
margin-top: 170px;
width: 30px;
margin: 170px auto 0 auto;
padding-top: 40px;
background-repeat: no-repeat;
background-position: center top;
text-align: center;
}



.mlqx-tit a {
position: absolute;
bottom: 0;
background: url(../images/tit-more.png) no-repeat;
background-position: center center;
width: 100px;
height: 46px;
line-height: 30px;
font-size: 12px;
font-weight: normal;
color: #ffffff;
bottom: 32px;
text-align: center;
right: -32px;
display: none;
}



.mlqx2-c>div a img {
vertical-align: middle;
}



.mlqx2-c>div>h2 {
width: 30px;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%);
}



.mlqx2-c>div h2 img {
vertical-align: bottom;
margin-right: 5px;



}



.mlqx-main {
overflow: hidden;
height: 100%;
background: url(../images/newad2-main-bj.png) repeat-x;
background-position: center bottom;
transition: all 0.5s;
position: relative;
opacity: 0;
padding: 30px 50px;
}




.mlqx-main ul li {
padding-right: 0;
}



.mlqx-main ul li a:hover {}



.mlqx2-c>div.on {
width: 73%;
}



.mlqx2-c>div.on .mlqx-tit {
width: 18.8%;
}





.text-list ul li {
transition: all 0.5s;



}



.text-list ul li a {
display: block;
overflow: hidden;
padding: 20px 0;


border-top: 1px solid #e4e4e4;
}



.text-list ul li:nth-child(1) a {
border-color: transparent;
}



.text-list-data {
width: 80px;
float: left;
margin-right: 30px;
text-align: right;
}



.text-list-data h4 {
font-size: 30px;
font-weight: normal;
line-height: 32px;
color: #94070a;
}



.text-list-data div {
float: right;
width: 18px;
height: 2px;
background-color: #94070a;
margin-top: 5px;
margin-bottom: 5px;
}



.text-list-data p {
clear: both;
font-size: 16px;
color: #94070a;
}



.text-list-pics {
float: left;
width: 330px;
margin-right: 30px;
}



.text-list-pics .pic {
padding-top: 60%;
}



.text-list-info {
overflow: hidden;
}



.text-list-info h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
font-weight: normal;
line-height: 32px;
color: #333333;
}



.text-list-info p {
font-size: 16px;
font-weight: normal;
line-height: 28px;
overflow: hidden;
color: #333333;
opacity: 0.8;


white-space: nowrap;
text-overflow: ellipsis;
}





.text-list ul li a:hover .text-list-data h4 {
font-weight: 600;
}



.text-list ul li a:hover .text-list-info h3 {
font-weight: 600;
color: #94070a;
}



.text-list ul li a:hover .text-list-info p {
color: #94070a;
}



.newad2 {
margin-top: 80px;
}












@media screen and (max-width: 1600px) {
.teach-btn {
position: static;
margin: 0 auto;
margin-top: 20px;
}
}



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



.zhy3-l {
width: 600px;
}



.zhy3-r ul li a .pics {
width: 210px;
}



.zhy3-rinfo p {
padding-top: 10px;
}



.zhy3-rinfo h3 {
margin: 5px 0;
}



.teach-box ul li:hover .nad1-info {
padding: 35px 30px 0 30px;
}



.title div.on span {
font-size: 20px;
}



.mlqx-main {
padding: 20px 25px;
}
}



@media screen and (max-width: 1200px) {
.zhy3-rinfo h3 {
font-size: 16px;
}



.zhy3-r ul li a {
padding-right: 15px;
}



.title div.on span {
font-size: 18px;
}
}



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



.zhy3-l {
float: none;
width: auto;
margin-right: 0;
}



.zhy3-r {
padding: 15px;
}



.zhy4 .title div, .zhy3 .title div {
text-align: left;
}



.zhy3-ldata {
left: 10px;
top: 10px;
width: 70px;
height: 70px;
padding-top: 10px;
}



.zhy3-ldata p {
font-size: 22px;
line-height: 30px;
}



.zhy3-ldata span {
font-size: 12px;
}




.teach-box ul li a {
margin: 0 5px;
}



.teach-box ul.slick-slider {
margin: 0 -5px;
}



.nad1-tit h3 {
font-size: 18px;
line-height: 20px;
}



.nad1-tit p {
font-size: 14px;
}



.nad1-tit {
padding: 10px;
}



.mlqx2-c>div {
height: auto;
float: none;
width: auto;
}



.mlqx2-c>div.on .mlqx-tit {
width: auto;
float: none;
}



.mlqx-tit {
width: auto;
float: none;
padding-top: 15px;
padding-bottom: 15px;
}



.mlqx2-c>div h2 {
font-size: 18px;
margin-top: 0;
width: auto;
line-height: 30px;
padding-left: 0px;
text-align: center;
}



.mlqx2-c>div.on {
width: auto;
}





.mlqx-main {
padding: 0 15px;
display: none;
}




.mlqx2-c>div.on .mlqx-main {
display: block;
}


.newad-box {
padding-top: 35px;
}


.newad2 {
margin-top: 35px;
}
}



@media screen and (max-width: 768px) {
.title div.on span {
font-size: 16px;
}



.title div {
padding-left: 0;
margin-left: 10px;
}



.title div::before {
content: none;
}



.teach-btn {
width: 70px;
height: 70px;
line-height: 70px;
}



.text-list-data {
margin-right: 15px;
width: auto;
}



.text-list-data h4 {
font-size: 24px;
}



.text-list-data p {
font-size: 14px;
}



.text-list-data span {


display: block;
width: auto;
margin-top: 10px;
margin-bottom: 10px;
}




}



@media screen and (max-width: 480px) {
.zhy3-r ul li a .pics {
width: auto;
float: none;
margin-right: 0;
}



.zhy3-r ul li a {
padding-right: 0;
}



.zhy3-rinfo {
padding: 10px 10px 15px 10px;
}
}




.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.home{padding-top: 90px;overflow: hidden;width: 100%;background: url(../images/h1bg.png) no-repeat left 300px top 30px;background-size: 907px 654px;}
.h1-t{justify-content: space-between;}
.h1-l{width: 70%;}
.h1-r{width: 27%;}
.h1-s{justify-content: space-between;}
.h1-s .left{width: 45%;}
.h1-s .right{width: 52%;}
.h1-s .left .pic{padding-top: 407px;}
.h1-s .left .slick-dots{width: auto;bottom: 15px;right: 15px;}
.h1-s .left .slick-dots li{width: 9px;height: 9px;border-radius: 50%;background: #fff;opacity: 1;}
.h1-s .left .slick-dots li.slick-active{background: #94070a;}
.h1-s .right li a{padding: 31px 0;border-bottom: 1px solid #ddd;align-items: center;}
.h1-s .right li:first-child a{padding-top: 0;}
.h1-s .right li a::after{width: 65px;height: 2px;background: #94070a;}
.h1-s .right li a::before{content: "";position: absolute;left: 100%;bottom: -3px;width: 6px;height: 6px;border-radius: 50%;border: 1px solid #ddd;}
.h1-s .right li p{width: 65px;white-space: nowrap;font-size: 20px;color: #94070a;}
.h1-s .right li h3{width: calc(100% - 65px);padding-left: 20px;color: #333;font-size: 18px;transition: 0.5s;font-weight: normal;}

.h1-r li{margin-bottom: 25px;}
.h1-r li a{display: block;position: relative;}
.h1-r li .pic{padding-top: 195px;}
.h1-r li .pic::after{width: 100%;height: 80px;background: url(../images/zzc.png) no-repeat;background-size: 100% 100%;z-index: 1;}

.h1-r li h3{width: 100%;padding: 0 25px 15px;position: absolute;left: 0;bottom: 0;z-index: 10;color: #fff;font-size: 18px;font-weight: normal;}

@media screen and (min-width: 1200px) {
    .h1-s .right li a:hover::after{width: 100%;}
    .h1-s .right li a:hover h3{color: #94070a;}
}

@media screen and (max-width: 1024px) {
    .home{padding: 30px 0 10px;background: url(../images/h1bg.png) no-repeat center center;background-size: 400px;}
    .h1-l{width: 100%;}
    .h1-r{width: 100%;margin-top: 25px;}
    .h1-r li .pic{padding-top: 50%;}
}

@media screen and (max-width: 768px) {
    .h1-s .left{width: 100%;}
    .h1-s .right{width: 100%;margin-top: 25px;}
    .h1-s .left .pic{padding-top:60%;}
    .h1-s .right li a{padding: 15px 0;}
    .h1-s .right li h3{font-size:16px;width: calc(100% - 45px);padding-left: 10px;}
    .h1-s .right li p{font-size:16px;width:45px;}
    .h1-s .right li a::after{width: 45px;}
    .h1-r li h3{font-size:16px;}
}

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

}