
/*main*/

.main{
    width: 1200px;
    margin: 0 auto;
}

.main h2{
    font-size: 25px;
    color: #11264e;
    margin: 45px 0 33px 0;
}

.main h2 span{
    font-size: 18px;
}

.main .box{
    width: 1200px;
    margin: 0 auto;
}

.main .box ul{
    overflow: hidden;
}

.main .box li{
    float: left;
    text-align: center;
}

.main .box li a{
    color: #1d3a6c;
}

.main .box li a span{
    font-size: 25px;
    font-weight: bold;
    margin-top: 110px;
    display: inline-block;
}

/*快速通道li特效*/
.main .box li a:hover span{
    transform: translateY(-20px);
}

.main .box li a:hover p{
    transform: translateY(-20px);
}
/*快速通道li特效*/

.main .box li a p{
    font-size: 18px;
    font-weight: bold;
}

.main .box .top li:nth-child(2n+1){
    width: 344px;
    height: 268px;
    background: url("../images/libg1.png") no-repeat 0 0;
    background-size: 342px 268px;
    margin-right:-44px;
    position: relative;
    z-index: 999;
}

.main .box .top li:nth-child(2n){
    width: 297px;
    height: 268px;
}

.main .box .bottom li:nth-child(2n+1){
    width: 297px;
    height: 268px;
}

.main .box .bottom li:nth-child(2n){
    width: 344px;
    height: 268px;
    background: url("../images/libg2.png") no-repeat 0 0;
    background-size: 342px 268px;
    position: relative;
    z-index: 999;
    margin-left: -42px;
}


.jieshao{
    width: 100%;
    height: 464px;
    margin-top: 71px;
    background: url("../images/jieshapbg.png") no-repeat 0 0;
    padding-top: 44px;
}

.jieshao .btn{
    width: 1200px;
    height: 326px;
    margin: 0 auto;
}

.jieshao .btn .left{
    float: left;
}


.jieshao .btn .right{
    width: 656px;
    float: left;
    margin-left: 25px;
}

.jieshao .btn .right h3{
    font-size: 20px;
    color: white;
}

.jieshao .btn .right p{
    font-size: 16px;
    text-indent: 30px;
    margin-top: 41px;
    line-height: 31px;
    color: white;
}

.jieshao .btn .right a{
    width: 152px;
    height: 36px;
    display: block;
    margin: 90px auto 0 auto;
    border: 2px white solid;
    line-height: 36px;
    text-align: center;
    color: white;
}

.jieshao .btn .right a:hover{
    color: red;
    background: white;
    border: 2px red solid;
}

.riqi{
    width: 100%;
    height: 462px;
    background: url("../images/riqibg.png") no-repeat 0 0;
}

.riqi .riqinei{
    width: 1200px;
    margin: 0 auto;
}

.riqi .riqinei .left{
    float: left;
    width: 364px;
    font-size: 30px;
    font-weight: bold;
    color: #11264e;
    margin-top: 193px;
}

.riqi .riqinei .right{
    width: 836px;
    margin-top: 30px;
    float: left;
    padding-top: 100px;
}

.riqi .riqinei .right li{
    width: 280px;
    height: 74px;
    float: left;
    text-align: center;
    background: url("../images/hong.png") no-repeat 0 15px;
    background-size: 20px 40px;
    margin-bottom: 50px;
    font-size: 20px;
    color: #0366c1;
    font-weight: bold;

    opacity: 0;
}
/*main*/


/*main*/


/*会议介绍效果*/
.animate{animation:1s linear forwards}

.animateleft{animation: zuo 1s linear forwards}

.animateright{animation: you 1s linear forwards}

.animatetime{animation: shijian 0.3s linear forwards 1s}

@keyframes zuo {
    0%{transform: translateX(-500px);opacity: 0}
    100%{transform: translateX(0px);opacity:1}
}

@keyframes you {
    0%{transform: translateX(500px);opacity: 0}
    100%{transform: translateX(0px);opacity:1}
}


/*日期特效*/
@keyframes shijian{
    0%{transform: translateX(-50px);;opacity: 0}
    100%{transform: translateX(0px);;opacity: 1}
}

/*会议介绍效果*/





