.gg01{width:1200px; position:relative; margin:0 auto; margin-top:20px;}
.gg01 img{ width:100%; border:0px;}


.gg03{width:1200px; margin:0px auto;margin-top:20px;}
.gg03_L{float:left; width:585px;}
.gg03_L img{width:100%; display:block; border:0px;}

.gg03_R{float:right; width:585px;}
.gg03_R img{width:100%; display:block; border:0px;}

.main_bg{width:100%; background:#f7f3f7; padding-top:20px;  position:relative; margin:0 auto;}


.tt{width:1200px; background:#FFFFFF;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); padding-top:20px; padding-bottom:20px;margin:0 auto;}
.tta{width:100%;  height:60px; line-height:60px; text-align:center;  font-size:36px;font-weight:bold; overflow:hidden;}
.tta a{ color:#ff0000;}

.ttb{width:100%;  height:36px; line-height:36px; text-align:center; font-size:16px;margin-top:10px; overflow:hidden;}
.ttb span{ padding-left:15px; padding-right:15px;}



.main1{width:1200px; position:relative; margin:0 auto;}
.left1{float:left;width:860px; margin-top:20px;}


.right1{ width:320px; background:#FFFFFF;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);  float:right; margin-top:20px;}
.right1a{ width:100%; float:left; padding:10px;}
.right1a img{width:100%; height:506px; border:0px; display:block;}

.main2{width:1200px;ackground:#FFFFFF;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); padding-bottom:20px; position:relative; margin:0 auto; margin-top:20px;}
.main2a{ width:1200px; float:left}
.main2a ul{width:1200px;}
.main2a li{ float:left; width:374px; position:relative; margin-top:20px; margin-left:20px; overflow:hidden;}
.main2a li .p1{ height:240px; overflow:hidden;}
.main2a li .p1 img{ width:100%;height:240px;}
.main2a li .p2{ height:30px;line-height:30px; font-size:16px; margin-top:10px;overflow:hidden;}
.main2a li .p3{ height:20px;line-height:20px; font-size:14px; color:#999999;  margin-top:10px; overflow:hidden;}
.main2a li .sp{position:absolute;left:50%;top:90px; margin-left:-25px;}
.main2a li .sp img{width:50px; height:50px; border:0px;}
.main2a li:nth-child(3n){ margin-right:0px;}

.main3{width:1200px; position:relative;  margin:0 auto; margin-top:20px;}


.title1{ float:left;width:100%;}
.title1 .p1{ float:left; border-left:5px solid #0100f7; height:24px; line-height:24px; font-size:22px; font-weight:bold; padding-left:10px; margin-left:20px; margin-top:20px;}



.waterfall {float:left;width:100%;position:relative;}
.waterfall-item {position:absolute;background:#fff;border-radius:0px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease,box-shadow 0.3s ease,transform 0.3s ease;}
.waterfall-item.animate-in {opacity:1;transform:translateY(0);}
.waterfall-item:hover {transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.15);z-index:10;}
.waterfall-item  .p1{width:100%;transition:color 0.3s ease;}
.waterfall-item  .p1 img {width:100%;}
.waterfall-item  .p2{width:100%;line-height:30px; font-size:16px; padding-left:15px; padding-right:15px; padding-top:10px;transition:color 0.3s ease;}
.waterfall-item  .p3{width:100%;font-size:14px;  padding-left:15px; padding-top:10px; padding-bottom:15px;color:#999999;transition:color 0.3s ease;}
.waterfall:after {content:'';display:block;height:0;clear:both;visibility:hidden;}




@media screen and (max-width:768px) {

.gg01{width:94%; position:relative; margin:0 auto; margin-top:20px;}
.gg01 img{ width:100%;display:block; border:0px; }


.gg03{width:94%; margin:0px auto;margin-top:20px;}
.gg03_L{float:left; width:100%;}
.gg03_L img{width:100%; display:block; border:0px;}

.gg03_R{float:right; width:100%;margin-top:20px;}
.gg03_R img{width:100%; display:block; border:0px;}


.main_bg{width:100%; background:#f7f3f7; padding-top:20px; position:relative; margin:0 auto;}


.tt{width:94%;background:#FFFFFF;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px;margin:0 auto;}
.tta{width:100%; height:auto; line-height:30px; text-align:center;  font-size:18px;font-weight:bold; overflow:hidden;}
.tta a{ color:#ff0000;}

.ttb{width:100%;  height:auto; line-height:32px; text-align:center; font-size:16px;margin-top:10px; overflow:hidden;}
.ttb span{ display:block; width:100%; height:32px;line-height:32px; padding-left:0px; padding-right:0px;overflow:hidden;}


.main1{width:94%; position:relative; margin:0 auto;}
.left1{float:left;width:100%; margin-top:20px;}


.right1{ width:100%; background:#FFFFFF;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);  float:right; margin-top:20px;}
.right1a{ width:100%; float:left; padding:10px;}
.right1a img{width:100%; height: auto; border:0px; display:block;}

.main2{width:94%;ackground:#FFFFFF;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); padding-bottom:15px; position:relative; margin:0 auto; margin-top:20px;}
.main2a{ width:100%; float:left}
.main2a ul{width:100%;}
.main2a li{ float:left; width:100%; position:relative; margin-top:20px; margin-left:0px; padding-left:15px; padding-right:15px; overflow:hidden;}
.main2a li .p1{ height:240px; overflow:hidden;}
.main2a li .p1 img{ width:100%;height:240px;}
.main2a li .p2{ height:30px;line-height:30px; font-size:16px; margin-top:10px;overflow:hidden;}
.main2a li .p3{ height:20px;line-height:20px; font-size:14px; color:#999999;  margin-top:10px; overflow:hidden;}
.main2a li .sp{position:absolute;left:50%;top:90px; margin-left:-25px;}
.main2a li .sp img{width:50px; height:50px; border:0px;}
.main2a li:nth-child(3n){ margin-right:0px;}

.main3{width:94%; position:relative;  margin:0 auto; margin-top:20px;}


.title1{ float:left;width:100%;}
.title1 .p1{ float:left; border-left:5px solid #0100f7; height:22px; line-height:22px; font-size:20px; font-weight:bold; padding-left:10px; margin-left:15px; margin-top:15px;}







.waterfall {float:left;width:100%;position:relative;}
.waterfall-item {position:absolute;background:#fff;border-radius:0px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease,box-shadow 0.3s ease,transform 0.3s ease;}
.waterfall-item.animate-in {opacity:1;transform:translateY(0);}
.waterfall-item:hover {transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.15);z-index:10;}
.waterfall-item  .p1{width:100%;transition:color 0.3s ease;}
.waterfall-item  .p1 img {width:100%;}
.waterfall-item  .p2{width:100%;line-height:30px; font-size:16px; padding-left:15px; padding-right:15px; padding-top:10px;transition:color 0.3s ease;}
.waterfall-item  .p3{width:100%;font-size:14px;  padding-left:15px; padding-top:10px; padding-bottom:15px;color:#999999;transition:color 0.3s ease;}
.waterfall:after {content:'';display:block;height:0;clear:both;visibility:hidden;}




}