@charset "utf-8";
/* CSS Document */
body{margin: 0;padding: 0;}
*{font-family: 微软雅黑 !important;font-size: 16px;}
a{text-decoration: none;}
img{display: block;}
.clear{clear: both;}
.all{width:100%;}
/*导航*/
.nav{width:100%;background:0;height:80px;padding:20px 15px;position: fixed;z-index: 2}
.nav-center{max-width: 1200px;margin: 0 auto;padding-left: 20px;}
.logo{float: left;padding-top:4px;height: 32px;}
.nav-button{float: right;}
.nav-button a{margin:30px;color:#fff;line-height: 40px;}
.nav-button a:hover{color:#d8d8d8;transition: 0.3s}
.nav-button a:visited{color:#d8d8d8 !important;transition: 0.3s}
/*banner*/
.banner{width: 100%;margin-bottom:30px;padding-top:0px;}
.banner .ba{width: 100%;}
/*活动介绍*/
.t{width:100%;}
.t-center{max-width: 1200px;margin: 0 auto;}
.t-center h1{padding-bottom:30px;}
.t-js{width: 100%;}
.t-left{float: left;width:60%;}
.t-center .active-title{margin-bottom: 60px}
.t-center h1{text-align: center;font-size: 26px;color:#333;}
.t-left p{text-align: justify;line-height: 30px;color: #666;margin-bottom: 55px;margin-top: 0;}
.t-right{float: right;border: solid 3px #0a50c2;padding: 0 60px;box-sizing: border-box;}
.t-right h2{font-size:36px;color: #0a90ff;text-align: center;margin-bottom:30px;margin-top: 30px;}
.t-right p{font-size: 18px;color:#333;font-weight: bold;text-align: center;line-height:60px;margin: 0;}
.t-right img{width: 181px;margin: 0 auto;}
/*大会亮点*/
.fly{width: 100%;}
.lx{position: absolute;left: 0;z-index: -99;}
.fly-right{max-width:900px;margin: 0 auto;}
@media(max-width:1200px){.fly-right{margin: 0 auto 0 300px;}}
@media(max-width:1200px){.lx{width:30%}}
.dg-fly{float: left;width:calc(50% - 30px);margin: 15px;}
.dg-fly:hover img{transform: scale(1.1)}
.dg-fly a{display: block;width: 300px;margin: 0 auto;overflow: hidden;}
.dg-fly img{width: 100%;-webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.dg-fly a{text-align: center;font-size: 15px !important;}
.dg-fly p{text-align: center;width: 300px;line-height:30px;color:#666;margin-top:20px;font-size: 15px !important;}
.dg-fly p:hover{color:#29569a;transition: .3s;}

/*人物名言*/
.king{max-width: 1160px;height:80px;margin: 0 auto;background:rgba(41,86,154,0.9);padding:5px 20px;}
.king-text{color: white;width:70%;margin: 0;line-height:30px;}
/*华为云*/
.cloud-right{position: absolute;right: 0;z-index: -99;}
.cloud-left{max-width:1000px;margin: 0 auto;}
@media(max-width:1200px){.cloud-left{margin: 0 160px 0 auto}}
@media(max-width:1200px){.cloud-right{width:15%;}}
.dg-c{float: left;width:calc(25% - 30px);margin: 15px;}
.dg-c:hover img{transform: scale(1.1)}
.dg-c a{display: block;width: 200px;margin: 0 auto;overflow: hidden;}
.dg-c img{max-width: 100%;-webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.dg-c a{text-align: center;font-size: 15px !important;}
.dg-c p{text-align: center;width: 200px;line-height:30px;color:#666;margin-top:20px;font-size: 15px !important;}
.dg-c p:hover{color:#29569a;transition: .3s;}

/*扩展*/
.kz{max-width: 1200px;margin: 0 auto;}
.dg-kz{float: left;margin: 30px;width: calc(100% / 3 - 60px);margin-bottom: 0;margin-top: 0;}
.dg-kz:hover{background:#29569a;transition: .3s;}
.dg-kz:hover a{color:white;transition: .3s;}
.dg-kz a:hover{text-decoration: underline;transition: .3s;}
.dg-kz:hover h6{color:white;transition: .3s;border-bottom: 2px solid #fff;}
.dg-kz a{display: block;line-height:30px;margin:15px 20px;color:#666;font-size: 15px;}
.dg-kz h6{color:#29569a;border-bottom: 2px solid #29569a;padding-bottom: 15px;padding-left:20px;margin-bottom:0;}
#b2 h1{margin-top: 15px;}



/*.z{width: 100%;}
.zb{float: left;margin-right: 20px;}
.zb img{width: 100%;}
.yb{float:left;width:1000px;}
.yb .dgyb{float: left;margin: 15px;width:calc(50% - 30px);}
.dgyb a{display: block;width:300px;text-align: center;}
.dgyb a img{display: block;width: 300px;margin: 0 auto;}*/








/*精彩图集*/
.jctj{max-width: 1200px;margin: 0 auto;padding: 30px;box-sizing: border-box;padding-top: 0;}
.dw-jctj{position:relative;width:100%;height:695px;}
.box{position:absolute;}
.box1{left: 0;top: 0;}
.box2{left: 0;bottom: 0;}
.box3{left:22.8%;top: 0;}
.box4{right: 0;top:0;}
.box5{bottom: 0;left:22.8%;}
.box6{left: 50%;bottom: 0;}

.jc-img{max-width: 1180px;margin: 0 auto;padding:0 10px;margin-bottom: 30px;}
.i1:hover{border: 1px solid #29569a;box-sizing: border-box;}
.i2:hover{border: 1px solid #29569a;box-sizing: border-box;}
.i3:hover{border: 1px solid #29569a;box-sizing: border-box;}
.i4:hover{border: 1px solid #29569a;box-sizing: border-box;}
.i5:hover{border: 1px solid #29569a;box-sizing: border-box;}
.i6:hover{border: 1px solid #29569a;box-sizing: border-box;}



.left-img{float: left;margin-right: 20px;}
.right-img{float: left;}
.i1{background: url(../images/01.jpg) no-repeat center center;width: 235px;height:235px;background-size: cover;margin-bottom: 20px;}
.i2{background: url(../images/02.jpg) no-repeat center center;width: 235px;height:432px;background-size: cover;}
.i3{background: url(../images/03.jpg) no-repeat center center;width:623px;height:383px;background-size: cover;float: left;margin-right: 20px;}
.i4{background: url(../images/04.jpg) no-repeat center center;width:235px;height:383px;background-size: cover;float: left;}
.i5{background: url(../images/05.jpg) no-repeat center center;width:283px;height:283px;background-size: cover;float: left;margin-right: 20px;}
.i6{background: url(../images/06.jpg) no-repeat center center;width:575px;height:283px;background-size: cover;float: left;}
.bottom-img{margin-top: 20px;}
@media(max-width:1200px){.i1{width: 169px;height: 169px;}}
@media(max-width:1200px){.i2{width: 169px;height: 310px}}
@media(max-width:1200px){.i3{width:447px;height:274px;}}
@media(max-width:1200px){.i4{width:169px;height:274px;}}
@media(max-width:1200px){.i5{width:203px;height:203px;}}
@media(max-width:1200px){.i6{width:414px;height:203px;}}
@media(max-width:1200px){.jc-img{margin: 0 auto;width: 846px;}}

/*页脚*/
.footer{width:100%;height:80px;background-color:#29569a;padding:10px 0;}
.footer p{width:100%;margin:0 auto;text-align:center;line-height:28px;color:white;font-size: 14px;}
@media(max-width:960px){.footer{padding:1em 0em;}}
@media(max-width:960px){.footer p{font-size: 0.9em;line-height: 1.7em;}}