.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; position:relative; margin:0 auto;}
.main1{width:1200px; position:relative; margin:0 auto;}
.left1{float:left;width:850px;overflow:hidden;}
.left1a{float:left;width:100%; background:#FFFFFF; padding:15px 20px 15px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);margin-top:20px; overflow:hidden;}
.left1a li{ width:100%; height:45px;line-height:45px;font-size:18px; float:left; overflow:hidden;}
.left1a li:nth-child(1){ font-size:20px; font-weight:bold;}

.left1b{float:left;width:100%; margin-top:20px; overflow:hidden;}


.left1c{float:left;width:100%; margin-top:20px; overflow:hidden;}
.left1c img{width:100%; border:0px; display:block;}

.left1d{float:left;width:100%; margin-top:20px; overflow:hidden;}



.right1{ width:320px; float:right}
.right1_bg{ width:320px; background:#FFFFFF;box-shadow: 0 1px 3px rgba(0,0,0,0.1); float:left; margin-top:20px;}
.right1a{ width:100%; float:left;margin-top:20px;}
.right1a img{width:100%; border:0px; display:block;}

.right1b{ width:100%; float:left; padding:10px;}
.right1b img{width:100%; border:0px; display:block;}


.right1c{float:left; width:100%; padding-left:20px; padding-right:20px; padding-bottom:20px; }
.right1c ul{width:100%;}
.right1c li{ float:left; width:100%; position:relative; margin-top:20px; overflow:hidden;}
.right1c li .p1{ height:160px; overflow:hidden;}
.right1c li .p1 img{ width:100%;height:160px;}
.right1c li .p2{ line-height:26px; font-size:16px; margin-top:10px;overflow:hidden;}
.right1c li .p3{ height:20px;line-height:20px; font-size:14px; color:#999999;  margin-top:10px; overflow:hidden;}
.right1c li .sp{position:absolute;left:50%;top:60px; margin-left:-20px;}
.right1c li .sp img{width:40px; height:40px; border:0px;}

.right1d{float:left; width:100%; padding-left:20px; padding-right:20px; padding-bottom:20px; }
.right1d li{ width:100%; max-height:60px; line-height:30px;font-size:16px; padding-left:30px; margin-top:20px; position:relative; float:left; overflow:hidden;}
.right1d li span{width:30px; height:30px; line-height:30px; font-size:20px;font-style: italic; color:#666666;display:inline-block; position:absolute; left:0px;top:0px;}
.right1d li:nth-child(1) span{color:#FF0000}
.right1d li:nth-child(2) span{color:#FF0000}
.right1d li:nth-child(3) span{color:#FF0000}


.title1{ float:left;width:100%;height:45px; background:#efefef; border-top:5px solid #FF0000;}
.title1 .p1{ float:left; height:40px; line-height:40px; font-size:20px; padding-left: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;}




@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; position:relative; margin:0 auto;}
.main1{width:94%; position:relative; margin:0 auto;}
.left1{float:left;width:100%;overflow:hidden;}
.left1a{float:left;width:100%; background:#FFFFFF; padding:10px 15px 10px 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);margin-top:20px; overflow:hidden;}
.left1a li{ width:100%; height:40px;line-height:40px;font-size:16px; float:left; overflow:hidden;}
.left1a li:nth-child(1){ font-size:18px; font-weight:bold;}

.left1b{float:left;width:100%; margin-top:20px; overflow:hidden;}

.left1c{float:left;width:100%; margin-top:20px; overflow:hidden;}
.left1c img{width:100%; border:0px; display:block;}

.left1d{float:left;width:100%; margin-top:20px; overflow:hidden;}


.right1{ width:100%; float:right}
.right1_bg{ width:100%; background:#FFFFFF;box-shadow: 0 1px 3px rgba(0,0,0,0.1); float:left; margin-top:20px;}
.right1a{ width:100%; float:left;margin-top:20px;}
.right1a img{width:100%; border:0px; display:block;}

.right1b{ width:100%; float:left; padding:10px;}
.right1b img{width:100%; border:0px; display:block;}


.right1c{float:left; width:100%; padding-left:15px; padding-right:15px; padding-bottom:10px; }
.right1c ul{width:100%;}
.right1c li{ float:left; width:100%; position:relative; margin-top:20px; overflow:hidden;}
.right1c li .p1{ height:240px; overflow:hidden;}
.right1c li .p1 img{ width:100%;height:240px;}
.right1c li .p2{ line-height:26px; font-size:16px; margin-top:10px;overflow:hidden;}
.right1c li .p3{ height:20px;line-height:20px; font-size:14px; color:#999999;  margin-top:10px; overflow:hidden;}
.right1c li .sp{position:absolute;left:50%;top:60px; margin-left:-20px;}
.right1c li .sp img{width:40px; height:40px; border:0px;}

.right1d{float:left; width:100%; padding-left:20px; padding-right:20px; padding-bottom:20px; }
.right1d li{ width:100%; max-height:60px; line-height:30px;font-size:16px; padding-left:30px; margin-top:20px; position:relative; float:left; overflow:hidden;}
.right1d li span{width:30px; height:30px; line-height:30px; font-size:20px;font-style: italic; color:#666666;display:inline-block; position:absolute; left:0px;top:0px;}
.right1d li:nth-child(1) span{color:#FF0000}
.right1d li:nth-child(2) span{color:#FF0000}
.right1d li:nth-child(3) span{color:#FF0000}


.title1{ float:left;width:100%;height:45px; background:#efefef; border-top:5px solid #FF0000;}
.title1 .p1{ float:left; height:40px; line-height:40px; font-size:20px; padding-left: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;}




}