/*
Theme Name: 米域可广告
Theme URI: http://www.budiv.com/
Author: 吖飞
Author URI: https://www.budiv.com/
Version: 1.1
*/
@charset "utf-8";
*{box-sizing:border-box;}
html{font-size:10px;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font:14px"Microsoft YaHei","SimSun","宋体","Arial Narrow",HELVETICA;}
a{color:#2d374b;text-decoration:none}
a:hover{color:#cd0200;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle;max-width:100%;}
table{border-collapse:collapse;border-spacing:0}

.bigbody{background: #f9bf00; animation: bigbody 3s linear forwards;}
.bigbody,.www,.index-big,.bgpath,.dongtai-big{position: fixed; top: 0; left: 0; width: 100%; height: 100%;}

.nav{position: fixed; bottom: 60px; background: transparent; width: 830px; margin-left: -415px; left: 50%; text-align: center; z-index: 100;}
.nav{opacity: 0; animation: nav 1s linear 1s forwards;}
.nav li{float: left; width: 20%; padding-left: 2px; padding-right: 2px;}
.nav li a{padding: 10px 5px; color: #333; display: inline-block; background: #fff000; width: 100%; transition: all .5s;  border: 1px solid #fff000;}
.nav li a:hover,.nav li a.active,.nav li.current_page_item a,.nav li.current-menu-item a,.nav li.current-menu-parent a{background: #f9bf00; color: #fff; transition: all .5s;}

.toplogo{position: absolute; top: 40px; left: 20px; z-index: 20; width: 150px;}
/*.lo{width: 100%; height: 100%; animation: lo 3s linear forwards; position: absolute; transform: rotateX(89.9deg); z-index: 9;}*/
.logosvg{position: fixed; z-index: 2; height: 100%; width: 100%; transform: scale(1.2,1.2) translateX(0); transition: all 3s;}
.logosvgmove{transform: scale(1.2,1.2) translateX(-25%);}
.tlogobg{position: absolute; width: 350px; height: 350px; z-index: 19; top: -175px; left: -175px; transform: rotate(45deg); background: #fff000;}

.bgpath{/*animation: pathonew 3s linear 3s forwards;*/}
.path{position: absolute; top: 0; width: 100%; left: 0; height: 100%; z-index: 2;}
.path1{clip-path: polygon(0% 30%,0% 30%, 50% 50%, 0% 100%);-webkit-clip-path: polygon(0% 30%,0% 30%, 50% 50%, 0% 100%); background: #fde59f; animation: pathone 3s linear forwards; transform: translateX(-100%);}
.path2{clip-path: polygon(0% 15%,0% 15%, 0% 30%, 50% 50%);-webkit-clip-path: polygon(0% 15%,0% 15%, 0% 30%, 50% 50%); background: #fcda6f; animation: pathtwo 3s linear forwards; transform: translateX(-100%);}
.path3{clip-path: polygon(0% 0%, 80% 0%, 50% 50%, 0% 15%);-webkit-clip-path: polygon(0% 0%, 80% 0%, 50% 50%, 0% 15%); background: #fabf01; animation: paththree 3s linear forwards; transform: translateY(-100%);}
.path4{clip-path: polygon(80% 0%, 100% 0%, 100% 95%, 50% 50%);-webkit-clip-path: polygon(80% 0%, 100% 0%, 100% 95%, 50% 50%); background: #fdeabf; animation: pathfour 3s linear forwards; transform: translateX(100%);}
.path5{clip-path: polygon(50% 50%, 100% 95%, 100% 100%, 0% 100%);-webkit-clip-path: polygon(50% 50%, 100% 95%, 100% 100%, 0% 100%); background: #fcd55e; animation: pathfive 3s linear forwards; transform: translateY(100%);}

@keyframes pathonew{
    0% {transform: translateX(0) rotate(0);}
    100% {transform: translateX(0) rotate(360deg);}
}

.www{z-index: 10;}

.pjax_loading{clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);-webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);}
.loadingmove{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); background: #fff000; transition: all 1s; z-index: 11;}

/*首页*/
.index-h1{top: 20%; left: 50%; transform: translate(-50%, -50%); position: absolute; animation: index-h 3s linear 3s forwards;transform: translate(-50%, 100%);}
.index-big{transition: all 1s; z-index: 10; animation: index-big 3s linear 3s forwards; opacity: 0; visibility: hidden; transform: scale(0,0);}
.index-img{top: 35%; position: absolute; padding-left: 40px; padding-right: 40px;}
.index-img li{width: 25%; float: left; padding: 0 5px; position: relative;}
.index-img li:hover .mb{opacity: 0; visibility: hidden; transition: all .5s;}
.ia{display: block; width: 100%; height: 100%;}
.mb,.mb2{background: rgba(0,0,0, 0.5); position: absolute; z-index: 12; top: 0; width: calc( 100% - 10px ); height: 100%; opacity: 1; transition: all .5s; cursor: pointer;}
.mbfont,.dongtaititle{font-size: 40px; color: #fff; text-align: center; transform: translateY(-50%); top: 50%; position: relative; letter-spacing: 3px;}
.index-path .path1,.index-path .path2,.index-path .path3,.index-path .path4,.index-path .path5{transition: all 3s; opacity: 0;}


/*关于我们*/
.about-big,.dongtai-big{transition: all 1s; position: absolute; width: 100%; height: 100%; opacity: 0;}
.about-bigmove,.dongtai-bigmove{transition: all 1s; opacity: 1;}
.aboutinfo{width: 40%; position: absolute; height: 50%; top: 40%; left: 50%; transform: translate(-50%,-50%); line-height: 2em; text-align: justify; color: #fff;}
.abouth1{text-align: center; font-size: 50px; margin-bottom: 80px;}
.aboutinfo p{font-size: 16px; margin-bottom: 30px; float: left; width: 100%; padding-left: 30px; padding-right: 30px;}
.path1about{clip-path: polygon(0% 30%,0% 30%, 20% 100%, 0% 100%);-webkit-clip-path: polygon(0% 30%,0% 30%, 20% 100%, 0% 100%); transition: all 3s; z-index: 9;}
.path3about{clip-path: polygon(0% 0%, 100% 0%, 20% 100%, 0% 50%);-webkit-clip-path: polygon(0% 0%, 100% 0%, 20% 100%, 0% 50%); transition: all 3s; z-index: 9;}
.path4about{clip-path: polygon(20% 100%, 100% 0%, 100% 100%, 20% 100%);-webkit-clip-path: polygon(20% 100%, 100% 0%, 100% 100%, 20% 100%); transition: all 3s; z-index: 9; background: #ffc747;}

/*最新动态*/
.zuixin-container{position: relative; top: 30%;}
.zuixin{position: relative; top: 30%; width: 100%; padding-left: 15px; padding-right: 15px;}
.zuixin li{width: 25%; float: left; padding: 0 5px; position: relative;}
.zuixin li a{overflow: hidden;}


/*会议活动*/
.dongtai-container{width: 100%; top: 30%; position: absolute; overflow: visible;}
.dongtai-slide{text-align: center; width: 25%; overflow: hidden;}
.dongtai-slide a{display: block; width: 100%; height: 100%;}
.dongtai-slide img{transform: scale(1.2,1.2); transition: all .5s;}
.dongtai-slide:hover img{transform: scale(1,1); transition: all .5s;}
.dongtai-slide:hover .mb2{opacity: 0; visibility: hidden; transition: all .5s;}
.dongtai-slide:hover p{opacity: 0; visibility: hidden; transition: all .5s;}
.mb2{width: 100%; background: rgba(198,198,198,.5); left: 0;}
.dongtaititle{font-size: 20px; width: 80%; left: 50%; transform: translate(-50%, -50%); font-weight: 700; position: absolute; z-index: 15;}
.dongtaititle span{font-size: 16px; display: block;}
.dongtaititle strong{font-size: 20px;}
.dongtai-pagination{bottom: -10% !important;}

.dongtai-container-2{width: 45%; top: 50%; right: 100px; position: absolute; height: 60%; transform: translateY(-50%); overflow: visible; transition: all .3s;}
.dongtai-slide-2{height: 60%; cursor: pointer;}
.dongtai-button-next-2,.dongtai-button-prev-2{background-image: none; width: 100%; height: 250px; background-color: #fff; opacity: .5; position: absolute; left: auto; top: auto; bottom: auto; right: auto; z-index: 10;}
.dongtai-button-next-2{bottom: -260px;}
.dongtai-button-prev-2{top: -230px;}
.dongtaiup2{transform: translateY(-53%); transition: all .3s;}
.dongtaidown2{transform: translateY(-47%); transition: all .3s;}
.dongtai-container-2 .dongtai-pagination-2{right: -50px;}

.logosvgnone{opacity: 0;transform: scale(1.2,1.2) translateX(-25%);}
.path1dongtai{clip-path: polygon(0% 30%,0% 30%, 20% 100%, 0% 100%);-webkit-clip-path: polygon(0% 30%,0% 30%, 20% 100%, 0% 100%); transition: all 3s; z-index: 9;}
.path3dongtai{clip-path: polygon(0% 0%, 100% 0%, 20% 100%, 0% 50%);-webkit-clip-path: polygon(0% 0%, 100% 0%, 20% 100%, 0% 50%); transition: all 3s; z-index: 9;}
.path4dongtai{clip-path: polygon(20% 100%, 100% 0%, 100% 100%, 20% 100%);-webkit-clip-path: polygon(20% 100%, 100% 0%, 100% 100%, 20% 100%); transition: all 3s; z-index: 9;}

.dongtaiinfo{position: absolute; width: 35%; color: #fff; height: 50%; top: 50%; left: 30%; transform: translate(-50%, -50%);}
.titlebig{font-size: 60px; font-weight: 700; margin-bottom: 0;}
.title{font-size: 40px; font-weight: 700; margin-bottom: 30px;}
.didian{font-size: 20px; font-weight: 700;}
.didianname{margin-bottom: 30px;}
.shuoming p{margin-bottom: 10px; letter-spacing: 3px; text-align: justify;}

.swiper-pagination-bullet-active{background: #fff;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(images/right.png);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(images/left.png);}


/*背景还原*/
.path1h{clip-path: polygon(0% 30%,0% 30%, 50% 50%, 0% 100%);-webkit-clip-path: polygon(0% 30%,0% 30%, 50% 50%, 0% 100%);}
.path2h{clip-path: polygon(0% 15%,0% 15%, 0% 30%, 50% 50%);-webkit-clip-path: polygon(0% 15%,0% 15%, 0% 30%, 50% 50%);}
.path3h{clip-path: polygon(0% 0%, 80% 0%, 50% 50%, 0% 15%);-webkit-clip-path: polygon(0% 0%, 80% 0%, 50% 50%, 0% 15%);}
.path4h{clip-path: polygon(80% 0%, 100% 0%, 100% 95%, 50% 50%);-webkit-clip-path: polygon(80% 0%, 100% 0%, 100% 95%, 50% 50%);}
.path5h{clip-path: polygon(50% 50%, 100% 95%, 100% 100%, 0% 100%);-webkit-clip-path: polygon(50% 50%, 100% 95%, 100% 100%, 0% 100%);}

/*动画*/
/*导航*/
@keyframes nav{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/*首页标题*/
@keyframes index-h{
    from {transform: translate(-50%, 100%);}
    to {transform: translate(-50%, -50%);}
}

@keyframes index-big{
    0% {opacity: 0; visibility: hidden; transform: scale(0,0)}
    100% {opacity: 1; visibility: visible; transform: scale(1,1)}
}

/*背景*/
@keyframes bigbody{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes lo{
    0% {transform: translateX(-100%) rotateX(89.5deg); background: #fff;}
    30%,50% {transform: translateX(0) rotateX(89.5deg);background: #fff;}
    100% {transform: translateX(0) rotateX(0);background: transparent;}
}
@keyframes pathone{
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
@keyframes pathtwo{
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
@keyframes paththree{
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0);}
}
@keyframes pathfour{
    0% {transform: translateX(100%);}
    100% {transform: translateX(0);}
}

@keyframes pathfive{
    0% {transform: translateY(100%);}
    100% {transform: translateY(0);}
}

.pcnone{display: none;}
.mbnone{display: block;}
@media screen and (max-width: 768px) {
    .pcnone{display: block;}
    .mbnone{display: none;}
    .index-path .path1,.index-path .path2,.index-path .path3,.index-path .path4,.index-path .path5{transition: all 3s; opacity: 1;}
    .index-path .path1{clip-path: polygon(0% 30%,0% 30%, 20% 100%, 0% 100%);-webkit-clip-path: polygon(0% 30%,0% 30%, 20% 100%, 0% 100%); transition: all 3s; z-index: 9;}
    .index-path .path3{clip-path: polygon(0% 0%, 100% 0%, 20% 100%, 0% 50%);-webkit-clip-path: polygon(0% 0%, 100% 0%, 20% 100%, 0% 50%); transition: all 3s; z-index: 9;}
    .index-path .path4{clip-path: polygon(20% 100%, 100% 0%, 100% 100%, 20% 100%);-webkit-clip-path: polygon(20% 100%, 100% 0%, 100% 100%, 20% 100%); transition: all 3s; z-index: 9;}
    .index-container,.zuixin-container{position: relative; top: 50%; left: 50%; z-index: 99; margin-left: -49%; margin-top: -15%; max-width: 98%;}
    .index-container{top: 35%;}
    .nav{max-width: 98%; margin-left: -49%; bottom: 15px;}
    .toplogo{top: 10px; left: 10px; width: 120px;}
    .tlogobg{width: 360px; height: 260px;top: -210px; left: -200px; transform: rotate(56deg);z-index: 10;}
    .zuixin-container{margin-top: -35%;}
    .zuixin{position: relative; padding: 0;}
    .zuixin li{width: 100%;}
    .aboutinfo{top: 37%; width: 98%; left: 51%;}
    .abouth1{margin-bottom: 30px; font-size: 35px;}
    .aboutinfo p{width: 98%; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; font-size: 12px; line-height: 1.5em;}
    .dongtai-container-2{width: 94%; top: 50%; height: 35%; right: auto; position: relative; transform: translateY(0); overflow: hidden;}
    .dongtai-slide-2{height: 100%;}
    .dongtai-button-next-2,.dongtai-button-prev-2{position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; opacity: 1; background: none; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat;}
    .dongtai-button-prev-2{left: 10px; right: auto; background-image: url(images/left.png);}
    .dongtai-button-next-2{right: 10px; left: auto; background-image: url(images/right.png);}
    .dongtaiinfo{width: 90%; top: 10px; left: 5%; text-align: right; height: auto; transform: translate(0,0);}
    .titlebig{font-size: 30px; margin-bottom: 10px;}
    .title{font-size: 18px; margin-bottom: 10px;}
    .didian{font-size: 16px;}
    .didianname{margin-bottom: 15px;}
    .path4dongtai{background: #ffc747;}
}

@media screen and (max-width: 320px) {
    body{font-size: 12px;}
    .nav{max-width: 98%; margin-left: -49%; bottom: 15px; font-size: 1rem;}
    .aboutinfo p{margin-bottom: 10px;}
}