.banner{position:relative;height:670px;line-height:670px;overflow:hidden;}
.banner .max-container{height:100%;}
.banner .container{height:100%;}
.banner .content{position:absolute;top:0px;left:0px;width:100%;height:100%;background:no-repeat center center;background-size: cover;}
.banner .content .infos{position:absolute;top:232px;left:0px;width:550px;overflow:hidden;}
.banner .content .infos h1{line-height:62px;padding-bottom:12px;color:#fff;font-size:40px;font-weight: bold; text-shadow:0 2px 2px rgba(0,0,0,0.29);-webkit-text-shadow:0 2px 2px rgba(0,0,0,0.29); transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-duration: .3s;-webkit-transition-duration:.3s;transition-delay:.3s;-webkit-transition-delay:.3s; }
.banner .content .infos .info{line-height:36px;color:#fff;font-size:24px;transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-duration: .3s;-webkit-transition-duration:.3s; transition-delay:.6s;-webkit-transition-delay:.6s; }
.banner .content .infos .info p{text-shadow:0 2px 2px rgba(0,0,0,0.29);-webkit-text-shadow:0 2px 2px rgba(0,0,0,0.29);} 
.banner .content.in .infos h1{ transform: translateX(0%);-webkit-transform: translateX(0%);}
.banner .content.in .infos .info{ transform: translateX(0%);-webkit-transform: translateX(0%);}

.banner .content .imgs{position:absolute;top:0px;bottom:0px;margin:auto 0;right:0px;width:50%;transform: scale(0);-webkit-transform:scale(0);transition-delay:.3s;-webkit-transition-delay:.3s;transition-duration: .3s;-webkit-transition-duration:.3s; }
.banner .content .imgs img{max-width:100%;max-height:80%;vertical-align:middle;}
.banner .content.in .imgs{transform: scale(1);-webkit-transform:scale(1);}

.banner .max-container .btn{transition-duration: .3s;-webkit-transition-duration:.3s;cursor:pointer;position:absolute;top:0px;bottom:0px;margin:auto 0;width:46px;height:46px;line-height:46px;text-align:center;border:1px solid #fff;border-radius:46px;-webkit-border-radius:46px;}
.banner .max-container .btn img{ vertical-align:middle; }
.banner .max-container .btn.left-btn{left:0px;}
.banner .max-container .btn.right-btn{right:0px;}
.banner .max-container .btn:hover{background:#771077;border:1px solid #771077;}
.banner .banner-nav{position:absolute;left:0px;right:0px;bottom:20px;height:8px;line-height:8px;text-align:center;}
.banner .banner-nav .child{vertical-align:middle;display:inline-block;*display:inline;*zoom:1;width:8px;height:8px;border-radius:8px;-webkit-border-radius:8px;background:#fff;cursor:pointer;margin:0 4px;}
.banner .banner-nav .child.on{background:#771077;}
.banner .content1 .imgs{right:-60px;}
.main{border-bottom:1px solid #e5e5e5;}
.main:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .main-child{position:relative;width:25%;height:340px;float:left;overflow:hidden;}
.main .main-child h2{position:relative;z-index:2;line-height:34px;padding-bottom:10px;color:#434343;font-size:22px;}
.main .main-child .info{position:relative;z-index:2;line-height:22px;padding-bottom:26px;color:#878787;font-size:14px;}
.main .main-child .icon{position:relative;z-index:2;}
.main .main-child .bg{position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:no-repeat center center;background-size:cover;transition-duration: 2s;-webkit-transition-duration:2s;}
.main .main-child .bg img{position:absolute;bottom:0px;right:0px;}
.main .main-child .bg .h{position:absolute;top:0px;bottom:0px;left:0px;right:0px; opacity: 0.8;}
.main .main-child:hover .bg{ transform: scale(1.1);-webkit-transform: scale(1.1); }

.main .main-child.odd .center{padding:74px 38px 0 38px;}
.main .main-child.even .center{padding:62px 68px 0 68px;}
.main .main-child.even h2{position:relative;z-index:2;line-height:42px;padding-bottom:16px;color:#fff;font-size:28px;}
.main .main-child.even .info{position:relative;z-index:2;line-height:28px;padding-bottom:36px;color:#fff;font-size:18px;}
.main .main-child1 .bg img{bottom: 10px;right: 20px;}
.main .main-child2 .bg .h{background:#750173;}
.main .main-child4 .bg .h{background:#022981;}


.main .main-child h2{animation:main-child-left .6s cubic-bezier(0.62, -0.14, 0.6, 1.45) 0s both;-webkit-animation:main-child-left .6s cubic-bezier(0.62, -0.14, 0.6, 1.45) 0s both;}
.main .main-child .info{animation:main-child-left .6s cubic-bezier(0.62, -0.14, 0.6, 1.45) .4s both;-webkit-animation:main-child-left .6s cubic-bezier(0.62, -0.14, 0.6, 1.45) .4s both;}
.main .main-child .icon{animation:main-child-left .6s cubic-bezier(0.62, -0.14, 0.6, 1.45) .8s both;-webkit-animation:main-child-left .6s cubic-bezier(0.62, -0.14, 0.6, 1.45) .8s both;}

@keyframes main-child-left{
0%{ transform:translateX(-200%); }
100%{transform:translateX(0);}
}
@-webkit-keyframes main-child-left{
0%{ -webkit-transform:translateX(-200%); }
100%{-webkit-transform:translateX(0);}
}



@media (max-width: 639px) {
.banner{height:240px;line-height:240px;}
.banner .content .infos{top:60px;left:0px;right:0px;margin:0 auto;width:260px;}
.banner .content .infos h1{line-height:24px;padding-bottom:8px;font-size:20px; }
.banner .content .infos .info{line-height:20px;font-size:14px;}
.banner .content .imgs{display:none;}

.banner .max-container .btn{width:46px;height:46px;line-height:46px;}
.banner .banner-nav{bottom:20px;height:8px;line-height:8px;}
.banner .banner-nav .child{width:8px;height:8px;margin:0 4px;}
.banner .content1 .imgs{right:-45px;}
.main{border-bottom:0;}
.main .main-child{height:180px;width:50%;border-bottom: 1px solid #e5e5e5;}
.main .main-child h2{line-height:26px;padding-bottom:8px;font-size:18px;}
.main .main-child .info{line-height:20px;padding-bottom:16px;font-size:12px;}


.main .main-child.odd .center{padding:20px 12px;}
.main .main-child.even .center{padding:20px 12px;}
.main .main-child.even h2{line-height:26px;padding-bottom:8px;font-size:18px;}
.main .main-child.even .info{line-height:20px;padding-bottom:16px;font-size:12px;}
.main .main-child1 .bg img{bottom: 6px;right: 10px;width:80px;}
.main .main-child3 .bg img{width:121px;}

.invitation_bg{display:none !important;}
.invitation{display:none !important;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{height:320px;line-height:320px;}
.banner .content .infos{top:80px;left:0px;right:0px;margin:0 auto;width:420px;}
.banner .content .infos h1{line-height:46px;padding-bottom:10px;font-size:30px; }
.banner .content .infos .info{line-height:28px;font-size:18px;}
.banner .content .imgs{display:none;}

.banner .max-container .btn{width:46px;height:46px;line-height:46px;}
.banner .banner-nav{bottom:20px;height:8px;line-height:8px;}
.banner .banner-nav .child{width:8px;height:8px;margin:0 4px;}
.banner .content1 .imgs{right:-45px;}
.main{border-bottom:0;}
.main .main-child{height:255px;width:50%;border-bottom: 1px solid #e5e5e5;}
.main .main-child h2{line-height:26px;padding-bottom:8px;font-size:18px;}
.main .main-child .info{line-height:20px;padding-bottom:16px;font-size:12px;}


.main .main-child.odd .center{padding:55px 28px 0 28px;}
.main .main-child.even .center{padding:46px 51px 0 51px;}
.main .main-child.even h2{line-height:42px;padding-bottom:16px;font-size:28px;}
.main .main-child.even .info{line-height:28px;padding-bottom:36px;font-size:18px;}
.main .main-child1 .bg img{bottom: 10px;right: 20px;width:140px;}
.main .main-child3 .bg img{width:242px;}

.invitation_bg{display:none !important;}
.invitation{display:none !important;}
}
@media (min-width: 1024px) and (max-width:1560px ) {
.banner{height:510px;line-height:510px;}
.banner .content .infos{top:174px;width:420px;}
.banner .content .infos h1{line-height:46px;padding-bottom:10px;font-size:30px; }
.banner .content .infos .info{line-height:28px;font-size:18px;}


.banner .max-container .btn{width:46px;height:46px;line-height:46px;}
.banner .banner-nav{bottom:20px;height:8px;line-height:8px;}
.banner .banner-nav .child{width:8px;height:8px;margin:0 4px;}
.banner .content1 .imgs{right:-45px;}
.main .main-child{height:255px;}
.main .main-child h2{line-height:26px;padding-bottom:8px;font-size:18px;}
.main .main-child .info{line-height:20px;padding-bottom:16px;font-size:12px;}


.main .main-child.odd .center{padding:55px 28px 0 28px;}
.main .main-child.even .center{padding:46px 51px 0 51px;}
.main .main-child.even h2{line-height:42px;padding-bottom:16px;font-size:28px;}
.main .main-child.even .info{line-height:28px;padding-bottom:36px;font-size:18px;}
.main .main-child1 .bg img{bottom: 10px;right: 20px;width:140px;}
.main .main-child3 .bg img{width:242px;}

.invitation{width:840px;height:553px;}
.invitation .content{width:544px;margin:12px auto 0 auto;height:516px;}
.invitation .content .title{padding:18px 0 6px 0;}
.invitation .content .title img{height:24px;}
.invitation .content .i-content{font-size:12px;line-height:20px;}
.invitation .content .i-content h3{line-height: 20px;font-size:14px;padding-top:10px;}
.invitation .pen{top:-56px;left:-22px;}
.invitation .close{top:40px;right:32px;}
.invitation .btn{margin:12px auto 0px auto;font-size:14px;width:120px;height:30px;line-height:30px;}
}
@media (min-width: 1561px) and (max-width:1920px ) {

}

<!--[if IE7]>
.header .nav .nav-child{padding:0 10px;}

<![endif]-->