@media only screen and (max-width:767px) { .tc_video { display:none; width:500px; height:280px; position:fixed; left:65%; top:55%; } .v_con01,.v_con02,.v_con03,.v_con04,.v_con05{ display:none; width:500px; height:280px; position:fixed; left:65%; top:55%; } .v_close{ position:absolute; top:53%; margin-top:-220px; left:37%; margin-left:360px; cursor:pointer; z-index:1003; display:none; } } @media screen and (min-width:768px) { .v_close{ display:block; } } @media only screen and (max-width:519px) { .tc_video { display:none; width:300px; height:169px; position:fixed; left:11%; margin-left:0px; top: 68%; } .v_con01,.v_con02,.v_con03,.v_con04,.v_con05{ display:none; width:350px; height:197px; position:fixed; left:15%; margin-left:0px; top: 65%; } .v_close{ position:absolute; top:43%; margin-top:0px; left:72%; margin-left:0px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:480px) { } @media only screen and (max-width:414px) { .v_con01,.v_con02,.v_con03,.v_con04,.v_con05{ display:none; width:330px; height:186px; position:fixed; left:11%; margin-left:0px; top:65%; } } @media only screen and (max-width:375px) { .v_con01,.v_con02,.v_con03,.v_con04,.v_con05{ display:none; width:310px; height:175px; position:fixed; left:9%; margin-left:0px; top:65%; } } @media only screen and (max-width:365px) { .tc_video { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; } .v_con01,.v_con02,.v_con03,.v_con04,.v_con05{ display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; } .v_close{ position:absolute; top:38%; margin-top:0px; left:88%; margin-left:0px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:320px) { .v_con01,.v_con02,.v_con03,.v_con04,.v_con05{ left:3%; } } @media (min-width: 300px) { #adspro{ width:100%; height:170px; position:relative; overflow:hidden; z-index:230; top:695px; display:none; } #adspro2{ width:100%; height:270px; margin-top:75px; } #adspro2 ul{ width:100%; height:270px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:90px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:16px; line-height:30px; font-weight:normal; margin-top:8px; margin-bottom:0px; padding-left:20px; padding-right:10px; } #adspro2 ul li p{ font-size:12px; line-height:20px; padding-left:20px; padding-right:16px; } #adspro2 ul li a{ color:#3e3a39; } #adsuse{ width:100%; height:auto; position:relative; padding-top:25px; margin-bottom:50px; overflow:hidden; } .adsuse_content{ width:280px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:280px; height:auto; float:left; } .adsuse_content_box h3{ font-size:18px; line-height:28px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:28px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:260px; height:250px; float:left; margin:10px 20px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:20px 20px; cursor:pointer; } .adsuse_content_box_i:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } .adsuse_content_box_i img{ width:100px; height:100px; } .adsuse_content_box_i h4{ font-size:18px; line-height:30px; text-align:center; font-weight:bold; color:#3e3a39; margin:0px 0px 10px; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; text-align:center; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box:nth-child(2)>h3{ margin-top:30px; } #adsvideos{ width:100%; max-width:359px; margin:0px auto 40px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsvideos_content{ width:100%; max-width:1200px; color:#ffffff; margin:0 auto; padding:38px 20px 20px; } .adsvideos_content h3{ font-size:24px; line-height:36px; margin-bottom:20px; } .adsvideos_content ul{ width:230px; height:auto; float:left; } .adsvideos_content li{ width:230px; color:#ffffff; font-size:14px; line-height:28px; float:left; margin-right:0px; } .adsvideos-button{ width:100px; height:36px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:36px; text-align:center; display:block; float:left; border-radius:4px; margin-top:25px; } .adsvideos-button:hover{ background:#83b31d; } #adsnews{ width:100%; margin:0px auto 45px; height:auto; overflow:hidden; } .adsnews_content{ width:100%; height: auto; padding: 0px; } .adsnews_content h2{ font-size:20px; text-align:center; line-height:28px; margin-bottom:13px; } .adsnews_content>div{ width:270px; height:auto; float:left; margin:15px 15px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>h3{ width:240px; height:auto; font-size:20px; color:#000000; line-height:30px; margin:20px 10px 10px 15px; float:left; } .adsnews_content>div>a>h4{ width:240px; height:100px; font-size:14px; color:#666666; line-height:24px; margin:0px 15px 10px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ font-size:12px; color:#cccccc; margin:0px 15px 20px; float:left; } .adsvideos_content_r{ display:none; } .lunbo_video_main{ display:none; } } /*閽堝iphone5s*/ @media (min-width: 315px) { #adsslider{ width:100%; height:425px; position:relative; } #adsslider-img{ width:100%; height:425px; } .adsslider-text{ width:273px; height:320px; position:absolute; top:100px; left:22px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:18px; line-height:28px; margin-bottom:15px; } .adsslider-text p{ color:#ffffff; font-size:12px; line-height:20px; margin-bottom:15px; } .adsslider-button{ min-width:110px; font-size:12px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:3px 30px 3px 30px; display:inline-block; margin:0 6px; text-decoration:none; } #adspro2{ width:100%; height:270px; } #adspro2 ul{ width:100%; height:270px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:90px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:16px; line-height:30px; font-weight:normal; margin-top:8px; margin-bottom:0px; padding-left:20px; padding-right:16px;} #adspro2 ul li p{ font-size:12px; line-height:20px; padding-left:20px; padding-right:16px; } #adspro2 ul li a{ color:#3e3a39; } .adsuse_content{ width:290px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:290px; height:auto; float:left; } .adsuse_content_box_i{ width:270px; height:250px; float:left; margin:10px 20px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:20px 26px; cursor:pointer; } #adsvideos{ width:100%; max-width:374px; margin:0px auto 40px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsvideos_content{ width:100%; max-width:1200px; color:#ffffff; margin:0 auto; padding:38px 25px 20px; } #adsnews{ width:100%; margin:0px auto 45px; height:auto; overflow:hidden; } .adsnews_content>div{ width:286px; height:auto; float:left; margin:15px 15px 15px; background:#f6f7f9; } .adsnews_content>div>a>h3{ width:260px; height:auto; font-size:20px; color:#000000; line-height:30px; margin:20px 10px 10px 15px; float:left; } .adsnews_content>div>a>h4{ width:260px; height:100px; font-size:14px; color:#666666; line-height:24px; margin:0px 15px 10px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } } /*閽堝1080*1920鐨刟ndroid*/ @media (min-width: 360px) { #adsslider{ width:100%; height:486px; position:relative; } #adsslider-img{ width:100%; height:486px; } .adsslider-text{ width:310px; height:300px; position:absolute; top:102px; left:25px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:20px; line-height:30px; margin-bottom:13px; } .adsslider-text p{ color:#ffffff; font-size:12px; line-height:24px; margin-bottom:15px; } .adsslider-button{ min-width:110px; font-size:12px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:3px 30px 3px 30px; display:inline-block; margin:0 6px; text-decoration:none; } #adspro2{ width:100%; height:270px; } #adspro2 ul{ width:100%; height:270px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:90px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:18px; line-height:36px; font-weight:normal; margin-top:10px; margin-bottom:0px; padding-left:20px; padding-right:16px; } #adspro2 ul li p{ font-size:12px; line-height:18px; padding-left:20px; padding-right:16px; } #adspro2 ul li a{ color:#3e3a39; } #adsuse{ width:100%; height:auto; position:relative; padding-top:25px; margin-bottom:50px; overflow:hidden; } .adsuse_content{ width:340px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:340px; height:auto; float:left; } .adsuse_content_box h3{ font-size:18px; line-height:28px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:28px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:150px; height:220px; float:left; margin:10px 10px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:2px 10px; cursor:pointer; } .adsuse_content_box_i:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } .adsuse_content_box_i h4{ font-size:16px; line-height:30px; text-align:center; font-weight:bold; color:#3e3a39; margin:0px 0px 2px; } .adsuse_content_box_i p{ font-size:12px; line-height:22px; color:#999999; } .adsuse_content_box_i a{ width:100%; height:220px; display:block; } .adsuse_content_box:nth-child(2)>h3{ margin-top:30px; } #adsvideos{ width:100%; max-width:374px; margin:0px auto 40px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsvideos_content{ width:100%; max-width:1200px; color:#ffffff; margin:0 auto; padding:28px 25px 20px; } .adsvideos_content h3{ font-size:24px; line-height:36px; margin-bottom:20px; } .adsvideos_content ul{ width:260px; } .adsvideos_content li{ width:260px; height:40px; font-size:14px; line-height:38px; float:left; margin-right:5px; color:#ffffff; background:url(../images/index/video_line_ico.png) no-repeat; padding-left:35px; margin-bottom:0px; } .adsvideos-button{ margin-top:15px; } #adsnews{ width:100%; margin:0px auto 45px; height:auto; overflow:hidden; } .adsnews_content{ width:100%; height: auto; padding: 0px; } .adsnews_content h2{ font-size:20px; text-align:center; line-height:28px; margin-bottom:13px; } .adsnews_content>div{ width:330px; height:130px; float:left; margin:15px 15px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:166px; float:left; } .adsnews_content>div>a>h3{ width:144px; height:auto; font-size:14px; color:#000000; line-height:22px; margin:10px 10px 10px; float:left; } .adsnews_content>div>a>h4{ width:144px; height:38px; font-size:12px; color:#666666; line-height:18px; margin:0px 10px 0px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:144px; font-size:12px; color:#cccccc; margin:0px 10px 0px; float:left; } } /*閽堝iphone6*/ @media (min-width: 375px) { #adsslider{ width:100%; height:506px; position:relative; } #adsslider-img{ width:100%; height:506px; } .adsslider-text{ width:330px; height:300px; position:absolute; top:100px; left:22px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:22px; line-height:32px; margin-bottom:13px; } .adsslider-text p{ color:#ffffff; font-size:12px; line-height:24px; margin-bottom:15px; } .adsslider-button{ min-width:110px; font-size:12px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:3px 30px 3px 30px; display:inline-block; margin:0 6px; text-decoration:none; } #adspro2{ width:100%; height:270px; } #adspro2 ul{ width:100%; height:270px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:90px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:18px; line-height:36px; font-weight:normal; margin-top:10px; margin-bottom:0px; padding-left:20px; padding-right:20px;} #adspro2 ul li p{ font-size:12px; line-height:18px; padding-left:20px; padding-right:20px; } #adspro2 ul li a{ color:#3e3a39; } .adsuse_content{ width:358px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:358px; height:auto; float:left; } .adsuse_content_box h3{ font-size:21px; line-height:30px; color:#000000; margin-bottom:20px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:158px; height:220px; float:left; margin:10px 10px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:2px 15px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:220px; display:block; } .adsuse_content_box:nth-child(2)>h3{ margin-top:30px; } #adsvideos{ width:100%; max-width:389px; margin:0px auto 40px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsvideos_content{ width:100%; max-width:1200px; color:#ffffff; margin:0 auto; padding:28px 30px 20px; } .adsnews_content h2{ font-size:21px; text-align:center; line-height:32px; margin-bottom:13px; } .adsnews_content>div{ width:342px; height:131px; float:left; margin:15px 16px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:168px; float:left; } .adsnews_content>div>a>h3{ width:154px; height:auto; font-size:14px; color:#000000; line-height:22px; margin:10px 10px 10px; float:left; } .adsnews_content>div>a>h4{ width:154px; height:38px; font-size:12px; color:#666666; line-height:18px; margin:0px 10px 0px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:154px; font-size:12px; color:#cccccc; margin:0px 10px 0px; float:left; } } /*閽堝鍏ㄩ潰灞忓畨鍗?/ @media (min-width: 390px) { .adsuse_content{ width:370px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:370px; height:auto; float:left; } .adsuse_content_box h3{ font-size:21px; line-height:30px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:164px; height:226px; float:left; margin:10px 10px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:2px 15px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:226px; display:block; } #adsvideos{ width:100%; max-width:399px; margin:0px auto 40px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsnews_content>div{ width:352px; height:134px; float:left; margin:15px 18px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:170px; float:left; } .adsnews_content>div>a>h3{ width:160px; height:auto; font-size:14px; color:#000000; line-height:22px; margin:10px 10px 10px; float:left; } .adsnews_content>div>a>h4{ width:160px; height:38px; font-size:12px; color:#666666; line-height:18px; margin:0px 10px 0px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:160px; font-size:12px; color:#cccccc; margin:0px 10px 0px; float:left; } } @media (min-width: 400px) { #adsslider{ width:100%; height:540px; position:relative; } #adsslider-img{ width:100%; height:540px; } .adsslider-text{ width:336px; height:300px; position:absolute; top:102px; left:30px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:22px; line-height:36px; margin-bottom:20px; } .adsslider-text p{ color:#ffffff; font-size:14px; line-height:22px; margin-bottom:17px; } .adsslider-button{ min-width:110px; font-size:12px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:3px 30px 3px 30px; display:inline-block; margin:0 6px; text-decoration:none; } #adspro2{ width:100%; height:270px; } #adspro2 ul{ width:100%; height:270px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:90px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:18px; line-height:36px; font-weight:normal; margin-top:15px; margin-bottom:0px; padding-left:22px; padding-right:18px;} #adspro2 ul li p{ font-size:12px; line-height:18px; padding-left:22px; padding-right:18px; } #adspro2 ul li a{ color:#3e3a39; } .adsuse_content{ width:380px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:380px; height:auto; float:left; } .adsuse_content_box h3{ font-size:21px; line-height:30px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:170px; height:222px; float:left; margin:10px 10px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:2px 15px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:222px; display:block; } #adsvideos{ width:100%; max-width:409px; margin:0px auto 50px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsnews_content>div{ width:362px; height:134px; float:left; margin:15px 18px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:170px; float:left; } .adsnews_content>div>a>h3{ width:170px; height:auto; font-size:14px; color:#000000; line-height:22px; margin:10px 10px 10px; float:left; } .adsnews_content>div>a>h4{ width:170px; height:38px; font-size:12px; color:#666666; line-height:18px; margin:0px 10px 0px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:170px; font-size:12px; color:#cccccc; margin:0px 10px 0px; float:left; } } /*閽堝iphone6s plus*/ @media (min-width: 410px) { #adsslider{ width:100%; height:558px; position:relative; } #adsslider-img{ width:100%; height:558px; } .adsslider-text{ width:340px; height:300px; position:absolute; top:110px; left:36px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:22px; line-height:36px; margin-bottom:20px; } .adsslider-text p{ color:#ffffff; font-size:14px; line-height:22px; margin-bottom:17px; } .adsslider-button{ min-width:110px; font-size:12px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:3px 30px 3px 30px; display:inline-block; margin:0 6px; text-decoration:none; } #adspro2{ width:100%; height:270px; } #adspro2 ul{ width:100%; height:270px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:90px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:18px; line-height:36px; font-weight:normal; margin-top:15px; margin-bottom:0px; padding-left:25px; padding-right:20px;} #adspro2 ul li p{ font-size:12px; line-height:20px; padding-left:25px; padding-right:20px; } #adspro2 ul li a{ color:#3e3a39; } #adsvideos{ width:100%; max-width:479px; margin:0px auto 50px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsnews_content>div{ width:374px; height:138px; float:left; margin:15px 18px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:176px; float:left; } .adsnews_content>div>a>h3{ width:174px; height:auto; font-size:14px; color:#000000; line-height:22px; margin:10px 12px 10px; float:left; } .adsnews_content>div>a>h4{ width:174px; height:38px; font-size:12px; color:#666666; line-height:18px; margin:0px 12px 0px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:174px; font-size:12px; color:#cccccc; margin:0px 12px 0px; float:left; } } /*閽堝1440*2560鐨刟ndroid*/ @media (min-width: 480px) { #adsslider{ width:100%; height:648px; position:relative; } #adsslider-img{ width:100%; height:648px; } .adsslider-text{ width:390px; height:400px; position:absolute; top:122px; left:39px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:26px; line-height:42px; margin-bottom:18px; } .adsslider-text p{ color:#ffffff; font-size:16px; line-height:26px; margin-bottom:23px; } .adsslider-button{ min-width:110px; font-size:12px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:3px 30px 3px 30px; display:inline-block; margin:0 6px; text-decoration:none; } #adspro2{ width:100%; height:315px; } #adspro2 ul{ width:100%; height:315px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:105px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:20px; line-height:36px; font-weight:normal; margin-top:22px; margin-bottom:0px; padding-left:27px; padding-right:25px;} #adspro2 ul li p{ font-size:14px; line-height:20px; padding-left:27px; padding-right:25px; } #adspro2 ul li a{ color:#3e3a39; } .adsuse_content{ width:440px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:440px; height:auto; float:left; } .adsuse_content_box h3{ font-size:21px; line-height:30px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:198px; height:222px; float:left; margin:10px 12px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:2px 18px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:222px; display:block; } #adsvideos{ width:100%; max-width:499px; margin:0px auto 50px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } #adsnews{ width:100%; margin:0px auto 55px; height:auto; overflow:hidden; } .adsnews_content{ width:100%; height: auto; padding: 0px; } .adsnews_content h2{ font-size:24px; text-align:center; line-height:36px; margin-bottom:13px; } .adsnews_content>div{ width:432px; height:146px; float:left; margin:15px 25px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:186px; float:left; } .adsnews_content>div>a>h3{ width:214px; height:auto; font-size:18px; color:#000000; line-height:26px; margin:10px 15px 10px; float:left; } .adsnews_content>div>a>h4{ width:214px; height:38px; font-size:12px; color:#666666; line-height:18px; margin:0px 15px 0px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:214px; font-size:12px; color:#cccccc; margin:0px 15px 0px; float:left; } } @media (min-width: 500px) { #adsslider{ width:100%; height:675px; position:relative; } #adsslider-img{ width:100%; height:675px; } .adsslider-text{ width:400px; height:400px; position:absolute; top:124px; left:40px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:26px; line-height:52px; margin-bottom:18px; } .adsslider-text p{ color:#ffffff; font-size:16px; line-height:26px; margin-bottom:26px; } .adsslider-button{ min-width:110px; font-size:14px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:4px 35px 4px 35px; display:inline-block; margin:0 6px; text-decoration:none; } #adsuse{ padding-top:30px; } .adsuse_content{ width:460px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:460px; height:auto; float:left; } .adsuse_content_box h3{ font-size:24px; line-height:32px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:208px; height:222px; float:left; margin:10px 12px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:2px 24px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:222px; display:block; } #adsvideos{ width:100%; max-width:599px; margin:0px auto 50px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsnews_content h2{ font-size:24px; text-align:center; line-height:36px; margin-bottom:13px; } .adsnews_content>div{ width:452px; height:146px; float:left; margin:15px 25px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:186px; float:left; } .adsnews_content>div>a>h3{ width:234px; height:auto; font-size:18px; color:#000000; line-height:26px; margin:10px 15px 10px; float:left; } .adsnews_content>div>a>h4{ width:234px; height:38px; font-size:12px; color:#666666; line-height:18px; margin:0px 15px 0px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:234px; font-size:12px; color:#cccccc; margin:0px 15px 0px; float:left; } } @media (min-width: 600px) { #adsslider{ width:100%; height:809px; position:relative; } #adsslider-img{ width:100%; height:809px; } .adsslider-text{ width:480px; height:600px; position:absolute; top:150px; left:33px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:32px; line-height:52px; margin-bottom:20px; } .adsslider-text p{ color:#ffffff; font-size:20px; line-height:32px; margin-bottom:28px; } .adsslider-button{ min-width:110px; font-size:18px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:7px 42px 7px 42px; display:inline-block; margin:0 6px; text-decoration:none; } #adspro2{ width:100%; height:375px; } #adspro2 ul{ width:100%; height:375px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:125px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:24px; line-height:42px; font-weight:normal; margin-top:25px; margin-bottom:0px; padding-left:30px; padding-right:25px;} #adspro2 ul li p{ font-size:18px; line-height:32px; padding-left:30px; padding-right:25px; } #adspro2 ul li a{ color:#3e3a39; } #adsuse{ padding-top:30px; } .adsuse_content{ width:560px; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; } .adsuse_content_box{ width:560px; height:auto; float:left; } .adsuse_content_box h3{ font-size:24px; line-height:32px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:250px; height:250px; float:left; margin:10px 20px 10px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:12px 30px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; } #adsvideos{ width:100%; max-width:699px; margin:0px auto 60px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsvideos_content{ width:100%; max-width:1200px; color:#ffffff; margin:0 auto; padding:28px 40px 20px 60px; } .adsvideos_content h3{ font-size:26px; line-height:38px; margin-bottom:10px; } .adsvideos_content ul{ width:330px; } .adsvideos_content li{ width:330px; } #adsnews{ width:100%; max-width:1200px; margin:0px auto 65px; height:auto; overflow:hidden; } .adsnews_content{ width:100%; height: auto; padding: 0px; } .adsnews_content h2{ font-size:30px; text-align:center; line-height:42px; margin-bottom:21px; } .adsnews_content>div{ width:536px; height:181px; float:left; margin:15px 35px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:230px; float:left; } .adsnews_content>div>a>h3{ width:264px; height:auto; font-size:20px; color:#000000; line-height:32px; margin:10px 20px 6px; float:left; } .adsnews_content>div>a>h4{ width:264px; height:62px; font-size:14px; color:#666666; line-height:22px; margin:0px 20px 6px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:264px; font-size:12px; color:#cccccc; margin:0px 20px 0px; float:left; } } @media (min-width: 700px) { #adsslider{ width:100%; height:944px; position:relative; } #adsslider-img{ width:100%; height:944px; } .adsslider-text{ width:530px; height:630px; position:absolute; top:190px; left:50px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:35px; line-height:58px; margin-bottom:20px; } .adsslider-text p{ color:#ffffff; font-size:20px; line-height:32px; margin-bottom:48px; } .adsslider-button{ min-width:110px; font-size:18px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:9px 50px 9px 50px; display:inline-block; margin:0 6px; text-decoration:none; } #adspro2{ width:100%; height:375px; } #adspro2 ul{ width:100%; height:375px; float:left; background:#f3f5f8; } #adspro2 ul li{ width:100%; height:125px; float:left; color:#3e3a39; } #adspro2 ul li:nth-child(2){ background:#e9ecf2; } #adspro2 ul li h3{ font-size:26px; line-height:42px; font-weight:normal; margin-top:28px; margin-bottom:0px; padding-left:50px; padding-right:40px;} #adspro2 ul li p{ font-size:18px; line-height:32px; padding-left:50px; padding-right:40px; } #adspro2 ul li a{ color:#3e3a39; } #adsuse{ padding-top:40px; } .adsuse_content{ width:620px; height:auto; margin-left:40px; overflow:hidden; } .adsuse_content_box{ width:620px; height:auto; float:left; } .adsuse_content_box h3{ font-size:24px; line-height:32px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:250px; height:250px; float:left; margin:15px 30px 15px 30px; border:1px solid #e5e5e5; border-radius:4px; padding:12px 30px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; } #adsvideos{ width:100%; max-width:767px; margin:0px auto 60px; height:305px; background:url(../images/index/index_videos2.jpg) center center no-repeat; } .adsvideos_content{ width:100%; max-width:1200px; color:#ffffff; margin:0 auto; padding:20px 40px 20px 60px; } .adsvideos_content h3{ font-size:30px; line-height:48px; margin-bottom:10px; } #adsnews{ width:100%; max-width:1200px; margin:0px auto 85px; height:auto; overflow:hidden; } .adsnews_content>div{ width:636px; height:203px; float:left; margin:15px 35px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:260px; float:left; } .adsnews_content>div>a>h3{ width:322px; height:auto; font-size:20px; color:#000000; line-height:34px; margin:20px 25px 6px; float:left; } .adsnews_content>div>a>h4{ width:322px; height:70px; font-size:14px; color:#666666; line-height:24px; margin:10px 25px 16px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:322px; font-size:12px; color:#cccccc; margin:0px 25px 0px; float:left; } } @media (min-width: 767px) { .adsvideos_content h3{ font-size:36px; line-height:52px; margin-bottom:10px; } #adsnews{ width:100%; max-width:1200px; margin:0px auto 85px; height:auto; overflow:hidden; } .adsnews_content>div{ width:696px; height:203px; float:left; margin:15px 35px 15px; background:#f6f7f9; } .adsnews_content>div>a>h3{ width:384px; height:auto; font-size:20px; color:#000000; line-height:34px; margin:20px 25px 6px; float:left; } .adsnews_content>div>a>h4{ width:384px; height:70px; font-size:14px; color:#666666; line-height:24px; margin:10px 25px 16px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:384px; font-size:12px; color:#cccccc; margin:0px 25px 0px; float:left; } } @media (min-width: 768px) { #adsslider{ width:100%; height:944px; position:relative; } #adsslider-img{ width:100%; height:944px; } .adsslider-text{ width:630px; height:630px; position:absolute; top:190px; left:40px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:42px; line-height:62px; margin-bottom:18px; } .adsslider-text p{ color:#ffffff; font-size:20px; line-height:32px; margin-bottom:48px; } .adsslider-button{ min-width:110px; font-size:18px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:9px 50px 9px 50px; display:inline-block; margin:0 6px; text-decoration:none; } #adsvideos{ width:100%; max-width:1023px; margin:0px auto 60px; height:305px; background:url(../images/index/index_videos.jpg) center right no-repeat; } } @media (min-width: 770px) { #adsslider{ width:100%; height:1073px; position:relative; } #adsslider-img{ width:100%; height:1073px; } .adsslider-text{ width:600px; height:650px; position:absolute; top:195px; left:40px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:40px; line-height:65px; margin-bottom:25px; } .adsslider-text p{ color:#ffffff; font-size:18px; line-height:32px; margin-bottom:28px; } .adsslider-button{ min-width:110px; font-size:18px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:10px 50px 10px 50px; display:inline-block; margin:0 6px; text-decoration:none; } } @media (min-width: 785px) { #adsslider{ width:100%; height:1059px; position:relative; } #adsslider-img{ width:100%; height:1059px; } .adsslider-text{ width:620px; height:650px; position:absolute; top:195px; left:42px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:41px; line-height:65px; margin-bottom:25px; } .adsslider-text p{ color:#ffffff; font-size:18px; line-height:32px; margin-bottom:28px; } .adsslider-button{ min-width:110px; font-size:18px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:10px 50px 10px 50px; display:inline-block; margin:0 6px; text-decoration:none; } #adsuse{ padding-top:50px; } .adsuse_content{ width:650px; height:auto; margin-left:50px; overflow:hidden; } .adsuse_content_box{ width:650px; height:auto; float:left; } .adsuse_content_box h3{ font-size:24px; line-height:32px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:260px; height:250px; float:left; margin:15px 30px 15px 30px; border:1px solid #e5e5e5; border-radius:4px; padding:12px 30px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; } .adsnews_content>div{ width:696px; height:203px; float:left; margin:15px 35px 15px 45px; background:#f6f7f9; } } @media (min-width: 880px) { #adsslider{ width:100%; height:1187px; position:relative; } #adsslider-img{ width:100%; height:1187px; } .adsslider-text{ width:650px; height:650px; position:absolute; top:205px; left:55px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:43px; line-height:68px; margin-bottom:25px; } .adsslider-text p{ color:#ffffff; font-size:18px; line-height:32px; margin-bottom:28px; } .adsslider-button{ min-width:110px; font-size:18px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:10px 50px 10px 50px; display:inline-block; margin:0 6px; text-decoration:none; } .adsuse_content{ width:800px; height:auto; margin-left:50px; overflow:hidden; } .adsuse_content_box{ width:800px; height:auto; float:left; } .adsuse_content_box h3{ font-size:24px; line-height:32px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:260px; height:250px; float:left; margin:15px 110px 15px 30px; border:1px solid #e5e5e5; border-radius:4px; padding:12px 30px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; } .adsnews_content>div{ width:796px; height:203px; float:left; margin:15px 40px 15px; background:#f6f7f9; } .adsnews_content>div>a>h3{ width:484px; height:auto; font-size:20px; color:#000000; line-height:34px; margin:20px 25px 6px; float:left; } .adsnews_content>div>a>h4{ width:484px; height:70px; font-size:14px; color:#666666; line-height:24px; margin:10px 25px 16px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:484px; font-size:12px; color:#cccccc; margin:0px 25px 0px; float:left; } } @media (min-width: 980px) { #adsslider{ width:100%; height:1322px; position:relative; } #adsslider-img{ width:100%; height:1322px; } .adsslider-text{ width:780px; height:650px; position:absolute; top:225px; left:65px; z-index:4; } .adsslider-text h1{ color:#ffffff; font-size:52px; line-height:70px; margin-bottom:45px; } .adsslider-text p{ color:#ffffff; font-size:18px; line-height:34px; margin-bottom:35px; } .adsslider-button{ min-width:110px; font-size:18px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:10px 50px 10px 50px; display:inline-block; margin:0 6px; text-decoration:none; } .adsuse_content{ width:930px; height:auto; margin-left:40px; overflow:hidden; } .adsuse_content_box{ width:930px; height:auto; float:left; } .adsuse_content_box h3{ font-size:24px; line-height:32px; color:#000000; margin-bottom:10px; margin-left:10px; } .adsuse_box_ico{ width:3px; height:30px; background:#8fc31f; float:left; margin-right:14px; } .adsuse_content_box_i{ width:206px; height:250px; float:left; margin:15px 16px 15px 10px; border:1px solid #e5e5e5; border-radius:4px; padding:12px 30px; cursor:pointer; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; } .adsnews_content>div{ width:896px; height:250px; float:left; margin:15px 40px 15px; background:#f6f7f9; } .adsnews_content>div>a>img{ width:320px; float:left; } .adsnews_content>div>a>h3{ width:500px; height:auto; font-size:24px; color:#000000; line-height:36px; margin:30px 35px 16px; float:left; } .adsnews_content>div>a>h4{ width:500px; height:80px; font-size:16px; color:#666666; line-height:26px; margin:10px 35px 26px; float:left; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ width:500px; font-size:14px; color:#cccccc; margin:0px 35px 0px; float:left; } } @media (min-width: 991px) { #adslunbo{ width:100%; height:525px; position:relative; background:#ffffff; padding-top:50px; } .adslunbo_content{ width:100%; height:373px; margin-left:auto; margin-right:auto; background:#ffffff; } } @media (min-width: 993px) { #lunbo_i{ top:0px;} #adspro2{ margin-top:0px; } } @media (min-width: 1024px) { .lunbo_video_main{ width:100%; height: 100%; position:absolute; overflow:hidden; display:block; } .lunbo_video_s{ width:1920px; height:766px; position:absolute; } .lunbo_video_s{ margin-left:-420px; } #adsvideo .col-lg-4 { width:33.33333333%; min-height:1px; padding:0px; float:left; } #adsslider{ width:100%; height:484px; position:relative; } #adsslider-img{ width:100%; height:484px; background:url(../images/index/ad_cbg.jpg) center center no-repeat; background-size:cover; } .adsslider-text{ width:350px; height:320px; position:absolute; top:145px; left:16px; } .adsslider-text h1{ color:#ffffff; font-size:35px; line-height:48px; margin-bottom:20px; } .adsslider-text p{ color:#ffffff; font-size:16px; line-height:32px; margin-bottom:38px; } .adsslider-button{ min-width:130px; font-size:14px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:6px 42px 6px 42px; display:inline-block; margin:0; text-decoration:none; } #adspro{ width:100%; height:170px; position:relative; overflow:hidden; z-index:230; top:695px; display:block; } #adspro ul{ width:1024px; height:160px; margin:0 auto; background:#ffffff; border-radius:5px; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.2);} #adspro ul li{ width:340px; height:160px; float:left; padding-top:10px; } .active{ background:#8fc31f; border-radius:5px; } .adspro-item{ cursor:pointer; } .adspro-item-mask{ width:340px; height:110px; color:#3e3a39; font-size:16px; position:absolute; z-index:21; border-right:1px solid #e9ecef; box-sizing: border-box; } #adspro ul li:nth-child(3) .adspro-item-mask{ border-right:none; } .active .adspro-item-mask{ color:#ffffff; border-right:1px solid #8fc31f; } #adspro ul li h3{ font-size:22px; text-align:left; line-height:36px; font-weight:bold; margin:21px 0 0 28px; } #adspro ul li p{ width:290px; margin:8px 0 0 28px; font-size:14px; text-align:left; line-height:26px; } #adspro2{ display:none; } #adsuse{ width:100%; height:auto; position:relative; padding-top:160px; margin-bottom:20px; } .adsuse_content{ width:100%; height:690px; margin-left:auto; margin-right:auto; } .adsuse_content_box{ width:512px; height:620px; float:left; } .adsuse_content_box h3{ font-size:26px; line-height:32px; color:#000000; margin-top:20px; margin-bottom:20px; } .adsuse_box_ico{ width:3px; height:32px; background:#8fc31f; float:left; margin-right:20px; } .adsuse_content_box_i{ width:226px; height:250px; float:left; margin:10px 20px 10px 0px; border:1px solid #e5e5e5; border-radius:4px; padding:10px 20px; cursor:pointer; } .adsuse_content_box_i:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } .adsuse_content_box_i h4{ font-size:18px; line-height:30px; text-align:center; font-weight:bold; color:#3e3a39; margin:0px 0px 10px; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box:nth-child(2)>h3{ margin-left:20px; margin-top:20px; } .adsuse_content_box:nth-child(2)>div{ margin-left:20px; margin-right:0px; } #adsvideos{ width:100%; max-width:1920px; margin:0px auto 95px; height:580px; background:url(../images/index/index_videos.jpg) center center no-repeat; } .adsvideos_content{ width:100%; max-width:1200px; color:#ffffff; margin:0 auto; padding:96px 20px 20px 15px; } .adsvideos_content h3{ font-size:40px; line-height:48px; margin-bottom:45px; } .adsvideos_content ul{ width:300px; height:auto; float:left; } .adsvideos_content li{ width:300px; height:50px; font-size:20px; line-height:43px; float:left; margin-right:20px; color:#cbd0d6; background:url(../images/index/video_line_ico.png) no-repeat; padding-left:45px; margin-bottom:15px; } .adsvideos-button{ width:180px; height:50px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:50px; text-align:center; display:block; float:left; border-radius:4px; margin-top:25px; } .adsvideos-button:hover{ background:#83b31d; } #adsnews{ width:100%; margin:100px auto 20px; height:740px; } .adsnews_content{ width:100%; height: 740px; padding: 0px; } .adsnews_content h2{ font-size:36px; text-align:center; line-height:48px; margin-bottom:22px; } .adsnews_content>div{ width:320px; height:532px; float:left; margin:35px 10px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:320px; float:left; } .adsnews_content>div>a>h3{ width:285px; height:30px; font-size:20px; color:#000000; line-height:30px; margin:40px 10px 10px 20px; float:left; overflow:hidden; } .adsnews_content>div>a>h4{ width:285px; height:120px; font-size:14px; color:#666666; line-height:28px; margin:13px 20px 10px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ font-size:12px; color:#cccccc; margin:0px 20px 10px; float:left; } } @media (min-width: 1080px) { #adsslider{ width:100%; height:510px; position:relative; } #adsslider-img{ width:100%; height:510px; } .adsslider-text{ width:360px; height:330px; position:absolute; top:168px; left:15px; } .adsslider-text h1{ color:#ffffff; font-size:36px; line-height:48px; margin-bottom:20px; } .adsslider-text p{ color:#ffffff; font-size:16px; line-height:32px; margin-bottom:38px; } .adsslider-button{ min-width:130px; font-size:14px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:6px 42px 6px 42px; display:inline-block; margin:0; text-decoration:none; } #adspro{ width:100%; height:170px; position:relative; overflow:hidden; } #adspro ul{ width:1080px; height:160px; margin:0 auto; background:#ffffff; border-radius:5px; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.2);} #adspro ul li{ width:360px; height:160px; float:left; padding-top:30px; } .adspro-item-mask{ width:360px; height:110px; color:#3e3a39; font-size:12px; position:absolute; z-index:21; } #adspro ul li h3{ font-size:22px; text-align:left; line-height:36px; font-weight:bold; margin:10px 0 0 34px; } #adspro ul li p{ width:290px; margin:0 0 0 34px; font-size:14px; text-align:left; line-height:26px; } #adsuse{ width:100%; height:auto; position:relative; padding-top:160px; margin-bottom:20px; } .adsuse_content{ width:100%; height:690px; margin-left:auto; margin-right:auto; } .adsuse_content_box{ width:540px; height:620px; float:left; } .adsuse_content_box h3{ font-size:26px; line-height:32px; color:#000000; margin-bottom:20px; } .adsuse_box_ico{ width:3px; height:32px; background:#8fc31f; float:left; margin-right:20px; } .adsuse_content_box_i{ width:240px; height:250px; float:left; margin:10px 20px 10px 0px; border:1px solid #e5e5e5; border-radius:4px; padding:10px 30px; cursor:pointer; } .adsuse_content_box_i:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } .adsuse_content_box_i h4{ font-size:18px; line-height:30px; text-align:center; font-weight:bold; color:#3e3a39; margin:0px 0px 10px; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box:nth-child(2)>h3{ margin-left:20px; } .adsuse_content_box:nth-child(2)>div{ margin-left:20px; margin-right:0px; } #adsnews{ width:100%; margin:110px auto 30px; height:760px; } .adsnews_content{ width:100%; height: 760px; padding: 0px; } .adsnews_content h2{ font-size:36px; text-align:center; line-height:48px; margin-bottom:22px; } .adsnews_content>div{ width:340px; height:550px; float:left; margin:35px 10px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:340px; float:left; } .adsnews_content>div>a>h3{ width:300px; height:30px; font-size:20px; color:#000000; line-height:30px; margin:40px 10px 10px 20px; float:left; overflow:hidden; } .adsnews_content>div>a>h4{ width:300px; height:120px; font-size:14px; color:#666666; line-height:28px; margin:13px 20px 10px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .adsnews_content>div>a>p{ font-size:12px; color:#cccccc; margin:0px 20px 10px; float:left; } .lunbo_video_s{ margin-left:-386px; } } @media (min-width: 1200px) { #adsslider{ width:100%; height:756px; position:relative; } #adsslider-img{ height:100%; background:url(../images/index/ad_bg.jpg) center center no-repeat; position:absolute; background-size:cover; z-index:3; } .adsslider-text{ width:550px; height:500px; position:absolute; top:225px; left:15px; } .adsslider-text h1{ color:#ffffff; font-size:36px; line-height:62px; margin-bottom:25px; } .adsslider-text p{ color:#ffffff; font-size:18px; line-height:36px; margin-bottom:48px; } .adsslider-button{ min-width:130px; font-size:16px; color:#ffffff; border:1px solid #ffffff; border-radius:26px; padding:6px 46px 6px 46px; display:inline-block; margin:0; text-decoration:none; } #adspro{ width:100%; height:200px; position:relative; overflow:hidden; z-index:230; top:695px; } #adspro ul{ width:1200px; height:190px; margin:0 auto; background:#ffffff; border-radius:5px; box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.2);} #adspro ul li{ width:400px; height:190px; float:left; } .active{ background:#8fc31f; border-radius:5px; } #adspro ul li:nth-child(1){ border-radius:5px 0 0 5px; } #adspro ul li:nth-child(2){ border-radius:0px; } #adspro ul li:nth-child(3){ border-radius:0 5px 5px 0; } .adspro-item-mask{ width:400px; height:135px; color:#3e3a39; font-size:16px; position:absolute; z-index:21; border-right:1px solid #e9ecef; box-sizing: border-box; } #adspro ul li:nth-child(3) .adspro-item-mask{ border-right:none; } .active .adspro-item-mask{ color:#ffffff; border-right:1px solid #8fc31f; } #adspro ul li h3{ font-size:24px; text-align:left; line-height:36px; font-weight:bold; margin:17px 0 0 60px; } #adspro ul li p{ width:240px; margin:8px 0 0 60px; font-size:14px; text-align:left; line-height:26px; } #adsuse{ width:100%; height:auto; position:relative; padding-top:230px; margin-bottom:30px; } .adsuse_content{ width:1202px; height:690px; margin-left:auto; margin-right:auto; } .adsuse_content_box{ width:600px; height:620px; float:left; } .adsuse_content_box h3{ font-size:26px; line-height:32px; color:#000000; margin-bottom:20px; } .adsuse_box_ico{ width:3px; height:32px; background:#8fc31f; float:left; margin-right:20px; } .adsuse_content_box_i{ width:280px; height:250px; float:left; margin:10px 20px 10px 0px; border:1px solid #e5e5e5; border-radius:4px; padding:20px 26px; cursor:pointer; } .adsuse_content_box_i:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } .adsuse_content_box_i h4{ font-size:18px; line-height:30px; text-align:center; font-weight:bold; color:#3e3a39; margin:0px 0px 10px; } .adsuse_content_box_i p{ font-size:14px; line-height:26px; color:#999999; } .adsuse_content_box_i a{ width:100%; height:250px; display:block; } .adsuse_content_box:nth-child(2)>h3{ margin-left:20px;} .adsuse_content_box:nth-child(2)>div{ margin-left:20px; margin-right:0px; } #adsnews{ width:100%; max-width:1200px; margin:120px auto 30px; height:780px; } .adsnews_content{ width:100%; height: 780px; padding: 0px; } .adsnews_content h2{ font-size:36px; text-align:center; line-height:48px; margin-bottom:31px; } .adsnews_content>div{ width:370px; height:570px; float:left; margin:35px 15px; background:#f6f7f9; } .adsnews_content>div{ color:#000000; } .adsnews_content>div:hover{ border-bottom:2px solid #8fc31f; } .adsnews_content>div>a>img{ width:370px; float:left; } .adsnews_content>div>a>h3{ width:320px; height:30px; font-size:20px; color:#000000; line-height:30px; margin:40px 10px 10px 30px; float:left; } .adsnews_content>div>a>h4{ width:310px; height:120px; font-size:14px; color:#666666; line-height:28px; margin:13px 30px 10px; float:left; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .adsnews_content>div>a>p{ font-size:12px; color:#cccccc; margin:0px 30px 10px; float:left; } .lunbo_video_s{ margin-left:-330px; } #adsvideos{ width:100%; max-width:1920px; margin:0px auto 95px; height:580px; background:#022e55; } .adsvideos_content_r{ width:65%; height:580px; float:right; display:block; object-fit: cover; z-index: -1; overflow:hidden; } } @media (min-width: 1300px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:225px; left:51px; } .lunbo_video_s{ margin-left:-280px; } } @media (min-width: 1366px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:82px; } .lunbo_video_s{ margin-left:-250px; } } @media (min-width: 1400px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:100px; } .lunbo_video_s{ margin-left:-230px; } } @media (min-width: 1440px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:120px; } .lunbo_video_s{ margin-left:-210px; } } @media (min-width: 1500px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:149px; } .lunbo_video_s{ margin-left:-180px; } } @media (min-width: 1600px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:200px; } .lunbo_video_s{ margin-left:-130px; } } @media (min-width: 1680px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:240px; } .lunbo_video_s{ margin-left:-100px; } } @media (min-width: 1700px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:250px; } .lunbo_video_s{ margin-left:-80px; } } @media (min-width: 1800px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:300px; } .lunbo_video_s{ margin-left:0px; } } @media (min-width: 1860px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:330px; } } @media (min-width: 1900px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:342px; } } @media (min-width: 1920px) { .adsslider-text{ width:550px; height:500px; position:absolute; top:238px; left:352px; } #adsvideos{ width:100%; max-width:2560px; margin:0px auto 95px; height:580px; background:#022e55; } .adsvideos_content_r{ width:60%; height:580px; } } @media (min-width: 1921px) { #adsvideos{ width:100%; max-width:2560px; margin:0px auto 95px; height:580px; background:#022e55; } } @media (min-width: 2500px) { .adsvideos_content_r{ width:1473px; } }