@charset "utf-8"; /* CSS Document */ body{ font:normal 14px/22px 'Arial','Microsoft YaHei';} *{ margin:0px auto;} ul,li{ list-style:none; padding:0px; margin:0px auto;} p,i,b,img,h2{ border:0px; padding:0px; margin:0px;} a,a:hover{ text-decoration:none;} button{ cursor:pointer;} button:focus{ outline:medium;} #top{ width:100%; height:90px; display:inherit; background:#fff; position:relative; z-index:1; border-bottom:60px solid #333;} #top h1{ width:202px; height:52px; position:absolute; left:30px; top:19px; z-index:999; line-height:52px; text-indent:-99em; background:url(../images/LogoSub.png) no-repeat center top;} #top h1 a{ color:#333; width:202px; height:52px; display:block;} #top .topMenu{ width:602px; height:80px; text-align:center;} #top .topTel{width:236px; height:28px; position:absolute; right:0px; top:26px;} .topMenu li{ width:86px; height:90px; float:left; overflow:hidden;} .topMenu li a{ display:block; width:86px; color:#333; font:normal 16px/80px 'Microsoft YaHei'; position:relative; z-index:1;} .topMenu li a:hover{ color:#cc1d24;} .topMenu li a.active{ color:#cc1d24} .topMenu .TmStyle,.topMenu .TmLine{ height:0px; display:inherit; position:relative; z-index:0;} .topMenu .TmStyle{ width:86px; background:#fff;} .topMenu .TmLine{ width:14px; background:#f0be48; *left:-36px;} .topTel span{ width:120px; height:28px; float:right; margin-right:20px; background:#d73d3d; font:bolder 14px/28px 'Microsoft YaHei'; color:#fff; text-align:center; padding:0px 5px;} #top p{ width:100%; overflow:hidden; text-align:center; color:#555; letter-spacing:70px; text-indent:30px; position:absolute; bottom:-38px; margin:0 auto;} #sub{ width:100%; height:auto; position:relative; overflow:hidden; z-index:2} .page{ width:1024px; height:auto;} /********* 关于 *********/ #sub .subAoTop{ width:100%; height:690px; position:relative; margin:0px auto; overflow:hidden;;} .subAoTop i{ background:url(../images/AotTopBg.png) no-repeat; position:absolute; z-index:-1;} .subAoTop i.LeftLine{ width:290px; height:22px; left:0px; top:160px; background-position:0px 0px;} .subAoTop i.RightLine{ width:210px; height:22px; right:0px; bottom:210px; background-position:-80px -40px;} .subAoTop i.RightIcon{ width:106px; height:110px; right:360px; top:260px; background-position:0px -85px;} .subAoTop i.LeftIcon{ width:82px; height:82px; left:260px; bottom:250px; background-position:-210px -96px;} .subAoTop i.MidIcon{ width:34px; height:34px; right:545px; bottom:160px; background-position:-127px -228px;} .subAoTop .AotCon{ width:1024px; height:690px; position:relative; z-index:3;} .subAoTop .AotCon i.LeftPic{ width:530px; height:620px; position:absolute; left:0px; top:30px; z-index:1; background:url(../images/AotBoxBg.png) no-repeat left center;} .subAoTop .AotCon i.AcBg{ width:276px; height:62px; position:absolute; z-index:0; left:479px; bottom:200px; background-position:0px -300px;} .subAoTop .AotCon span{ font-size:76px; color:#333; text-transform:capitalize; letter-spacing:20px; line-height:90px; position:absolute; right:62px; top:100px; z-index:2;} .subAoTop .AotCon b{ width:220px; color:#999; position:absolute; font:normal 14px/22px 'Microsoft YaHei'; z-index:2; right:236px; bottom:160px;} .subAoTop .AotCon p{ width:456px; color:#999; position:absolute; font:normal 14px/22px 'Arial'; z-index:2; left:568px; bottom:120px;} #sub .subAoCon{ width:100%; height:500px; position:relative; margin:0px auto; overflow:hidden; background:#f7f9fb;} .subAoCon .AocCon{ width:966px; height:260px; padding:50px 0px; border-radius:6px; box-shadow:0px 10px 20px #eee; position:relative; margin-top:70px; background:url(../images/subAoconBg.png) no-repeat 686px center #fff;} .subAoCon .AocCon ul{ width:476px; height:260px; float:left;} .subAoCon .AocCon ul li{ width:112px; height:254px; float:left; margin-left:35px; border:3px solid #ccc; position:relative;} .subAoCon .AocCon ul li h3{ width:60px; color:#666; position:absolute; top:40px; left:15px; font:bolder 14px/18px 'Microsoft YaHei';} .subAoCon .AocCon ul li i{ width:20px; height:2px; background:#cc1d24; position:absolute; top:120px; left:15px;} .subAoCon .AocCon ul li span{ color:#666; font-family:'Arial'; text-transform:capitalize; position:absolute; bottom:60px; left:15px;} .subAoCon .AocCon p{ width:406px; color:#333; padding:10px 0px; float:right; padding-right:40px;} .subAoCon .AocCon p.first{ margin-top:10px;} .subAoCon .AocCon i.AoBox{ width:50px; height:62px; position:absolute; bottom:0px; background:#cc1d24; right:394px;} #sub .subAoFot{ width:100%; height:400px; position:relative; margin:0px auto; overflow:hidden; background:#fff; padding-bottom:96px;} .subAoFot .AofCon{ width:1000px; height:auto; overflow:hidden; padding-top:90px; position:relative;} .subAoFot .AofCon p{ width:700px; height:36px; padding:0px 150px; float:left; font:normal 32px/36px 'Microsoft YaHei'; text-align:center; color:#666;} .subAoFot .AofCon span{ width:570px; height:auto; overflow:hidden; float:left; padding:10px 215px; margin-bottom:30px; color:#666; text-align:center;} .subAoFot .AofCon i{ width:1000px; height:180px; background:url(../images/subAofotBg.png) no-repeat center center; float:left;} /********* 案例 *********/ #sub .subCeTit{ width:100%; height:150px; padding-top:80px; overflow:hidden; border-bottom:1px solid #ddd; text-align:center; color:#999; background:url(../images/SubCaseBgT.png) no-repeat center 170px;} .subCeTit font{ font-size:28px;} #sub .subCeCon{ height:auto; overflow:hidden; padding:65px 0px 96px 0px;} #sub .subCeWidthA{ width:1770px;} #sub .subCeWidthB{ width:1475px;} #sub .subCeWidthC{ width:1180px;} #sub .subCeWidthD{ width:885px;} .subCeCon li{ width:295px; height:327px; margin:15px 0px; float:left; position:relative; background:#fff;} .subCeCon li a.curror{ width:251px; height:281px; position:absolute; z-index:3; top:16px; left:22px; padding:0px;} .subCeCon li i{ width:275px; height:307px; left:0px; margin:10px; background:url(../images/SubCaseBg.png) no-repeat center center; background-size:cover; position:absolute; z-index:2;} .subCeCon li i.hover{ width:291px; height:323px; margin:2px;} .subCeCon li img{ width:235px; height:265px; position:absolute; left:30px; top:23px; z-index:1;} .subCeCon li img.hover{ width:251px; height:281px; left:22px; top:16px;} .subCeCon li span{ width:251px; left:23px; z-index:1;background:rgba(204, 29, 36, 0.8) none repeat scroll 0 0 !important;} .subCeCon li span.LeftBg{ position:absolute; top:20px;} .subCeCon li span.RightBg{ position:absolute; bottom:25px} .subCeCon li p{ width:100%; position:absolute; display:none; z-index:9; overflow:hidden;} .subCeCon li p.word{ text-align:center;} .subCeCon li p a{ color:#fff;} .subCeCon li p.icon{ background:url(../images/SubCeIcon01.png) no-repeat center top; height:30px;} /********* 服务 *********/ #sub .subSrTop{ width:100%; height:150px; padding-top:72px; height:398px; padding-bottom:88px; overflow:hidden; position:relative; background:url(../images/SubSrBg.png) no-repeat center center;#f3f3f3; margin:0px auto;} .subSrTop .subSrtCon{ width:860px; height:398px; background:#fff; box-shadow:0px 14px 30px #ddd; position:relative;} .subSrTop .subSrtCon i{ position:absolute; line-height:999; overflow:hidden;} .subSrTop .subSrtCon i.Img{ width:350px; height:366px; top:16px; right:15px; background:url(../images/SubSrTopBg.png) no-repeat 0px -134px;} .subSrTop .subSrtCon i.Tit{ width:256px; height:52px; top:36px; left:60px; background:url(../images/SubSrTopBg.png) no-repeat 0px 0px;} .subSrTop .subSrtCon i.Line{ width:138px; height:1px; top:112px; left:0px; background:#ddd;} .subSrTop .subSrtCon ul{ position:absolute; left:62px; top:138px; width:360px; height:auto; overflow:hidden;} .subSrTop .subSrtCon ul li{ width:360px; height:40px; float:left; color:#666; font-size:16px;} .subSrTop .subSrtCon ul li span{ font-size:14px; color:#bbb; padding-left:20px;} .subSrTop .subSrtCon p{ width:360px; position:absolute; left:62px; bottom:52px; color:#999;} .subSrTop .subSrtCon p b{ color:#333;} #sub .subSrCon{ width:1024px; height:auto; overflow:hidden; position:relative; padding-bottom:55px;} .subSrCon i{ height:1px; background:#eee; position:absolute;} .subSrCon i.Line01{ width:1024px; left:0px; bottom:55px;} .subSrCon i.Line02{ width:445px; left:145px; bottom:25px;} .subSrCon i.Line03{ width:445px; right:145px; bottom:0px;} .subSrCon ul{ width:960px; height:auto; float:left; overflow:hidden; padding:100px 32px;} .subSrCon ul li{ width:320px; float:left; text-align:center;} .subSrCon ul li span{ width:70px; height:62px; margin:0px 125px; float:left; background:url(../images/SubSerIcon.png) no-repeat; background-size:cover;} .subSrCon ul li span.Icon01{ background-position:0px -144px} .subSrCon ul li span.Icon02{ background-position:0px -72px} .subSrCon ul li span.Icon03{ background-position:0px 0px} .subSrCon ul li h3{ width:100%; float:left; padding-top:20px; font:normal 18px/32px 'Microsoft YaHei'; color:#666;} .subSrCon ul li p{ width:100%; float:left; font:normal 12px/16px 'Arial'; color:#ccc;} #sub .subSrFot{ width:838px; height:auto; overflow:hidden; position:relative; margin-bottom:96px; padding-bottom:310px; text-align:center; padding-top:76px;} .subSrFot h3{ width:100%; float:left; font:normal 32px/36px 'Microsoft YaHei'; color:#333;} .subSrFot p{ width:100%; float:left; font:normal 26px/30px 'Arial'; color:#666;} .subSrFot b{ width:100%; float:left; font:normal 14px/16px 'Microsoft YaHei'; color:#999; padding-bottom:96px;} .subSrFot span{ position:absolute; bottom:0px;} .subSrFot span.Img01{ width:326px; height:186px; background:url(../images/SubSerBg01.png) no-repeat left top; left:0px; z-index:1} .subSrFot span.Img02{ width:356px; height:310px; background:url(../images/SubSerBg02.png) no-repeat left top; left:238px; z-index:0;} .subSrFot span.Img03{ width:43px; height:82px; background:url(../images/SubSerBg03.png) no-repeat left top; right:238px; z-index:1;} .subSrFot span.Img04{ width:232px; height:150px; background:url(../images/SubSerBg04.png) no-repeat left top; right:0px; z-index:1;} /********* 新闻 *********/ #sub .subNeTit{ width:100%; height:150px; padding-top:60px; padding-bottom:20px; overflow:hidden; border-bottom:1px solid #ddd; text-align:center; color:#999; background:url(../images/SubNewsTit.jpg) no-repeat center 130px;} .subNeTit font{ font-size:28px;} #sub .subNeList{ width:100%; height:auto; overflow:hidden; padding:40px 30px; border-bottom:1px solid #eee; text-align:center;} .subNeList li{ width:112px; height:36px; display:inline-block; *zoom:1; *display:inline; margin-right:25px;} .subNeList li a{ display:block; width:110px; height:34px; border:1px solid #fff; color:#999; border-radius:20px; line-height:34px;} .subNeList li a:hover{ color:#c50008; border:1px solid #ccc;} .subNeList li a.active{ color:#c50008; border:1px solid #ccc;} #sub .subNeCon{ height:auto; overflow:hidden; padding:60px 0px 96px 0px;} #sub .subNeWidthA{ width:1602px;} #sub .subNeWidthB{ width:1068px;} #sub li.Margin{ margin:0px 22px; margin-bottom:52px;} .subNeCon li{ width:490px; height:280px; float:left; box-shadow:0px 10px 20px #eee; position:relative; margin:0px 22px; margin-bottom:52px;} .subNeCon li h3{ width:460px; height:50px; background:#3f434f; float:left; padding:0px 15px; border-radius:8px 8px 0px 0px; font:normal 16px/50px 'Arial','Microsoft YaHei'; color:#fff;} .subNeCon li h3 a{ color:#fff;} .subNeCon li h3 i.Box{ width:8px; height:8px; float:right; background:#4d5265; border-radius:20px; margin:21px 0px 21px 5px; *margin:-28px 0px 21px 5px;} .subNeCon li p{ width:450px; height:94px; float:left; padding:30px 20px; color:#999;} .subNeCon li p.ColorWord{ color:#333;} .subNeCon li span{ height:34px; position:absolute; line-height:34px; left:0px; bottom:22px; font-size:12px; color:#ccc; text-transform:capitalize;} .subNeCon li span font{ padding:0px 20px; border-right:1px solid #ddd;} .subNeCon li a.Read{ display:block; width:112px; height:34px; position:absolute; right:0px; bottom:22px; text-align:center; color:#70849d; background:#edf1f4; line-height:34px;} .subNeCon li a.Read:hover{ color:#fff;} .subNeCon li a.More{ background:#cc1d24; color:#fff;} /********* 方案 *********/ #sub .subPeTit{ width:100%; padding:60px 0px; overflow:hidden;text-align:center; color:#999; background:#fff;} .subPeTit span{ display:inline-block; width:212px; height:36px; background:url(../images/SubPeTit.png) no-repeat center 3px;} .subPeTit i{ display:inline-block; margin-left:15px; border-radius:20px; position:relative; top:-3px; height:15px; background:#48c0ff; text-align:center; padding:0px 15px; color:#fff; font:normal 12px/15px 'Microsoft YaHei';} #sub .subPeCon{ width:100%; height:auto; overflow:hidden; background:url(../images/SubPeBg.png) no-repeat center 220px #f7f8fa; padding-bottom:96px;} .subPeCon .subPecTop{ width:1000px; height:606px; padding:98px 0px; position:relative;} .subPeCon .subPecTop img{ width:452px; height:315px; box-shadow:0px 15px 25px #ddd; position:absolute; left:20px; top:136px; z-index:2;} .subPeCon .subPecTop .subPtCon{ width:664px; height:605px; position:absolute; right:20px; top:98px; background:#fff; border-radius:5px; box-shadow:0px 15px 25px #eee; z-index:1;} .subPeCon .subPecTop .subPtCon h4{ position:absolute; left:226px; top:62px; width:auto; font:normal 22px/30px 'Microsoft YaHei'; color:#666;} .subPeCon .subPecTop .subPtCon .subPtcText{ position:absolute; left:226px; top:102px; font:normal 16px/20px 'Microsoft YaHei'; color:#999;} .subPeCon .subPecTop .subPtCon i.Left{ width:52px; height:1px; background:#82ce41; position:absolute; top:146px; left:226px;} .subPeCon .subPecTop .subPtCon i.Right{ width:312px; height:1px; background:#ddd; position:absolute; left:278px; top:146px;} .subPeCon .subPecTop .subPtCon .subPtcWord{ color:#333; font-size:12px; line-height:20px; position:absolute; left:226px; top:218px;} .subPeCon .subPecTop .subPtCon .buttonA{ width:190px; height:50px; position:absolute; top:272px; left:226px; background:#78c635; color:#fff; box-shadow:0px 5px 10px #d2f0b8; text-align:center; line-height:50px; font-size:16px; border-radius:3px;} .subPeCon .subPecTop .subPtCon .buttonB{ width:188px; height:48px; position:absolute; top:272px; left:430px; border:1px solid #78c635; color:#78c635; box-shadow:0px 5px 10px #dbf4c6; text-align:center; line-height:50px; font-size:16px; border-radius:3px;} .subPeCon .subPecTop .subPtCon a:hover{ background:#66b125; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; color:#fff;} .subPeCon .subPecTop .subPtCon ul{ width:632px; padding:0px 16px; position:absolute; right:0px; bottom:35px;} .subPeCon .subPecTop .subPtCon ul li{ width:200px; height:70px; float:left; padding:0px 50px 0px 66px;} .subPeCon .subPecTop .subPtCon ul li p{ width:100%; float:left; font:normal 16px/22px 'Microsoft YaHei'; color:#666;} .subPeCon .subPecTop .subPtCon ul li span{ width:100%; float:left; font:normal 12px/16px 'Microsoft YaHei'; color:#5fb119;} .subPeCon .subPecFot{ width:1000px; height:606px; position:relative; padding-bottom:116px;} .subPeCon .subPecFot img{ width:452px; height:315px; box-shadow:0px 15px 25px #ddd; position:absolute; right:20px; top:132px; z-index:2;} .subPeCon .subPecFot .subPfCon{ width:664px; height:605px; position:absolute; left:20px; top:92px; background:#fff; border-radius:5px; box-shadow:0px 15px 25px #eee; z-index:1;} .subPeCon .subPecFot .subPfCon h4{ position:absolute; left:52px; top:62px; width:auto; font:normal 22px/30px 'Microsoft YaHei'; color:#666;} .subPeCon .subPecFot .subPfCon .subPfcText{ position:absolute; left:52px; top:102px; font:normal 16px/20px 'Microsoft YaHei'; color:#999;} .subPeCon .subPecFot .subPfCon i.Left{ width:52px; height:1px; background:#47c1ff; position:absolute; top:146px; left:52px} .subPeCon .subPecFot .subPfCon i.Right{ width:312px; height:1px; background:#ddd; position:absolute; left:104px; top:146px;} .subPeCon .subPecFot .subPfCon .subPfcWord{ color:#333; font-size:12px; line-height:20px; position:absolute; left:52px; top:218px;} .subPeCon .subPecFot .subPfCon .buttonA{ width:190px; height:50px; position:absolute; top:272px; left:52px; background:#5aade6; color:#fff; box-shadow:0px 5px 10px #cee6f6; text-align:center; line-height:50px; font-size:16px; border-radius:3px;} .subPeCon .subPecFot .subPfCon .buttonB{ width:188px; height:48px; position:absolute; top:272px; left:256px; border:1px solid #5aade6; color:#5aade6; box-shadow:0px 5px 10px #cee6f6; text-align:center; line-height:50px; font-size:16px; border-radius:3px;} .subPeCon .subPecFot .subPfCon a:hover{ background:#429bd9; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; color:#fff;} .subPeCon .subPecFot .subPfCon ul{ width:632px; padding:0px 16px; position:absolute; right:0px; bottom:25px;} .subPeCon .subPecFot .subPfCon ul li{ width:120px; height:40px; padding-left:80px; float:left; font:normal 14px/18px 'Microsoft YaHei'; color:#666; background:url(../images/subPeFotIcon.png) no-repeat; margin-bottom:40px;} .subPeCon .subPecFot .subPfCon ul li.Icon01{ background-position:31px 0px;} .subPeCon .subPecFot .subPfCon ul li.Icon02{ background-position:31px -34px;} .subPeCon .subPecFot .subPfCon ul li.Icon03{ background-position:33px -70px;} .subPeCon .subPecFot .subPfCon ul li.Icon04{ background-position:31px -104px;} .subPeCon .subPecFot .subPfCon ul li.Icon05{ background-position:31px -141px;} .subPeCon .subPecFot .subPfCon ul li.Icon06{ background-position:31px -177px;} /********* 联系 *********/ #sub .subCtCon{ width:100%; height:750px; background:url(../images/SubCtBg.png) no-repeat center center; padding-top:122px;} .subCtCon .subCtcBox{ width:1000px; height:550px; box-shadow:0px 15px 30px #ddd; background:#fff; position:relative;} .subCtCon .subCtcBox p.Map{ width:307px; height:150px; padding-top:172px; padding-left:265px; position:absolute; background:url(../images/SubCtMap.png) no-repeat center center; top:156px; right:36px;} .subCtCon .subCtcBox p.Map img{ width:23px; height:25px; position:relative;} .subCtCon .subCtcBox i.LineL{ width:806px; height:1px; background:#000; position:absolute; left:36px; top:96px;} .subCtCon .subCtcBox i.LineR{ width:122px; height:1px; background:#000; position:absolute; right:36px; top:36px;} .subCtCon .subCtcBox ul{ width:292px; height:auto; overflow:hidden; position:absolute; left:36px; top:176px;} .subCtCon .subCtcBox ul li{ width:238px; float:left; padding-left:52px; background:url(../images/SubCtIcon.png) no-repeat; font:normal 14px/22px 'Arial','Microsoft YaHei'; color:#666; margin-bottom:31px;} .subCtCon .subCtcBox ul li font{ width:100%; float:left; font-size:16px; font-weight:bolder; color:#333;} .subCtCon .subCtcBox ul li.Icon01{ background-position:6px -50px;} .subCtCon .subCtcBox ul li.Icon02{ background-position:6px -101px;} .subCtCon .subCtcBox ul li.Icon03{ background-position:6px -152px;} .subCtCon .subCtcBox ul li.Icon04{ background-position:6px -202px;} .subCtCon .subCtcBox span{ height:auto; position:absolute; color:#333; letter-spacing:2px;} .subCtCon .subCtcBox span.BoxWordL{ width:806px; left:36px; font-size:22px; top:56px;} .subCtCon .subCtcBox span.BoxWordR{ width:122px; right:36px; font-size:18px; top:57px; text-align:right; background:url(../images/SubCtIcon.png) no-repeat left top;} /********* 支付 *********/ #sub .subPay{ width:100%; padding:52px 0px; background:#f5f5f5;} #sub .subPayCon{ width:1000px; height:auto; overflow:hidden; box-shadow:0px 5px 25px #ddd; background:#fff; position:relative; border-radius:8px; padding:27px 0px;} .subPayCon .SpcTop{ width:860px; padding-left:140px; height:46px; line-height:72px; overflow:hidden; float:left; background:url(../images/SubPayTit.png) no-repeat 32px bottom; color:#333;} .subPayCon .SpcCen{ width:1000px; height:453px; height:263px; padding:27px 0px; float:left; overflow:hidden; position:relative; background:url(../images/SubPayImg.png) no-repeat left center; } .subPayCon .SpcCen p{ font:bolder 26px/30px 'Arial'; color:#333; position:absolute; left:130px; top:170px;} .subPayCon .SpcCen span{ position:absolute; left:460px; top:67px; display:block; width:539px; font:bolder 20px/22px 'Microsoft YaHei';} .subPayCon .SpcCen ul{ width:539px; position:absolute; right:0px; top:120px;} .subPayCon .SpcCen ul li{ font:normal 12px/23px 'Microsoft YaHei'; color:#333; width:100%; float:left;} .subPayCon .SpcCenTit{ width:1000px; height:52px; background:#f1f5f6; overflow:hidden; float:left; margin:25px 0px;} .subPayCon ul.Visa{ width:1000px; height:auto; float:left; padding-top:30px;} .subPayCon ul.Visa li{ width:386px; height:278px; background:url(../images/SubPayBg.png) no-repeat center center; margin-top:-30px; position:relative;} .subPayCon ul.Visa li h4{ position:absolute; width:265px; height:50px; padding-left:61px; left:30px; top:43px; background:url(../images/SubPayIcon.png) no-repeat; font:bolder 14px/36px 'Microsoft YaHei'; color:#333;} .subPayCon ul.Visa li i{ font:normal 12px/14px 'Arial'; position:absolute; left:61px; bottom:10px; color:#666;} .subPayCon ul.Visa li h4.Icon01{ background-position:13px 0px;} .subPayCon ul.Visa li h4.Icon02{ background-position:13px -50px;} .subPayCon ul.Visa li h4.Icon03{ background-position:13px -100px;} .subPayCon ul.Visa li h4.Icon04{ background-position:13px -150px;} .subPayCon ul.Visa li h4.Icon05{ background-position:13px -200px;} .subPayCon ul.Visa li h4.Icon06{ background-position:13px -250px; text-indent:5px;} .subPayCon ul.Visa li span{ position:absolute; width:326px; left:30px; top:110px; text-align:center; font:normal 22px/30px 'Arial'; color:#333;} .subPayCon ul.Visa li p{ position:absolute; width:276px; height:36px; display:block; left:30px; top:160px; color:#fff; padding:0px 25px;} .subPayCon ul.Visa li p font.Left{ float:left; font:normal 12px/36px 'Microsoft YaHei';} .subPayCon ul.Visa li p font.Right{ float:right; font:bolder 12px/36px 'Arial';} .subPayCon ul.Visa li p.BgColor01{ background:#7f9cc0;} .subPayCon ul.Visa li p.BgColor02{ background:#e88a8a;} .subPayCon ul.Visa li p.BgColor03{ background:#83ca9e;} .subPayCon ul.Visa li p.BgColor04{ background:#83c1b6;} .subPayCon ul.Visa li p.BgColor05{ background:#eb9292;} .subPayCon ul.Visa li p.BgColor06{ background:#ded19d;} .subPayCon .SpcFot{ width:1000px; height:100px; float:left; background:#3d72db; position:relative;} .subPayCon .SpcFot .SfBox{ width:76px; height:60px; border-radius:100px; background:#fff; display:block; position:absolute; left:32px; top:12px; text-align:center; font:bolder 18px/22px 'Microsoft YaHei'; color:#3d72db; padding-top:16px;} .subPayCon .SpcFot ul{ position:absolute; width:820px; height:20px; left:160px; top:40px; display:block;} .subPayCon .SpcFot ul li{ padding-right:62px; font:normal 14px/20px 'Arial','Microsoft YaHei'; color:#fff; float:left;} /********* 详情 *********/ #sub .subTit{ width:1024px; height:288px; position:relative; text-align:center; font-size:32px; color:#fff;} #sub .subTit span{ position:absolute; width:100%; top:88px; left:0%;} #sub .subTit i{ position:absolute; width:20px; height:3px; background:#fff; position:absolute; top:128px; left:502px;} #sub .subCon{ width:952px; padding:0px 36px; min-height:300px; height:100%; overflow:hidden; z-index:2; position:relative; background:#fff; margin-top:-100px;} #sub .subCon .scLoca{ width:870px; height:70px; border-bottom:2px solid #ccc; float:left; color:#666; font:normal 14px/70px 'Arial','Microsoft YaHei';} #sub .subCon .scLoca a{ color:#666;} #sub .subCon .scLoca a:hover{ color:#333;} #sub .subCon .scRetun{ width:60px; height:70px; border-bottom:2px solid #ddd; float:right; color:#ccc; font:normal 14px/70px 'Arial','Microsoft YaHei'; text-align:center;} #sub .subCon .scRetun a{ color:#ccc;} #sub .subCon .scRetun a:hover{ color:#cc1d24;} #sub .subCon .scTit{ width:932px; height:72px; float:left; padding:25px 0px; margin:0px 10px; border-bottom:1px solid #eee; position:relative;} #sub .subCon .scTit h2{ width:752px; height:30px; float:left; font:normal 26px/32px 'Arial','Microsoft YaHei'; color:#666; padding-top:4px;} #sub .subCon .scTit ul{ width:752px; height:30px; float:left; padding-top:10px;} #sub .subCon .scTit ul li{ height:30px; float:left; padding-right:13px; color:#aaa; font:normal 12px/30px 'Arial','Microsoft YaHei';} .bdsharebuttonbox{ float:right;} #sub .subCon .scTit p{ width:40px; height:72px; position:absolute; right:0px; top:25px; background:#cc1d24; color:#fff; text-align:center; font:normal 14px/72px 'Arial','Microsoft YaHei';} #sub .subCon .scCon{ width:932px; height:auto; float:left; overflow:hidden; color:#777; margin:0px 10px; padding:46px 0px 102px 0px; line-height:22px;} #sub .subPage{ width:920px; height:auto; overflow:hidden; padding:38px 52px; background:#fff; margin-top:16px; margin-bottom:52px; font:normal 14px/30px 'Arial','Microsoft YaHei'; color:#000;} #sub .subPage a{ color:#333;} #sub .subPage a:hover{ color:#cc1d24;} #foot{ width:100%; height:auto; overflow:hidden; position:relative; padding:30px 0px; background:#1e2027;} #foot .footCon,#foot .footTop{ width:1200px;} #foot .footCon{ height:auto; position:relative; font:normal 12px/22px 'Microsoft YaHei';} #foot .footTop{ display:block; height:85px; float:left; border-bottom:1px solid #34363d; color:#878a93; font:normal 30px/30px 'Microsoft YaHei'; text-align:center;} #foot .footTop span{ display:block; font:normal 14px/30px 'Microsoft YaHei'; position:absolute; text-align:left; left:448px; *left:444px; *top:26px; letter-spacing:2px;} #foot .footTop font{ font:normal 32px/30px 'Arial';} #foot .footTop i{ display:block; position:absolute; background:#8c8f99; right:453px; *right:448px;} #foot .footTop i.LineBold{ width:10px; height:3px; top:41px;} #foot .footTop i.LineFine{ width:26px; height:1px; top:49px;} .footCon ul{ height:auto; float:left; width:700px; padding:32px 520px 18px 0px;} .footCon ul li{ width:auto; height:22px; padding-right:10px; float:left; color:#424551;} .footCon ul li a{ color:#424551; transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;} .footCon ul li a:hover{ color:#5a5f70;} .footCon .conLine{ height:22px; float:left; color:#424551; width:700px; padding-right:520px; position:relative;} .footCon .conLine img{ height:14px; position:absolute; top:4px; left:0px;} .footCon .conLine a{ color:#424551; transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;} .footCon .conLine a:hover{ color:#5a5f70} .footCon .conLine a.ImgBor{ padding-left:20px;} .footCon .conPic{ display:block; width:320px; height:123px; position:absolute; right:0px; top:110px; background:#18191c; border:1px solid #161617;} .footCon .conPic img{ float:right;} .footCon .conPic span{ color:#999; font:normal 16px/22px 'Microsoft YaHei'; position:absolute; top:38px; left:30px;} .footCon .conPic i.wxWord{ color:#c8c8c8; text-transform:uppercase; font:normal 12px/22px 'Arial'; letter-spacing:11px; position:absolute; top:62px; left:30px;} .footCon .conPic i.wxLine{ width:15px; height:2px; background:#f2ad2b; position:absolute; top:72px; left:150px;} .transA{ transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;} .transB{ transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;} .transC{ transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}