/* GLOBAL STYLES */

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section,
a {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

a {
    text-decoration: none !important;
}

input,
select,
textarea {
    vertical-align: middle;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

ul,
li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

.top {
    width: 100%;
    height: 70px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.top-c {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    width: 8%;
}

.logo img {
    width: 100%;
}

.nav {
    overflow: visible;
}

.nav:after {
    content: '';
    display: block;
    clear: both;
}

.nav li {
    margin-left: 45px;
    float: left;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    position: relative;
}

.nav li:first-child {
    margin-left: 0;
}

.nav li:hover a {
    color: #e60012;
}

.nav li a {
    color: #333;
}

.nav li:hover {
    color: #E60012;
}

.nav li.active {
    color: #E60012;
    /*border-bottom:4px solid #e60012;*/
}

.nav li.active:after {
    content: '';
    width: 32.5%;
    height: 3px;
    position: absolute;
    bottom: -70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #e60012;
}

.show-pc {
    display: block;
}

.show-phone {
    display: none;
}

.container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding:0px 0;
}
.content{
    width:100%;
    padding:60px 0;
    overflow: hidden;
}
.main {
    width: 1200px;
    margin: 0 auto;
}
.swiper-banner{
    position:relative;
}
.banner{
    position: relative;
    width:100%;
    margin:70px auto 0;
}
.banner-c{
    position:absolute;
    left:50%;
    transform:translatex(-50%);
    top:0;
    height:100%;
    width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
}
.banner-txt{
    width:34.2%;
    margin-left:3.3%;
}
.content.m0{
    background-image:url(../images/bg1.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.part1-wrap{
    width:100%;
    overflow: hidden;
    display: flex;
    align-items:center;
    justify-content: space-between;
}
.part1-txt{
    width:48.3%;
    font-size:20px;
    line-height:1.8em;
}
.part1-img1{
    width:39.4%;
    overflow: hidden;
    border-radius:6px;
}
.title{
    width:12.2%;
    margin:0 auto;
}
.title2{
    width:21%;
    margin:0 auto;
}
.part2-wrap{
    width:100%;
    display: flex;
    align-items:center;
    justify-content: space-between;
    margin-top:40px;
}
.part2-left{
    width:38.4%;
    position: relative;
}
.part2-ic1{
    position: absolute;
    width:27%;
    left:36.6%;
    top:0;
}
.part2-hide{
    display:none;
}
.part2-ic.active .part2-hide{
    display: block;
}
.part2-ic.active .part2-show{
    display: none;
}
.part2-ic2{
    position: absolute;
    width:27%;
    left:0;
    bottom:0;
}
.part2-ic3{
    position: absolute;
    width:27%;
    right:0;
    bottom:0;
}
.part2-right{
    width:57.7%;
    overflow:hidden;
}
.part2-right>li{
    width:100%;
    padding:4% 0;
    padding-left:5.2%;
    box-sizing:border-box;
    cursor: pointer;
}
.part2-right>li.active{
    background-image:url(../images/p2-bg.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    box-shadow:0 0 3px rgba(174,179,181,0.3);
}
.part2-right>li.active>p{
    color:#fff;
    opacity:1;
}
.p2-t1{
    font-size:24px;
    color:#333;
    opacity:0.5;
}
.p2-t2{
    width:90%;
    font-size:16px;
    color:#333;
    opacity:0.5;
    margin-top:10px;
    line-height:1.8em;
}
.content.m2{
    background-image:url(../images/bg2.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.part3-img{
    width:100%;
    margin-top:40px;
}
.part4-wrap{
    width:100%;
    margin-top:40px;
}
.part4-top{
    width:100%;
    display:flex;
    justify-content: space-between;
}
.p4-list{
    width:46.8%;
    position: relative;
}
.p4-bg{
    width:100%;
    background-color:#EAEAEA;
    padding:3% 0;
    text-align:center;
    font-size:22px;
    font-weight:600;
    color:#333333;
    border-radius:4px;
    cursor: pointer;
}
.p4-list.active .p4-bg{
    background-color:#E60000;
    color:#fff;
    box-shadow:0 0 12px rgba(230,0,0,0.4);
}

.p4-list.active .p4-bg:after {
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform:translateX(-50%);
    content: ' ';
    border: 8px solid transparent;
    border-top: 8px solid #E60000;
}
.part4-bottom{
    width:100%;
    margin-top:30px;
    display: none;
}
.part4-bottom.active{
    display: block;
}
.swiper-containerp4,.swiper-containerp4s{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}


.part4-ul{
    justify-content:space-between;
    display: flex;
    width:100%;
}
.part4-ul li{
    width:32.1%;
    border-radius:13px;
    border:1px solid #f1f1f1;
    overflow:hidden;
}
.part4-ul li:hover .part4-b{
    opacity:1;
}

.part4-ul li:hover .part4-t1{
    font-weight:600;
}
.part4-img1{
    width:100%;
}
.part4-last{
    width:100%;
    padding:20px 0 40px;
    height:190px;
    box-sizing:border-box; 
    position: relative;
}

.part4-t1{
    width:83.7%;
    font-size:20px;

    margin:0 auto;
}

.part4-btn{
    width:31.5%;
    height:38px;
    border:2px solid #e60012;
    box-sizing:border-box;
    text-align:center;
    margin-left:8.2%;
    font-size:14px;
    line-height:35px;
    margin-top:8%;
    border-radius:20px;
    cursor: pointer;
    z-index:10;
    position: relative;
}
.part4-btn:hover {
    background-color:#e60012;
    color:#fff;
}
.part4-btn>img{
    width:14px;
    display: inline-block;
    vertical-align:middle;
    margin-left:3px;
    margin-top:-2px;
}
.part4-btn>.part4-hide{
    display: none;
}
.part4-btn:hover>.part4-show{
    display:none;
}
.part4-btn:hover>.part4-hide{
    display:inline-block;
}
.part4-b{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    opacity:0;
    transition:0.5s;
}
.part4-num{
    width:100%;
    text-align:center;
    margin-top:40px;
}
.part4-num>li{
    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid #DDDDDD;
    text-align:center;
    line-height:46px;
    color:#ddd;
    display:inline-block;
    margin:0 5px;
    box-sizing:border-box;
    font-size:22px;
    cursor: pointer;
}
.part4-num>li.active{
    background-color:#e60012;
    color:#fff;
    border:1px solid #e60012;
}
.content.m4{
    background-image:url(../images/bg3.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.content.m6{
    background-image:url(../images/bg4.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.part5-wrap{
    width: 70.2%;
    margin:40px auto 0;
    position: relative;
}
.part5-wrap video{
    width:100%;
}
.poster{
    position: absolute;
    width:100%;
    left:0;
    top: 0;
    z-index:30;
}
.swiper-containerp5{
    width:110%;
    margin:40px 0 0 -5%;
    overflow: hidden;
}
.part5-ul{
    width:91%;
    padding-bottom:3%;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
}
.part5-ul>li{
    width:32.1%;
    border-radius:13px;
    overflow: hidden;
    box-shadow:0 0 12px rgba(174,179,181,0.3);
}
.part5-ul>li:hover .part4-b{
    opacity:1;
}
.part5-ul>li:hover .part5-t1{
    font-weight:600;
}
.part5-img1{
    width:100%;
}
.part5-list{
    height:260px;
    position: relative;
    padding-top:30px;
}
.part5-date{
    font-size:16px;
    color:#666666;
    margin-left:8.1%;
}
.part5-t1{
    width:83.7%;
    font-size:20px;
    margin-top:15px;
    margin-left:8.1%;
}

.part5-btn{
    width:31.5%;
    height:38px;
    border:2px solid #e60012;
    box-sizing:border-box;
    text-align:center;
    font-size:14px;
    line-height:35px;
    border-radius:20px;
    cursor: pointer;
    z-index:10;
    position: absolute;
    left:8.1%;
    bottom:15%;
}
.part5-btn:hover {
    background-color:#e60012;
    color:#fff;
}
.part5-btn>img{
    width:14px;
    display: inline-block;
    vertical-align:middle;
    margin-left:3px;
    margin-top:-2px;
}
.part5-btn>.part5-hide{
    display: none;
}
.part5-btn:hover>.part5-show{
    display:none;
}
.part5-btn:hover>.part5-hide{
    display:inline-block;
}
.part5-bottom,.part4-bs,.part4-bs2{
    width:100%;
    margin:0 auto 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.part4-bs{
    margin-top:20px;
}
.part5-line,.part4-line,.part4-line2{
    width:89%;
    height:1px;
    background-color:#DDDDDD;
    position: relative;
}
.part6-line{
    width:70.3%;
    height:1px;
    background-color:#DDDDDD;
    position: relative;
}
.part5-c,.part6-c,.part4-c,.part4-c2{
    width:50%;
    height:3px;
    position: absolute;
    left:0;
    top:-1px;
    transition:0.5s;
    background-color:#707070;
}
.part4-c{
    width:25%;
}
.part5-qh,.part4-qh,.part4-qh2{
    width:9.5%;
    padding:1% 0;
    background-color:#F1F2F4;
    overflow: hidden;
}
.part6-qh{
    width:22%;
    padding:3% 0;
    background-color:#F1F2F4;
    overflow: hidden;
}
.part5-l,.part6-l,.part4-l,.part4-l2{
    width:10%;
    float: left;
    padding-left:21%;
    cursor: pointer;
}
.part5-r,.part6-r,.part4-r,.part4-r2{
    width:10%;
    float: right;
    padding-right:21%;
    cursor: pointer;
}
.part6-l,.part6-r{
    width:7%;
}
.part6-r{
    padding-right:26%;
}
.part6-l{
    padding-left:226;
}
.part6-main{
    display: flex;
    width:100%;
    align-items:center;
    justify-content: space-between;
    margin:40px auto 0
}
.swiper-containerp6{
    width:55%;
    box-shadow:0 0 3px rgba(174,179,181,0.3);
    overflow: hidden;
    position: relative;
    border-radius:13px;
}
.swiper-containerp6 .swiper-slide{
    width:100%;
}
.p6-img1{
    width:100%;
}
.p6-bottom{
    width:100%;
    background-color:#fff;
    padding:4% 0;
    position: relative;
}
.p6-t1{
    font-size:24px;
    font-weight:600;
    width:73%;
    margin-left:6.1%;
}
.p6-t2{
    font-size:16px;
    color:#666666;
    margin-top:10px;
    font-weight:600;
    width:73%;
    margin-left:6.1%;
}
.p6-btn{
    position:absolute;
    width:10.4%;
    right:5.5%;
    top:50%;
    transform:translateY(-50%);
}
.p6-pagination{
    position: absolute;
    left:0;
    top:68%;
    width:100%;
    z-index:10;
    text-align:center;
}
.p6-pagination span{
    width:40px;
    height:2px;
    border-radius:0;
    margin:0 5px;
}
.part6-right{
    width:40.4%;
    overflow: hidden;
}
.swiper-containerp6r{
    width:100%;
    margin:0 auto;
}

.part6-ul{
    width:98%;
    margin:0 auto 
}
.part6-ul>li{
    width:100%;
    background-color:#fff;
    margin-bottom:4%;
    display:flex;
    align-items:center;
    padding:4% 0;
    border-radius:13px;
    box-shadow:0 0 3px rgba(174,179,181,0.3);
}
.part6-img2{
    width:17.3%;
    margin-left:5.8%;
}
.part6-txt{
    width:59.4%;
    margin-left:4.5%;
}
.part6-t3{
    font-size:18px;
    line-height:1.5em;
}
.part6-t4{
    font-size:14px;
    line-height:1.5em;
    color:#666;
    margin-top:5px;
}
.show-pc {
    display: block;
}

.show-phone {
    display: none;
}
.swiper-containerp4c{
    overflow: hidden;
}
.swiper-containerp4p{
    overflow: hidden;
}
.part5-bottom{
    display:none;
}
/*底部*/

.bottom {
    width: 100%;
    height: 60px;
    background-color: #404043;
    text-align: center;
    font-size: 12px;
    line-height: 60px;
    color: #cccccc;
}

.bottom .main {
    margin: 0 auto;
}

.bottom img {
    width: auto;
    vertical-align: middle;
    display: inline-block;
    padding-left: 1%;
    padding-right: 0.5%;
}

@media (max-width:1500px) {
    .banner-txt {
        width: 31.2%;
        margin-left: 10.3%;
    }
}
@media (max-width:1400px) {
    .banner-txt {
        width: 27.2%;
        margin-left: 14.3%;
    }
}
@media (max-width:1300px) {
    .banner-txt {
        width: 24.2%;
        margin-left: 18.3%;
    }
}

@media (max-width:1200px) {

    .top-c,
    .main,.banner-c {
        width: 960px;
    }
    .part4-btn{
        font-size:12px;
    }
    .part5-list{
        height:220px;
    }
    .banner{
        margin-top:70px;
    }
}

@media (max-width:960px) {

    .top-c,
    .main {
        width: 750px;
    }

    .nav li {
        font-size: 12px;
        margin-left: 35px;
    }

    .banner,.banner-last {
        height: 250px;
    }

    .banner-btn span {
        font-size: 12px;
    }
    .p5-lxwm {
        margin-left: 3%;
    }
    .p5-nhgxa {
        margin-right: 4%;
        padding: 13px 20px;
    }
    .p5-lxwm p {
        font-size: 16px;
       
    }
    .p5-nhgxa {
        margin-right: 2%;
        padding: 10px 14px;
    }
}

@media (max-width:750px) {
    .show-pc {
        display: none;
    }

    .show-phone {
        display: block;
    }

    .top-c {
        width: 100%;
    }

    

    .top {
        height: auto;
    }

    .top-c {
        width: 100%;
        justify-content: space-between;
        padding: 2% 0;
        box-sizing: border-box;
    }

    .logo {
        width: 18.7%;
        margin-left: 4%;
        margin-top: 0;
    }

    .menu {
        width: 6.7%;
        margin-right: 4%;
    }

    .nav {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        margin-left: 0;
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        display: none;
        padding-bottom: 7%;
        box-shadow: 0 10px 15px 0 #808080;
    }

    .nav>li {
        width: 100%;
        margin-left: 0;
        border-bottom: none;
        box-sizing: border-box;
        padding: 4% 8%;
        font-size: 3.73vw;
    }

    .nav li:after {
        content: '';
        width: 84%;
        height: 1px;
        background-color: #e3e3e3;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .nav li.active {
        background-color: #f7f7f7;
    }

    .nav li.active:after {
        content: '';
        width: 84%;
        height: 1px;
        background-color: #e3e3e3;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

   

    .bottom {
        padding: 2.5% 0;
        height: auto;
        line-height: 1.75em;
        font-size: 3vw;
    }

    .div-br {
        display: block;
    }

    .banner{
        height:auto;
        margin-top:7%;
    }
    .main {
        width: 100%;
        margin: 0 auto;
    }
    .banner-c{
        display: none;
    }
    .content{
        padding:40px 0;
    }
    .part1-wrap{
        width:92.3%;
        margin:0px auto 0;
        display: block;
    }
    .part1-txt{
        width:100%;
        font-size:3.2vw;
    }
    .part1-img1{
        width:100%;
        margin-top:5%;
    }
    .title{
        width:22.6%;
    }
    .title2{
    width:41%;
    /* margin:0 auto; */
}
    .part2-wrap{
        display: block;
        width:100%;
        margin-top:20px;
    }
    .part2-left{
        width:61.7%;
        margin:0 auto;
    }
    .part2-right{
        width:92.3%;
        margin:6% auto 0;
    }
    .p2-t1{
        font-size:4vw;
    }
    .p2-t2{
        font-size:3.2vw;
    }
    .content.m0{
        background-image:url(../images/bg1w.jpg);
    }
    .content.m2{
        background-image:url(../images/bg2w.jpg);
    }
    .part3-img{
        width:92.3%;
        margin:20px auto 0;
    }
    .part4-wrap{
       
        margin:20px auto 0;
    }
    .part4-top{
        width:92.5%;
        margin:0 auto;
    }
    .p4-bg{
        font-size:3.6vw;
        padding:4% 0 5%;
    }
    .swiper-containerp4{
        width:77.4%;
        margin-left:3.7%;
        overflow: visible;
    }
    .swiper-containerp4 .swiper-slide{
        border-radius: 13px;
        border: 1px solid #f1f1f1;
        overflow: hidden;
    }

    .swiper-containerp4s{
        width:77.4%;
        margin-left:3.7%;
        overflow: visible;
    }
    .swiper-containerp4s .swiper-slide{
        border-radius: 13px;
        border: 1px solid #f1f1f1;
        overflow: hidden;
    }
    .part4-t1{
        font-size:4vw;
    }
    .part4-last{
        height:155px;
    }
    .part4-btn{
        font-size:2.9vw;
        height:33px;
        line-height:30px;
    }
    .swiper-slide-active .part4-b{
        opacity:1;
    }
    .swiper-slide-active .part4-t1,.swiper-slide-active .part5-t1{
        font-weight:600;
    }
    .part4-num>li{
        width:30px;
        height:30px;
        line-height:28px;
        font-size:4.2vw;
    }
    .part4-s{
        width:160px;
        margin:0 auto;
        overflow: hidden;
    }
    .part4-num.qh{
        width:480px;
        text-align:left;
        overflow: hidden;
    }
    .part4-num.qh>li{
        float:left;
        margin:0 5px;
    }
    .part5-wrap{
        margin:20px auto;
        width:92.3%;
    }
    .swiper-containerp5{
        width:77.4%;
        margin-left:3.7%;
        overflow: visible;
        margin-top:20px;
    }
    .swiper-containerp5 .swiper-slide{
        padding-bottom:5%;
    }
    .part5-box{
       
        border-radius:13px;
        box-shadow:0 0 12px rgba(174,179,181,0.3);
        overflow: hidden;
    }
    .part5-date{
        font-size:3.2vw;

    }
    .part5-t1{
        font-size:4vw;
    }
    .part5-btn{
        font-size:2.9vw;
        height:33px;
        line-height:30px;
    }
    .part5-list{
        height:180px;
    }
    .part5-bottom,.part4-bs,.part4-bs2{
        width:92.3%;
        margin:0 auto;
    }
    .part4-bs,.part4-bs2{
        margin-top:20px;
    }
    .part5-line,.part4-line,.part4-line2{
        width:71.3%;
    }
    .part5-qh,.part4-qh,.part4-qh2{
        width:21.8%;
        padding:3% 0;
    }
    .part5-c{
        width:33.33%;
    }
    .part4-c{
        width:8.333%;
    }
    .part4-c2{
        width:33.333%;
    }
    .part6-main{
        width:100%;
        margin:20px auto 0;
        display: block;
        overflow: hidden;
    }
    .swiper-containerp6{
        width:92.3%;
        margin:0 auto 5%;
    }
    .p6-t1{
        font-size:4vw;
    }
    .p6-t2{
        font-size:2.9vw;
    }
    .p6-pagination{
        top:56%;
    }
    .part6-right{
        width:92.3%;
        margin:0 auto;
    }
    .part6-t3{
        font-size:3.65vw;
    }
    .part6-t4{
        font-size:2.9vw;
    }
    .part6-img2{
        width:20%;
    }
    .part6-txt{
        width:65%;
    }
    .part6-line{
        width:71.3%;
    }
    .part6-right>.part5-bottom{
        width:100%;
    }
    .part6-qh{
        width:21.8%;
        padding:3% 0
    }
    .part5-l, .part5-r{
        width:7%;
    }
    .part5-bottom{
        display:flex;
    }
}