@media (max-width: 1024px) { .syaboutnav{ width: 96%; margin: 40px auto; overflow: hidden; } .syaboutnav a{ display: block; float: left; width: 20%; text-align: center; } .syaboutnav a.abtive{ background: url("../images/on.png") no-repeat 7% 6px; } .syaboutbox{ width: 96%; margin: 0 auto; } .aboutit{ } .text-center{ text-align: center; } .fpagetitle1{ } .fpagetitle2{ font-size: 20px; color: #0081cc; } .syaboutTop{ overflow: hidden; } .syaboutTopL{ width: 620px; float: left; font-size: 18px; line-height: 27px; text-align: justify; background: url(../images/blueline.png) no-repeat left top; padding-left: 40px; margin-top: 30px; } .syaboutTopL p{ font-size: 13px; } .syaboutTopR{ width: 100%; float: right; margin-top: 35px; text-align: center; margin-bottom: 40px; } .syaboutTopR img{ width: 70%; } .syfalishi{ background: url("../images/timebg.png") no-repeat; /*background-size: 150%;*/ overflow: hidden; } .lstit{ text-align: center; color: #fff; margin-top: 60px; } .lstit h4{ font-size: 36px; } .lstit p{ font-size: 25px; } .groupcon{ position: relative; width: 100%; margin: 0 auto; } .zhou{ position: absolute; left: 47%; } .zhou img{ } .grouplistM img{ margin-left: 0px; } .groplist{ overflow: hidden; color: #fff; margin: 44px 0; } .groplist:nth-child(odd){ overflow: hidden; } .groplist:nth-child(odd) .grouplistL{ float: right; width: 40%; /* background: none; */ /* padding-left: 20px; */ } .groplist:nth-child(odd) .grouplistM{ /* float: left; */ width: 12%; text-align: left; padding-left: 15px; } .groplist:nth-child(odd) .grouplistR{ float: left; width: 40%; } .groplist:nth-child(even) .grouplistL{ float: left; width: 40%; /* background: none; */ /* padding-left: 20px; */ } .groplist:nth-child(even) .grouplistM{ width: 9%; float: left; text-align: center; } .groplist:nth-child(even) .grouplistR{ float: left; width: 40%; } .syculture{ width: 96%; margin: 60px auto; overflow: hidden; } .sycultureL{ float: none; width: 85%; margin: 20px auto; } .sycultureL img{ width: 100%; } .sycultureR{ float: left; margin-left: 80px; width: 500px; font-size: 18px; } .aboutit{ } .aboutit h2{ font-size: 31px; color: #0081cc; } .aboutit p{ font-size: 22px; color: #0081cc; } .culturecon{ margin-top: 25px; } .culturecon p{ margin-bottom: 11px; font-size: 19px; } .syshzrbox{ } .syshzrtop{ width: 96%; margin: 0 auto; position: relative; overflow: hidden; } .syshzrtopL{ width: 860px; height: 400px; position: absolute; margin-top: 147px; } .zerentit{ font-size: 56px; color: #ddd; } .zeintro{ background: url("../images/zenren1.png") no-repeat; background-size: 100% 100%; height: 421px; overflow: hidden; margin-top: -20px; position: absolute; width: 837px; } .zeintro h3{ font-size: 36px; color: #fff; margin: 40px 0 20px 41px; } .zeintro p{ font-size: 25px; color: #fff; margin-top: -20px; margin-left: 40px; } .zrslogen{ width: 590px; font-size: 22px; color: #fff; line-height: 30px; margin-left: 40px; margin-top: 52px; } .syshzrtop > img{ float: right; } .syshzrbottom{ width: 96%; margin: 60px auto; } .zrlist{ overflow: hidden; } .zrlistL img{ width: 100%; } .zrlistR h4{ font-size: 25px; margin: 40px 40px; margin-top: 49px; } .zrlistR p{ font-size: 15px; margin: 0 40px; line-height: 33px; } .zrlist:nth-child(odd) .zrlistL { float: left; width: 100%; } .zrlist:nth-child(odd) .zrlistR{ float: left; width: 100%; margin-bottom: 42px; } .zrlist:nth-child(even) .zrlistL { float: right; width: 100%; } .zrlist:nth-child(even) .zrlistR{ float: left; width: 100%; margin-bottom: 40px; } .yingxiaoabout{ padding: 0 20px; } .fpagetitle{ width: 96%; margin: 30px auto; } .fpagetitle1{ font-size: 27px; color: #0081cc; font-weight: 700; } .fpagetitle2{ } .yxzixun{ width: 96%; margin: 50px auto; overflow: hidden; } .yxzixunL{ float: left; margin: 13px; } .yxzixunL img{ } .yxzixunR{ float: left; } .houtcall{ font-size: 21px; color: #0081cc; } .fwhot{ font-size: 16px; color: #000; } .zixunliucheng{ width: 96%; margin: 0 auto; } .zixunliucheng img{ width: 100%; } .yxweb{background: url("../images/yingxiaobg.png") no-repeat;background-size: 100%;overflow: hidden;} .yxwebcon{ width: 96%; margin: 0 auto; background: #fff; margin-top: 113px; padding-top: 100px; } .yxmap{ width: 1000px; overflow: hidden; margin: 0 auto; } .yxmapL{ width: 100%; float: left; /* text-align: center; */ } .yxmapL img{ width: 72%; } .yxmapR{ float: left; width: 67%; padding-top: 55px; } .yxwebintro{ font-size: 16px; margin: 10px 0; line-height: 34px; } .fwwebdian{ overflow: hidden; margin-top: 40px; } .fwwebdianitem{ float: left; width: 33%; text-align: center; } .fwwebdianitem img{ height: 104px !important; width: 104px !important; } .diannum{ font-size: 41px; color: #0081cc; font-weight: 700; } .downloadbox{ } .downloadcon{ width: 96%; margin: 0 auto; overflow: hidden; } .downloaditem{ float: left; width: 98%; border: 1px solid #979797; margin: 1%; } .tbbg{ height: 187px; text-align: center; line-height: 187px; font-size: 46px; color: #fff; } .tbbg1{ background: url("../images/tbbg.png") no-repeat; background-size: 100% 100%; } .tbbg2{ background: url("../images/tbbg2.png") no-repeat; background-size: 100% 100%; } .tbbg3{ background: url("../images/tbbg3.png") no-repeat; background-size: 100% 100%; } .downlist{ height: auto; } .downlist a{ display: block; font-size: 23px; padding-left: 42px; /* margin: 15px 0; */ height: 65px; line-height: 65px; } .downlist a:hover{ background: #0081cc; color: #fff; } .downmore{ display: block; border-top: 1px solid #979797; width: 84%; margin: 10px auto; padding: 14px; font-size: 28px; color: #564c4c; margin-top: 30px; } .hornor{ } /* 本例子css */ .picMarquee-top{margin:30px auto;width: 96%;height: 588px;overflow:hidden;position:relative;font-size: 24px;border-top: 1px solid #ccc;} .picMarquee-top .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } .picMarquee-top .hd .prev,.picMarquee-top .hd .next{ display:block; width:9px; height:5px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer;} .picMarquee-top .hd .next{ background-position:0 -140px; } .picMarquee-top .hd .prevStop{ background-position:-60px -100px; } .picMarquee-top .hd .nextStop{ background-position:-60px -140px; } .picMarquee-top .bd{ padding:10px; } .picMarquee-top .bd ul{ overflow:hidden; zoom:1; } .picMarquee-top .bd ul li{ text-align:center; zoom:1;margin: 20px 0 } .picMarquee-top .bd ul li .title{font-size: 24px;line-height:24px;} .picMarquee-top .bd ul li .title a{ font-size: 24px; } .picMarquee-top .bd ul li .title a:hover{ color: #0081cc; } /* 本例子css */ .picMarquee-left{/* overflow:hidden; */position:relative;/* border:1px solid #ccc; */width: 100%;margin: 10px auto;} .picMarquee-left .hd{overflow:hidden;/* height:30px; *//* background:#f4f4f4; */padding:0 10px;position: absolute;width: 96%;top: 36%;left: 0%;z-index: 10;} .picMarquee-left .hd .prev{ display:block; width: 43px; height: 61px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; /* background:url("../images/arrow.png") no-repeat; */ } .picMarquee-left .hd .next{ display:block; width: 43px; height: 61px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; /* background:url("../images/arrow.png") no-repeat; */ position: absolute; } .picMarquee-left .hd .next{ background-position:0 -50px; } .picMarquee-left .hd .prevStop{ background-position:-60px 0; } .picMarquee-left .hd .nextStop{ background-position:-60px -50px; } .picMarquee-left .bd{ padding:10px; } .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center; } .picMarquee-left .bd ul li .pic img{ width:380px; height:280px; display:block; padding:2px; border:1px solid #ccc; } .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; } .picMarquee-left .bd ul li .title{ line-height:24px; } .company{ } .companybox{ width: 100%; overflow: hidden; margin: 10px auto; } .companybox a{ display: block; float: left; width: 27%; height: 77px; margin: 20px 3%; } .companybox a img{ width: 100%; height: 100%; } .liuchnegname p img{ width: 43px; } }