@charset "utf-8"; /*banner*/ .banner{position:relative;} .banner_hd {height:652px; margin:0 auto; position: relative; overflow:hidden;} .banner_hd ul{height:100%;margin: 0 auto;} .banner_hd ul li{height:652px;} .banner_hd ul li .container{height:100%;} .banner_hd ul li .banner1-2{position: absolute;bottom:-390px;opacity: 0;right:0px;text-align: right;} .banner1-2 div{text-align: right;margin:10px 0} .banner_hd ul li .banner2-1{position: absolute;left:50%; margin-left:-590px;right:0;top:500px;opacity: 0} .banner_hd ul li .banner2-2{position: absolute;bottom:218px;right:0;left:0;display: none;} .banner_hd ul li .banner3-1{position: absolute;left:-25px;top:-455px;} .banner_hd ul li .banner3-2{position: absolute;top:128px;right:-800px;} /*数字按钮样式*/ .banner_hd .num { overflow:hidden; position:absolute; bottom:5%; margin:0 auto;left:0;right:0; text-align:center;zoom:1; z-index:3 ; } .banner_hd .num ul{display: inline-block;} .banner_hd .num li {width:13px;height:13px; color: #ffffff;margin:0 5px; cursor:pointer; float: left;background:url(/uploads/image/tdcimages/banner_ico.png) no-repeat; } .banner_hd .num li.on { background:url(/uploads/image/tdcimages/banner_ico_on.png) no-repeat } /*当前项*/ /*上一个 下一个*/ .banner_hd .prev, .banner_hd .next { display: none; width: 40px; height: 100px; background: url(/uploads/image/tdcimages/btn.png) no-repeat; position: absolute; top: 50%;margin-top:-50px; } .banner_hd .prev { left:8%; } .banner_hd .next { right:8%; background-position: right } /*main1*/ .main1{background: url(/uploads/image/tdcimages/main_bg1.jpg) no-repeat top center;height:849px;} /*about*/ .about{padding:40px 0 ;border-bottom:1px solid #d2d2d2;} .about .about-title{height:70px;line-height: 70px;font-size:40px;color: #262626; border-bottom:1px solid #d3d3d3;width:365px; } .about .about-info{line-height: 26px;font-size:15px;padding:10px 0 ;} .about .about-list{margin-top:15px;} .about .about-list ul.listul{margin:0 -2px;} .about .about-list ul.listul li{float:left;} .serbox{cursor:pointer;width:286px;height:246px;margin:0 5px;overflow:hidden;background-color:#19a6db;position:relative;padding:0} .serbg2{background-color: #0881af;} .serboxon{display:none;width:100%;height:100%;background:url(/uploads/image/tdcimages/about_list_bg.jpg) no-repeat;position:absolute;left:0px;top:0px;z-index:4;} .serbox .pic{width:100%;height:60px;line-height:60px;text-align:center;z-index:4;color:#fff;top:45px;font-size:23px;position:absolute;} .serbox .pic1{right:0;} .serbox .pic2{left:-286px;color: #faa356} .serbox .txt{width:240px;margin:0 auto;z-index:4;height:100px;line-height:26px;color:#fff;position:absolute;top:120px;} .serbox .txt1{left:23px;} .serbox .txt2{right:-240px;color: #e9e9e9} .serbox span.tit{font-size:16px;display:block;height:50px;line-height:40px;text-align:center;} .serbox .txt1 .tit{color:#000000;} .serbox .txt2 .tit {color:#008bfd} .serbox .text_list {margin:0 20px;} .serbox .text_list li{list-style: disc} .serbox .text_list li a{color:#fff;} .serbox .text_list li a:hover{text-decoration: underline;} /*case*/ .case {padding:30px 0;} .case .case-title{font-size:33px;line-height: 40px;height:40px;} .case .case-title strong {font-weight: normal;} .case .case-info{padding:5px;font-size:16px;color:#656565;} .case .case-list{margin-top:20px;text-align: center;} .case .case-list dl{overflow: hidden;display: inline-block;text-align: center;} .case .case-list dl dd{display:inline-block;margin:8px 10px;} .case .case-list dl dd a{display: block;padding:0 15px;background:#fff;border-radius:13px;height:25px; line-height: 25px;color: #656565} .case .case-list dl dd a:hover{background:#eb3900;color:#fff;} /*work*/ .work{padding-top:180px;position:relative; } .work .work-title{font-size:70px;height:80px;line-height: 80px;color:#262525;position: absolute;right:0; display: none;top:40px; } .work .work-info{font-size:17px;color:#262525;line-height: 28px;position:absolute;left:0; display: none;top:120px; } .work-list{margin-top:15px;} .work .list-title{color:#333;font-size:33px;height:25px;line-height: 45px; border-bottom:1px solid #e1e1e1; } .work .list-title strong{font-weight: normal;padding:0 15px;background: #fff} .work .work-list ul{margin:0 -9px;margin-top:50px;} .work-show-box li{float: left;margin:10px 8px;position: relative;overflow: hidden; width:383px;height: 259px;cursor: pointer; } .work-show-box li .show-box{width:100%;height:100%;position: absolute;display: none; background: url(/uploads/image/tdcimages/work-list_bg.png) no-repeat;top:0;left:0; } .show-box .show-box-name{color:#fff;height:30px;line-height: 30px;margin-top:65px; text-align: center; display: none } .show-box .show-box-info{font-size:14px;border:1px solid #fff;padding:15px 0;color:#fff; display: none;width:300px;height: 60px;margin: 40px auto 0; } .show-box .show-box-info .cont{ width:280px;margin:0 auto; } .work .work-more{margin:25px 0 20px;height:55px;} .work .work-more a{display:block;width:55px;height:100%;margin:0 auto;background: url(/uploads/image/tdcimages/work_all_bg.png) no-repeat;} .work .work-more a:hover{background: url(/uploads/image/tdcimages/work_all_bg_on.png) no-repeat;} /*time*/ .time{height: 364px;background: url(/uploads/image/tdcimages/index_time_bg.jpg) no-repeat center; background-attachment: fixed;text-align: center; } .time ul{height: 364px;margin:50px 0;display: inline-block;} .time ul li{float: left;margin:0 15px;} .time .time-bg{background: url(/uploads/image/tdcimages/time_left_bor.png) no-repeat;height:199px;width:200px; overflow: hidden;position: relative;text-align: center; } .time .line,.time ._900{background: #fd5300;margin:0 6px;font-family: arial;font-size:140px;color:#fff; line-height: 199px; } .time .time_right_bor{background: url(/uploads/image/tdcimages/time_right_bor.png) no-repeat;width: 7px; position: absolute;height: 100%;right: 0;display:block;top:0; } .time .time-desc{font-size: 18px;color: #fff;text-align: center;display: block;margin-top:25px;} .time .line-bor,.time .line-bor900{height: 6px;position: absolute;top:50%;left:0;right:0;background: #fd5300} .time .line-bor900{right:105px;} /*news*/ .news{background: #eeeeec;overflow: hidden;padding-bottom: 60px;} .news-title{line-height:30px;height:30px;border-bottom:1px solid #d3d3d3;margin-top:50px;background: #eeeeec} .news-title strong{font-size:33px;font-weight: normal;color: #000;background: #eeeeec;padding:0 15px;} .news-title p{background: #eeeeec;padding:0 15px;font-size:20px;color:#bebebe;font-family: arial;font-weight: normal;padding:5px 0;} .slidetxtbox{ text-align:left; margin-top:80px; } .slidetxtbox .hd{ height:30px; line-height:30px;padding:0 10px 0 20px; position:relative; } .slidetxtbox .hd ul{height:35px; display: inline-block; font-size:15px; } .slidetxtbox .hd ul li{ float:left; padding:0 30px; border-radius:18px;width:200px;cursor:pointer; background: #d0d0d0;margin:0 15px; } .slidetxtbox .hd ul li.on{ height:30px; background:#fd5300;color:#fff; } .slidetxtbox .bd ul{ padding:15px 0; zoom:1; } .slidetxtbox .bd li{ width:560px; overflow: hidden;float:left;margin:20px 15px;} .slidetxtbox .bd li .news-date{width:90px; background: #037099;padding:5px; border-radius: 3px ;} .slidetxtbox .bd li .news-date .day{font-family: arial;font-size:50px;color:#fff; border-bottom:1px solid #b5deee;height:55px;line-height: 55px;text-align: center; } .slidetxtbox .bd li .news-date .ym{color:#fff;font-size:19px;font-weight:normal;padding:5px 0;font-family: arial;text-align: center;} .slidetxtbox .bd li .news-content{width:450px;} .slidetxtbox .bd li .news-list-title{font-size:18px;color:#1b1b1b;height:26px;line-height: 26px;font-weight: normal;} .slidetxtbox .bd li .news-list-title:hover{color:#f30;text-decoration: underline;} .slidetxtbox .bd li .news-content .cont{font-size:14px;color:#5e5e5e;line-height: 26px;margin-top:5px;}