@charset "utf-8";
html, body, a, p, ul,ol, li, dl, dt, dd, div, h1,td, h2, h3, h4, h5, h6, span, strong, em, i, img, form, input, table,td,tr {box-sizing:border-box;margin:0;padding:0;}
html,body {width:100%;font-size: 14px;color: #333333;font-family: 'PingFang SC', 'XHW-pzh', 'Lantinghei SC', 'Helvetica Neue',
        Helvetica, Arial, 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun',
        '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', sans-serif;}
li {list-style: none;}
img {border:0;vertical-align:middle}
a {text-decoration:none;color: #333333;}
.fl {float:left;}
.fr {float:right;}
.ofh{ overflow: hidden;}
.mag{ margin: 0 auto;}
.cb{ clear: both;}
.clearfix:before,.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.container {width: 1200px;margin: 0 auto;}
em{ font-style: normal;}

/*电脑屏幕大于1440*/
/*头部*/
body{background: url(bodysxkxj2026.jpg) no-repeat center 0 #fbf2e9;}
.header{ width: 100%; height: 360px;}
.header .container{display: flex; justify-content: space-between; align-items: center;padding-top: 10px;}
.wza{ color: #f96204;}
/*内容*/
.content {width: 100%; }
.part0{ width: 1200px; margin: 0 auto; padding: 20px 40px; background: #fff; }
.yd { display: none;}
.part0-top{ background: url(kuangbg260506.png) no-repeat center center; background-size: 1100px 100%; margin-bottom: 20px; padding: 10px 0; }
.part0-top-bg{ background: url(kxjpart1bg.png) no-repeat center 0; background-size: 100% 100%;position: relative}
.part0-top-bg img{ position: absolute; right:0; bottom: 0;}
.part0-top-bg p{ text-indent: 2em; font-size: 18px; line-height: 36px; background: url(zuoshangxy.png) no-repeat 0 0; padding: 20px;}
.part0-row{ display: flex; justify-content: space-between; margin-bottom: 25px;}
.part0-row .item{ border: solid 1px #fc6702; width: 48.5%; text-align: center; padding: 20px 0 35px 0; position: relative; display: block; background: url(kxjpicbg.png) no-repeat right bottom;}
.part0-row .item:hover p{ color: #f96204;}
.part0-row .item span img{ margin: 0 auto; width: 492px; height: 276px;}
.part0-row .item span{ margin-bottom: 30px; display: block;}
.part0-row .item p::after{content: ""; width: 47px; height: 3px; background: #fc6702; display: block; margin: 30px auto 0;}
.part0-row .item .play-btn{ position: absolute; top: 32%; left: 45%;}




/*尾部*/
.footer{width: 100%;height: 224px;background:url(kxjfooterbg.jpg) no-repeat center bottom;margin-top:40px; }
.footer-main{ width: 1200px; margin: 0 auto; position: relative; line-height: 30px;}
.footer-middle{ width: 1100px; margin: 0 auto;}
.footer-left{ position: absolute; left: 0; top:80px}
.footer-right{ position: absolute; right: 0; top:80px}
.footer-middle ul{ display: flex; justify-content: center;padding-top: 60px; margin-bottom: 10px;}
.footer-middle ul li{ color: #fff; font-size: 16px; }
.footer-middle ul li a{ color: #fff; margin: 0 15px;}
.footer-middle div{ display: flex;justify-content: center; font-size: 14px;}
.footer-middle div p{ color: #fff; margin: 0 5px;}
.footer-middle div p a{ color: #fff;}

/*电脑屏幕小于1440*/
/* @media  screen and (max-width:1440px) {
    .footer .footer-copy .footer-left {float: left;margin-top: 50px;margin-left: 50px;width: 100px;}
    .footer .footer-copy .footer-middle {width: 860px;margin-top: 40px;}
    .footer .footer-copy .footer-middle ul {width: 518px;margin-bottom: 20px;}
    .footer .footer-copy .footer-middle p {font-size: 14px;}
    .footer .footer-copy .footer-middle ul li {float: left;padding: 0 10px;font-size: 16px;}
    .footer .footer-copy .footer-right {float: right;margin-top: 52px;margin-right: 50px;width: 100px;text-align: right;}
    .footer {height: 240px}
    .footer .footer-copy .footer-right img {width: 110px;}
} */

/*移动端*/
@media  screen and (max-width:1000px) {
    html,body {font-size: 100%;}
    body{background: url(bodysxkxj2026.jpg) no-repeat center 0 #fbf2e9; background-size: 160% auto;}
    .container {width: 100%;}
    .header .container{ padding-top: .1rem;}
    .wza{ font-size: .24rem; display: block; width: 1.4rem;position: relative; top:-.1rem}
    .header .container img{ width: 50%;}
    .header {height:2.3rem; width: 100%;padding-top: 0; }
    .mainContent{top:0 }
    .part0{ width:100%; margin: 0 auto; padding: .2rem .3rem; background: #fff; }
    .part0-top{ background:none; margin-bottom: .2rem; padding: 0; }
    .part0-top-bg{ background:#fdf4eb;position: relative; border: solid 1px #f96204;}
    .part0-top-bg img{ position: absolute; right:0; bottom: 0;}
    .part0-top-bg p{ text-indent: 2em; font-size: .3rem; line-height: .6rem; background: url(zuoshangxy.png) no-repeat 0 0; padding: .3rem;}
    .part0-row{ display: block; margin-bottom: 0;}
    .part0-row .item{ margin-bottom: .3rem; border: solid 1px #fc6702; width: 100%; text-align: center; padding: .2rem 0 .3rem 0; position: relative; display: block; background: url(kxjpicbg.png) no-repeat right bottom; background-size: 100% 100%;}
    .part0-row .item:hover p{ color: #f96204;}
    .part0-row .item span img{ margin: 0 auto; width: 94%; height: auto;}
    .part0-row .item span{ margin-bottom: .3rem; display: block;}
    .part0-row .item p{ font-size: .3rem;}
    .part0-row .item p::after{content: ""; width: 1rem; height: 3px; background: #fc6702; display: block; margin: .3rem auto 0;}
    .part0-row .item .play-btn{ position: absolute; top: 30%; left: 45%;}
    
    .footer{ height: auto; padding-bottom: .3rem; background:url(kxjfooterbg.jpg) no-repeat center bottom; background-size: cover;}
    .footer-main{ width: 100%;}
    .footer-middle{ width: 7rem;}
    .footer-middle ul{ display: none;}
    .footer-middle div{ display: flex;justify-content: center; flex-wrap: wrap; }
    .footer-middle div p{ margin: 0 5px;}
    .footer-left{ position:static; }
    .footer-right{ position: static; }
    .biaozhi-div{ text-align: center; padding: .3rem 0 .3rem;}
}


@media  screen and (max-width:750px) {
    .header .container img{ width: 50%; margin-left: .2rem; position: relative; top:-.1rem}
}

/* 响应式 */

    @media (max-width: 480px) {
      .event { min-width: 120px; }
    }


