@charset='utf-8'; { -moz-box-sizing: content-box;-webkit-box-sizing: content-box;-o-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box;} .section{width: 90%;padding: 0 5%;max-width: 1200px;} /*header*/ .header{position: fixed;top: 0;left: 0;width: 100%;/*overflow: hidden;*/z-index: 9990} .header_top{height: 34px;background: #666;} .header_topcon{width: 1200px;margin: 0 auto;height: 34px; overflow: hidden;} .header_tople{float: left;height: 34px;padding-left: 28px;background: left center no-repeat;line-height: 34px;font-size: 14px;color: #fff;} .header_toprt{float: right;} .header_bot{width: 100%;background: #fff;border-bottom: 1px solid #d3d3d3;} .header_botcon{width: 1200px;height: 100px;margin: 0 auto;} .logo{float: left;width: 179px;height: 62px;margin-top: 19px;} .logo img{display: block;width: 100%;height: 100%;} .nav{float: right;} .nav_li{float: left;width: 95px;text-align: center;margin-right: 6px;position: relative;border-top: 4px solid #fff;} .nav_lit{height: 96px;} .nav_lit a{display: block;height: 96px;line-height: 96px;font-size: 16px;color: #333;} .nav_lislide{position: absolute;top: 96px;left: -115px;padding: 20px 26px;background: #fff;overflow: hidden; width: 446px;display: none;} .nav_lislidetxt{float: left;width: 90px;} .nav_lislidetxt p{line-height: 34px;text-align: center;} .nav_lislidetxt p a{font-size: 14px;color: #999;} .nav_lislidetxt p.act a{color: #0f630e;} .nav_lislideimg{float: left;width: 332px;height: 221px;padding-left: 20px;border-left: 2px solid #f5f5f5;} .nav_lislideimg div{width: 332px;height: 221px;display: none;} .nav_lislideimg div.act{display: block;} .nav_lislideimg img{display: block;width: 100%;height: 100%;} .nav_li:hover,.nav_li_act{background: #efefef;border-top: 4px solid #124d11;} .header_pho{width: 100%;background: #fff;position: fixed;top: 0;left: 0;border-bottom: 1px solid #d3d3d3;display: none;z-index: 9990;} .header_phocon{width: 90%;padding: 0 5%;height: 60px;overflow: hidden;} .header_phologo{float: left;height: 40px;width: 115px;margin-top: 10px;} .header_phologo img{display: block;width: 100%;height: 100%;} .header_phonav{float: right;width: 25px;height: 20px;margin-top: 20px;} .header_phonav img{display: block;width: 100%;height: 100%;} .nav_con{position: fixed;top: 61px;left: 0;width: 100%;display: none;z-index: 9999;background: #fff;overflow: hidden;overflow-y: scroll;} .li1{line-height: 48px;border-bottom: 1px solid #d3d3d3;background: #fff;} .nav_li1{padding: 0 5%;overflow:hidden;} .nav_liimg{float: left;width: 26px;height: 30px;margin-top: 9px;} .nav_liimg img{display: block;width: 100%;height: 100%;} .nav_li1 p{float: left;line-height: 48px;width: 50%;} .nav_li1 p a{font-size: 14px;color: #333;display: block;padding:0 0 0 16px ;} .nav_li1 div.nav_limo{float:right;height: 48px;width: 40%;background: right center no-repeat;} .nav_ul2{display: none;} .nav_ul2 li{height: 48px;line-height: 48px;padding: 0 5%;border-top: 1px solid #d3d3d3;} .nav_ul2 li a{display: block;padding-left: 46px;font-size: 14px;color: #333;} /*header*/ /*index*/ .index_banner{margin-top: 135px;} .index_banner1 .swiper-wrapper img{display: block;width: 100%;} .index_banner2{display: none;} .index_banner2 .swiper-wrapper img{display: block;width: 100%;} .index_about{margin-top: 70px;} .index_abouttop{overflow: hidden;} .index_abouttop span{display: block;float: left; height: 1px;background: #ccc;margin-top: 15px;} .index_abouttop p{padding: 0 12px;height: 30px;line-height: 30px;font-size: 22px;color: #333;float: left;} .index_abouttop.act p{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:rotatey(360deg);-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);-ms-transform:rotatey(360deg);-o-transform:rotatey(360deg);} .index_aboutbot{width: 900px;margin:10px auto;line-height: 24px;font-size: 14px;color: #969696;text-align: left;text-indent:30px;} .index_aboutimg{width: 100%;margin-top: 30px;position: relative;overflow: hidden;} .index_aboutimg img{width: 100%;height: 100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;} .index_aboutimg:hover img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .img2{display: none;} .img1{display: block;} .index_abouttxt{position: absolute;top: 180px;right: 50%;margin-right: -550px;padding: 55px 120px 40px 45px;width: 660px; /*background: rgba(180,134,35,0.9);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#e5be8b28,endcolorstr=#e5be8b28);*/opacity: 0;margin-top: -500px;background: rgba(255,255,255,0.8);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8ffffff);} .index_abouttxt p{line-height: 28px;font-size: 16px;/*color: #fff;*/color: #333;} .index_abouttxt div{width: 142px;height: 34px;border:1px solid #333;line-height: 34px;text-align: center;margin-top: 30px;} .index_abouttxt div a{font-size: 14px;/*color: #fff;*/color: #333;display: block;} .index_abouttxt div:hover{border-color: #0a630e;} .index_abouttxt div:hover a{color: #0a630e;} .index_yw{margin-top: 70px;} .index_ywlist{margin: 60px auto 0;width: 1100px;position: relative;} .index_ywlist .swiper-wrapper .swiper-slide img{display: block; width: 100%;} .index_ywlist .swiper-wrapper .swiper-slide span{display: block;margin-top: 20px;height: 52px;line-height: 26px;text-align: center;font-size: 16px;color: #333;overflow: hidden;margin-bottom: 10px;} .index_ywlist .swiper-button-next,.index_ywlist .swiper-button-prev {width: 48px;height: 48px;margin-top: -70px;-moz-background-size: 48px 48px;-webkit-background-size: 48px 48px;background-size: 48px 48px;} .index_ywlist .swiper-button-prev,.index_ywlist .swiper-container-rtl .swiper-button-next {background-image: ;left: -75px;} .index_ywlist .swiper-button-next,.index_ywlist .swiper-container-rtl .swiper-button-prev {background-image: ;right: -75px;left: auto;} .index_anli{width: 100%;margin-top: 60px;} .index_altxt{position: absolute;top: 150px;left: 50%;margin-left: -550px;padding: 50px 110px 50px 50px;width: 600px;background: rgba(255,255,255,0.8);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8ffffff);} .index_altxtli div{line-height: 30px;font-size: 24px;color: #333;margin-bottom: 16px;} .index_altxtli div a{font-size: 24px;color: #333;} .index_altxtli p{line-height: 30px;font-size: 16px;color: #333;} .index_altxtli p a{font-size: 16px;color: #333;} .index_altxtli:hover div{font-weight: 600;} .index_altxt .swiper-button-next,.index_altxt .swiper-button-prev {top: 0;right: -27px;width: 25px;height: 50px;margin-top: 0;-moz-background-size: 25px 50px;-webkit-background-size: 25px 50px;background-size: 25px 50px;} .index_altxt .swiper-button-next,.index_altxt .swiper-container-rtl .swiper-button-prev {background-image: ;top:54px;right: -27px;left: auto;} .index_altxt .swiper-button-prev,.index_altxt .swiper-container-rtl .swiper-button-next {background-image: ;top:0px;right: -27px;left: auto;} .index_altxt .swiper-button-next:hover{background-image: ;} .index_altxt .swiper-button-prev:hover{background-image: ;} .index_new{margin-top: 70px;} /* .index_newmain{margin: 56px auto 0;width: 1100px;overflow: hidden;} */ .index_newmain{margin: 56px auto;width: 1100px;overflow: hidden;} .index_newimg{float: left;width: 450px;position: relative;left: -1000px;} .index_newimg1 .swiper-slide img{display: block;width: 100%;height: 100%;} .index_newimg1 .swiper-slide div{position: absolute;bottom: 0;left: 0; width: 100%;height: 40px;background: rgba(0,0,0,0.3);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000);z-index: 9;} .index_newimg1 .swiper-slide div a{display: block;padding: 0 125px 0 16px;line-height: 40px;height:40px;font-size: 16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .index_newimg .swiper-container-horizontal>.swiper-pagination-bullets,.index_newimg .swiper-pagination-custom,.index_newimg .swiper-pagination-fraction{left: auto;right: 16px;} .index_newimg .swiper-pagination {text-align: right;} .index_newimg .swiper-pagination-bullet{width: 10px;height: 10px;border: none;background: #0f630e;} .index_newimg .swiper-pagination-bullet-active {background: #fff;} .index_newinf{float: right;width: 620px;position: relative;left: 1000px;} .index_newinftop{border-bottom: 1px dotted #d3d3d3;} .index_newinftop div{line-height: 26px;height: 26px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top:10px;} .index_newinftop div a{font-size: 16px;color: #0f630e;} .index_newinftop p{line-height: 20px;height: 40px;margin: 10px 0 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .index_newinftop p a{font-size: 12px;color: #666;} .index_newinfbot{margin-top: 10px;} .index_newinfli{height: 36px;overflow: hidden;line-height: 36px;} .index_newinfli div{float: left;} .index_newinfli div a{font-size: 14px;color: #222;} .index_newinfli div span{font-size: 14px;color: #888;} .index_newinftopmore{font-size: 14px;text-align: right;color: #888;border-bottom: 1px dotted #d3d3d3;} .index_newinftop span{ float: right;} .index_newinfli p{float: right;font-size: 12px;color: #888;} .index_hzhb{width: 100%;margin-top: 70px;position: relative;} .index_hzhb img{width: 100%;height: 100%;} .index_hbcon{position: absolute;top: 0;left: 0;width: 100%;padding: 100px 0;} .index_hbcon .index_abouttop p{color: #fff;} .index_hbmain{width: 1100px;margin: 20px auto 0;} .index_hbmaintop{line-height: 24px;font-size: 14px;color: #fff;text-align: center;} .index_hbul{overflow: hidden;margin-top: 60px;position: relative;left: -2000px;} .index_hbli{float: left;width: 205px;margin-left: 18px;} .index_hbli:first-child{margin-left: 0;} .index_hbli div img{display: block;width: 100%;height: 100%;} .index_hbli p{margin-top: 14px;height: 36px;line-height: 18px;overflow: hidden;text-align: center;} .index_hbli p a{font-size: 14px;color: #fff;} .index_hbmo{width: 140px;height: 36px;background: #d80000;line-height: 36px;text-align: center;margin: 40px auto 0;} .index_hbmo a{display: block;font-size: 12px;color: #fff;} .index_hbmo:hover{background: #ddd;} .index_hbmo:hover a{color: #d80000;} /*footer*/ .footer{width: 90%;padding: 35px 5% 20px;background: #222;} .footer div{line-height: 16px;text-align: center;} .footer div a{display: inline-block;font-size: 14px;color: #fff;} .footer div span{display: inline-block;font-size: 14px;color: #fff;padding: 0 22px;} .footer p{margin-top: 20px;line-height: 26px;text-align: center; font-size: 14px;color: #b5b5b5;} /*footer*/ /*右侧悬浮*/ .slide_rt{position: fixed;top: 50%;right: 20px;margin-top: -101px; width: 49px;height: 202px;background: no-repeat;z-index: 9999;} .slide_rtli{width: 49px;height: 49px;margin-top: 2px;cursor: pointer;} .slide_rtli:first-child{margin-top: 0;} .slide_rtli a{display: block;width: 49px;height: 49px;} .pho{position: fixed;top: 50%;right: 69px;margin-top: 1px; width: 160px;height: 49px;line-height: 49px;border-radius: 6px 0 0 6px;overflow: hidden;display: none;z-index: 9996;border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;-webkit-border-radius: 6px 0 0 6px;-o-border-radius: 6px 0 0 6px;-ms-border-radius: 6px 0 0 6px;} .pho div{position: absolute;top: 0;left: 160px; width: 160px;height: 100%;font-size: 18px;color: #fff;text-align: center;background: #0a630e;} .wx{position: fixed;top: 50%;right: 72px;margin-top: 52px; width: 100px;height: 100px;display: none;z-index: 9996;} .wx img{display: block;width: 100%;height: 100%;} .footer_photop{padding: 14px 5%;width: 90%;background: #2b2b2b;line-height: 30px;font-size: 12px;color: #b5b5b5;text-align: center;margin-bottom: 59px;display: none;} .footer_photop a{font-size: 12px;color: #b5b5b5;} .footer_phobot{position: fixed;bottom: 0;left: 0;width: 95%;padding: 4px 2.5%;background: #4d4d4d;overflow: hidden;z-index: 9998;display: none;} .footerli{float: left;width: 25%;margin-top: 4px;} .footerli div{width: 20px;height: 25px;margin: 0 auto;} .footerli div img{display: block;width: 100%;height: 100%;} .footerli p{line-height: 18px;text-align: center;margin-top: 4px;} .footerli p a{display: block;font-size: 14px;color: #fff;} /*右侧悬浮*/ /*index*/ .page_banner{margin-top: 135px;width: 100%;overflow: hidden;} .page_banner img{display: block; width: 100%;height: 100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;} .page_banner:hover img,.page_banner.act img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .banner_img1{display: block;} .banner_img2{display: none;} .page_top{width: 100%;height: 140px;background: #efefef;} .page_topcon{width: 1200px;height: 140px;margin: 0 auto;overflow: hidden;} .page_toplt{float: left;height: 140px;} .page_toplt img{display: block;height: 100%;width: auto;} .page_toprt{float: right;} .page_nav1{/*float: right;*/line-height: 72px;font-size: 12px;color: #a9a9a9;width: 100%;text-align: right;} .page_nav1 a{font-size: 12px;color: #a9a9a9;} .page_nav2{float: right;overflow: hidden;margin-top: 10px;} .page_nav2 p{float: left;margin-left: 60px;line-height: 54px;} .page_nav2 p:nth-child{margin-left: 0;} .page_nav2 p a{font-size: 14px;color: #333;} .page_nav2 p:hover a,.page_nav2 .page_nav2_act a{color: #0f630e;} .page_nav3{width: 95%;height: 30px; padding: 10px 2.5%;overflow: hidden;overflow-x: auto;white-space: nowrap;display: none;text-align: center;} .page_nav3 p{line-height: 30px;display: inline-block;margin-right: 10px;} .page_nav3 p a{font-size: 16px;color: #333;} .page_nav3 .page_nav2_act a{color: #0f630e;} /*关于我们*/ .about_main{width: 1200px;margin: 60px auto 120px;overflow: hidden;} .gywm_img{float: left;width: 435px;position: relative;left: -1000px;} .gywm_img img{display: block;width: 100%;height: 100%;} .gywm_txt{float: left;width: 694px;margin-left: 70px;position: relative;left: 1000px;} .zzgj{width: 100%;} .zzgj img{width: 100%;} .zzgj img.jgimg1{display: block;} .zzgj img.jgimg2{display: none;} .ptdj{width: 100%;position: relative;} .ptdj_btn{position: absolute;top: 50%;margin-top: -24px; width: 49px;height: 49px;cursor: pointer;} .ptdj_btn img{display: block;width: 100%;height: 100%;} .ptdj_prev{left: 0;} .ptdj_next{right: 0;} .ptdj_imgul{width: 1050px;margin: 0 auto;background: 0 50% repeat-x;overflow: hidden;} .ptdj_imgli{float: left;width: 110px;height: 110px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;margin-left: 125px;background: #ebebeb;cursor: pointer;} .ptdj_imgli:first-child{margin-left: 0;} .ptdj_imgli:hover,.ptdj_imgli_act{background: #12541b;} .ptdj_imgli p{width: 90%; line-height: 30px;font-size: 22px;text-align: center;margin: 40px auto;color: #333;} .ptdj_imgli:hover p,.ptdj_imgli_act p{color: #fff;} .ptdj_txtul{width: 1050px;margin: 60px auto 0;} .ptdj_txtli{line-height: 24px;font-size: 14px;color: #333;display: none;} .ptdj_txtli_act{display: block;} /*关于我们*/ /*业内更多*/ .yndt_li{overflow: hidden;padding: 16px 20px;background: #f9f9f9;border: 1px solid #d3d3d3;margin-bottom: 26px;} .yndt_liimg{float: left;width: 275px;overflow: hidden;} .yndt_liimg img{display: block;width: 100%;height: 100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;} .yndt_li:hover .yndt_liimg img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)} .yndt_liinf{float: left;width: 620px;margin-left: 60px;} .yndt_litxt1{line-height: 60px;height: 60px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .yndt_litxt1 a{font-size: 18px;color: #333;} .yndt_litxt2{line-height: 26px;height: 78px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .yndt_litxt2 a{font-size: 14px;color: #999;} .yndt_litxt3{line-height: 20px;height: 20px;overflow: hidden;margin-top: 20px;padding-left: 20px;background: left center no-repeat;} .yndt_litxt3 a{font-size: 12px;color: #999;} .yndt_limo{float: left;margin: 40px 0 0 80px;width: 90px;height: 95px;background: #0f630e;position: relative;} .yndt_limore{position: absolute;top: 10px;left: -10px;width: 90px;height: 95px;background: #efefef;line-height: 95px;text-align: center;} .yndt_limore a{display: block;font-size: 12px;color: #333;} .yndt_main .pages{padding: 40px 0 20px;} .yndtxq_top{margin-top: 135px;} .yndtxq_main{width: 1200px;margin: 60px auto;overflow: hidden;} .yndtxq_mainle{float: left;width: 800px;} .yndtxq_topic{} .yndtxq_topic div{line-height: 46px;text-align: center;font-size: 26px;color: #333;} .yndtxq_topic {line-height: 36px;text-align: center;} .yndtxq_topic span{display: inline-block;line-height: 38px;font-size: 14px;color: #757575;margin: 0 auto;border-bottom: 1px solid #d3d3d3;} .yndtxq_inf{margin-top: 30px;} .yndtxq_inf img{ max-width: 100%;} .yndt_bot{margin-top: 40px;} .yndt_page{float: left;width: 600px;} .yndt_page a{display: block;font-size: 14px;color: #333;line-height: 24px;} .yndt_page a:hover span{color: #0f630e} .fx1{display: block;} .fx2{display: none;margin-top: 20px;} .yndtxq_mainrt{float: right;width: 300px;margin-top: 113px;} .yndtxq_rttop{line-height: 26px;font-size: 22px;color: #333;padding-bottom: 12px;border-bottom: 1px solid #0f630e;} .yndtxq_rtli{padding: 7px 0;overflow: hidden;border-bottom: 1px solid #d3d3d3;} .yndtxq_rtliimg{float: left;width: 134px;height: 94px;} .yndtxq_rtliimg img{display: block;width: 100%;height: 100%;} .yndtxq_rtlitxt{float: right;width: 148px;padding-top: 10px;} .yndtxq_rtlitxt div{line-height: 26px;height: 52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .yndtxq_rtlitxt div a{font-size: 16px;color: #333;} .yndtxq_rtlitxt p{line-height: 20px;margin-top: 10px;overflow: hidden;} .yndtxq_rtlitxt p a{font-size: 12px;color: #999;} /*业内更多*/ /*业务领域*/ .ywly_top{overflow: hidden;} .ywly_topli{float: left;width: 170px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;margin-right: 75px;position: relative;overflow: hidden;margin-bottom: 60px;} .ywly_topli:first-child{margin-left: 0;} .ywly_topli:nth-child(5n){margin-right: 0;} /*.ywly_topli:first-child .ywly_topli{background: #00aad6;} .ywly_topli:first-child .ywly_topli .ywly_topli{background: #00aad6;} .ywly_topli:first-child .ywly_topli .ywly_topli .ywly_topli{background: #76d6ff;} .ywly_topli:first-child .ywly_topli .ywly_topli .ywly_topli .ywly_topli{background: #00aad6;} .ywly_topli:first-child .ywly_topli .ywly_topli .ywly_topli .ywly_topli .ywly_topli{background: #007aaa;}*/ /* .ywly_topli:nth-child(5n){background: #00aad6;} .ywly_topli:nth-child(5n-1){background: #00aed6;} .ywly_topli:nth-child(5n-2){background: #76d6ff;} .ywly_topli:nth-child(5n-3){background: #00eab6;} .ywly_topli:nth-child(5n-4){background: #007aaa;}*/ .ywly_topli p{position: absolute;left: 10%; width: 80%;line-height: 40px;font-size: 26px;text-align: center;color: #333; margin-top: 5px;} .ywly_con{margin-top: 50px;overflow: hidden;} .ywly_con p{float: left;width: 67px;height: 142px;padding-top: 20px;background: #a6aaa9;text-align: center;line-height: 30px;margin: 0 33px 40px 33px;font-size: 28px;color: #fff;} .ywly_con p:hover{font-weight: 600;} .ywly_con p.act{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}.ywly_topli:nth-child(1){ border: 5px solid #008fe8;} .ywly_topli:nth-child(2){border: 5px solid #00a9e0;} .ywly_topli:nth-child(3){border: 5px solid #01d7e1;} .ywly_topli:nth-child(4){border: 5px solid #00d3aa;} .ywly_topli:nth-child(5){border: 5px solid #8cd26f;} .ywly_topli:nth-child(6){border: 5px solid #8cd26f;} .ywly_topli:nth-child(7){border: 5px solid #00d3aa;} .ywly_topli:nth-child(8){border: 5px solid #00a9e0;} .ywly_topli:nth-child(9){border: 5px solid #008fe8;} .ywly_topli:nth-child(10){border: 5px solid #01d7e1;} .ywly_topli:nth-child(1):hover{ background-color: #008fe8;} .ywly_topli:nth-child(2):hover{background-color: #00a9e0;} .ywly_topli:nth-child(3):hover{background-color: #01d7e1;} .ywly_topli:nth-child(4):hover{background-color: #00d3aa;} .ywly_topli:nth-child(5):hover{background-color: #8cd26f;} .ywly_topli:nth-child(6):hover{background-color: #8cd26f;} .ywly_topli:nth-child(7):hover{background-color: #00d3aa;} .ywly_topli:nth-child(8):hover{background-color: #00a9e0;} .ywly_topli:nth-child(9):hover{background-color: #008fe8;} .ywly_topli:nth-child(10):hover{background-color: #01d7e1;} .ywly_topli:hover p{ color: white;} .th_ywly_top{ overflow: hidden;} .th_ywly_top li{ float: left; width: 20%; text-align: center; margin-bottom: 60px;} .th_ywly_top li span{ display: inline-block; width: 170px; height: 120px; padding-top: 50px; line-height: 40px; font-size: 26px;color: #333; text-align: center; border-radius: 50%;} .th_ywly_top li:nth-child(1) span{border: 5px solid #008fe8;} .th_ywly_top li:nth-child(2) span{border: 5px solid #00a9e0;} .th_ywly_top li:nth-child(3) span{border: 5px solid #01d7e1;} .th_ywly_top li:nth-child(4) span{border: 5px solid #00d3aa;} .th_ywly_top li:nth-child(5) span{border: 5px solid #8cd26f;} .th_ywly_top li:nth-child(6) span{border: 5px solid #8cd26f;} .th_ywly_top li:nth-child(7) span{border: 5px solid #00d3aa;} .th_ywly_top li:nth-child(8) span{border: 5px solid #00a9e0;} .th_ywly_top li:nth-child(9) span{border: 5px solid #008fe8;} .th_ywly_top li:nth-child(10) span{border: 5px solid #01d7e1;} .th_ywly_top li:nth-child(1):hover span{ background-color: #008fe8;} .th_ywly_top li:nth-child(2):hover span{background-color: #00a9e0;} .th_ywly_top li:nth-child(3):hover span{background-color: #01d7e1;} .th_ywly_top li:nth-child(4):hover span{background-color: #00d3aa;} .th_ywly_top li:nth-child(5):hover span{background-color: #8cd26f;} .th_ywly_top li:nth-child(6):hover span{background-color: #8cd26f;} .th_ywly_top li:nth-child(7):hover span{background-color: #00d3aa;} .th_ywly_top li:nth-child(8):hover span{background-color: #00a9e0;} .th_ywly_top li:nth-child(9):hover span{background-color: #008fe8;} .th_ywly_top li:nth-child(10):hover span{background-color: #01d7e1;} .th_ywly_top li:hover span{ color: white;} @media screen and (min-width: 960px) and (max-width: 1199px) { .th_ywly_top li{ float: left; width: 33.33%; } } @media screen and (min-width: 770px) and (max-width: 959px) { .th_ywly_top li{ float: left; width: 33.33%; } } @media screen and (min-width: 480px) and (max-width: 769px){ .th_ywly_top li{ float: left; width: 50%; } } /*440分辨率以下(小于479px)*/ @media screen and (max-width: 479px) { .th_ywly_top li{ float: left; width: 50%; } .th_ywly_top li span{ display: inline-block; width: 150px; height: 100px; padding-top: 50px; } } @media screen and (max-width: 320px) { .th_ywly_top li{ float: left; width: 50%; } .th_ywly_top li span{ display: inline-block; width: 100px; height: 100px; padding: 30px 10px 0; font-size: 20px;} } /*业务领域*/ /*技术运营*/ .jsyy_con{overflow: hidden;width: 100%;} .jsyy_inf{float: right;width: 505px;padding: 0 12px;overflow: hidden;position: relative;left: 1000px;} .jsyy_infle{float: left;width: 20px;} .jsyy_infle div{width: 20px;height: 20px;background: #efefef;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;} .jsyy_infle span{display: block; width: 10px;height: 80px;background: #efefef;margin: -1px auto;} .jsyy_infle div.jsyy_infle_act{background: #0f630e;} .jsyy_infle span.jsyy_infle_act{background: #0f630e;} .jsyy_infrt{float: right;width: 430px;} .jsyy_infrtli{padding: 10px;background: #efefef;overflow: hidden;margin-bottom: 20px;} .jsyy_inflile{padding: 0 10px;height: 50px;background: #0f630e;float: left;line-height: 50px;} .jsyy_inflile a{display: block;font-size: 20px;color: #fff;} .jsyy_inflirt{float: left;margin-left: 10px;} .jsyy_inflirt div{line-height: 25px;height: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .jsyy_inflirt div a{font-size: 16px;color: #8b8b8b;} .jsyy_inflirt p{line-height: 25px;height: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .jsyy_inflirt p a{font-size: 14px;color: #8b8b8b;} .jsyy_img{float: left;width: 624px;position: relative;left: -700px;} .jsyy_img img{display: none;width: 100%;height: 100%;} .jsyy_img img.jsyy_img_act{display: block;} .mnzx_con{width: 1064px;overflow: hidden;margin: 0 auto;} .mnzx_li{float: left;margin-right: 20px;margin-bottom: 40px;width: 341px;} .mnzx_li:nth-child(3n){margin-right: 0;} .mnzx_liimg{overflow: hidden;} .mnzx_liimg img{display: block;width: 100%;height: 100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;} .mnzx_liinf{padding: 10px 20px;background: #f4f4f4} .mnzx_liinf div{height: 25px;line-height: 25px;background: right center no-repeat;} .mnzx_liinf div a{display: block;font-size: 16px;color: #333;} .mnzx_liinf p{height: 25px;line-height: 25px;} .mnzx_liinf p a{display: block;font-size: 14px;color: #333;} .mnzx_li:hover .mnzx_liinf{background: #0f630e;} .mnzx_li:hover .mnzx_liinf a{color: #fff;} .mnzx_li:hover div{background: right center no-repeat;} .mnzx_li:hover .mnzx_liimg img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)} .muzx_main .pages a:hover,.muzx_main .pages a.current {background: #0e620a;border-color: #0e620a;} .muzx_con{width: 100%;overflow: hidden;} .muzx_img{float: left;width: 990px;} .muzx_img img{display: block;width: 100%;height: 100%;} .muzx_imglist{float: right;width: 186px;} .muzx_prev{width: 186px;height:30px;background: center center no-repeat;cursor: pointer;} /*.muzx_prev img{display: block;width: 100%;height: 100%;}*/ .muzx_ul{height: 443px;overflow: hidden;margin: 12px 0;} .muzx_li {border:2px solid #fff;margin-bottom: 12px;} .muzx_li img{display: block;width: 100%;height: 100%;} .muzx_next{width: 186px;height:30px;background: center center no-repeat;cursor: pointer;} /*.muzx_next img{display: block;width: 100%;height: 100%;}*/ .muzx_li_act{border:2px solid #83c104;} .muzx_imgtxt{display: none;} /*技术运营*/ /*公司业绩*/ .hzhb_con{width: 100%;} .hzhb_top div{overflow: hidden;} .hzhb_top div span{height: 1px;background: #ccc;display: block;float: left;} .hzhb_top div u{display: block;float: left;padding: 0 20px;height: 30px;line-height: 30px;font-size: 22px;color: #333;} .hzhb_top p{margin-top: 20px;line-height: 24px;text-align: center;font-size: 14px;color: #888;} .hzhb_ul{margin-top: 30px;overflow: hidden;} .hzhb_li{float: left;width: 206px; margin-right: 42px;} .hzhb_li:nth-child(5n){margin-right: 0;} .hzhb_li div{width: 206px;overflow: hidden;} .hzhb_li div img{width: 100%;height: 100%;display: block;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;} .hzhb_li div:hover img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .hzhb_li p{height: 36px;padding: 10px 0 15px;line-height: 18px;text-align: center;font-size: 14px;color: #333;} .hzhb_li p a{font-size: 14px;color: #333;} .hzhb_more{width: 140px;height: 36px;margin: 30px auto 0;background: #0f630e;line-height: 36px;text-align: center;} .hzhb_more a{font-size: 12px;color: #fff;display: block;} .gsyj_con{overflow: hidden;} .gsyj_li{float: left;width: 568px;position: relative;margin-right: 62px;margin-bottom: 50px;overflow: hidden;} .gsyj_li:nth-child(2n){margin-right: 0;} .gsyj_liimg img{display: block;width: 100%;height: 100%;} .gsdt_litxt{height: 60px;line-height: 60px;text-align: center;overflow: hidden;background: #f3f3f3;} .gsdt_litxt a{font-size: 16px;color: #333;} .gsdt_liinf{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(118,133,163,0.9);display: none;} .gsdt_liinf div{margin: 50px 20px 0 36px;height: 50px;line-height: 50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .gsdt_liinf div a{font-size: 34px;color: #fff;display: block;} .gsdt_liinf p{margin: 18px 36px 0 36px;height: 22px;line-height: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-bottom: 2px dotted #fff;padding: 5px 0;} .gsdt_liinf p a{font-size: 18px;color: #fff;display: block;} .gsdt_liinf span{display: block;margin: 40px 36px 0 36px;height: 276px;line-height: 46px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;} .gsdt_liinf span a{font-size: 18px;color: #fff;display: block;} .gsyj_top{margin-top: 135px;} .gsyjxq_top div{line-height: 46px;text-align: center;font-size: 26px;color: #333;} .gsyjxq_top p{text-align: center;} .gsyjxq_top p span {display: inline-block;line-height: 38px;font-size: 14px;color: #757575;margin: 0 auto;border-bottom: 1px solid #d3d3d3;} .gsyjxq_inf {margin-top: 30px;} .gsyjxq_inf img{max-width: 100%;} .gsyjxq_con img{max-width: 100%;} /*公司业绩*/ /*加入我们*/ .rczc_top{line-height: 46px;text-align: center;font-size: 36px;color: #333;} .rczc_inf{margin-top: 30px;} .rczc_inf img{max-width: 100%;} .zpgw_toptxt{line-height: 28px;font-size: 14px;color: #333;} .zpgw_toptxt img{max-width: 100%;} .zpgw_ultop{background: #ddd;padding-left: 80px;height: 46px;overflow: hidden;margin-top: 20px;} .zpgw_ultop p{float: left;line-height: 46px;font-size: 14px;color: #999;} .zpgw_t1{width: 400px;} .zpgw_t2{width: 380px;} .zpgw_t3{width: 240px;} .zpgw_t4{width: 98px;} .zpgw_ul{margin-top: 12px;} .zpgw_li{margin-bottom: 16px;background: #f5f5f5;} .zpgw_litop{height: 40px;line-height: 40px;overflow: hidden;} .zpgw_litop p{float: left;font-size: 14px;color: #555;} .zpgw_m1{margin-left: 35px;width: 370px;} .zpgw_m2{width: 470px;} .zpgw_m3{width: 210px;} .zpgw_m4{width: 113px;} .zpgw_libot{width: 1160px;padding: 10px 20px;margin: 0 auto 0;background: #fff;display: none;} /*加入我们*/ /*联系我们*/ .lxwm_con{overflow: hidden;} .lxwm_le{float: left;width: 450px;position: relative;left: -1000px;} .lxwm_top{height: 70px;line-height: 70px;font-size: 40px;border-bottom: 1px dotted #999;} .lxwm_le p{line-height: 60px;font-size: 18px;color: #333;border-bottom: 1px dotted #999;padding-left: 40px;} .lxwm_t1{background: left center no-repeat;} .lxwm_t2{background: left center no-repeat;} .lxwm_t3{background: left center no-repeat;} .lxwm_t4{background: left center no-repeat;} .lxwm_rt{float: right;margin-top: 10px;width:613px;position: relative;left: 1000px;} .anchorbl{display: none;} /*联系我们*/ .bdselect_share_box{opacity: 0;} @media only screen and (max-width: 1600px){ .index_abouttxt{top: 150px;} } @media only screen and (max-width: 1400px){ .index_abouttxt{top: 130px;} .index_altxt{top: 120px;} } @media only screen and (max-width: 1300px){ .index_ywlist{width: 850px;} } @media only screen and (max-width: 1200px){ .header{display: none;} .header_pho{display: block;} .index_banner{margin-top: 61px;} .index_abouttxt{top: 100px;} .index_abouttxt{position: absolute;right: 50%;margin-right: -450px;padding: 55px 100px 40px 35px;width: 600px;} .index_altxt{top: 80px;margin-left: -350px;padding: 40px 100px 40px 40px;width: 400px;} .index_hbcon{padding: 80px 0;} .page_topcon{width: 90%;} .page_nav2 p{margin-left: 40px;} .page_banner{margin-top: 60px;} .about_main{width: 90%;margin: 40px auto 80px;} .gywm_img{width: 32%;} .gywm_txt{width: 63%;margin-left: 5%;} .about_main2{width: 900px;} .ptdj_imgul{width: 770px;height: 110px;} .ptdj_imgli{margin-left: 55px;} .ptdj_txtul{width: 770px;} .yndt_limo{display: none;} .yndt_liimg{width: 24%;} .yndt_liinf{float: right;width: 72%;margin-left: 0} .yndt_litxt1{line-height: 30px;height: 30px;} .yndt_litxt3{margin-top: 5px;} .yndtxq_top{margin-top: 60px;} .yndtxq_main{width: 90%;} .yndtxq_mainle{width: 100%;float: none;} .yndt_page{width: 500px;} .yndtxq_mainrt{display: none;} .ywly_topli{width: 16%;margin-right:5%;} .ywly_topli p {line-height: 30px;font-size: 20px;} .jsyy_inf {width: 50%;padding: 0 1%;} .jsyy_img{width: 44%;} .mnzx_con{width: 702px;} .mnzx_li{margin-right: 20px;} .mnzx_li:nth-child(3n){margin-right: 20px;} .mnzx_li:nth-child(2n){margin-right: 0;} .muzx_con{width: 866px;margin: 0 auto;} .muzx_img{width: 700px;} .muzx_imglist{width: 125px;} .muzx_prev{width: 125px;} .muzx_next{width: 125px;} .muzx_ul{height: 294px;margin: 10px 0;} .muzx_li{margin-bottom: 8px;} .muzx_main{width: 100%;} .hzhb_con{width: 954px;margin: 0 auto;} .hzhb_li:nth-child(5n){margin-right: 42px;} .hzhb_li:nth-child(4n){margin-right: 0;} .gsyj_main{width: 900px;} .gsyj_li{width: 440px;margin-right: 20px;} .gsdt_liinf span {margin: 20px 26px 0 26px;height: 190px;line-height: 38px;-webkit-line-clamp: 5;} .gsdt_liinf div a {font-size: 26px;} .gsyj_top{margin-top: 60px;} .zpgw_t2{display: none;} .zpgw_t1{width: 70%;margin-left: 0;text-align: center;} .zpgw_t3{width: 30%;margin-left: 0;text-align: center;} .zpgw_t4{display: none;} .zpgw_m2{display: none;} .zpgw_m4{display: none;} .zpgw_m1{width: 70%;margin-left: 0;text-align: center;} .zpgw_m3{width: 30%;margin-left: 0;text-align: center;} .zpgw_ultop{padding-left: 0;} .zpgw_libot{width: 96%;padding: 10px 2%;} .lxwm_le{float: none;padding-top: 10px;margin: 0 auto;} .lxwm_rt{float: none;margin: 0 auto;margin-top: 20px;} } @media only screen and (max-width: 1100px){ .index_newmain{width: 90%;} .index_newimg{width: 45%;} .index_newinf{width: 50%;} .index_newinfli{height: 28px;overflow: hidden;line-height: 28px;} .index_hbmain{width: 90%;} .index_hbli{width: 18%;margin-left: 2.5%;} } @media only screen and (max-width: 1000px){ .index_ywlist{width: 700px;} .index_ywlist .swiper-button-next,.index_ywlist .swiper-button-prev {width: 36px;height: 36px;margin-top: -64px;-moz-background-size: 36px 36px;-webkit-background-size: 36px 36px;background-size: 36px 36px;} .index_ywlist .swiper-button-prev,.index_ywlist .swiper-container-rtl .swiper-button-next {background-image: ;left: -50px;} .index_ywlist .swiper-button-next,.index_ywlist .swiper-container-rtl .swiper-button-prev {background-image: ;right: -50px;left: auto;} .index_hbcon{padding: 70px 0;} .jsyy_inf {width: 55%;padding: 0 1%;} .jsyy_img{width: 40%;} } @media only screen and (max-width: 900px){ .index_about{margin-top: 50px;} .index_aboutbot{width: 768px;} .index_abouttxt{top: 80px;} .index_abouttxt{position: absolute;right: 5%;margin-right: 0;padding: 20px;width: 70%;} .index_newinftop p{margin: 5px 0 10px;} .index_newinfbot{margin-top: 5px;} .index_newinfli{height: 24px;overflow: hidden;line-height: 24px;} .about_main2{width: 90%;} .jsyy_inf {float: none; width: 600px;margin: 0 auto;} .jsyy_img{float: none; width: 600px;margin: 25px auto 0;} .jsyy_infrt {width: 530px;} .gsyj_main{width: 90%;} } @media only screen and (max-width: 800px){ .index_ywlist{width: 80%;} .index_ywlist .swiper-button-next,.index_ywlist .swiper-button-prev {width: 30px;height: 30px;margin-top: -59px;-moz-background-size: 30px 30px;-webkit-background-size: 30px 30px;background-size: 30px 30px;} .index_ywlist .swiper-button-prev,.index_ywlist .swiper-container-rtl .swiper-button-next {background-image: ;left: -40px;} .index_ywlist .swiper-button-next,.index_ywlist .swiper-container-rtl .swiper-button-prev {background-image: ;right: -40px;left: auto;} .index_hbcon{padding: 50px 0;} } @media only screen and (max-width: 768px){.ywly_topli:nth-child(1), .ywly_topli:nth-child(3), .ywly_topli:nth-child(5), .ywly_topli:nth-child(7), .ywly_topli:nth-child(9){margin-left: 60px;} .index_banner1{display: none;} .index_banner2{display: block;} .index_about{margin-top: 40px;} .index_aboutbot{width: 90%;margin:10px auto;text-align: left;} .img1{display: none;} .img2{display: block;} .index_aboutimg{margin-top: 25px;} .index_abouttxt{top: 60px;} /* .index_abouttxt p{line-height: 24px;height:72px;font-size: 14px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} */ .index_abouttxt p{line-height: 24px;height:72px;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .index_abouttxt div {margin-top: 10px;width: 90px;height: 26px;line-height: 26px;} .index_abouttxt div a{font-size: 12px;} .index_altxt{top: 40px;padding: 20px;width: 70%;left: 5%;margin-left: 0;} .index_altxtli p {line-height: 24px;font-size: 14px;height: 72px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .index_newimg{width: 100%;float: none;} .index_newinf{width: 100%;margin-top: 16px; float: none;} .index_newinftop{border-bottom: 1px dotted #d3d3d3;} .index_newinftop div{line-height: 26px;height: 26px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .index_newinftop div a{font-size: 16px;color: #0f630e;} .index_newinftop p{line-height: 20px;height: 40px;margin: 10px 0 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .index_newinftop p a{font-size: 12px;color: #666;} .index_newinfbot{margin-top: 10px;} .index_newinfli{height: 30px;overflow: hidden;line-height: 30px;} .index_newinfli div{float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .index_newinfli div a{font-size: 14px;color: #222;} .index_newinfli p{float: right;font-size: 12px;color: #888;} .index_about{margin-top: 25px;} .index_yw{margin-top: 25px;} .index_ywlist {margin-top: 25px;} .index_anli{margin-top: 10px;} .index_new{margin-top: 25px;} .index_newmain{margin-top: 25px;} .index_hbli{width: 23%;margin-left: 2.66%;} .index_hbli p a {font-size: 12px;} .index_hbcon{padding: 40px 0;} .index_hbmain {margin-top: 12px;} .index_hbul{margin-top: 20px;} .index_hbmo{margin-top: 15px;margin-bottom: 10px;} .index_hzhb{margin-top: 30px;} .footer{display: none;} .footer_photop{display: block;} .footer_phobot{display: block;} .slide_rt{display: none;} .banner_img2{display: block;} .banner_img1{display: none;} .page_nav1{display: none;} .page_nav2{display: none;} .page_top{height: 80px;} .page_topcon{height: 80px;} .page_toplt{height: 80px;float: none;margin: 0 auto;} .page_nav3{display: block;} .about_main{width: 90%;margin: 10px auto 40px;} .gywm_img{width: 80%;float: none;margin: 0 auto;} .gywm_txt{width: 100%;margin-left: 0;float: none;margin-top: 16px;} .zzgj img.jgimg2{display: block;} .zzgj img.jgimg1{display: none;} .ptdj_txtul{margin-top: 25px;} .yndt_li{padding: 7px 10px;} .yndt_liimg{width: 30%;} .yndt_liinf{width: 66%;} .yndt_litxt2{line-height: 26px;height: 52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .yndt_main .pages{padding: 20px 0 20px;} .bdshare_popup_box{opacity:0} .fx1{display: none;} .fx2{display: block;} .yndt_page{width: 100%;} .yndt_page{float: none;} .ywly_topli{width: 31%;margin: 0 3.5% 20px 0;} .ywly_topli:nth-child(5n){} .ywly_topli:nth-child(3n){} .ywly_topli p {left: 10%;width: 80%;line-height: 38px;font-size: 26px; margin-top: 0;} .ywly_con{text-align: center;margin-top: 20px;} .ywly_con p {display: inline-block; width: 40px;float: none; height: 90px; padding-top: 16px; background: #a6aaa9; text-align: center; line-height: 18px; margin: 0 4px 20px 4px; font-size: 16px; color: #fff;} .jsyy_inf {float: none; width: 100%;margin: 0 auto;} .jsyy_img{float: none; width: 100%;margin: 25px auto 0;} .jsyy_inf {padding: 0;} .jsyy_inflile{height: 40px;line-height: 40px;} .jsyy_inflile a {font-size: 18px;} .jsyy_inflirt div {line-height: 20px;height: 20px;} .jsyy_inflirt p {line-height: 20px;height: 20px;} .jsyy_infle span {height: 80px;} .mnzx_con{width: 342px;} .mnzx_li{margin-right: 0;float: none;} .mnzx_li:nth-child(3n){margin-right: 0;} .mnzx_li:nth-child(2n){margin-right: 0;} .muzx_main {margin-bottom: 20px;} .muzx_main .pages{padding: 20px 0;} .muzx_img{width: 100%;float: none;} .muzx_imglist{width: 100%;float: none;margin-top: 20px;overflow: hidden;} .muzx_prev {float: left; width: 30px;background: url(/uploads/image/simages/muzx_le2.jpg) center center no-repeat;cursor: pointer;} .muzx_next {float: right; width: 30px;background: url(/uploads/image/simages/muzx_rt2.jpg) center center no-repeat;cursor: pointer;} .muzx_ul{float: left;margin:4px 10px;overflow: hidden;} .muzx_li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;float: left;width: 32%;margin-left: 2%;} .muzx_li:first-child{margin-left: 0;} .muzx_con{width: 100%;} .muzx_imgtxt{width: 100%;margin-top: 16px;line-height: 20px;font-size: 14px;color: #0f630e;text-align: center;display: block;} .hzhb_con{width: 100%;margin: 0 auto;} .hzhb_li{width: 32%;margin-right: 2%;} .hzhb_li:nth-child(5n){margin-right: 2%;} .hzhb_li:nth-child(4n){margin-right: 2%;} .hzhb_li div{width: 100%;} .hzhb_li:nth-child(3n){margin-right: 0;} .hzhb_li p a{font-size: 12px;} .hzhb_ul{margin-top: 16px;} .hzhb_top p {margin-top: 10px;} .gsyj_li{float: none;margin-right: 0;margin-bottom: 16px;width: 100%;} .zpgw_main .pages{padding: 20px 0 0;} .zpgw_ultop{height: 40px;} .zpgw_ultop p{line-height: 40px;} .lxwm_le{float: none;width: 100%;padding-top: 10px;} .lxwm_top{height: 50px;line-height: 50px;font-size: 30px;} .lxwm_le p{line-height: 24px;font-size: 14px;padding: 10px 0;padding-left: 40px;} .lxwm_rt{float: none;margin-top: 25px;width:100%;} .index_altxtli div a {font-size: 20px;} .index_altxtli p a { font-size: 14px;} } @media only screen and (max-width: 600px){ .ywly_topli p {left: 10%;width: 80%;line-height: 26px;font-size: 20px;} } @media only screen and (max-width: 500px){ .index_abouttxt{top: 40px;} .index_ywlist .swiper-button-next,.index_ywlist .swiper-button-prev {width: 20px;height: 20px;margin-top: -40px;-moz-background-size: 20px 20px;-webkit-background-size: 20px 20px;background-size: 20px 20px;} .index_ywlist .swiper-button-prev,.index_ywlist .swiper-container-rtl .swiper-button-next {background-image: ;left: -26px;} .index_ywlist .swiper-button-next,.index_ywlist .swiper-container-rtl .swiper-button-prev {background-image: ;right: -26px;left: auto;} .index_ywlist .swiper-wrapper .swiper-slide span{display: block;margin-top: 10px;height: 40px;line-height: 20px;text-align: center;font-size: 14px;color: #333;overflow: hidden;margin-bottom: 10px;} .index_abouttxt p{font-size: 12px;} .index_altxt{top: 40px;padding: 20px 30px 20px 20px;width: 70%;} .index_altxt{width: 65%;} .index_altxt .swiper-button-next,.index_altxt .swiper-button-prev {width: 20px;height: 40px;margin-top: 0;-moz-background-size: 20px 40px;-webkit-background-size: 20px 40px;background-size: 20px 40px;} .index_altxt .swiper-button-next,.index_altxt .swiper-container-rtl .swiper-button-prev{top:43px;right: -22px;} .index_altxt .swiper-button-prev,.index_altxt .swiper-container-rtl .swiper-button-next{top:0px;right: -22px;} .index_altxtli div {line-height: 26px;font-size: 18px;color: #333;margin-bottom: 6px;} .index_hbcon{padding: 25px 0;} .yndt_litxt1{height: 22px;line-height: 22px;} .yndt_litxt1 a{font-size: 16px;} .yndt_litxt2{height: 40px;line-height: 20px;} .yndt_litxt2 a{font-size: 14px;} .yndt_litxt3{margin-top: 0;} .gsyj_main .pages{padding: 30px 0;} .rczc_top{line-height: 36px;font-size: 26px;} .rczc_inf{margin-top: 16px;} } @media only screen and (max-width: 460px){ .mnzx_con{width: 100%;} .mnzx_li{margin-right: 0;float: none;width: 100%;margin-bottom: 20px;} } @media only screen and (max-width: 430px){ .index_hbli{width: 31.33%;margin-left: 3%;} .muzx_prev { width: 20px;} .muzx_next {width: 20px;} .muzx_ul {margin: 4px 6px;} } @media only screen and (max-width: 400px){ .index_abouttxt{top: 20px;} .index_altxt{top: 20px;padding: 20px;width: 65%;} .index_hbcon{padding: 20px 0;} .yndt_liimg{width: 35%;} .yndt_liinf{width: 61%;} .jsyy_inflile a {font-size: 16px;} .jsyy_inflirt div a{font-size: 14px;} .jsyy_inflirt p a{font-size: 12px;} .jsyy_infrtli {margin-bottom: 10px;} .jsyy_infle span {height: 60px;} } @media only screen and (max-width: 360px){ .yndt_litxt1{height: 20px;line-height: 20px;} .yndt_litxt2{height: 36px;line-height: 18px;} .yndt_litxt2 a{font-size: 12px;} .ywly_topli p {line-height: 22px;font-size: 16px;} }