#section4 {
    background: url(honorbg.jpg) top center no-repeat;
    background-size: 100%;
}
#section2 {
    background: url(bgzl.jpg) top center no-repeat;
    background-size: 100%;
}
#section3 {
    background: url(cjllbg.jpg) top center no-repeat;
    background-size: 100%;
}
.baner {
    line-height: 0px;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #000;
}
.baner img {
    width: 100%;
    animation: fadeIn;
    animation-duration: 3s; 
}
.banertxt {
    position: absolute;
    left: 0;
    top: calc(50% - 50px);
    width: 100%;
    text-align: center;
    z-index: 1;
    font-size: 50px;
    color: #fff;
}
.banertxts {
    position: absolute;
    left: 0;
    top: calc(50% + 15px);
    width: 100%;
    text-align: center;
    z-index: 1;
    font-size: 30px;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 200;
}
.intro {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    background: url(bglan2.png) repeat;
    height: 100vh;
    color: #ddd;
    padding-top: 12%;
    overflow: hidden;
    box-sizing: border-box;
    text-align: left;
}
.introtit {
    font-size: 42px;
    text-indent: 48px;
    padding-bottom: 15px;
    background: url(introtit.gif) 52px bottom no-repeat;
    margin-bottom: 20px;
    color: #fff;
}
.intronr {
    width: 100%;
    overflow: hidden;
    line-height: 40px;
    font-size: 18px;
    font-weight: 200;
    color: #fff;
}
.introitems {
    padding-left: 45px;
    padding-top: 50px;
}
.introitems li {
    width: calc((100% - 150px) / 6);
    overflow: hidden;
    box-sizing: border-box;
    background: url(bglan.png) repeat;
    border-radius: 10px;
    margin-right: 30px;
    height: 90px;
    line-height: 90px;
    color: #fff;
    text-align: center;
    float: left;
    font-size: 20px;
}
.introitems li:nth-last-child(1) {
    margin-right: 0px;
}
#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
}
.cjlltit {
    background: url(cjll.png) top center no-repeat;
    background-size: auto 160px;
    width: 160px;
    height: 160px;
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -80px;
}
.cjlltitl {
    left: calc(100% / 3);
    margin-left: -80px;
    
}
.cjlltitr {
    right: calc(100% / 3);
    margin-right: -80px;
}
.cjll {
    width:calc(100% - 60px);
    margin-left: 30px;
    overflow: hidden;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.cjll li {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    line-height: 0px;
    overflow: hidden;
    float: left;
    background-color: #fff;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 10px;
}
.cjll li img {
    width: 100%;
}
.cjll li:nth-of-type(3n+0) {
    margin-right: 0px;
}

#section5{ background: url(historybg.png) center bottom no-repeat;background-size: auto 90%;}
.about_content{ width: 60%; margin: 0 auto;}
.about_content h2,.about_content h3{ text-align: center; font-weight: bold; color: #000; }
.about_content h2{ font-size: 40px;}
.about_content h3{ font-size: 26px; margin-bottom: 60px;}
.about_content p{ font-size: 16px; color: #000; line-height: 180%; margin-bottom: 20px; text-align: center;}
.about_content.history{ text-align: center; position: relative;}

.event_box{ width: 80%; margin: 3% auto 0;position: relative; min-height: 420px;}
.event_box .parHd {width: 100%; display: inline-block;height: 92px;overflow: hidden;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}
.parHd .tempWrap{ margin: 0 auto;}
.parHd .tempWrap:after{content: '';width:95%;height: 1px;position: absolute;right: 3%;top: 35%;z-index: 10; background-color: #0064DC;}
.parHd li.no_line:before{ display: none;}
.parHd li{  display: inline-block; cursor: pointer; padding-top: 30px; padding-bottom: 30px; font-size: 20px; color: #000;margin:0 50px; position: relative; }
.parHd .act {color: #0064DC;}
.parHd li:after{ content: ''; background: url(dot_ico.png) no-repeat; background-size: 24px; width: 24px; height: 24px; position: absolute;  z-index: 11;top:0px; left: 50%; margin-left: -12px;}
.parBd{ text-align: center; margin-top: 60px;}
.parBd h4{ position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px;  display: inline-block; text-align: center;}
.parBd h4:after{ content:''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
.parBd h4:before{ content:''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
.parBd p{ line-height: 180%; font-size: 16px; width: 60%; margin: 0 auto;}
div#listBox {width: 100%;}
.sPrev,.sNext{ width: 30px; height: 30px; display: block; position: absolute; top: 20px;}
.sPrev{ left: 0;}
.sNext{ right: 0;}
.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);}

.Box {position: absolute; top: 50%; width:1200px;margin: auto; margin-top: -200px; left: 50%; margin-left: -600px;}
.Box .content {width:100%}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 80px;height: 80px;position: absolute;top: 50%;cursor: pointer; margin-top: -100px;}
.Box .Box_con .btnl {background: url(jtl02.png) no-repeat center;left: -100px;}
.Box .Box_con .btnr {background: url(jtr02.png) no-repeat center;right: -100px;}
.Box .Box_con .btnl:hover {background: url(jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none; }
.Box .Box_con .conbox ul li {float: left;box-shadow: #eee 0px 0px 10px;width: calc((1200px - 80px) / 4);height: 420px;margin: 10px;overflow: hidden; background-color: #fff; box-sizing: border-box; padding: 20px; border-radius: 10px;}
.Box .Box_con .conbox ul li .yypic {overflow: hidden; width: 100%; height:360px;display: flex;align-items: center; /*指定垂直居中*/justify-content: center; /*指定水平居中*/}
.Box .Box_con .conbox ul li .yypic img {transition: all 0.5s; width: 100%;}
.Box .Box_con .conbox ul li .zljs {overflow: hidden; width: 100%; height:360px;display: flex;align-items: center; /*指定垂直居中*/justify-content: center; /*指定水平居中*/; background: url(zlbg.jpg) center no-repeat;background-size: 100%;}
.Box .Box_con .conbox ul li .zljs img {transition: all 0.5s; width: calc(100% - 40px);}
.Box .Box_con .conbox ul li:hover {background-color: #0064DC; color: #fff;}
.Box .Box_con .conbox ul li:hover .yypic img {transform: scale(0.9);}
.Box .Box_con .conbox ul li .yytit {font-size: 16px; height: 20px;line-height: 20px; overflow: hidden;}
.Box .ryline .BoxSwitch {text-align: center; overflow: hidden; width:calc(100% - 40px); float: left;}
.Box .ryline {width: 100%; height: 20px;margin-top: 60px; }
.Box .ryline .ryl {width: 20px; height: 20px;background:url(ryl.png) left center no-repeat; background-size: 20px; float: left;}
.Box .ryline .ryr {width: 20px; height: 20px;background:url(ryr.png) left center no-repeat; background-size: 20px; float: right;}
.Box .ryline .BoxSwitch  span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 40px;height: 1px;cursor: pointer; background-color: #0064DC;}
.Box .ryline .zBoxSwitch  span {width: 40px;}
.Box .ryline .BoxSwitch  span.cur {background:url(ryc.png) center no-repeat ; width:20px;height: 20px; background-size: 20px;}
.pprytit {font-size: 42px; top: 15%; position: absolute; width: 100%; text-align: center;background: url(introtit.gif) center bottom no-repeat;padding-bottom: 20px;font-weight: bold;}
.more {width: 100px; height: 36px; background-color: #0064DC; color: #fff; line-height: 36px; text-align: center; position: absolute; top: calc(50% + 400px);left: 50%; margin-left: -50px; border-radius: 18px;}
.more:hover {background-color: #0977FF;}