.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:url(../images/toutiaologo.png) no-repeat left top #FFFFFF;box-shadow: 0 1px 3px 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;}

.focus{width:1200px; margin:0 auto; margin-top:20px;}

.main1{width:1200px; position:relative; margin:0 auto; margin-top:20px;}
.left1{float:left;width:800px; background:#FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding-bottom:20px;}
.left1a{ width:800px; float:left}
.left1a ul{width:100%;}
.left1a li{ float:left; width:370px; height:240px; margin-top:20px; margin-left:20px; position:relative; overflow:hidden;}
.left1a li img{ width:100%; height:240px; border:0px;}
.left1a li span{width:100%;  height:40px; line-height:40px; background:rgba(0,0,0,0.6); position:absolute;left:0;bottom:0; font-size:16px; color:#fff; padding-left:2%; padding-right:2%;text-align:center; cursor:pointer;overflow:hidden;}
.left1a li .sp{position:absolute;left:50%;top:50%; margin-left:-25px; margin-top:-25px;}
.left1a li .sp img{width:50px; height:50px; border:0px;}



.right1{ width:380px; background:#FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.1);  float:right;}
.right1a{ width:100%; float:left; padding:10px;}
.right1a img{width:100%; height:520px; border:0px; display:block;}




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


.title1{ float:left;width:100%;}
.title1 p{ float:left; border-left:5px solid #2a5400; height:24px; line-height:24px; font-size:22px; font-weight:bold; color:#2a5400; padding-left:10px; margin-left:20px; margin-top:20px;}
.title1 p a{color:#2a5400;}



.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; 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;}

.focus{width:94%;margin:0 auto; margin-top:20px;overflow:hidden;}


.main1{width:94%; position:relative; margin:0 auto;}
.left1{float:left;width:100%; margin-top:20px;}
.left1a{ width:100%; padding-left:15px; padding-right:15px; float:left}
.left1a ul{width:100%;}
.left1a li{ float:left; width:100%; height:220px; margin-top:20px; margin-left:0px; position:relative; overflow:hidden;}
.left1a li img{ width:100%; height:220px; border:0px;}
.left1a li span{width:100%;  height:40px; line-height:40px; background:rgba(0,0,0,0.6); position:absolute;left:0;bottom:0; font-size:16px; color:#fff; padding-left:2%; padding-right:2%;text-align:center; cursor:pointer;overflow:hidden;}
.left1a li .sp{position:absolute;left:50%;top:50%; margin-left:-25px; margin-top:-25px;}
.left1a li .sp img{width:50px; height:50px; border:0px;}



.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;}


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


.title1{ float:left;width:100%;}
.title1 p{ float:left; border-left:5px solid #2a5400; height:22px; line-height:22px; font-size:20px; font-weight:bold;color:#2a5400; padding-left:10px; margin-left:15px; margin-top:15px;}
.title1 p a{color:#2a5400;}






.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;}




}