.head{height:90px;} .head a.logo{padding-top: 21px;} .headtop{float: right;margin-top: 18PX;} .headtop .headtop-lan{float: right;margin-right: 40px;} .headtop .headtop-lan a.ch{display: inline-block;background: url(../images/ch.png) left 2px no-repeat;padding-left: 17px;margin-right: 6px;} .headtop .headtop-lan a.en{display: inline-block;background: url(../images/en.png) left 2px no-repeat;padding-left: 16px;margin-left: 5px;} .headtop .headtop-lan .line{background:url(../images/line.png) center 0px no-repeat;width:1px;height:11px;display: inline-block;} .headtop .headtop-search{float: right;} .nav ul li{display: inline-block;} .nav ul li a{display: inline-block;font-size: 16px;color:#4c4c4c;margin:0 20px;padding-bottom: 20px;} .nav ul li a#last{margin-right:0px;margin-left: 18px;} .nav ul li a:hover,.nav ul li a.cur{color: #01a3b0;background:url(../images/b.png) bottom center no-repeat;} .nav ul li a#last:hover ,.nav ul li a #last.cur{background:url(../images/b.png) bottom center no-repeat;} .nav{margin-top: 11px;} .curBg { background:#F00;height:3px;position:absolute;bottom:-19px;width:70px;left:0px;} .cls { clear: both; } /*产品*/ .pro{max-height: 1111px;overflow: hidden;} .pro .prot{text-align: center;margin-top: 22px;line-height: 32px;margin-left: auto;margin-right: auto;background: url(../images/bb.jpg) center 10px no-repeat;} .pro .proshow{width:1181px;overflow: hidden;margin-top: 44px;margin-bottom: 47px;} .pro .proshow ul li{display: inline-block;width: 210px;height:226px;float: left;margin-right: 33px;margin-bottom: 33px;position:relative;} .pro .proshow ul li a{display: inline-block;width: 210px;height:226px;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;} .pro .proshow ul li a span.img{display: block;float: left;width:210px;height:190px;overflow: hidden;} .pro .proshow ul li a span.img img{width:210px;height:190px;-webkit-transition: all 0.4s linear; transition: all 0.4s linear;} .pro .proshow ul li a .h{display: none;width:210px;height:190px;background: url(../images/proh.png) top center no-repeat;} .pro .proshow ul li a span.name{display: block;float: left;width:210px;height:36px;line-height: 36px;text-align: center;font-size: 16px;color:#fff;background: #808080;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;} .pro .proshow ul li a:hover .h{position: absolute;bottom:36px;left:0px;display: block;} .pro .proshow ul li a:hover span.name{background: #01a3b0;} .pro .proshow ul li a:hover span.img img{ transform: scale(1.4);} .pro a.more{display: block;width:131px;height:32px;background:url(../images/more.png) 0px -32px no-repeat;margin-left:auto;margin-right: auto; -webkit-transition: all 0.3s linear;margin-bottom: 55px; transition: all 0.3s linear;} .pro a.more:hover{background:url(../images/more.png) 0px 0px no-repeat; } /*关于*/ .about{height:390px;background:url(../images/aboutbg.jpg) top center no-repeat;margin:0 auto;} .about .about-tc{position: absolute;left:0px;top:28px;width:568px;} .about .about-tc .about-t{font-size: 24px;color:#01a3b0;} .about .about-tc .about-c{line-height: 21px;} .about .about-tc .about-c a{color:#8b8b8b;-webkit-transition: all 0.3s linear;} .about .about-tc .about-c a:hover{color:#01a3b0;} /*新闻*/ .news{} .news .newst{text-align: center;margin-top: 53px;line-height: 32px;margin-left: auto;margin-right: auto;background: url(../images/bb.jpg) center 10px no-repeat;margin-bottom: 46px;} .news .newsc{width:1225px;margin-bottom: 4px;position: relative;} .news .newsc .hd a{ display: block; width: 35px; height: 35px; cursor: pointer; } .news .newsc .hd .prev{ position: absolute; background: url("../images/prev.png") center center no-repeat; background-size:cover; top:120px; left:-50px; } .news .newsc .hd .next{ position: absolute; background: url("../images/next.png") center center no-repeat; background-size:cover; top:120px; right:-50px; } .news .newsc ul{width:1225px;} .news .newsc ul li{display: inline-block;float: left;width:203px;height:283px;position: relative;margin-left: 21px;margin-right: 21px;margin-bottom: 33px;} .news .newsc ul li a{ display: block;} .news .newsc ul li a img{ max-width: 203px; vertical-align: middle; max-height: 283px; } .news .newsc ul li a span.date{z-index:10;left:0px;top:19px;position:absolute;width:55px;height: 55px;background:#01a3b0;color:#fff;display: inline-block;line-height: 27px;text-align: center;} .news .newsc ul li a span.newsc-c{z-index:8;position: absolute;width:246px;height:44px;padding:16px 53px 28px 39px;border:1px solid #e6e6e6;left:32px;top:0px;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;} .news .newsc ul li a:hover span.newsc-c{border:1px solid #01a3b0;} .news a.more{display: block;width:131px;height:32px;background:url(../images/more.png) 0px -32px no-repeat;margin-left:auto;margin-right: auto; -webkit-transition: all 0.3s linear;margin-bottom: 55px; transition: all 0.3s linear;} .news a.more:hover{background:url(../images/more.png) 0px 0px no-repeat; } /*底部*/ .foot1{height: 176px;background: #cccccc;} .foot1 .foot1-c{width: 100%;height:119px;padding:32px 0px 25px;} .foot1 .foot1-c .footlx{font-size: 12px;color:#808080;margin-top: 25px;} .foot1 .foot1-c ul li{display: inline-block;float: left;} .foot1 .foot1-c ul li a{font-size: 14px;color:#4c4c4c;padding-right:14px;background:url(../images/fline.png) 63px 4px no-repeat;} .foot1 .foot1-c ul li a:hover{color:#01a3b0;} .foot1 .foot1-c ul li a.last{background: none;} .foot2{height:35px;background: #6f7a80;line-height: 35px;color:#fff;font-size: 12px;} /*关于内页*/ .Mbg{margin-bottom:50px;min-height: 300px;} dl#Left{width:254px;padding-right:23px;background:url(../images/tl.jpg) no-repeat;} dl#Left dt.tl{padding:20px;height:57px;color:#fff;text-transform: uppercase;} dl#Left dt.tl strong{font-size:24px;display:block;} dl#Left dd.lcn{padding:10px 0px 10px;background:url(../images/lbg.jpg) bottom left #eee repeat-x;} #List ul li{line-height:38px;} #List ul li a{display:block;height:40px;line-height:40px; text-align:center;font-size: 14px;color:#4c4c4c;} #List ul li a.cur{color:#01a3b0;background: url(../images/curbg.png) center center no-repeat;} #List ul li a.on{ color:#01a3b0; } dl#Frames{width:900px;background:#fff;} dl#Frames dt.tl{padding:10px 34px;border-bottom:1px solid #ecf2f2;height:50px;line-height:50px;} dl#Frames dt.tl strong{color:#01a3b0;font-size:20px;} dl#Frames dt.tl span.path{color:#4c4c4c;} dl#Frames dt.tl span.path a{display:inline-block;padding-left:5px;padding-right:5px;background:url(../images/arrv.gif) right center no-repeat;} dl#Frames dt.tl span.path a.last{background:none;padding-right:0;} dl#Frames dd.Fcns{padding:30px;background:#fff;line-height:27px;font-size: 14px;color:#4c4c4c;} dl#Frames dd.Fcns p>span>img,dl#Frames dd.Fcns p>img{ max-width: 100%; } dl#Frames dd.Fcns td{ border: 1px solid #e4e4e4; } dl#Frames dd.Fcns2{padding:30px 0px;background:#fff;line-height:27px;font-size: 14px;color:#4c4c4c;} #Lists ul li{line-height:38px;} #Lists ul li a{display:block;height:38px;text-indent:20px; width:95%;padding-right:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #Lists ul li a.cur{background:url(../images/nbg.jpg) no-repeat;color:#01a3b0;} #Lists ul li ul li a{font-size:12px;height:30px; text-indent:30px;} #Lists ul li ul li{line-height:30px;} /*荣誉*/ .honor { } .honor li { width:230px; float:left; margin:0 30px 30px 0px; text-align:center; overflow:hidden; display: table;} .honor li .img {display: table-cell; vertical-align: middle; width:228px; height:180px; text-align:center; border:1px #DCDBDB solid; margin-bottom:10px; vertical-align:middle;} .honor li .img span { height:100%; display:inline-block; vertical-align:middle; } .honor li .img img { max-height:166px; max-width:220px; vertical-align:middle!important;} .honor li .name{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*新闻*/ .tl2 { font-size: 24px; font-weight: bolder; margin: 0 auto; color: #333; text-align: center; display: block; } .time { font-size: 12px; color: #999; border-bottom: 1px solid #eee; text-align: center; padding: 10px 0px; } .news-ft { background-color: #eee; padding: 15px; margin-top: 20px; color: #999; } /*内页招聘*/ .job{ padding-top:25px;} .job_view{ padding:52px 40px; background-color:#FFF;} .job_list{ padding-top:5px;} .job_list li{ clear:both; margin-top:20px;} .job_top{ height:50px; line-height:50px; background-color:#eee; cursor:pointer;} .job_down{ display:none; margin-top:3px; background-color:#eee; padding:24px 70px;} .job_down .content{background: #eee;} .job_Timg{ background:url(../images/job_ac.jpg) no-repeat; width:50px; height:50px; margin-right:20px; display:inline;} .job_Tname{ color: #888; font-size:14px; width:130px;} .job_Tname span{color:#333;} .job_infor1{ width:121px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .job_infor2{ width:264px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .job_infor3{ width:87px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .job_infor4{width:138px;margin-right: 20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .job_infor{ color:#888;} .job_infor span{ color:#333;} .job_list li.cur .job_Timg{ background:url(../images/job_ho.jpg) no-repeat;} .job_list li.cur .job_Tname{ color:#01a3b0;} .job_pdd ul{ margin-top:-25px;} /*内页产品*/ .nyproshow{overflow: hidden;} .nyproshow li{display: inline-block;width: 24.9%;height:236px;float: left;margin-bottom: 33px;} .nyproshow li a{display:block;width: 200px;height:236px;margin:0 auto;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;position:relative;} .nyproshow li a span.img{display: block;float: left;width:200px;height:200px;overflow: hidden;} .nyproshow li a span.img img{-webkit-transition: all 0.4s linear; transition: all 0.4s linear;max-width: 200px;height:200px;} .nyproshow li a .h{display: none;width:200px;height:200px;background: url(../images/proh2.png) top center no-repeat;} .nyproshow li a span.name{display: block;float: left;width:200px;height:36px;line-height: 36px;text-align: center;font-size: 16px;color:#fff;background: #808080;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;} .nyproshow li a:hover .h{position: absolute;bottom:36px;left:0px;display: block;} .nyproshow li a:hover span.name{background: #01a3b0;} .nyproshow li a:hover span.img img{ transform: scale(1.4);} .pro a.more{display: block;width:131px;height:32px;background:url(../images/more.png) 0px -32px no-repeat;margin-left:auto;margin-right: auto; -webkit-transition: all 0.3s linear;margin-bottom: 55px; transition: all 0.3s linear;} .pro a.more:hover{background:url(../images/more.png) 0px 0px no-repeat; } .news_title { display: block; text-align: left; line-height: 21px; font-size: 18px; font-weight: bold; font-family: 'Microsoft Yahei', Arial, 宋体, Helvetica, sans-serif; color: rgb(51, 51, 51); padding: 8px 0px 12px; } .news_infos { padding: 12px 0px 10px; line-height: 23px; color: #666; position: relative; padding-bottom: 23px; min-height: 250px; } .news-ft { background-color: #eee; padding: 15px; margin-top: 20px; color: #999; } .back { position: absolute;padding-left: 15px; top: 20px; right: 17px; font-size: 12px; background: url(../images/back2.png) left center no-repeat; } #Main{min-height:300px;} .jobmJoinUs { width:900px; margin:25px auto 0; } .jobmJoinUs li { float:left; width:276px; height:47px; margin:0 10px 20px 10px; } .jobmJoinUs li a { float:left; width:244px; height:40px; padding:5px 0 0 30px; cursor:pointer; overflow:hidden; background:url(../images/icon.jobs.png) no-repeat 13px -230px; border:1px #D6D6D6 solid; background-color:#FFF; border-radius:6px; -moz-border-radius:6px; /* 老的 Firefox */ } .jobmJoinUs li a h1 { width:230px; overflow:hidden; font:14px "微软雅黑"; } .jobmJoinUs li a span { color:#8E8E8E; font:12px "宋体"; padding-left:3px; } .jobmJoinUs li a:hover { background-color:#FF4400; border:1px #FF4400 solid; background-position:13px -147px; color:#FFF; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .jobmJoinUs li a:hover h1 { font-weight:bold; color:#FFF; } .jobmJoinUs li a:hover span { font-weight:bold; color:#FFF; } /* #ZoomClose{background:url(../images/closebox.png) center center no-repeat!important;border:0!important;}*/