/*---------*----------*/
@charset "utf-8";
*{margin: 0;padding: 0;font-family: "微软雅黑";}
a{text-decoration: none;}
li{list-style: none;}
.body{min-width: 750px;text-align:center;}
.container{margin: 0 auto;width:1000px;overflow: hidden;text-align: left;}
p{display: inline-block;height: 100%;}
/*----排版----*/
.clearfix{zoom:1;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}
.container{background-image:url(../images/bg.jpg);background-position:0% 30%;}


/*--------music--------*/
.tp-music{position: absolute;z-index: 1001; cursor: pointer; right: 60px;top:66px;background-image:linear-gradient(45deg,#20014e,#6c1a96);padding:8px 10px 6px 10px;border: 1px solid transparent;border-image: linear-gradient(to left, #7fc1f1, #dc65d3);border-image-slice:1;}


/*--------banner--------*/
#banner{position: relative;height: 1270px;}
#banner .logo{position: absolute;margin:68px 146px 0 146px;}
/*粒子效果*/
canvas{display:block;vertical-align:bottom;position: absolute;top: 0;}
/*stats.js*/
.count-particles{position: absolute;top: 48px;left: 0;width: 80px;font-size: .8em;text-align: left;text-indent: 4px;line-height: 14px;padding-bottom: 2px;font-family: Helvetica, Arial, sans-serif;font-weight: bold;}
.js-count-particles{font-size: 1.1em;}
#stats,.count-particles{-webkit-user-select: none;margin-top: 5px;margin-left: 5px;}
#stats{border-radius: 3px 3px 0 0;overflow: hidden;}
.count-particles{border-radius: 0 0 3px 3px;}
/*particles.js container*/
#particles-js{width: 100%;height: 100%;background-image: url('../images/banner.jpg');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}


/*--------title--------*/
.xcpp-title{height: 107px;margin-bottom:50px;text-align: center; background: url(../images/tit-back.png) no-repeat no-repeat;}
.xcpp-title h2{font-size: 47px;padding-top: 12px;color:#ffca85;font-style:italic;}
.xcpp-title h3{margin-top: 10px;font-weight: lighter;color:#a468ec;font-style:italic;font-size: 18px;}

/*--------简介--------*/
.xcpp-about{padding:50px;}
.xcppab-main{border:1px solid #c2e3ff;margin-top: 40px;padding:30px;background-image: url(../images/word-back.jpg);background-size:100% ;}
.xcppab-main p{font-size: 32px;line-height: 58px;text-indent: 2em;color:#f8dbff;}

/*--------领导致辞--------*/
.xcpp-people{padding:50px;}
.xcpppeo-li{margin-top: 130px;padding:30px;margin-left:100px;border-radius: 5px; background-image: url(../images/people-back.jpg);}
.xcpppeo-li img{float: left; width: 430px;height: 610px;margin: -120px 0 0 -130px;border-radius: 5px;box-shadow: 8px 8px 0px rgba(237, 237, 237, 0.133);}
.xcpppeo-li .peo-word{float: right;width:418px;}
.xcpppeo-li .peo-word h2{color:#524489;font-size: 50px;text-align: right;margin-top: 70px;}
.xcpppeo-li .peo-word h3{color:#362675;font-size: 26px;font-weight: normal;margin-top: 15px;}
.xcpppeo-li .peo-word p{margin:15px 0;padding-top:15px; font-size: 28px;line-height: 45px;text-indent: 2em;color:#7b72a3;border-top: 1px solid #d0d0d0;}
/*右*/
.xcpp-people ul li:nth-child(2n){margin-left: 0;margin-right: 100px;}
.xcpp-people ul li:nth-child(2n) img{float:right;margin: -120px -130px 0 0;}
.xcpp-people ul li:nth-child(2n) .peo-word{float: left;}
.xcpp-people ul li:nth-child(2n) .peo-word h2{text-align: left;}
.xcpp-people ul li:nth-child(2n) .peo-word h3{text-align: left;}


/*--------活动流程--------*/
.xcpp-liucheng{padding:50px;}
.xcpplc-main{border: 1px solid transparent;border-image: linear-gradient(to left, #7fc1f1, #dc65d3);border-image-slice:1;margin-top: 40px;background-image: url(../images/word-back.jpg);background-size:100% ;}
.xcpplc-main table tr{text-align: center;}
.xcpplc-main table tr:nth-child(1) td{font-weight: bold;font-size: 36px;background-color: #3d0378;padding:25px 20px;}
.xcpplc-main table tr:last-child td{border-bottom: 0;}
.xcpplc-main table tr td:last-child { border-right: 0;}
.xcpplc-main table tr td:nth-child(1){width: 240px;}
.xcpplc-main table tr td{ padding:35px 25px;line-height: 46px; font-size: 32px;color:#f8dbff;border-bottom: 1px solid #c2e3ff;border-right: 1px solid #c2e3ff;}


/*--------获奖企业--------*/
.xcpp-top10{padding:50px;}
.xcpptp-main{border:1px solid #c2e3ff;margin-top: 40px;padding:30px;background-image: url(../images/word-back.jpg);background-size:100% ;}
#xcpptp-main .hd{margin: 0 auto;width: 900px;height: 280px;}
#xcpptp-main .hd ul li{float: left;margin-right:20px;cursor: pointer; text-align: center; margin-bottom: 30px; font-size: 43px;color:#fff;background-image: url(../images/top10-tit.jpg);border-radius: 11px;padding:21px 25px 29px 25px;width: 230px;height: 50px;border: 1px solid #7fc1f1;}
#xcpptp-main .hd ul li:nth-child(3){margin-right: 0;}
#xcpptp-main .hd ul li:nth-child(4){margin-left:150px;}
#xcpptp-main .hd ul .on{background-image: url(../images/top10-tit-on.jpg);border: 1px solid #ffc0a1;}
#xcpptp-main .bd {float: left;}
#xcpptp-main .bd ul{padding:45px 27px 25px 27px; background-image: url(../images/word-back.jpg);border: 1px solid transparent;border-image: linear-gradient(to left, #7fc1f1, #dc65d3);border-image-slice:1;}
#xcpptp-main .bd ul li{float: left;cursor: pointer; border-radius: 8px; margin-right: 20px;margin-bottom: 30px; text-align: center ; width: 410px;height: 290px;background-image:linear-gradient(90deg,#ff823c,#ff4864); }
#xcpptp-main .bd ul li:nth-child(2n){margin-right: 0;}
#xcpptp-main .bd ul li img{width: 410px;height: 220px;border-radius: 8px;}
#xcpptp-main .bd ul li p{font-size: 33px;color:#fff;margin: 7px 0;text-shadow: 0px 0px 8px #aa4c58;}


/*--------立即报名--------*/
.xcpp-bm{padding:50px;}
.xcpp-bm .bm-form{margin:30px 0;clear: both;}
.xcpp-bm .bm-form li{font-size: 34px;padding:20px 30px; border: 1px solid transparent;border-image: linear-gradient(to left, #7fc1f1, #dc65d3);border-image-slice:1; color:#ffe199;margin-bottom: 30px;background-color: #2a0676;}
.xcpp-bm .bm-form li b{color:#ff0000;margin-right: 10px;}
.xcpp-bm .bm-form li input[type="text"]{height:90px;width: 595px;padding:0 20px;color:#fff; background-color: #4b008e;font-size: 26px;border: 1px solid #461ba6;}
.xcpp-bm .bm-form li input::-webkit-input-placeholder{color:#9651d0;font-size:34px;}
.xcpp-bm .bm-form li input:focus{outline: none;}
.xcpp-bm .bm-form li input[type="radio"]{width: 25px;height: 25px;margin:0 16px;}
.xcpp-bm .bm-form li input[name="name"]{width: 300px;}
.xcpp-bm .bm-form li:last-child{padding:0;border:0;background:none;}
.xcpp-bm .bm-form li input[type="submit"]{text-shadow: 0px 0px 15px #aa4c58;cursor: pointer; font-size: 55px;font-weight: bold; width: 900px;margin-top: 10px; height:130px;color:#ffeeb2;border-radius: 5px;border: none; background-image:-webkit-linear-gradient(0deg,#ff823c,#ff4864);}

.xcpp-bm .bm-form li input[type="submit"]::before{animation: bubbles ease-in-out .75s forwards;}
.xcpp-bm .bm-form li input[type="submit"]:active::before {animation: none; /*这里注意取消动画*/background-size: 0;}
@keyframes bubbles {
    0%{background-position: 18% 40%, ...;}
    50%{background-position: 10% 44%, ...;}
    100% {background-position: 5% 44%, ...;background-size: 0% 0%;}
}



/*--------联系客服--------*/
.xcpp-contact{padding:50px;}
.xcpp-contact .bm-contact{padding:45px 30px; background-color: #2a0676;border: 1px solid transparent;border-image: linear-gradient(to left, #7fc1f1, #dc65d3);border-image-slice:1;box-shadow: 0 3px 0 #320e81;border-radius:10px;}
.xcpp-contact .bm-contact li{float:left;width:260px;margin-right:25px;text-align: center;}
.xcpp-contact .bm-contact li:nth-child(3){margin-right: 0;}
.xcpp-contact .bm-contact li img{width:260px;height:260px;}
.xcpp-contact .bm-contact li p{color:#f7e9b2;font-size: 36px;margin-top: 10px;}
.xcpp-contact .bm-contact li b{font-weight: normal;color:#8360cd;font-size:32px;}


/*--------底部--------*/
.xcpp-foot{text-align:center;background-image: url(../images/foot-back.png);}
.xcpp-foot img{width: 448px;height: 340px;}
.xcpp-foot .banquan{font-size: 30px; color:#67349c;line-height: 46px;padding-bottom: 25px;border-bottom:25px solid transparent;border-image: linear-gradient(to right, #7fc1f1, #dc65d3);border-image-slice:25;}



/*--------右侧悬浮---------*/
.menuBox {position: fixed;top: 160px;right: 0;z-index: 1;}
.menuBox .menu {overflow: hidden;zoom: 1;}
.menuBox .menu a {display: block;float: right;color:#521398;background-image:linear-gradient(90deg,#d669e0,#96b3fd); padding:20px 85px; border-radius: 50px;font-size: 36px;}
.menuBox ul {margin-top: 5px;padding: 20px 5px;width: 230px;clear: both;display: none;box-sizing: border-box;border-radius: 10px;background: #58139a;border: 1px solid transparent;border-image: linear-gradient(to left, #7fc1f1, #dc65d3);border-image-slice:1;}
.menuBox li:last-child {border: none;}
.menuBox li a {display: block;color: #dbb5e5;font-size: 32px;line-height: 75px;text-align: center;}