/* */ .gatFont a{font-size:12px;} .gatFont a:link,.gatFont a:visited{color:#999;} .gatFont a:hover{ color:#666;} .gatFont a:active{color:#999;} .cls{clear: both;} /* 网页头部 */ .ba{width: 100%;height: 650px;text-align: center;padding-top: 107px;} .IndexBgColor{ background-color:#FFFFFF;} .head{ width:100%; height:125px; background:url(/style/css/img/head.jpg) repeat-x left top;position:absolute;} .heads{ width:1200px; height:120px;margin: 0 auto;} .HeadTop{ width:1200px; height:30px;} .HeadTopLeft{ width:350px; height:30px; float:left;line-height: 30px;color: #c33;} .HeadTopRight{ width:360px; height:30px; float:right;position:relative;} .HeadTopRight .topwxtp{width:120px; height:140px; position:absolute;top:30px;left:10px;border: 1px #eee solid;text-align: center;z-index: 999;background-color: #fff; } .HeadTopRight .topwxtp img{width:100px; height: 100px;margin-top: 5px;} .HeadTopRight .topwxtp p{height: 20px;line-height: 20px;color: #c33;font-size: 12px;text-align: center; } .HeadTopRight a{width:55px; height:30px; display:inline-block;line-height: 30px;background:url(style/css/img/icon_hf.png) no-repeat;text-align:left;margin-left: 20px;padding-left: 30px;} .HeadTopRight a.topwx{background-position:-242px -10px;} .HeadTopRight a.topwx:hover{background-position:-242px -42px;color: #c33;} .HeadTopRight a.topsj{background-position:-78px -10px;} .HeadTopRight a.topsj:hover{background-position:-78px -42px;color: #c33;} .HeadTopRight a.topyw{background-position:-1px -10px;} .HeadTopRight a.topyw:hover{background-position:-1px -42px;color: #c33;} .HeadTopRight a:hover{ transition: background-position 0.5s; -moz-transition: background-position 0.5s; -webkit-transition: background-position 0.5s; -o-transition: background-position 0.5s;} .logo{ width:500px; height:90px; float:left; overflow: hidden;margin-top: -20px;} .ggadd{width:280px; height:90px; float:left;margin-left: 30px;line-height: 90px;font-size: 20px;font-weight: 700;color: #c33;} .tel{ width:330px; height:60px; float:right; overflow: hidden; margin-top: 20px; } .flash{ width:100%; height:420px; padding-top:120px; } /* 结束 */ .pingpai{ width:1200px; height:150px; padding-top:20px;text-align:center;color:#2A2B2D;margin: 0 auto;} .pingpai h1{ width:1200px; height:30px; line-height:30px; font-size:18px; font-weight:bold;} .pingpai h2{ width:1200px; line-height:26px; font-size:13px; font-weight:normal;margin-bottom: 10px;} .pingpai h2 font{ color:#e34b48;} .pingpai h3{ width:1200px; height:20px; line-height:20px; color:#2A2B2D; font-size:14px;font-weight:normal; } .pingpai h3 a{ color:#c33; font-size:14px;font-weight:600;text-decoration:underline;} .pingpai h3 a:hover{ color:#333; } /*服务*/ .Service{ width:100%; height:380px; border-bottom:1px solid #D5D1D2; padding-top:6px;} .Services{ width:1200px; height:380px;margin: 0 auto;} .ServiceList{ width:300px; height:330px; float:left;} .ServiceList a{ color:#666;} .ServiceLists{ width:280px;height:330px;position:relative;overflow: hidden; background-color:#F7F7F7; } .ServiceLists .top{ width:280px; height:280px; text-align:center; position:absolute; left:0px;} .ServiceLists .top img{width:280px; height:280px; } .ServiceLists .title{ width:280px; height:50px; text-align:center; padding-top: 5px; line-height:30px; position:absolute; left:0px; top:280px; } .ServiceLists .title span{ color:#2A2B2C;font-size:18px; line-height:20px;} .ServiceLists .tops{ width:280px; height:280px; text-align:center; position:absolute; left:-275px; z-index:800;} .ServiceLists .tops img{width:280px; height:280px;} .ServiceLists .titles{ width:280px; height:50px; text-align:center; padding-top: 5px; line-height:30px;position:absolute; left:280px; top:280px; color:#fff; z-index:800;} .ServiceLists .titles span{ color:#fff;font-size:18px;line-height:20px;} /**/ .W_slist { width: 528px;display: block; height:100px;margin: 0px auto; } .W_slist ul{ margin:0px; padding:0px; } .W_slist li { list-style:none; padding:0px; margin:0px;width: 86px;overflow: hidden;height: 100px;font-size: 14px;position: relative;display: inline;float: left;text-align: center; } .W_slist li .rad i { background: url(style/css/img/w-20140306v2.png) no-repeat ; -webkit-transition: all .5s ease-in-out; display: block; margin-left: auto;margin-right: auto; } .W_slist li .rad { background: #ccb5a6;width: 62px;height: 62px; -webkit-border-radius: 62px; overflow: hidden;position: relative; z-index: 2;margin: 0px auto;display: block; top:4px; -moz-border-radius: 62px;border-radius: 62px; } .W_slist li .sd { width:70px;height: 70px;display: block; -webkit-border-radius:74px; -moz-border-radius: 74px; -webkit-transition: all .5s ease-in-out; -webkit-transform: scale(0.5); border-radius:74px; background: #e2e2e2;top: 0;left: 8px;position: absolute;z-index: 1 } .W_slist li p { color: #e34b48;font-size: 14px } .W_slist li p strong { display: block;line-height: 24px;font-size: 16px } .W_slist a:hover { text-decoration: none } .W_slist a:hover p { text-decoration: none; color: #00ABB3; } .W_slist li:hover .sd,.W_slist li.hover .sd { -webkit-transform: scale(1) } .W_slist li .title{ display:none; width:54px; height:15px; text-align:center; color:#FFFFFF; left:17px; TOP:74PX; background:url(style/css/img/r11_c14.gif) no-repeat center top; font-size:12px; padding-top:3px;} .W_slist li:hover .title{ position:absolute; display:block;} .W_slist li.p .rad i { width: 35px;height: 26px;background-position: -26px -18px;margin-top: 20px } .W_slist li.b .rad i { width: 32px;height: 28px;background-position: -111px -17px;margin-top: 20px } .W_slist li.t .rad i { width: 43px;height: 23px;background-position: -187px -20px;margin-top: 20px } .W_slist li.y .rad i { width: 38px;height: 22px;background-position: -273px -20px;margin-top: 20px } .W_slist li.m .rad i { width: 32px;height: 24px;background-position: -356px -18px;margin-top: 19px } .W_slist li.e .rad i { width: 32px;height: 39px;background-position: -440px -12px;margin-top: 12px } .W_slist li:hover .rad i,.W_slist li.hover .rad i { -webkit-transform: rotate(360deg); } .W_slist li:hover .rad,.W_slist li.hover .rad { background-color: #00ABB3; } /**/ /* 首页案例 */ .Case{ width:1200px; height:1155px;margin: 0 auto;} .CaseHead{ width:1200px; height:120px;margin: 0 auto;} .CaseHead .left{ width:250px; height:84px; float:left;margin-top: 20px;} .CaseHead .leftDiv{ width:160px; height:30px;font-size:18px; color:#e34b48;} .CaseHead .leftDivs{ width:160px; height:30px;font-size:22px; color:#e34b48; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .CaseHead .coms{ width:650px; height:60px; float:left; padding-top:50px; color:#444; line-height:30px;padding-left: 30px;font-size: 14px;} .CaseHead .right{ width:220px; height:120px; float:left;line-height: 120px;font-size: 14px;color: #e34b48;text-align: right;} .CaseHead .right a{color: #e34b48;} .CaseBody{ width:1190px; height:auto;overflow: hidden; padding-top:25px;} .CaseBody .list{ width:295px; height:317px; float:left;} .CaseBody ul.mmcp .list{ width:295px; height:317px; float:left;margin-right:-10px;} .CaseBody .lists{ width:275px; height:288px;position:relative;border: #c33 solid 1px;} .CaseBody .lists .imgs{ width:275px; height:195px; display:block; overflow: hidden; } .CaseBody .lists img{ width:275px; height:195px; position:relative; } .CaseBody .lists .title{ width:255px; padding:0px 10px; line-height:38px; color:#2A2B2C; height:38px; border-bottom:1px solid #C9C9C9; font-weight:bold; position:relative; z-index:9000;left:0px;} .CaseBody .lists .title a{color:#2A2B2C;} .CaseBody .lists .coms{ width:255px; padding:2px 10px 0px; height:45px; left:0px; border-top:1px solid #fff; border-bottom:1px solid #C9C9C9;color:#999; line-height:20px; position:relative;z-index:9000; font-size:12px;text-align: center;} .CaseBody .lists .coms a{ display: block; line-height: 35px; font-family: "microsoft yahei"; width: 85px; float: left; text-indent: 10px; background: url(/style/images/icon-list.png) no-repeat; } .CaseBody .list:hover .lists .coms a{ color: #fff;background: url(/style/images/icon-list1.png) no-repeat; } .CaseBody .lists .coms a.i1 { background-position: -15px -392px; } .CaseBody .lists .coms a.i2 { background-position: -15px -430px; } .CaseBody .lists .coms a.i3 { background-position: -15px -469px; } .CaseBody .lists:hover .coms a.i1 { background-position: -15px -392px; } .CaseBody .lists:hover .coms a.i2 { background-position: -15px -430px; } .CaseBody .lists:hover .coms a.i3 { background-position: -15px -469px; } .CaseBody .lists:hover .title a{color:#fff;} .CaseBody .lists:hover{background-color: #c33;} /*-------------动作CSS--------------*/ .CaseBody .lists .a1{ width:3px; height:0px; position:absolute; font-size:0px; line-height:0px; background:#e34b48; left:0px; bottom:93px;} .CaseBody .lists .a2{width:3px; height:0px; position:absolute; font-size:0px; line-height:0px; background:#e34b48; right:0px; bottom:93px;} .CaseBody .lists .a3{width:0px; height:3px; position:absolute; font-size:0px; line-height:0px; background:#e34b48; left:0px; top:0px; } .CaseBody .lists .a4{width:0px; height:3px; position:absolute; font-size:0px; line-height:0px; background:#e34b48; right:0px; top:0px;} .CaseBody .lists .a5{ width:275px; height:87px; background:#e34b48;position:absolute; left:0px; bottom:6px;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/} /* -------------------------------- */ .CaseMore{ width:1200px; height:50px; text-align:center; line-height:40px; padding-top:10px; position:relative;} .CaseMore a{ font-size:26px; font-weight:normal; color:#e34b48; display:block; width:240px; height:40px; border-bottom:1px solid #e34b48; margin:0px auto;} .CaseMore .a1{ width:1px; height:0px; position:absolute; font-size:0px; line-height:0px; background:#e34b48; left:480px; bottom:10px;} .CaseMore .a2{width:1px; height:0px; position:absolute; font-size:0px; line-height:0px; background:#e34b48; left:719px; bottom:10px;} .CaseMore .a3{width:0px; height:1px; position:absolute; font-size:0px; line-height:0px; background:#e34b48; left:480px; top:10px;} .CaseMore .a4{width:0px; height:1px; position:absolute; font-size:0px; line-height:0px; background:#e34b48; right:480px; top:10px;} /* 结束 */ /*首页广告*/ .GgBody{ width:100%; height:442px; background:url(style/css/img/r21_c2.gif) repeat-x left top;} .GgBodys{ width:1179px; height:362px; padding:28px 0px 0px 21px; position:relative;} .GgBodys img{ filter:alpha(opacity=1); /*IE滤镜，透明度50%*/ -moz-opacity:1; /*Firefox私有，透明度50%*/ opacity:1;/*其他，透明度50%*/ } .GgBodys #Gg1{ position:absolute; left:-29px; top:28px;} .GgBodys #Gg2{ position:absolute; left:407px; top:28px;} .GgBodys #Gg3{ position:absolute; left:843px; top:28px;} /*结束*/ /*首页公司展示*/ .WhyBos{ width:100%; height:610px;border-bottom:1px solid #D5D1D2; } .Why{ width:1200px; height:610px;margin: 0 auto;} .WhyLeft{ width:755px; height:580px; float:left;} .WhyLeft .top{ width:650px; height:84px; float:left;margin-bottom: 20px;} .WhyLeft .video{ width:755px; height:420px; float:left;border: 1px #eee solid;} .WhyLeft .topTitle{ width:648px; height:41px; padding-left:2px; font-size:30px; font-weight:bold; color:#2a2b2c; padding-top:2px;} .WhyLeft .topComs{ width:648px; height:40px; padding-left:2px; font-size:12px; line-height:20px; } .WhyLeft .pro{ width:242px; height:184px; float:left; padding-left:22px;} .WhyLeft .ser{ width:242px; height:184px; float:left;} .WhyLeft .pro img,.WhyLeft .ser img{ padding-bottom:17px;} .WhyLeft .poeComs{ width:242px; height:63px; line-height:24px;} .WhyLeftCom{ width:755px; height:62px; float:left; padding-top:14px;} .WhyLeftCom .fontStar{ font-size:16px;} .WhyLeftCom .fontH1{ font-size:28px; line-height:28px; font-weight:bold; color:#2A2B2c;} .WhyLeftCom .fontcom{ font-size:18px; color:#2A2B2c;} .WhyLeftComBody{ width:755px; height:105px; float:left;} .WhyRight{ width:420px; height:580px; float:right;} .WhyRight .HeadTop{ width:420px; height:84px; margin-bottom: 20px;} .WhyRight .about{ width:420px; height:430px;line-height: 25px;color: #333;font-size: 14px;text-indent: 1em;background:url(/style/css/img/ab-bg.jpg) no-repeat bottom right;} .WhyRight .about img{float: left;width: 160px;padding: 10px 10px 10px 0;} .WhyRight .bodys{ width:440px; height:400px; background:url(style/css/img/r20_c21.jpg) no-repeat 110px top; position:relative;} .WhyRight .W_title1{ width:120px; height:20px; position:absolute; font-size:18px; top:38px; left:5px; color:#B898C1; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ } .WhyRight .W_title2{ width:110px; height:56px; line-height:24px; position:absolute; font-size:20px; top:225px; left:40px; color:#F79357; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ } .WhyRight .W_title3{ width:80px; height:22px;position:absolute; font-size:18px; top:94px; right:34px; color:#89A8C4; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ } .WhyRight .W_title4{ width:120px; height:48px;position:absolute; line-height:24px; font-size:20px; top:192px; right:13px; color:#9F3968; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ } /*结束*/ /*----------首页新闻---------*/ .IndexNew{ width:1200px; height:450px;margin: 0 auto;} .IndexNewhead{ width:1002px; height:78px; float:left; background:url(/style/css/img/r22_c4.jpg) no-repeat 20px 14px; padding-left:188px; padding-top:52px;} .IndexNewhead .title{width:150px; height:56px; float:left; color:#e34b48; } .IndexNewhead .title1{ height:28px; font-size:16px;} .IndexNewhead .title2{height:28px; font-weight:bold;font-size:18px;} .IndexNewComs{ width:600px; height:26px; padding-top:30px; float:left;} .IndexNewBody{ width:1200px; height:310px; } .IndexNewBodys{ width:380px; height:310px; float:left; padding-left:20px;} .I_NewTitle{ width:360px; height:40px; border-bottom:1px solid #696969; float:left; margin-bottom:12px;} .I_NewTitle .chinas{ font-size:18px; height:35px; padding-top:5px; width:75px; float:left; color:#2A2B2C;} .I_NewTitle .ens{ height:28px; padding-top:12px; width:120px;float:left;color:#999; font-size:12px;} .I_NewList{ padding-left:18px; height:26px; width:342px; float:left; background:url(/style/css/img/r30_c21.jpg) no-repeat 3px 11px; line-height:26px; position:relative;} .I_NewList a{ display:block;height:26px; width:342px; position:relative; } .I_NewList a:hover{ color:#e34b48;} .I_NewMore{ width:100px; height:26px; padding-left:18px; float:left; background:url(/style/css/img/r32_c21.jpg) no-repeat 3px 9px; line-height:26px;} /*------------------------*/ .WeBody{ width:100%; height:633px; background:url(style/css/img/r34_c2.jpg) repeat-x left top; margin-bottom:40px;} .WeBodyHead{ width:1200px; height:62px; background:url(style/css/img/dr34_c4.jpg) no-repeat left top;} .WeBodyHead .title{ width:240px; height:48px; color:#FFFFFF; font-size:24px; text-align:center; line-height:44px;} .WeBodyTop{ width:1200px; height:130px;} .WeBodyTopLeft{ width:520px; height:130px; float:left; background:url(style/css/img/withos.jpg);} .WeBodyTopRight{ width:660px; height:130px; float:left;} .WeBodyTopRight .title{ width:198px; height:34px; float:right; font-size:22px; font-weight:bold; text-align:right; color:#0A0809;} .WeBodyTopRight .coms{ width:660px; height:96px; float:left; text-align:right; line-height:22px;} .WeBodyHp{ width:1155px; height:328px; border-bottom:2px solid #4D4D4D;border-right:2px solid #4D4D4D;} .WeBodyHp ul{ margin:0px; padding:0px;} .WeBodyHp li{margin:0px; padding:0px; list-style:none; width:163px; height:80px; border-top:2px solid #4D4D4D;border-left:2px solid #4D4D4D; float:left; background:#595959; text-transform: uppercase; text-align: center; } .WeBodyHp ul li a{ display: table; width: 100%; height: 100%; text-decoration: none; outline: none; -webkit-transition: all 800ms ease-out; /* CSS3 transition. Last value is pause before transition play */ -moz-transition: all 800ms ease-out; transition: all 800ms ease-out; } .WeBodyHp ul li a img{ border:0px;} .WeBodyHp ul li a span { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: middle; width: 100%; height: 100%; -webkit-transition: all 800ms ease-out; /* CSS3 transition. */ -moz-transition: all 800ms ease-out; transition: all 800ms ease-out; } .WeBodyHp ul li:hover a { color: black; /* color of icon font onMouseover */ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); /* flip horizontally 180deg*/ transform: rotateY(180deg); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .WeBody .More{ width:120px; height:38px; line-height:38px; text-align:center; padding-top:32px; border-bottom:1px solid #e34b48; } .WeBody .More a{ color:#e34b48;font-size:24px; } .IndexLink{ width:100%; height:95px; border-top:1px solid #E7E7E7; background:url(style/css/img/link.gif); padding-top:5px;} .IndexLinkBody{ width:1200px; height:95px;margin: 0 auto;} .IndexLinkLEft{ width:100px; height:81px; padding:14px 0px 0px 20px; float:left;} .IndexLinkLEft .title{ background:#F5F5F5; width:88px; height:38px; border:1px solid #E1E1E1; line-height:38px; text-align:center; float:left; color:#e34b48; font-size:16px;} .IndexLinkRight{ width:1000px; height:40px; padding-top:18px; float:left; line-height:30px;} .Indeexmenue{ width:750px; height:32px;float:left; padding-left:250px; line-height:20px;} .Indeexmenue a:hover{color: #c33;} .footer{ width:100%; height:65px;background-color: #c33;} .footers{ width:1200px; height:50px; padding-top:15px; text-align:center; line-height:20px;margin: 0 auto; } /* 子页公用 */ .Zyflash{ width:100%; height:200px; padding-top:120px;} .ZyTitle{ width:1200px; height:90px;margin: 0 auto;} .ZyTitle .lefts{ width:500px; height:90px; float:left;} .ZyTitle .leftEn{ line-height:90px; padding-left:15px; float:left; font-size:30px; font-weight:bold;color:#2A2B2c;} .ZyTitle .leftCh{ float:left; padding-top:38px; font-size:16px; color:#676769; padding-left:5px;} .ZyTitle .lefts .leftEn:hover,.ZyTitle .lefts .leftCh:hover{color:#c33;cursor:pointer;} .ZyTitle .rights{ width:600px; height:auto; float:right; text-align: right;padding-top: 50px;padding-right: 30px;} .ZyTitle .rights a{color: #CC3333;} .ZyTitle .ZyUrl{ width:auto; height:90px; line-height:90px; float:right; padding-right:10px;} .ZyTitle .Rsreachs{ width:36px; height:88px; float:right; position:relative;right:80px; top:0px;opacity:"1"} .ZyTitle .Rsearch{ width:0px; height:30px; border:1px solid #000000;position:absolute; right:40px; top:55px;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/} .ZyMenu1{ width:1200px; height:100px; padding-top:8px; } .ZyMenu1 ul{ margin:0px auto; padding:0px; } .ZyMenu1 li{ width:auto;padding: 0 10px; height:30px; float:left; line-height:30px; text-align:center;margin-right: 20px;background-color: #fff;margin-bottom: 10px;} .ZyMenu1 li a{ width:100%;padding: 0 10px; height:30px; display:block;border: 1px solid #c33;background-color: #fff;} .ZyMenu1 li a:hover,.ZyMenu1 .lis a:link,.ZyMenu1 .lis a:visited,.ZyMenu1 .lis a:hover,.ZyMenu1 .lis a:active{background-color: #c33;color:#FFFFFF;} .ZyFooterMenus{ width:1200px; height:50px; line-height:50px; text-align:center; margin: 0 auto;} .ZyFooterMenus a:hover{color: #c33;} .MenuSction{ width:100%; height:46px; background:#373737;left:0px; position:fixed; z-index:100000; top:0px; display:none; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); } .MenuSction .MeBodys{ width:1200px; height:46px;line-height:46px;} .MenuSction .ClassNames{ width:250px; height:46px; float:left; color:#e34b48; font-size:18px; } .MenuSction ul{ margin:0px; padding:0px; float:right; padding-top:8px;} .MenuSction li{ width:auto;padding: 0 10px; height:30px; float:left; line-height:30px; text-align:center;margin-right: 20px;} .MenuSction li a{width:100%;padding: 0 10px; height:30px; display:block;border: 1px solid #c33;color: #c33} .MenuSction .lis a:link,.MenuSction .lis a:visited,.MenuSction .lis a:hover,.MenuSction .lis a:active{background-color: #c33;color:#FFFFFF;} .ZyFooter{ width:100%; height:50px; border-top:1px solid #E6E6E6; background:url(style/css/img/footers.gif); padding-top:30px;} .bottoms{ width:1200px; height:20px;} .Page{ width:1200px; height:60px; float:left; text-align:center; line-height:60px; } /* 案例 */ .CaseSubBody{ width:1200px; height:auto; padding-top:10px; padding-bottom:50px; overflow: hidden;} .CaseShowHead{ width:100%; height:46px; background-color:#373737; position:fixed; z-index:10000;} .CaseShowHeads{ width:1200px; height:46px;} .CaseShowHeads .lefts{ width:280px; height:46px; float:left;} .CaseShowHeads .rights{ width:180px; height:38px; padding-top:8px; float:right;} .CaseShowHeads .rights .le{ width:40px; height:30px; float:left; position:relative; } .CaseShowHeads .rights .com{ width:100px; height:30px; float:left;} .CaseShowHeads .rights .le .nextImg{ width:275px; height:153px; position:absolute; top:38px; left:-135px; border:5px solid #e34b48; display:none; background:#FFFFFF;} .CaseFlash{ width:100%; height:645px; padding-top:46px; position:absolute;} .CaseShowHeads .rights .le .nextImg img{width:275px; height:153px; } .CaseShowTop{ width:1200px; height:150px; background:url(style/css/img/r5_c5.png) no-repeat left bottom; padding-top:600px; position:relative; z-index:1000; } .CaseShowTop .lefts{ width:260px; height:130px; float:left; padding:20px 10px 0px 30px;} .CaseShowTop .lefts h1{ width:260px; height:39px; line-height:36px; font-size:18px; font-weight:normal; color:#FFFFFF; } .CaseShowTop .lefts .time{ width:260px; height:20px; } .CaseShowTop .lefts .times{ width:108px; height:20px; float:left; padding-left:20px; font-size:12px;} .CaseShowTop .lefts .CName{ width:130px; height:20px; float:left; font-size:12px;} .CaseShowTop .lefts .keys{ width:260px; height:40px; padding-top:28px; line-height:20px;} .CaseShowTop .rhigtComs{ width:845px; height:78px; float:left; padding:24px 0px 0px 28px; line-height:22px; color:#858585;} .CaseShowTop .key{ height:24px; width:818px; float:left; padding-left:55px;} .CaseShowTop .key a{ float:left; padding:0px 10px; display:block; line-height:24px;} .CaseShowTop .key a:link,.CaseShowTop .key a:visited{ color:#666;} .CaseShowTop .key a:hover{ color:#858585;} .CaseShowTop .key a:active{ color:#666;} .CaseBodys{ width:1160px; height:auto; padding:20px; background:url(style/css/img/caseBodys.png); margin-bottom:24px;} .CaseXG{ width:1200px; height:435px; background:#FFFFFF; margin-bottom:50px;} .CaseXGTitle{ width:1200px; height:90px;} .CaseXGbody{ width:1200px; height:280px; padding-top:10px;} .CaseXGMore{ width:100px; height:35px; line-height:35px;} .CaseXGMore a{ width:100px; height:35px; text-align:center; display:block; color:#FFFFFF; background:#999999;} /*--------------------新闻-----------------------*/ .Zybody{ width:1200px; margin:auto;} .NewBody{ width:1200px; height:auto; background: #FFFFFF url(style/css/img/r2_c2.gif) no-repeat right top; float:left; } .NewBodyTitle{ width:990px; height:68px; background:url(style/css/img/r4_c3.jpg) no-repeat 134px 31px; padding-left:210px; padding-top:48px; font-size:18px; color:#999;} .NewBodyList{ width:900px; _height:88px; min-height:88px; background:url(style/css/img/r6d_c3.jpg) no-repeat 155px top; float:left;} .NewBodyList .times{ width:150px; height:88px; float:left; text-align:right; line-height:20px;} .NewBodyList .h3{ width:704px; height:30px; float:left; padding-left:46px; line-height:20px;} .NewBodyList .h3 a{ font-size:16px;} .NewBodyList .h3 a:link,.NewBodyList .h3 a:visited{ color:#2A2B2c;} .NewBodyList .h3 a:hover{ color:#2A2B2c;} .NewBodyList .h3 a:active{ color:#2A2B2c;} .NewBodyList .coms{ width:704px; _height:58px; min-height:58px; float:left; padding-left:46px; background:url(style/css/img/r6_c3.gif) repeat-y 14px top; line-height:22px;padding-bottom:10px;} .NewBodyRight{ width:200px; height:410px; float:right;} .NewPage{width:100%; height:28px; padding-top:40px; padding-bottom:60px; float:left;text-align:center; } .NewPage .pageBody{ width:auto; height:36px; } .NewPage a{ display:block; margin:0px 3px; width:28px; height:28px; float:left; line-height:28px; background:url(style/css/img/bt_bg.gif) no-repeat center top;} .NewPage span{margin:0px 3px; background:url(style/css/img/bt_bg.gif) no-repeat center bottom; width:28px; height:28px;line-height:28px; float:left; color:#FFFFFF;} .NewPage a:link{ background:url(style/css/img/bt_bg.gif) no-repeat center top;} .NewPage a:visited{background:url(style/css/img/bt_bg.gif) no-repeat center top;} .NewPage a:hover{ background:url(style/css/img/bt_bg.gif) no-repeat center bottom; color:#FFFFFF;} .NewPage a:active{ background:url(style/css/img/bt_bg.gif) no-repeat center top;} /*--------------------问题-----------------------*/ .QueBody{ width:1200px; height:auto; display:table; background:#fff; padding-top:15px; } .QueList{ width:900px; _height:120px; float:left; min-height:120px; border-bottom:1px dashed #D2D2D2; background:#FFFFFF url(style/css/img/que.gif) no-repeat 60px top; padding-left:260px; padding-top:20px;padding-bottom:20px; margin:0px 20px; } .QueList h3{ width:838px; height:18px; float:left; line-height:16px; } .QueList h3 a{ width:820px; height:18px; display:block; padding-left:8px; font-size:16px;} .QueList h3 a:link,.VieList h3 a:visited{ color:#2A2B2c;} .QueList h3 a:hover{ color:#e34b48;} .QueList h3 a:active{ color:#2A2B2c;} .QueList .time{ line-height:16px; width:820px; height:24px; float:left; padding-left:8px; font-size:12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.9); color:#999999; } .QueList .coms{ width:815px; _height:60px; min-height:60px; float:left; background:#EAEAEA url(style/css/img/ques.gif) no-repeat left top; line-height:21px; padding:6px 15px 0px; font-size:12px;} .QueList .coms font{ color:#01A8B1; font-weight:bold;} .QueList .combottom{ width:845px; height:7px; line-height:0px; float:left; font-size:0px; background:url(style/css/img/comts.gif) no-repeat left bottom;} /*--------------------观点-----------------------*/ .VieList{ width:1160px; _height:170px; float:left; min-height:170px; border-bottom:1px dashed #D2D2D2; margin:0px 20px; } .VieList .time{ width:109px; height:147px; float:left; background:url(/style/css/img/clock.gif) no-repeat 12px 23px; padding-top:23px; padding-left:36px;} .VieList .time .big{ width:40px; height:28px; float:left; font-size:28px; color:#999; line-height:24px; font-weight:bold; text-align:center;} .VieList .time .smail{ width:40px; height:26px; float:left; line-height:13px; font-size:12px;} .VieList .img{ width:225px; height:145px; float:left; padding-left:15px; padding-top:25px;} .VieList .img img{ width:200px; height:120px;} .VieList h3{ width:775px; height:24px; float:left; padding-top:26px; } .VieList h3 a{font-size:16px;} .VieList h3 a:link,.VieList h3 a:visited{ color:#2A2B2c;} .VieList h3 a:hover{ color:#e34b48;} .VieList h3 a:active{ color:#2A2B2c;} .VieList .keys{ width:775px; height:26px; float:left; font-size:12px; line-height:24px; color:#999;} .VieList .coms{ width:775px; height:90px; padding-top:5px; line-height:22px; float:left; color:#666; font-size:12px;} .VieShowLeft{ width:864px; height:auto; float:left; padding-left:20px;} .VieShowLeft .top{ width:845px; height:63px; border-bottom:1px dashed #D2D2D2; padding-top:36px; float:left;} .VieShowLeft .top h1{ width:744px; height:21px; font-size:20px; color:#2B2B2C; } .VieShowLeft .topl{ width:744px; height:63px; float:left;} .VieShowLeft .top .keys{ width:727px; height:41px; font-size:12px; color:#999; line-height:34px; background:url(style/css/img/d_r2_c2.gif) no-repeat left 10px; padding-left:17px;} .VieShowLeft .top .times{ width:70px; height:56px; float:right; background:url(style/css/img/clock.gif) no-repeat left 7px; padding-left:30px; padding-top:7px; color:#989898;} .VieShowLeft .top .times .big{ width:34px; height:28px; float:left; font-size:28px; line-height:24px; font-weight:bold; text-align:center;color:#989898;} .VieShowLeft .top .times .smail{ width:36px; height:26px; float:left; line-height:13px; font-size:12px; text-align:center;} .VieShowbodys{ width:815px;height:auto;line-height:30px;padding:36px 0px;float:left; text-indent: 1em; } .VieShowbodys p{line-height:30px;margin-bottom: 10px;text-indent: 1em;} .VieShowbodys a{ font-weight:bold;} .VieShowNext{ width:815px; height:70px; line-height:70px;color:#2b2b2c; padding-top:60px;} .VieShowNext .left{ width:auto; height:auto;float:left;} .VieShowNext .right{ width:auto; height:auto;float:right;} .VieShowNext span{ color:#03A7B0;} .VieShowNext a:link,.VieShowNext span a:visited{ color:#2b2b2c;} .VieShowNext a:hover{ color:#03A7B0;} .VieShowNext a:active{ color:#2A2B2c;} .VieShowRight{ width:314px; height:auto; float:left; margin-top:32px; border-left:1px solid #D2D2D2;} .VieShowRight .title{ width:275px; height:33px; background:url(style/css/img/r2_c5.gif); font-size:18px; color:#2A2B2C;} .VieShowRight .XGNews{ width:275px; height:auto; padding-top:12px;} .VieShowRight .XGNews ul{ margin:0px; padding:0px;} .VieShowRight .XGNews li{ margin:0px; padding:0px; list-style:none; width:263px; height:28px; background:url(style/css/img/ghr6_c4.gif) no-repeat left 12px; padding-left:12px;border-bottom:1px dashed #D2D2D2;} .VieShowRight .XGNews li a{width:263px; height:28px; line-height:28px; display:block;} .VieShowRight .XGNews li .img,.VieShowRight .XGNews li .coms{ display:none;} .VieShowRight .WB{ width:275px; _height:500px; min-height:500px;} /*--------------------客户-----------------------*/ .KeBody{ width:1183px; height:auto; padding-left:17px;display:table; background:#fff;margin: 0 auto;} .KeBodyTop{ width:1140px; height:121px; padding-left:13px; float:left; padding-top:32px;} .KeBodyTop h1{ width:1140px; height:31px; color:#0D090A; font-size:26px;} .KeBodyTop .en{ width:1140px; height:38px; font-size:20px;color:#7C7C7C;} .KeBodyTop .coms{ width:1140px; height:50px; padding-right:30px; color:#666666; line-height:22px;} .Kelist{ width:222px; height:230px; float:left; margin:5px; text-align:center;} .Kelist .Kelistimg{width:222px; height:200px; border:1px solid #eee;display:table-cell; text-align:center; vertical-align:middle;overflow: hidden;} .Kelist .Kelistimg img{width:220px;max-height:200px; } .Kelist p{line-height: 30px;height:30px; } .ryzz{text-align: center;margin: 10px auto;width: 1150px;height: auto;} /*--------------------感言-----------------------*/ .GyBody{ width:1200px; height:auto; display:table; background:#fff;} .GyList{ width:1158px; _height:92px; min-height:92px; border:1px solid #D2D2D2; margin:20px 20px 10px; float:left; padding-top:26px;} .GyList .time{ width:84px; height:88px; float:left; padding-left:80px;} .GyList .time .big{ font-size:40px; font-weight:bold; color:#2B2B2C; line-height:40px;} .GyList .time .smaill{ width:13px; color:#999; line-height:30px;} .GyList h3{ width:920px; height:26px; float:left; } .GyList h3 a{font-size:14px; font-weight:normal; font-size:16px; color:2B2B2C;} .GyList h3 a:link,.GyList h3 a:visited{ color:#2B2B2C;} .GyList h3 a:hover{ color:#e34b48;} .GyList h3 a:active{ color:#2B2B2C;} .GyList .coms{ width:920px; _height:50px; min-height:50px; float:left; line-height:21px; padding-bottom:20px; font-size:12px; color:#666666;} /*--------------------关于我们-----------------------*/ .AboutTop{ width:100%; height:768px; background-color: #8CC6CA;} .AboutBody{ height:auto; width:1200px; } .AboutBody1{ width:1200px; height:768px; position:relative;} .AboutBody1 .why{ width:487px; height:44px; position:absolute; left:20px; top:84px;} .AboutBody1 .whyBody{ width:840px; height:360px;position:absolute; left:20px; top:150px; line-height:24px; color:#FFFFFF;} .AboutBody1 .whyLw{ width:340px; height:48px;position:absolute; left:20px; top:283px; font-size:14px; line-height:24px;} .AboutBody1 .cpt{ width:300px; height:222px;position:absolute; right:41px; top:170px; } .AboutBody1 .znw{ width:430px; height:190px;position:absolute; left:20px; top:518px; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0; } .AboutBody1 .yws1{ width:650px; height:26px;position:absolute; right:38px; top:520px; font-size:16px; line-height:26px; color:#FFFFFF;} .AboutBody1 .yws1 b,.AboutBody1 .yws3 b,.AboutBody1 .yws5 b{ color:#e34b48;font-size:26px;} .AboutBody1 .yws2{ width:418px; height:14px;position:absolute; right:38px; top:460px; color:#FFFDC2;} .AboutBody1 .yws3{ width:552px; height:26px;position:absolute; right:38px; top:497px; font-size:26px; line-height:26px; font-weight:bold; color:#FFFFFF; } .AboutBody1 .yws4{ width:460px; height:72px;position:absolute; right:38px; top:535px; text-align:right; line-height:24px;color:#FFFDC2;} .AboutBody1 .yws5{ width:480px; height:26px;position:absolute; right:38px; top:625px; font-size:26px; line-height:26px; font-weight:bold; color:#FFFFFF; } .AboutBody1 .ms{ width:67px; height:43px;position:absolute; left:568px; top:655px;} .AboutBody2{ width:1200px; height:600px; position:relative;} ul ,li{margin:0px; padding:0px; } .tgsb1{padding-top: 20px;height: aoto;overflow: hidden;} .tgsb1 h3{height:40px; line-height:40px;font-size: 20px;color: #444;font-weight: 600;margin-bottom: 20px; } .tgsbl{float: left;width:600px; height:340px; } .tgsbl img{float: left;width:290px; height:256px;} .tgsbl dl{float: right;width:300px;height:260px;margin-right: 1px;} .tgsbl dl dt{float: left;line-height:40px;height: 40px;font-size: 16px;color: #c33;font-weight: 500;width: 100%; } .tgsbl dl dd{float: left;line-height:20px; font-size: 14px;color: #666;width: 100%; } .tgsbr{float: right;width:600px; height:335px; position:relative; } .tgsbr img{width: 100%;height: 270px;} .tgsbr p{position:absolute; bottom:5px;background-image: url(/style/images/sbbg.png);line-height: 20px;font-size: 14px;padding:10px 20px;color: #fff;} .tgsb2{padding-top: 30px;height: aoto;overflow: hidden;} .tgsb2 ul{float: left;width: 100%;height: auto;} .tgsb2 ul li{float: left;height: 170px;width: 266px;margin-right: 45px;} .tgsb2 ul li img{height: 170px;width: 266px;} .tgsb2 ul li:hover img{filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/} .tgsb2 ul li.last{margin-right: 0px;} .AboutBody2 .titles{ width:374px; height:43px; position:absolute; left:410px; top:70px; background:url(style/css/img/r2_c5.png) no-repeat center top;} .AboutBody2 .titleEn{ width:336px; height:16px; position:absolute; left:433px; top:122px;background:url(style/css/img/r2_c5.png) no-repeat -23px -52px;} .AboutBody2 .titleCom{width:370px; height:13px; position:absolute; left:416px; top:146px;background:url(style/css/img/r2_c5.png) no-repeat -4px -77px;} .AboutBody2 h3{ line-height:22px; padding:0px; margin:0px; font-weight:normal;} .AboutBody2 .co1{ color:#27718E;} .AboutBody2 .co2{ color:#0B3A72;} .AboutBody2 .co3{ color:#F07E37;} .AboutBody2 .co4{ color:#548A72;} .AboutBody2 .co5{ color:#9A6DA4;} .AboutBody2 .co6{ color:#8C1042;} .AboutBody2 .AcBody1{ width:338px; height:92px; position:absolute;left:28px; top:226px; line-height:22px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .AboutBody2 .AcBody2{ width:338px; height:92px; position:absolute;left:16px; top:373px; line-height:22px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .AboutBody2 .AcBody3{ width:340px; height:92px; position:absolute;left:40px; top:523px;line-height:22px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .AboutBody2 .AcBody4{ width:325px; height:92px; position:absolute;right:31px; top:226px;line-height:22px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .AboutBody2 .AcBody5{ width:325px; height:92px; position:absolute;right:24px; top:373px;line-height:22px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0; } .AboutBody2 .AcBody6{ width:325px; height:92px; position:absolute;right:50px; top:523px;line-height:22px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0; } .AboutBody2 .no1{width:84px; height:58px; position:absolute;left:411px; top:241px;z-index:5;} .AboutBody2 .no2{width:102px; height:55px; position:absolute;left:678px; top:241px; z-index:10;} .AboutBody2 .no3{width:89px; height:56px; position:absolute;left:392px; top:385px;z-index:8;} .AboutBody2 .no4{width:79px; height:55px; position:absolute;left:721px; top:390px;z-index:6;} .AboutBody2 .no5{width:98px; height:56px; position:absolute;left:440px; top:549px;z-index:2;} .AboutBody2 .no6{width:112px; height:55px; position:absolute;left:638px; top:545px;z-index:3;} .AboutBody2 .Aleft{ width:285px; height:468px;position:absolute; top:232px; left:455px; background:url(style/css/img/Aleft.png) no-repeat center top; z-index:1;} .AboutBody4{ width:1200px; height:768px; position:relative;} .AboutBody4 .AheadTitle{ width:330px; height:67px;line-height: 67px;font-size: 30px;color: #333; position:absolute; left:484px; top:70px;} .AboutBody4 .AheadCom{ width:758px; height:48px;position:absolute; left:220px; top:144px; line-height:24px; font-size:14px;} .AboutBody4 .team1{ width:153px; height:216px;position:absolute; left:20px; top:270px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .AboutBody4 .team2{ width:153px; height:216px;position:absolute; left:220px; top:270px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .AboutBody4 .team3{ width:160px; height:216px;position:absolute; left:420px; top:270px; filter:alpha(opacity=0); -moz-opacity:0;opacity:0;;} .AboutBody4 .team4{ width:153px; height:216px;position:absolute; left:623px; top:270px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .AboutBody4 .team5{ width:153px; height:216px;position:absolute; left:825px; top:270px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .AboutBody4 .team6{ width:153px; height:216px;position:absolute; left:1026px; top:270px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .AboutBody4 .team7{ width:153px; height:216px;position:absolute; left:321px; top:530px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .AboutBody4 .team8{ width:153px; height:216px;position:absolute; left:522px; top:530px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .AboutBody4 .team9{ width:153px; height:216px;position:absolute; left:724px; top:530px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} .socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .AboutBody4 .teamTitle{ width:153px; height:32px; padding-top:18px; line-height:16px; text-align:center;} .AboutBody4 .teamTitles{ width:160px; height:32px; padding-top:18px; line-height:16px; text-align:center;} .AboutBody4 .Tecoms{ color:#e34b48;} .AboutBody4 .TMores{ width:140px; height:60px;position:absolute; right:62px; bottom:0px;} .AboutBody3{height:770px; width:1200px; background:url(style/css/img/Abouts.jpg) no-repeat center top; position:relative; } .AboutBodyWork{ width:416px; height:567px; float:right; padding-right:18px; padding-top:45px;} .AboutBodyWork .tops{ width:416px; height:32px; padding-top:98px; text-align:center;} .AboutBodyWork .ans{ width:395px; height:70px; padding-left:21px;} .AboutBodyWork .Wobodys{ width:376px; height:307px; line-height:20px;color:#000000;} .AboutBodyWork .Wobodydate{ width:376px; height:40px; line-height:20px; color:#000000;} .AboutBodyWoBig{ width:1160px; height:567px; position:absolute; left:20px; top:65px; background:#FFFFFF; display:none;} .AboutBodyWoBig .headTop{ width:665px; height:24px; background:url(style/css/img/AboutHtead.gif) no-repeat left -38px;} .AboutBodyWoBig .headAleft{ width:458px; height:24px; float:left; padding-left:32px; line-height:22px;} .AboutBodyWoBig .headAright{ width:100px; height:24px; float:left; padding-left:20px; line-height:22px; background:url(style/css/img/AboutHtead.gif) no-repeat -10px -6px;} .AboutBodyWoBig .forms{ width:665px; height:307px;} .AboutBodyWoBig .formsLeft{ width:490px; height:153px; float:left; padding-top:10px;} .AboutBodyWoBig .formsL{ width:65px; height:50px; float:left; line-height:50px; text-align:right; color:#999999; } .AboutBodyWoBig .formsR{width:235px; height:50px; float:left; line-height:50px; padding-left:10px; } .AboutBodyWoBig .formsR input{ width:235px; height:50px; border:0px;background:transparent; line-height:50px;} .AboutBodyWoBig .formsRight{ width:150px; height:163px; float:left;} .AboutBodyWoBig .inputs{ width:665px; height:130px; float:left; background:url(style/css/img/esd.gif) no-repeat; padding-bottom:10px;} .AboutBodyWoBig .inputsL{ width:65px; height:130px; float:left;color:#999999; line-height:40px; text-align:right;} .AboutBodyWoBig .inputs textarea { width:575px; height:115px; border:0px;background:transparent; float:left; padding-left:10px; margin-top:10px; line-height:22px;} .AboutBodyWoBig .and{ text-align:right;} .AboutBodyWoBig .formsList{ width:312px; height:50px; float:left; background:url(style/css/img/Abouts_r3_c2.gif) no-repeat left center;} .AboutBodyWoBig .wTop{ width:436px; height:374px; float:left; padding-left:30px; padding-top:26px; font-size:14px; line-height:20px;} .AboutBodyWoBig .bigfint{ font-size:24px; color:#000000; padding-bottom:5px;} .AboutBodyWoBig .wTops{ width:665px; height:370px; padding-top:25px; float:left;} .AboutCom{ width:100%; height:600px;background-color: #fff;} .AboutComBottom{ width:100%; height:1px;overflow: hidden;} .AboutBottom{ width:100%; height:20px;} /*服务*/ .SerAllClass{ width:1200px; height:280px;} .SerAllClass .SerAllTop{ width:1200px; height:62px; background:url(style/css/img/outser.png) no-repeat center 40px; padding-top:76px;text-align:center; font-size:30px; line-height:30px; } .SerAllClass .SerAllBots{ width:1163px; height:80px; padding:10px;} .SerAllClass .SerAllBots ul{ margin:0px; padding:0px;} .SerAllClass .SerAllBots ul li{ margin:0px; padding:0px; list-style:none; width:200px; height:80px; float:left; position:relative;text-align: center;} .SerAllClass .SerAllBots ul li .box{ width:200px; height:80px; text-align:center; z-index:5; position:absolute; left:26px; cursor:pointer; } .SerAllClass .SerAllBots ul li .box .title{ width:200px; height:88px; background:none; font-weight:normal; color:#c33; padding-top:10px;} .SerAllClass .SerAllBots ul li .box h2{ font-size:18px; padding:0px; margin:0px; padding-top:10px;color:#666;} .SerAllClass .SerAllBots ul li.current .des{ background-color: #c33;width:200px; height:80px; position:absolute; left:26px; top:0px; z-index:0; } .SerAllClass .SerAllBots ul li.current .box .title{ color:#fff; } .SerAllClass .SerAllBots ul li.current .box h2{ color:#fff;} .SerAllClass .SerAllBots ul li:hover .des{ background-color: #c33;width:200px; height:80px; position:absolute; left:26px; top:0px; z-index:0; } .SerAllClass .SerAllBots ul li:hover .box .title{ color:#fff; } .SerAllClass .SerAllBots ul li:hover .box h2{ color:#fff;} .SerAllLine{ width:100%; min-height:460px; background:#EDEDED url(/style/css/img/r2_c1.gif) repeat-x left top;} .SerAllcom{ width:1200px; min-height:460px;padding-bottom: 20px; background:url(/style/css/img/Serimg2_r2_c2.jpg);} .SerAllcomLeft{ width:500px; height:600px; float:left; padding:20px;} .SerAllcomLeft h1{ line-height:42px; font-size:18px; font-weight:600; color:#e34b48; } .SerAllcomLeft h4{ line-height:30px; font-size:16px; font-weight:500; color:#c33; } .SerAllcomLeft p{ line-height:25px; font-size:14px; font-weight:normal; color:#666;margin-bottom: 10px; text-indent: 0.5em;} .SerAllcomRight{ width:650px; height:auto; float:left; padding-top:34px; line-height:26px; } .SerAllcomRight h1{ line-height:42px; font-size:18px; font-weight:600; color:#e34b48; } .SerAllcomRight h4{ line-height:30px; font-size:16px; font-weight:500; color:#c33; } .SerAllcomRight p{ line-height:25px; font-size:14px; font-weight:normal; color:#666;margin-bottom: 10px; text-indent: 0.5em;} .SerComs{ width:100%; height:476px; background:url(style/css/img/dzs.jpg);} .SerComsBody{ width:1160px; height:476px;} .SerComsBody ul{ margin:0px; padding:0px;} .SerComsBody li{ margin:0px;padding:0px;list-style:none;width:530px; height:188px;float:left;background:url(style/css/img/sercoms.jpg) no-repeat; color:#FFFFFF;position:relative;overflow: hidden; padding:25px; } .SerComsBody li .tis{ width:240px; height:188px; background:#999999; position:absolute; left:0px; bottom:-238px; background:url(style/css/img/bacsk.png); padding:25px; line-height:26px; color:#fff; font-size:16px;} .SerComsBody li .tnod{ position:absolute; left:480px; bottom:20px; font-size:57px; height:57px; line-height:57px; font-weight:bold; color:#04838A;} .SerComsBody li h3{ font-size:18px; font-weight:normal; padding-left:290px;} .SerComsBody li h2{ font-size:38px; padding-left:290px;} .SerComsBody .ser3{background-position: -580px 0px;} .SerComsBody .ser5{background-position: 0px -238px;} .SerComsBody .ser5 h3,.SerComsBody .ser7 h3{ padding:0px; font-size:18px; font-weight:normal;} .SerComsBody .ser5 h2,.SerComsBody .ser7 h2{ padding:0px; font-size:38px; } .SerComsBody .ser5 .tnod{ left:18px; bottom:20px; color:#646464;} .SerComsBody .ser7 .tnod{ position:absolute; left:19px; bottom:20px; color:#C65102; width: 75px; } .SerComsBody .ser7{background-position: -580px -238px;} .SerComsBody .ser7 div,.SerComsBody .ser5 div{ left:290px;} .SerBottom{ width:100%; height:400px; background:url(style/css/img/dr9_c4.jpg);} .SerBottomTop{ width:1200px; height:253px; text-align:center; line-height:36px; font-size:16px;} .SerBottomTop h1{ color:#01A9B6; padding-top:83px; line-height:50px; } .SerBottomBottom{ width:1160px; height:200px;} .SerBottomBottom .title{ width:1160px; height:34px; line-height:34px; color:#C55201; font-size:16px; font-weight:bold;} .SerBottomBottom .smaTitle{ width:1160px; height:24px; line-height:24px;margin-top: 20px;font-size: 14px;} .SerBottomBottom .Bobodys{ width:1000px; height:290px; padding-top:30px; text-align:center;} .SersTopHead{ width:1200px; height:96px; background:url(style/css/img/webs.gif) no-repeat center 47px; padding-top:96px; text-align:center; line-height:34px; font-size:16px;} .SersTopHead h1{font-size:24px; font-weight:normal; line-height:44px;} .SersTop{ width:1008px; height:433px; } .SersTop ul{ margin:0px; padding:0px;} .SersTop li{ margin:0px; padding:0px; list-style:none; width:336px; height:195px; float:left; padding-top:15px; text-align:center;position:relative; } .SersTop li div{ width:127px; height:185px;} .SersTop li .img{ width:127px; height:127px; background:url(style/css/img/s_r2_c2.jpg) no-repeat center bottom;} .SersTop li .title{ width:127px; height:54px; line-height:54px; font-size:18px;} .SersComs{ width:100%; height:707px; background:url(style/css/img/dzs.jpg);} .SersComsBody{ width:1160px; height:707px;} .SersComsBody ul{ margin:0px; padding:0px;} .SersComsBody li{ margin:0px;padding:0px;list-style:none;width:580px;height:238px;float:left; background:url(style/css/img/dr10_c2.jpg) no-repeat; color:#FFFFFF;position:relative;overflow: hidden; } .SersComsBody li .tis{ width:240px; height:188px; background:#999999; position:absolute; left:0px; bottom:-238px; background:url(style/css/img/bacsk.png); padding:25px; line-height:22px; color:#fff;} .SersComsBody .ser5 .tis,.SersComsBody .ser7 .tis{ left:290px;} .SersComsBody .ser2{background-position: 0px 0px; padding:25px; width:530px; height:188px;} .SersComsBody .ser2 h3{ font-size:14px; font-weight:normal; text-align:right;} .SersComsBody .ser2 h2{ font-size:26px;text-align:right;} .SersComsBody .ser4{background-position: -580px 0px; padding:25px; width:530px; height:188px;} .SersComsBody .ser4 h3{ font-size:14px; font-weight:normal;text-align:right;} .SersComsBody .ser4 h2{ font-size:26px;text-align:right;} .SersComsBody .ser5{background-position: 0px -238px; padding:25px; width:530px; height:188px;} .SersComsBody .ser5 h3{ font-size:14px; font-weight:normal;} .SersComsBody .ser5 h2{ font-size:26px;} .SersComsBody .ser7{background-position: -580px -238px;padding:25px; width:530px; height:188px;} .SersComsBody .ser7 h3{ font-size:14px; font-weight:normal;} .SersComsBody .ser7 h2{ font-size:26px;} .SersComsBody .ser10{background-position: 0px -476px; height:181px; padding:25px; width:530px;} .SersComsBody .ser10 h3{ font-size:14px; text-align:right;font-weight:normal;} .SersComsBody .ser10 h2{ font-size:26px;text-align:right;} .SersComsBody .ser12{background-position: right -476px; height:181px; padding:25px; width:530px;} .SersComsBody .ser12 h3{ font-size:14px; font-weight:normal;text-align:right;} .SersComsBody .ser12 h2{ font-size:26px;text-align:right;} .SerJz{ width:100%; height:685px; background:url(style/css/img/web_r2_c1.jpg) no-repeat center top;} .SerJzTitle{ width:254px; height:61px; padding-top:43px; text-align:center; font-size:42px;} .SerJzTop{ width:600px; height:64px; line-height:24px; text-align:center; font-size:14px;} .SerJzTop h2{ font-size:18px; font-weight:normal; line-height:32px;} .SerJz ul{ margin:0px auto; padding:0px; width:1172px; height:280px; padding:30px 14px 0px;} .SerJz li{margin:0px; padding:0px; list-style:none; width:291px; height:245px; float:left; position:relative; background:url(style/css/img/s_r9_c6.png) no-repeat center bottom;} .SerJz li .Jtitles{ width:147px;height:82px;position:absolute;line-height:30px;text-align:center;left: 72px; top:80px; color:#FFFFFF; font-size:16px; z-index:2; } .SerJz li .Jtitles h2{ line-height:52px;} .SerJz li .baclek{ width:291px; height:245px;position:absolute; top:0px; left:0px; background:url(style/css/img/s_r9_c6.png) no-repeat center 3px; z-index:0; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ } .SerJzBottom{ width:1152px; height:160px;line-height:32px; text-align:center; font-size:16px; } .SerMs{ width:100%; height:686px; background:url(style/css/img/web_r3_c1.jpg) no-repeat center top;color:#FFFFFF;} .SerMszTitle{ width:254px; height:61px; padding-top:43px; text-align:center; font-size:42px; } .SerMsTop{ width:800px; height:64px; line-height:24px; text-align:center; font-size:14px;} .SerMsTop h2{ font-size:18px; font-weight:normal; line-height:32px;} .SerMsTops{ width:600px; height:40px;} .SerMsBody{ width:498px; height:457px; padding-top:21px; padding-left:2px;position:relative; } .SerMsB1{ width:248px; height:228px; position:absolute; top:20px; left:120px; } .SerMsB2{ width:248px; height:228px; position:absolute; top:245px; left:-2px; } .SerMsB3{ width:248px; height:228px; position:absolute; top:245px; right:3px; } .SerMsB1 .title,.SerMsB2 .title,.SerMsB3 .title{ width:181px; height:123px; position:absolute; top:104px; left:36px; text-align:center; line-height:22px; font-size:12px;} .SerMsB1 .title h3,.SerMsB2 .title h3,.SerMsB3 .title h3{ font-size:52px; line-height:52px;} .SerCx{ width:100%; height:730px;} .SerCxBody{ width:745px; height:415px;} .SerBody{ background:#FFFFFF;} .SerFlash{ width:100%; height:230px;padding-top:120px; background:url(style/css/img/caseflash.jpg) no-repeat center bottom;} .SerFlashs{ width:1200px; height:120px;background: url(style/css/img/serflashs.jpg) no-repeat center top; padding-top:110px;} .SerFlashs ul{ margin:0px; padding:0px; } .SerFlashs li{ margin:0px; padding:0px; list-style:none; width:200px; height:120px; float:left;} .SerFlashs li a{ width:200px; height:120px; display:block;} .SerFlashs li.Sa1 a:link{ background:#78BEBC;} .SerFlashs li.Sa1 a:visited{ background:#78BEBC;} .SerFlashs li.Sa1 a:hover{ background:#32A39F;} .SerFlashs li.Sa1 a:active{ background:#78BEBC;} .SerFlashs li.Sa2 a:link{ background:#8CD0D1;} .SerFlashs li.Sa2 a:visited{ background:#8CD0D1;} .SerFlashs li.Sa2 a:hover{ background:#44BEC1;} .SerFlashs li.Sa2 a:active{ background:#8CD0D1;} .SerFlashs li.Sa3 a:link{ background:#C1E8EC;} .SerFlashs li.Sa3 a:visited{ background:#C1E8EC;} .SerFlashs li.Sa3 a:hover{ background:#88DBE4;} .SerFlashs li.Sa3 a:active{ background:#C1E8EC;} .SerFlashs li.Sa4 a:link{ background:#CA79A7;} .SerFlashs li.Sa4 a:visited{ background:#CA79A7;} .SerFlashs li.Sa4 a:hover{ background:#B72C71;} .SerFlashs li.Sa4 a:active{ background:#CA79A7;} .SerFlashs li.Sa5 a:link{ background:#E5A5CC;} .SerFlashs li.Sa5 a:visited{ background:#E5A5CC;} .SerFlashs li.Sa5 a:hover{ background:#DF6BB1;} .SerFlashs li.Sa5 a:active{ background:#E5A5CC;} .SerFlashs li.Sa6 a:link{ background:#EFC9E0;} .SerFlashs li.Sa6 a:visited{ background:#EFC9E0;} .SerFlashs li.Sa6 a:hover{ background:#F096CB;} .SerFlashs li.Sa6 a:active{ background:#EFC9E0;} .SerXm{ width:1200px; height:675px; line-height:26px; text-align:center; font-size:14px; } .SerXm h1{ padding-top:27px; line-height:52px; font-size:34px; font-weight:normal;} .SerXmBody{ padding-left:110px; width:1090px; float:left;} .SerXmList{ width:430px; height:470px; float:left; position:relative; padding-top:60px; font-size:18px; line-height:28px;} .SerXmRirhgt{ padding-left:55px;} .SerXmList h2{ width:430px; height:85px; line-height:80px; font-weight:normal; font-size:36px; padding-top:15px;} .SerXmList h2 .red{ color:#DB0402;font-weight: normal; } .SerQue{ width:100%; height:686px; background:url(style/css/img/d_r14_c2.jpg);} .SerQues{ width:1200px; height:686px;} .SerQues .lefts{ width:414px; height:686px; float:left;} .SerQues .rights{ width:770px; height:686px; float:left;color:#FFFFFF;} .SerQues .rightsTops{ width:770px; height:270px;} .SerQues .rightsTops p{ width:770px; height:67px; color:#F16B22; font-size:36px; padding-top:51px;} .SerQues .rightsTops ul{ margin:0px; padding:0px;} .SerQues .rightsTops li{ margin:0px; padding:0px;list-style:none; width:770px; height:46px; font-size:26px; } .SerQues .rightsBottom{ width:694px; height:244px; background:url(style/css/img/serqus.png) no-repeat left 6px; padding:38px; line-height:24px; font-size:16px; } .SerVs{ width:1200px; height:686px;} .SerVsTop{ width:1200px; height:72px; text-align:center; line-height:44px; padding-top:58px; font-size:40px; } .SerVsTop span{color:#DE0403; font-size:46px;} .SerVscoms{ width:1200px; height:440px; } .SerVscoms ul.lef{ padding:0px; margin:0px;width:136px; height:432px; float:left; padding-left:24px; padding-top:8px; } .SerVscoms .lef li{ width:134px; height:50px; margin:0px; padding:0px; list-style:none;line-height:25px; position:relative;margin-bottom: 23px;} .SerVscoms .lef li span{ width:26px; height:50px; float:left; font-size:18px; color:#e34b48;position: absolute; left:-26px;} .SerVscoms .Scom1{ width:356px; height:403px; float:left; padding-left:60px; padding-top:13px;} .SerVscoms .Scom2{ width:340px; height:403px; float:left; padding-left:50px; padding-top:13px;} .SerVscoms ul.rif{ padding:0px; margin:0px;width:150px; height:432px; float:left; padding-left:24px; padding-top:8px; } .SerVscoms .rif li{ width:150px; height:50px; margin:0px; padding:0px; list-style:none;line-height:25px; position:relative;margin-bottom: 23px;} .SerVscoms .rif li span{ width:26px; height:50px; float:left; font-size:18px; color:#e34b48;position: absolute; left:-26px;} .SerVsBottom{ width:1200px; height:64px; line-height:64px; text-align:center;font-size:24px; color:#000000; } .SerVsBottom span{color:#DE0403; } .SerVsJh{ width:100%; height:665px;background:url(style/css/img/r27_c1.jpg) no-repeat center 228px;} .SerVsJhs{ width:1200px; height:665px; background:url(style/css/img/w_r24_c4.jpg) no-repeat center top;} .SerVsJhTop{ width:1200px; height:227px;} .SerVsJhTop .title1{ width:1000px; height:40px; float:left; font-size:30px; padding-left:21px; padding-top:50px; color:#999999;} .SerVsJhTop .title2{ width:1000px; height:66px; float:left; font-size:45px; padding-left:111px; line-height:66px;} .SerVsJhTop .title3{ width:1000px; height:40px; float:left; font-size:30px; padding-left:21px; padding-top:5px; color:#999999;} .SerVsJhBos{ width:1180px; height:192px; padding-left:20px;} .SerVsJhBos ul{ margin:0px; padding:0px; width:1180px; height:192px;} .SerVsJhBos li{ margin:0px; padding:0px; list-style:none; width:153px; height:192px; float:left; line-height:28px; font-size:20px; color:#FFFFFF; position:relative; } .SerVsJhBos li .Tscoms{width:100px; height:60px; position:absolute; left:0px; top:0px; z-index:5; left:53px; top:106px; } .SerVsJhBos li .Tscomes{ left:30px; } .SerVsJhBos li .liBack{width:152px; height:190px; position:absolute; left:0px; top:0px; z-index:1; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/} .SerVsJhBos li .liBack .liCts{ position:absolute; top:-200px; color:#000000; display:none; left:0px; width:200px; height:200px; background:#FFFFFF; } .SerVsJhBos .li2{ width:123px;padding-left:30px; } .SerVsJhBos ul.ulBot{ padding-top:5px;} /*-------------企业网站详细页----------------------*/ .Serkh{ width:100%; height:920px;} .SerkhTop{ width:500px; height:130px; text-align:center;} .SerkhTop h1{ font-size:36px; padding-top:26px; line-height:50px;font-weight:normal;} .SerkhTop h2{ font-size:14px; font-weight:normal; line-height:40px;} .SerkhImg{ width:100%; height:437px; background:url(style/css/img/serImg.jpg) no-repeat center top;} .SerkhImgTit{ width:1200px; height:134px; padding-top:304px;text-align:center;} .SerkhImgTit h2{ font-size:36px; color:#2A2B2C; padding-top:10px; line-height:65px;} .SerkhImgTit h2 span{ color:#D11516; } .SerkhImgTit h3{ font-size:16px; font-weight:normal;} .SerkImgCom{ width:1120px; height:320px; padding:0px 40px;} .SerkImgCom ul{ margin:0px; padding:0px;} .SerkImgCom ul li{ margin:0px; list-style:none; width:210px; padding:0px 7px; height:320px; float:left;} .SerkImgCom ul li .box{ height:320px; width:166px; background:#EFEFEF; line-height:24px;padding:0px 22px; } .SerkImgCom ul li .box .tit{ height:50px; line-height:50px; font-size:18px; color:#e34b48;text-align:center; padding-top:7px; } .Serfz{ width:1200px; height:698px; text-align:center;} .Serfz h2{ padding-top:27px; line-height:46px; font-size:33px; line-height:33px; padding-bottom:12px; color:#02A9B2;} .Serfz h3{ font-size:33px; line-height:33px; padding-bottom:21px; color:#e34b48;} .Serfz h3 span{ color:#E80C0E;} .Serfz h4{ font-weight:normal; font-size:16px; padding-bottom:16px;} .SerfzBody{ width:1092px; height:420px; padding:20px 54px 0px;} .SerfzBody ul{ margin:0px; padding:0px;} .SerfzBody ul li{ margin:0px; list-style:none; width:364px; height:380px; float:left;} .SerfzBody ul li .imgs{ width:308px; height:174px;} .SerfzBody ul li .title{ width:308px; height:40px; line-height:40px; font-size:16px;} .SerfzBody ul li .coms{ width:308px; height:168px; line-height:24px; text-align:left;} .SerfzMore{ width:120px; height:58px;} .SerDz{ width:100%; height:522px; background:#EFEFEF; padding-top:50px;} .SerDz h2{ line-height:60px; font-size:40px; text-align:center; color:#3F3F3F; font-weight:normal;} .SerDz h2 span{ font-weight:bold; color:#00A9B3;} .SerDz h3{ font-size:14px; text-align:center; font-weight:normal;} .SerDzBody{ width:1200px; height:315px; padding-top:85px;} .SerDzBodyImg{ width:490px; height:280px; float:left; text-align:center;} .SerDzBodyCom{ width:434px; height:240px; float:left; padding-top:40px; line-height:28px;} .SerDzBodyComs{ width:270px; height:240px; float:left; padding-top:40px; line-height:28px;} .SerKz{ width:1200px; height:1022px;} .SerKzTop{ width:1200px; height:187px; float:left;} .SerKzTop h3{ font-size:18px; font-weight:normal; text-align:center; color:#2A2B2c; padding-top:32px; line-height:52px;} .SerKzTop h4{ font-size:14px; font-weight:normal; text-align:center; line-height:26px;} .SerKzLeft{ width:70px; height:705px; float:left; padding-left:51px; border-right:1px solid #D6D6D6; color:#FFFFFF;} .SerKzLeft .divMeun{ width:70px; height:170px; background:#C0C0C0; padding-top:50px; text-align:center; } .SerKzLeft .divMeuns{ width:67px; height:167px;background:#DCDCDC; padding-top:50px; text-align:center; border-top:3px solid #FFFFFF;border-right:3px solid #FFFFFF;} .SerKzLeftRight{ width:1078px; height:705px; float:left;text-align:center; color:#2A2B2C;} .SerKzLeftRight .sTops{ width:1030px; height:380px; float:left;} .SerKzLeftRight .sTops ul{ margin:0px; padding:0px;} .SerKzLeftRight .sTops li{ margin:0px; padding:0px; list-style:none; width:206px; height:183px; float:left; padding-top:7px; background:url(style/css/img/line.gif) no-repeat right 7px;} .SerKzLeftRight .sTops li .imgs{ width:206px; height:90px; background:url(style/css/img/ser_r38_c5.gif) no-repeat;} .SerKzLeftRight .sTops li .titles{ width:206px; height:44px; line-height:22px;} .SerKzLeftRight .sTops li .imgs2{background-position: -206px top;} .SerKzLeftRight .sTops li .imgs3{background-position: -412px top;} .SerKzLeftRight .sTops li .imgs4{background-position: -618px top;} .SerKzLeftRight .sTops li .imgs5{background-position: -824px top;} .SerKzLeftRight .sTops li .imgs6{background-position: 0px -190px;} .SerKzLeftRight .sTops li .imgs7{background-position: -206 -190px;} .SerKzLeftRight .sTops li .imgs8{background-position: -412px -190px;} .SerKzLeftRight .sTops li .imgs9{background-position: -618px -190px;} .SerKzLeftRight .sTops li .imgs10{background-position: -824px -190px;} .SerKzLeftRight .sms{ width:1078px; height:77px; float:left;font-size:16px; } .SerKzLeftRight .sBottoms{ width:1030px; float:left; height:182px;} .SerKzLeftRight .sBottoms ul{ margin:0px; padding:0px;} .SerKzLeftRight .sBottoms li{ margin:0px; padding:0px; list-style:none; width:206px; height:175px; float:left; padding-top:7px; background:url(style/css/img/line.gif) no-repeat right 7px;} .SerKzLeftRight .sBottoms li .imgs{ width:206px; height:90px; background:url(style/css/img/ser_r40_c5.gif) no-repeat;} .SerKzLeftRight .sBottoms li .imgs2{ background-position: -206px top;} .SerKzLeftRight .sBottoms li .imgs3{background-position: -412px top;} .SerKzLeftRight .sBottoms li .imgs4{background-position: -618px top;} .SerKzLeftRight .sBottoms li .imgs5{background-position: -824px top;} .SerKzLeftRight .sBottoms li .titles{ width:206px; height:44px; line-height:22px;} .SerKzLeftRight .bsms{ width:1078px; height:65px; float:left; font-size:16px; } /*contact*/ dl,dd,dt{margin:0; padding:0; } .mrcontact{width: 1200px;overflow: hidden;height: auto;margin: 0 auto;background-color: #fff;padding: 20px;} .mrcontact .mr1c-l{float: left;width: 500px;overflow: hidden;height: auto;} .mrcontact .mr1c-r{float: right;width: 250px;height: 250px;margin-right:250px; margin-top: 40px;} .mrcontact .mr1c-r img{width: 250px;height: 250px;} .mrcontact .mr1c-l dl{float: left;width: 500px;} .mrcontact .mr1c-l dl dt{float: left;height:50px; line-height: 50px;font-size: 20px;color: #333;width: 500px;} .mrcontact .mr1c-l dl dd{float: left;height:40px; line-height: 40px;font-size: 16px;color: #666;width: 450px;padding-left: 45px;margin-bottom: 10px;} .mrcontact .mr1c-l dl dd b{color: #c33;} .mrcontact .mr1c-l dl dd.c1{background: url(style/css/img/c1.jpg) no-repeat top left;} .mrcontact .mr1c-l dl dd.c2{background: url(style/css/img/c2.jpg) no-repeat top left;} .mrcontact .mr1c-l dl dd.c3{background: url(style/css/img/c3.jpg) no-repeat top left;} .mrcontact .mr1c-l dl dd.c4{background: url(style/css/img/c4.jpg) no-repeat top left;} .mrcontact .mr1c-l dl dd.c5{background: url(style/css/img/c5.jpg) no-repeat top left;} .mrcontact .mr1c-l dl dd.c6{background: url(style/css/img/c6.jpg) no-repeat top left;} .mrmap{width: 100%;overflow: hidden;height: auto;margin-top: 30px;} .mrmap h3{line-height: 40px;height: 40px;font-size: 30px;color: #333;} .mrmap h4{line-height: 30px;height: 30px;font-size: 16px;color: #c33;margin-bottom: 30px;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} /*产品*/ .mrimg {width:100%; height:440px;margin-top: 20px; } .mrimg .mrimgl{width:500px; height:440px;float: left;} .mrimg .mrimgl img{width:100%; height:auto;float: left;border: 1px solid #eee; } .mrimg .mrimgr{width:650px; height:440px;float: right; position:relative;} .mrimg .mrimgr h4{font-size:16px;color: #333; height:40px; line-height:40px; } .mrimg .mrimgr h5{font-size:14px;color: #666; line-height:25px; font-weight:normal;margin: 0;padding: 0;margin-bottom: 10px;} .mrimg .mrimgr h5 span{color: #c33;} .mrimg .mrimgr p{font-size:12px;color: #666;line-height:20px;} .mrimg .mrimgr p span{color: #c33;font-size:14px;} .mrimg .mrimgr .lx{width: 100%;height: 40px;bottom:20px;position:absolute; } .mrimg .mrimgr .lx a{float: left;display:block;width: 100px;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: #c33;border-radius:3px; -moz-border-radius:3px; /* Old Firefox */} .mrimg .mrimgr .lx span{float: left;display:block;width: 200px;color: #fff;background-color: #c33;height: 40px;line-height: 40px;margin-left: 40px;text-align: center;font-size: 16px;border-radius:3px; -moz-border-radius:3px; /* Old Firefox */} .mrbody{width:100%; height:auto;margin-top: 30px;overflow: hidden; } .xxoo {width:1160px;margin:10px auto;overflow:hidden;background:#fff;border:1px solid #eee;margin-top: 10px;line-height:30px;padding: 20px;} .xxoo h3{line-height: 40px;height: 40px;margin-bottom: 20px;margin-top: 20px;font-size: 16px;color: #fff;width: 200px;background-color: #c33;position:relative;padding-left: 20px;} .xxoo h3 span{position:absolute;bottom:0;left:0px;width:1100px;height: 1px;background-color: #c33;} .xxoo h4{line-height: 40px;height: 40px;margin-bottom: 10px;font-size: 16px;color: #f00;} .xxoo p{line-height: 30px;text-indent: 1em;margin-bottom: 10px;} .dede_pages{margin-top:20px; margin-left:30px;margin-bottom: 20px; } /* banner */ .banner{height:420px;} .banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;} .banner .ban_nav{display:none;} .banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(img/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;} .banner .Left{margin-right:-450px;background-position:5px 0} .banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#e6292f;} .bann_ext{position:relative;} .frontCover{position:absolute;top:300px;padding:0 0 16px;border-bottom:5px solid #de0000;} .frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;} .frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;} .frontCover .img{position:relative;height:50px;overflow:hidden;} .frontCover img{position:absolute;width:192px;height:50px;left:-50px;} .frontCover .open{background:#e60013;} .wrap{width:980px;margin-left:auto;margin-right:auto;} /*幻灯片(组件)*/ .slide{position:relative;width:100%;} .ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;} .ban_c img{width:100%;height:100%;} .ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;} .ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;} .ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;} .ban_nav .on{background:#f90;color:#fff;} .Left,.Right{cursor:pointer;} /*cp*/ .cprolist { width: 100%; height: 313px; margin-top: 40px; float: left; overflow: hidden; position: relative; } .cprolist h2 { margin-bottom: 30px; font: bold 20px/40px "microsoft yahei"; border-bottom: 1px solid #eaeaea; overflow: hidden; } .cprolist h2 b{width: 40px;padding: 0 5px;line-height:40px;background-color: #c33;color: #fff;font-size:30px; height: 40px;margin-right: 10px;} .cprolist h2 span { float: right; font: normal 14px/40px "microsoft yahei"; padding-right: 10px; } .floor2 h2 { background-position: 0 -40px; } .floor3 h2 { background-position: 0 -80px; } .floor4 h2 { background-position: 0 -120px; } .floor5 h2 { background-position: 0 -160px; } .cprolist .img,.pitems { float: left; } .cprolist dl { width: 212px; margin-left: 25px; } .cprolist dl dt { margin-top: 12px; height: 187px; } .cprolist dl dt img { width: 212px; height: 147px; } .cprolist dl dt:hover img{filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/} .cprolist .img { margin-right: 7px; } .cprolist .img img { width: 235px; height: 242px; } .cprolist .img:hover img{filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/} .cprolist dl dd a { margin: 0 11px; _margin: 0 8px; } .proleft { float: left; overflow: hidden; } .prolist dl { margin-top: 30px; } .prolist dl dd a { margin: 0 20px; _margin: 0 15px; } .pitems dt { border-bottom: 1px dashed #a3a3a3; overflow: hidden; } .pitems dt img,.pitems dt span { display: block; float: left; } .pitems dt span { width: 100%; font: bold 14px/40px "microsoft yahei"; text-align: center; } .pitems dd a { display: block; line-height: 35px; font-family: "microsoft yahei"; width: 48px; float: left; text-indent: 20px; background: url(/style/images/icon-list.png) no-repeat; } .pitems .i1 { background-position: -15px -392px; } .pitems .i2 { background-position: -15px -430px; } .pitems .i3 { background-position: -15px -469px; } dl.mrcase{float: left;width: 250px;height: 210px;text-align:center;margin-bottom:20px; margin-right: 30px;} dl.mrcase dt{width: 250px;height: 180px;display:table-cell;text-align:center;vertical-align:middle;} dl.mrcase dt img{width: 100%; height:187px;} dl.mrcase dd{height:30px; line-height: 30px;font-size: 14px;} dl.mrcase dd a{color:#c33;} dl.mrcase:hover dt img{filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/} dl.mrcase:hover dd a{color:#333;} .dg-lx{width: 100%;height: auto;overflow:hidden; } .dgl{float: left;width: 550px;height: auto;} .dgl table{width: 550px;} .dgl table tr{height: 50px;line-height: 50px;} .dgl table td{height: 50px;line-height: 50px;} .dgl table td input{height: 30px;line-height: 30px;} .coolbg{background-color: #c33;font-size: 14px;width: 80px;height: 30px;line-height: 30px;color: #fff;border: 0;margin-right: 20px;} .lxr{float: right;width: 500px;height: 400px;background: url(/style/images/lxr.png) no-repeat bottom right;margin-right: 70px;} .lxr p{line-height: 30px;margin-bottom: 10px;font-size: 14px;} .lxr p b{color: #c33;} .dg-lx .fgx{width: 3px;height: 400px;float: left;margin-left: 10px;background-color: #c33;} .bannerx {width: 100%;height: 200px;padding-top: 120px;background: url(/style/images/pgpro.jpg) no-repeat bottom center;} #job{padding-bottom: 30px;background-color: #EBE9EA;width: 100%;height: auto;} .gcal{width:1190px; height:240px;overflow: hidden;margin: 0 auto; margin-top: 10px;margin-bottom: 10px;} .mrcase{width: 300px;height:240px;text-align: center;margin-right: 20px;} .mrcase .mrcaseimg{width: 300px;height:210px;} .mrcase .mrcaseimg img{width: 300px;height:210px;border: 1px solid #eee;} .mrcase p {height: 30px;line-height: 30px;font-size: 14px;color: #c33;} .mrcase p a{height: 30px;line-height: 30px;font-size: 14px;color: #c33;} .nav{ width:100%; height:50px; margin: 0 auto;position:relative; top: 120px;border-top: 1px #eee solid;border-right:0; border-left:0;margin-top: 3px;-moz-box-shadow: 1px 1px 1px #888888; /* 老的 Firefox */ box-shadow: 1px 1px 1px #888888;background-color: #434343;} .nav ul{width: 1200px; padding:0px; margin:0px auto;text-align: center;} .nav ul li{ padding:0px; margin:0px;list-style:none; width:130px; height:50px; float:left;position:relative; z-index:2;} .nav ul li a{font-size: 16px;font-weight: 500; width:130px; height:50px; display:block;line-height: 50px;text-align:center; color:#fff;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());} .nav ul li.cur a:hover{ color:#fff;} .nav .cls{clear:both;} .moran1 .nav ul li.cur1,.moran2 .nav ul li.cur2,.moran3 .nav ul li.cur3,.moran4 .nav ul li.cur4,.moran5 .nav ul li.cur5,.moran6 .nav ul li.cur6,.moran10 .nav ul li.cur10,.moran11 .nav ul li.cur11,.nav ul li.cur,.nav ul li:hover{ background:url(style/css/img/menu.gif);} /* 结束 */ .nav ul li ul.sonnav{position:absolute; left:0px;top:50px;width: 200px;height: auto;overflow: hidden;z-index: 999 !important;display:none;} .nav ul li ul.sonnav li{z-index: 999 !important;float: left;width: 100%;text-align: left;height: 30px;line-height:30px;background-color: #434343; } .nav ul li ul.sonnav li a{z-index: 999 !important;color: #fff;display:block;height: 30px;line-height:30px;text-align: left;text-indent: 1.5em;font-size: 14px;width: 100%;} .nav ul li ul.sonnav li:hover{background-color: #c33;} .nav ul li:hover ul.sonnav{display:block;} /* 网站广告图 */ /* banner-box */ .banner-box{width:100%;height:650px;position:relative;overflow:hidden;} .banner-box .bd{ width:100% !important;} .banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;text-align: center;} .banner-box .bd li .m-width img{width:100%;height:650px;text-align: center;} .banner-box .bd li{width:100% !important;height:650px;} .banner-box .bd li a{display:block;background-size:auto;} .banner-btn{width:1200px;position:absolute;top:200px;left:50%;margin-left:-600px;} .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;} .banner-btn a.prev{left:20px;background:url(img/foot.png) no-repeat 0 0;} .banner-btn a.next{right:20px;background:url(img/foot.png) no-repeat -49px 0;} .banner-box .hd {position:absolute;top:420px;left:537px;} .banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;} .banner-box .hd ul li.on{background:#DA324D;} .mrbanner{width: 100%;height:200px;margin: 0 auto;text-align: center;padding-top: 120px;} .mrbanner img{width: 100%;height:200px;} .KelistBody{width: 1140px;margin: 0 auto;height:auto;overflow:hidden;} #goTopBtn { POSITION: fixed; TEXT-ALIGN: center; WIDTH: 51px; BOTTOM: 50px; HEIGHT: 51px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 20px; background-image: url(img/gotop.gif); background-position: 0 0;} #goTopBtn:hover{background-image: url(img/gotop.gif);background-position: 0 51px;}