@charset "utf-8"; .had{ width:100%; height:46px; background:url(/uploads/image/tdimages/xian.jpg) center repeat-y; border-bottom:1px #ccc solid;} .hads{ background:url(/uploads/image/tdimages/had.jpg) center no-repeat; height:46px;} .rolltextmenus{ width:625px; line-height:46px; background:url(/uploads/image/tdimages/hg1.jpg) left no-repeat; padding-left:35px; font-size:16px; color:#fff;} .rolltextmenus a{ color:#fff;} .sgxia{ width:59px; height:24px; border:1px #fff solid; margin-top:10px;} .sgxia a{ display:block; width:29px; float:left; height:24px;} .sxbg1{ background:url(/uploads/image/tdimages/sx.png) top no-repeat;} .sxbg2{ background:url(/uploads/image/tdimages/sx.png) bottom no-repeat; border-left:1px #ddd solid;} .htitle{ width:1176px; height:52px; border-left:4px #e22c3b solid; margin:45px auto; padding-left:20px;font-family:微软雅黑; padding-top:5px;} .htitle b{ font-size:24px; color:#e22c3b; font-weight:700;} .htitle span{ color:#808080; font-size:16px; font-weight:100; font-family:eras light itc; padding-left:10px; text-transform:uppercase;} .htitle p{ font-size:15px; padding-top:10px;} .htitle em{ float:right; background: no-repeat; width:120px; height:67px;} .htitle em a{ padding-top:42px; text-align:center; display:block;} .htitle i{ float:right; width:200px; height:45px; border:1px #808080 solid; line-height:45px; text-align:center; font-style:normal;} .htitle i a{ display:block; font-size:16px;} /*三屏*/ .sanog{ width:1198px; height:430px; margin-bottom:50px; border-top:1px #e94c19 solid; border-bottom:1px #e94c19 solid;} .jisn{ width:1200px; height:182px; background:url(/uploads/image/tdimages/hg6.jpg) left #f7f7f7 no-repeat; font-size:15px; margin-bottom:50px;} .jisn p{ font-size:12px; line-height:23px; color:#888; line-height:20px;} .js_sub{ width:110px; height:32px; background:#e22c3b; border:0;border-radius:5px; color:#fff; font-size:14px; font-family:微软雅黑;} .js_txt{ width:100px; height:30px; line-height:30px; background:#e0dcdc; border:0; margin:5px 0; text-align:center;} .jisn label{ padding-right:5px;} /*案例*/ #anli{ width:100%; height:auto; background:url(/uploads/image/tdimages/hg7.jpg); padding:20px 0 0; margin-top:20px;} .anli{ width:1200px; height:auto;} .altit{ color:#e22c3b; font-size:18px;} .alton{ width:1040px; height:auto; padding:0 10px;} .alton ul li{ width:auto; padding:0 10px; float:left; line-height:25px; font-size:14px;} .alton ul li a:hover{ text-decoration:underline;} .anli_con{ width:100%; height:100%; min-height:450px; position:relative; margin:30px 0 0;} .warpper { height:100%; background:#000;} .qirepic { width:49%; height:auto; margin:0; padding:0; float: left; position:relative;} .qirepic ul li img { width:100%; border:0;} .qirepic ul li span{ position:absolute; display:block; left:25%; bottom:50px; background:; width:40%; height:auto; font-size:16px; color:#fff; line-height:25px; padding:20px 5%;} /*图片导航*/ .num { width:17%; height:100%; height:auto; padding:0; background:#000; float:left; margin:0; padding:0;} .num ul { width:100%; } .num li { float:left;} .num li a { display:block; padding:0;} .num li img { width:100%; opacity:0.8;filter(alpha=80)} .num li.on a {opacity:1;filter(alpha=100); background:#fff;} /*当前项*/ .nums { width:34%; height:100%; padding:0; float:left;} .nums ul { width:100%; } .nums li { float:left; width:50%; float:left;} .nums li a { display:block; padding:0;} .nums li img { width:100%;} .nums li.on a {filter:alpha(opacity=100); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;} /*当前项*/ @media screen and (max-width:1280px) { .qirepic ul li img{ height:390px;} .num li img { height:130px;} } @media screen and (min-width:1281px) and (max-width:1440px){ .qirepic ul li img{ height:441px;} .num li img { height:147px;} } @media screen and (min-width:1441px) and (max-width:1600px){ .qirepic ul li img{ height:495px;} .num li img { height:165px;} } @media screen and (min-width:1601px) and (max-width:1680px){ .qirepic ul li img{ height:510px;} .num li img { height:170px;} } @media screen and (min-width:1681px) and (max-width:1920px){ .qirepic ul li img{ height:588px;} .num li img { height:196px;} } /*优势*/ #youshi{ width:100%; height:735px; background:url(/uploads/image/tdimages/hg8.jpg) center no-repeat; margin-top:-1px; padding:1px 0;} .youshi{ width:1200px;} #tndui{ width:100%; height:640px; background:#fff;} .tndui{ width:300px; height:480px;} .tndui ul li{ width:220px; height:400px; float:left; text-align:center; padding:40px;} .tndui ul li:hover{ background: center 35px #e15d66 no-repeat;} .tndui ul li img{ width:204px; height:204px; border-radius:102px;} .tndui ul li h2{ font-size:18px; color:#222; line-height:65px;} .tndui ul li:hover h2{ font-size:18px; color:#fff;} .tndui ul li p{ display:block; text-align:left; color:#808080;} .tndui ul li:hover p{ color:#fff;} .tndui ul li a{ display:block; width:34px; height:34px; border-radius:17px; background:#e22c3b; color:#fff; margin-top:15px; line-height:30px; font-size:23px; margin:15px auto;} .tndui ul li:hover a{ background:#fff; color:#e22c3b;} /*承诺*/ #chnuo{ width:100%; height:450px; background:url(/uploads/image/tdimages/hg10.jpg) center no-repeat; padding:1px 0;} #pinpai{ width:100%; height:580px;} .pinpai{ width:1200px;} .pinpai ul li{ width:300px; height:200px; float:left; background:#e15d66;} .pinpai ul li p{ display:block; width:260px; height:160px; border:1px #fff solid; margin:19px; color:#fff; text-align:center;} .pinpai ul li p em{ line-height:55px; font-size:24px; margin-top:20px; display:block;} .pinpai ul li p span{ font-size:14px; line-height:30px;} /*新闻*/ #news{ width:100%; height:auto; background:url(/uploads/image/tdimages/hg7.jpg); padding:20px 0 0; border-top:1px #e15d66 solid;} .news{ width:1200px; height:auto; padding:20px 0;} .newsl{ width:580px;} .newsl_tit{ width:576px; height:25px; border-left:4px #e22c3b solid;} .newsl_tit em{ font-size:24px; color:#333; padding-left:15px;} .newsl_tit span{ padding:3px 15px; background:#e15d66; color:#fff;} .newsl_tit span a{ color:#fff;} .newsl_con{ width:580px; height:auto; padding:20px 0;} .newsl_con img{ float:left; width:200px; height:125px; margin-right:10px;} .newsl_con em{ font-size:17px; line-height:40px;} .newsl_con span{ color:#888;} .newsl_con p{ color:#666; line-height:24px;} .newsl_coy{ width:580px; height:auto; font-size:14px; padding-top:10px;} .newsl_coy ul li{ line-height:30px;} .newsl_coy ul li span{ float:right; color:#888;} .newsl_coy ul li a:hover{ text-decoration:underline;} .newsl_com{ width:580px;} .newsl_com ul li{ width:590px; height:auto; margin-top:20px;} .newsl_com ul li img{ float:left; width:130px; height:125px; margin-right:10px;} .newsl_com ul li em{ font-size:17px; line-height:40px;} .newsl_com ul li p{ color:#666; line-height:24px;} /*友情链接*/ .linky{ width:100%; height:auto; background:#fff;} .linky_tit{ width:100%; height:45px; line-height:45px; border-bottom:1px #ccc solid;} .linky_tit span{ display:block; width:1200px; height:45px; background:url(/uploads/image/tdimages/hg15.jpg) 80px center no-repeat; font-size:18px;} .linky_con{ width:1200px; padding:10px 0;}