@charset "utf-8"; /** 深圳市国人伟业信息技术有限公司 */ /*顶部*/ .topBar{height:41px;line-height: 40px;font-size: 12px;color: #888888; background-color: #ececec} .topBar .left span{background: url(../images/head-tel-ico.png) no-repeat left center;padding-left: 16px;margin-left: 15px;font-size: 16px;font-weight: 600;} .topBar .right a{margin: 0 15px;} .topBar .right a:hover{color: #e60012;} .topBar .right a:last-child{margin-right: 0;} /*头部*/ .header{height: 120px; background: #e6e6e6;position: relative;} .head-logo{width:300px;height: 120px;} .head-search{position: relative;margin-top: 45px;} .head-search .ico{display: block;width: 30px;height: 30px;background: url(../images/head-search-ico.png) no-repeat center center #c7c7c7;border-radius: 50%;transition: all .5s;} .head-search form{padding: 20px;background:#ccc;position: absolute;z-index: 10;right: 0;width: 420px;top:75px;display: none;} .head-search form input{display: block;float: left;background-color: #fff;} .head-search form .txt{width: 375px;height: 35px;line-height: 35px;float: left;color: #666;padding-left: 10px;} .head-search form .sub{width: 35px;height: 35px;cursor: pointer;float: left;background-image: url(../images/searBtn.png);background-repeat: no-repeat;background-position: center center;} .head-search form:before {content: ""; position: absolute;top: -20px; right: 20px; width: 0px;height: 0px;border: 10px solid transparent;border-bottom-color: transparent;border-bottom-color: #ccc;} .head-search .ico:hover,.head-search .hight{background: url(../images/head-search-ico2.png) no-repeat center center #e60012;} .head-nav {height: 120px;line-height: 120px;} .head-nav .menu1>li{float: left;margin: 0 17px;} .head-nav .menu1>li>a{display: block;color: #666666;font-size: 14px;font-weight: 600;transition: all .5s;} .head-nav .menu1>li:hover>a,.head-nav .menu1>li.current>a{color: #e60012;} .head-nav .menu2{left: 0;right: 0;background: #fff;position: absolute;background: rgba(255,255,255,0.9);padding: 20px 40px;box-shadow: 0 0 6px #ccc;z-index: 10;display: none;} .head-nav .menu2 .menuWrap{width: 1200px;margin: 0 auto;} .head-nav .menu2 img{float: left;width: 570px;margin-right: 30px;height: 130px;} .head-nav .menu2 .menulist{float: right;width: 600px;} .head-nav .menu2 .menulist a{display: block;text-align:left;line-height:40px;color:#333;font-size:14px;border-bottom: solid 1px #e8e8e8;background: url(../images/arrow_one.png) left no-repeat;width: 170px;margin-right: 20px;float: left;padding-left: 10px;position: relative;} .head-nav .menu2 .menulist a:hover{color: #e60012;} .head-nav .menu2 .menulist a:after{content: "";position: absolute;left: 0;width: 0;transition: all .5s;bottom: -1px;height: 1px;background: #e60012;} .head-nav .menu2 .menulist a:hover:after{width: 100%;} /*广告*/ .banner{width: 100%;height: 600px;margin:0 auto;overflow:hidden;position: relative;} .banner .bd{height:600px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;} .banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:20px;} .banner .hd ul{text-align: center;} .banner .hd ul li{display:inline-block;width: 5px;height: 5px;margin-right: 5px;cursor: pointer;overflow: hidden;border-radius: 50%;transition: all .5s;background: #fff;} .banner .hd ul li.on{background: #fff;width: 40px;border-radius: 20px;} .banner .prev,.banner .next{display:block;width: 30px;height:30px;position: absolute;z-index:2;top:50%;margin-top: -20px;} .banner .prev{background: url(../images/banner-prev.png) no-repeat #333333;left: 5%;} .banner .next{background: url(../images/banner-next.png) no-repeat #333333;right: 5%;} .banner .prev:hover,.banner .next:hover{background-color: #e60012;transition: all .5s;} /* 板块主题*/ .home-topic{font-size: 36px;color: #333333;font-weight: normal;text-align: center;} .home-topic span{display: block;font-size: 14px;color: #888888;margin-top: 10px;} /*产品中心*/ .home-prod{background-color: #f5f5f5;padding: 60px 0;} .home-prodPic {display: block;height: 490px;overflow: hidden;} .home-prodPic img{display: block;} .home-prod h3{font-size: 36px;color: #000000;font-weight: normal;text-align: center;position: relative;top: -20px;} .home-prod p{font-size: 14px;color: #888888;text-align: center;padding: 0 100px;} .home-prod .home-prodMain{margin-top: 40px;} .home-prod li{float: left;background: #fff;transition: all .5s;} .home-prod li a{display: block;width: 100%;height: 100%;} .home-prod li .pic{display: block;overflow: hidden;} .home-prod li img {width: 100%;height: 100%;transition: all 1s;} .home-prod .prod1 h5,.home-prod .prod2 h5,.home-prod .prod3 h5,.home-prod .prod4 h5,.home-prod .prod5 h5{text-align: center;font-size:16px;color: #333333;font-weight: normal; } .home-prod .prod1 h5 span,.home-prod .prod2 h5 span,.home-prod .prod3 h5 span,.home-prod .prod4 h5 span,.home-prod .prod5 h5 span{display: block;font-size: 12px;color: #888888;} .home-prod .prod1,.home-prod .prod2{width: 250px;height: 500px;margin-right: 10px;} .home-prod .prod1 .pic,.home-prod .prod2 .pic{height: 430px;} .home-prod .prod3,.home-prod .prod4{margin-right: 10px;} .home-prod .prod3,.home-prod .prod4,.home-prod .prod5{width: 220px;height: 245px;} .home-prod .prod6,.home-prod .prod7{width: 335px;height: 245px;} .home-prod .prod6{margin-right: 10px;margin-top: 10px;} .home-prod .prod7{margin-top: 10px;} .home-prod .prod6 .pic,.home-prod .prod7 .pic{float: left;display: block;height: 245px;} .home-prod .prod6 h5,.home-prod .prod7 h5{float: left;font-size:16px;color: #333333;font-weight: normal; margin-top: 95px;} .home-prod .prod6 h5 span,.home-prod .prod7 h5 span{display: block;font-size: 12px;color: #888888;} .home-prod li:hover img{transform: scale(1.1);} .home-prod li:hover {box-shadow: 0 0 10px 3px #dddddd;transform: scale(1.01);} .home-prod li h5,.home-prod li h5 span{transition: all .5s;} .home-prod li:hover h5{transform: translateY(20px);color: #e60012;} .home-prod li:hover h5 span{opacity: 0;} /*优势*/ .home-ys{background: url(../images/home-ys-bg.jpg) no-repeat center center;height: 520px;} .home-ys .home-ysLeft {width: 390px;} .home-ys .home-ysRight{width: 810px;} .home-ys .home-ysLeft h3{font-size: 36px;color: #000000;font-weight: normal;margin: 100px 0 45px 0;} .home-ys .home-ysLeft h3 span{display: block;font-size:14px;} .home-ys .home-ysLeft p{color: #666666;font-size: 14px;line-height: 30px;} .home-ys .home-ysLeft .more{display: block;width: 168px;height: 44px;line-height: 44px;text-align: center;font-size: 20px;margin-top: 70px;transition: all .5s;position: relative;z-index: 0;} .home-ys .home-ysLeft .more:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #828282;transition: all .5s;z-index: -1;} .home-ys .home-ysLeft .more:hover:before{transform: scale(1.1);opacity: 0;} .home-ys .home-ysLeft .more:after{content: "";position: absolute;width: 100%;height: 100%;left:0;top:0;background: #e60012;transform: scale(0.5);opacity: 0;transition: all .5s;z-index: -1;} .home-ys .home-ysLeft .more:hover:after{transform: scale(1.0);opacity: 1;} .home-ys .home-ysLeft .more:hover{color: #fff;font-size: 36px;} .home-ys .home-ysRight li{width: 270px;height: 260px;float: left;overflow: hidden;position: relative;} .home-ys .home-ysRight li img{display: block;width: 100%;height: 100%;transition: all .5s;} .home-ys .home-ysRight li .mask{position: absolute;background: rgba(230,0,18,0.8);color: #fff;left: -1000px;top: -1000px;width:100%;height: 100%; } .home-ys .home-ysRight li .mask h5{font-size: 18px;text-align: center;margin-top: 105px;position: relative;transform: rotateX(-180deg);opacity: 0;} .home-ys .home-ysRight li .mask h5 span{font-size: 12px;font-weight: normal;display: block;} .home-ys .home-ysRight li .mask h5:before{content: "";position: absolute;height: 1px ;background-color: #fff;top: -15px;left: 50%;width: 0;} .home-ys .home-ysRight li .mask h5:after{content: "";position: absolute;height: 1px ;background-color: #fff;bottom: -15px;left: 50%;width: 0;} .home-ys .home-ysRight li:hover .mask h5:before,.home-ys .home-ysRight li:hover .mask h5:after{transition: all .5s;width: 30px;left: 120px;transition-delay:.6s;} .home-ys .home-ysRight li .mask:before{content: "";position: absolute;border-top: 1px solid #fff;border-bottom: 1px solid #fff;left: 10px;right: 10px;top: 10px;bottom: 10px;} .home-ys .home-ysRight li .mask:after{content: "";position: absolute;border-left: 1px solid #fff;border-right: 1px solid #fff;left: 10px;right: 10px;top: 10px;bottom: 10px;} .home-ys .home-ysRight li:hover img {transform:scale(1.2);} .home-ys .home-ysRight li:hover h5{transform: rotateX(0deg);transition: all 1s;opacity: 1;} /*经典案例*/ .home-case{background: #fff;padding: 60px 0;} .home-case h3{padding-bottom: 50px;} .home-case .home-caseMain{position: relative;} .home-case li{width: 375px;float: left;overflow: hidden;position: relative;height: 250px;} .home-case li a{display: block;width: 100%;height: 100%;} .home-case li img{width: 100%;height: 100%;transition: all 1s;} .home-case .case2{margin: 0 35px;} .home-case .case2,.home-case .case4,.home-case .case6 {height:440px;} .home-case .case3{margin-bottom: 30px;} .home-case .case4{position: absolute;top: 280px;left: 0;} .home-case .case5{position: absolute;top: 470px;left: 410px;} .home-case li .cover{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(230,0,18,0.8);color: #fff;padding: 60px 45px 0 45px;text-align: center;font-size: 14px;transform: rotateY(180deg);transition: all .8s;opacity: 0;filter: alpha(opacity=0);} .home-case .case2 .cover,.home-case .case4 .cover,.home-case .case6 .cover{padding-top: 150px;} .home-case li .cover h5{font-weight: normal;font-size: 16px;margin-bottom: 40px;position: relative;} .home-case li .cover p{padding-top: 20px;opacity: 0;} .home-case li .cover:before,.home-case li .cover:after{position: absolute;content: "";left: 10px;right: 10px;bottom: 10px;top: 10px;} .home-case li .cover:before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;} .home-case li .cover:after{border-left: 1px solid #fff;border-right: 1px solid #fff;} .home-case li .cover i{position: absolute;width: 30px;height: 0;line-height: 30px;text-align: center;background-color: #fff;color: #e60012;font-style: normal;bottom: 10px;left: 46%;opacity: 0;} .home-case li:hover .cover{transform: rotateY(0);opacity: 1;filter: alpha(opacity=100);} .home-case li:hover img{transform: scale(1.2);} .home-case .case2 img,.home-case .case4 img,.home-case .case6 img{height: 440px;width: auto;} .home-case .case2:hover img,.home-case .case4:hover img,.home-case .case6:hover img{transform: translateX(-250px);} .home-case li .cover h5:after{content: "";position: absolute;width: 1px ;height: 0;background: #fff;left: 50%;top: 30px;transition: all .5s;transition-delay:.4s;} .home-case li:hover .cover h5:after{height: 20px;} .home-case li:hover .cover p{padding-top: 0;transition: all .5s;transition-delay:.8s;opacity: 1;} .home-case li:hover .cover i{transition: all .5s;transition-delay:.5s;opacity: 1;height: 30px;} /*定制服务*/ .home-serve{background: url(../images/home-order-bg.jpg) no-repeat center center;height: 190px;padding: 60px;} .home-serve .Tit{font-size: 18px;color: #333333;line-height: 36px;text-align: center;} .home-serve .Tit span{color: #e60012;font-size: 24px;} .home-serve .tel{font-size: 18px;color: #e60012;text-align: center;margin: 20px 0 30px;} .home-serve .tel span{font-size: 24px;font-weight: 600;} .home-serve .butt{text-align: center;} .home-serve .butt a{display: inline-block;width: 118px;height: 34px;text-align: center;line-height: 34px;color: #fff;border: 1px solid #fff;background: #3b3b3b;transition: all .5s;position: relative;z-index: 0;overflow: hidden;} .home-serve .butt .a1{margin-right: 20px;} .home-serve .butt a:before{content: "";width: 100%;height: 100%;position: absolute;background-color: #e60012;left: -118px;z-index: -1;transition: all .5s;} .home-serve .butt a:hover:before{left: 0} /*解决方案*/ .home-solve{padding: 60px 0;background: url(../images/home-solve-bg.jpg) no-repeat center center;} .home-solve h3{padding-bottom: 50px;} .home-solve li{width: 300px;height: 220px;float: left;overflow: hidden;position: relative;background: #fff;} .home-solve li a{display: block;width: 100%;height: 100%;} .home-solve li img{display: block;width: 100%;height: 100%;transition: all .5s;position: relative;} .home-solve li .cover{position: absolute;transition: all .5s;width: 100%;height: 100%;left: 0;top: 0;background: rgb(0,0,0,0.8);transition: all .5s;} .home-solve li .cover{z-index: 1;} .home-solve li:hover .cover{opacity: 0} .home-solve li img{transform: scale(1);opacity: 0.5} .home-solve li:hover img{transform: scale(1.2);opacity: 1} .home-solve li .cover i{display: block;width: 50px;height: 50px;margin: 50px auto 15px;border:1px solid #fff;border-radius: 50%;} .home-solve li .cover h5{text-align: center;font-size: 18px;color: #fff;font-weight: normal;} .home-solve li .cover span{display: block;font-size: 12px;color: #fff;text-align: center;} .home-solve .last{background: #e3e3e3;transition: all .5s;} .home-solve .last i{display: block;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #666666;margin: 50px auto 15px;font-size: 20px;font-style: normal;line-height: 50px;text-align: center;} .home-solve .last h6{font-size: 18px;font-weight: normal;text-align: center;} .home-solve .last span{display: block;font-size: 12px;color: #888888;} .home-solve .last:hover{background-color: #e60012;color: #fff;} .home-solve .last:hover i{border-color: #fff;color: #fff;transform:rotateY(-180deg);transition: all 1s} .home-solve .last:hover h6,.home-solve .last:hover span{color: #fff;} .home-solve .solve1 .cover i{background: url(../images/solve-ico1.png) no-repeat center center;} .home-solve .solve2 .cover i{background: url(../images/solve-ico2.png) no-repeat center center;} .home-solve .solve3 .cover i{background: url(../images/solve-ico3.png) no-repeat center center;} .home-solve .solve4 .cover i{background: url(../images/solve-ico4.png) no-repeat center center;} .home-solve .solve5 .cover i{background: url(../images/solve-ico5.png) no-repeat center center;} .home-solve .solve6 .cover i{background: url(../images/solve-ico6.png) no-repeat center center;} .home-solve .solve7 .cover i{background: url(../images/solve-ico7.png) no-repeat center center;} /* 关于我们*/ .home-about{background: url(../images/home-about-bg.jpg) no-repeat center center;padding: 80px 0;height: 620px;} .home-about h3{color: #fff;text-align: center;font-weight: normal;padding-bottom: 50px;} .home-about h3 span{color: #fff;} .home-aboutMain{background:rgba(255,255,255,0.9);padding: 60px 70px;width: 1060px;margin: 0 auto;} .home-aboutMain .txt{text-align: center;font-size: 14px;color: #686868;line-height: 30px;} .home-aboutNum{text-align: center;margin-bottom: 20px;overflow: hidden;margin: 45px 0;} .home-aboutNum span{display:block;width: 210px;font-size: 14px;color: #666666;text-align: center;border: 1px solid #c5c9cb;height: 92px;float: left;margin-right: -1px;} .home-aboutNum span strong {display: block;position: relative;margin-bottom: 10px;font-size: 50px;font-style: normal;font-weight: 600;color: #e00000;margin-top: 25px;} .home-aboutStren{overflow: hidden;} .home-aboutStren ul{width: 1200px;} .home-aboutStren li{width: 245px;height: 110px;float: left;margin-right: 23px;overflow: hidden;} .home-aboutStren li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;} .home-aboutStren li a img{position: absolute;z-index: 2;transform:rotateY(0deg);transition: all 0.5s ease 0s;backface-visibility: hidden;transition: all 0.5s ease 0s;width: 100%;height: 100%} .home-aboutStren li a h5{position: absolute;text-align: center;background-color:#da251e;transform:rotateY(-180deg);color: #fff;font-size: 18px;font-weight:normal;transition: all 0.5s ease 0s;backface-visibility: hidden;left:0;top:0;right: 0;bottom: 0;padding-top: 25px;} .home-aboutStren li a h5 span{font-size: 12px;display: block;margin-top: 10px;} .home-aboutStren li a:hover img{transform: rotateY(180deg);} .home-aboutStren li a:hover h5{transform: rotateY(0deg);} /*新闻资讯*/ .home-news{padding: 60px 0;background: #ffffff;} .home-news h3{padding-bottom: 50px;} .home-newsList{width: 565px;} .home-newsHot{width: 560px;height: 400px;overflow: hidden;position: relative;} .home-newsList li{padding:10px 10px 10px 100px;margin-bottom: 10px;transition: all .5s;} .home-newsList li span{color: #333333;font-size: 18px;text-align: center;float: left;margin-left: -100px;} .home-newsList li span strong{display: block;font-size: 64px;margin-bottom: 15px;padding-top: 20px;} .home-newsList li h5{font-size: 18px;font-weight: normal;margin-bottom: 10px;} .home-newsList li h5 a{color: #333333;} .home-newsList li p{font-size: 12px;color: #666666;line-height: 22px;} .home-newsList li .more{display: block;width: 60px;height: 22px;line-height: 22px;font-size: 10px;color: #888888;margin-top: 10px;transition: all .5s;position: relative;text-indent: 12px;} .home-newsList li .more i{font-style: normal;} .home-newsList li .more:before{content: "";position: absolute;width: 100%;height: 100%;border: 1px solid #888888;left: 0;transition: all .5s;} .home-newsList li .more:after{content: "→";position: absolute;font-size: 14px;top: 0;right: -25px;opacity: 0;} .home-newsList li h5:hover a{color: #da251e;} .home-newsList li:hover{box-shadow: 0 0 20px 10px #eee;padding: 10px} .home-newsList li:hover .more:before{transform: scale(1.2);opacity: 0;} .home-newsList li:hover .more{font-size: 14px;text-indent: 0;color: #e60416;} .home-newsList li:hover .more i{transform: scale(0);opacity: 0;} .home-newsList li:hover .more:after{right: 0px;opacity: 1;transition-delay:.3s;transition: all 1s;} .home-newsHot img{width: 100%;height: 100%;display: block;transition: all 1s;} .home-newsHot .cover{position: absolute;left: 0;right: 0;bottom: 0;height: 0;background: rgba(230,0,18,0.8);color: #fff;font-size: 12px;line-height: 22px;padding: 0 20px;transition: all .5s;} .home-newsHot .cover h5{color: #fff;font-size: 18px;font-weight: normal;margin: 10px 0 5px;} .home-newsHot .cover .more{display: block;font-size: 12px;float: right;margin-top: 10px;} .home-newsHot:hover img{transform: scale(1.3);} .home-newsHot:hover .cover{height: 100px;} /*底部*/ .footer{padding: 60px 0 30px;background-color: #e6e6e6} .footer-nav{width: 200px;margin-right: 100px;} .footer-nav h5 {font-weight: normal;font-size: 14px;color: #333333;margin-bottom: 15px;} .footer-nav h5 span{font-size: 18px;color: #888888;display: block;} .footer-nav .nav{overflow: hidden;} .footer-nav .nav a{display: block;margin-right: 40px;float: left;margin-bottom: 5px;font-size: 12px;color: #888888} .footer-nav .nav a:hover{color: #333;} .footer-contact{width: 350px;font-size: 12px;color: #888888;font-size: #888888;} .footer-contact h5 {font-weight: normal;font-size: 14px;color: #333333;margin-bottom: 15px;} .footer-contact h5 span{font-size: 18px;color: #888888;display: block;} .footer-contact p{line-height: 30px;} .footer-contact .tel{display: block;background: url(../images/footer-ico1.png) no-repeat left center;padding-left: 20px;font-size: 24px;color: #333333;} .footBot{height: 60px;line-height: 60px;background-color: #ececec;} .footBot .fl{font-size: 12px;} .footBot a{color: #888888;margin: 0 5px;} .footBot a:hover{color: #333} .footBot .ico{margin-top: 15px;} .footBot .ico a{display: block;float: left;width: 30px;height: 30px;background-position: center center;background-repeat: no-repeat;margin-right: 20px;} .footBot .ico .a1{background-image: url(../images/footer-ico2.png);} .footBot .ico .a2{background-image: url(../images/footer-ico3.png);} .footBot .ico .a3{background-image: url(../images/footer-ico4.png);} .footBot .ico .a4{background-image: url(../images/footer-ico5.png);margin-right: 0;} .footer-link{color: #888888;height: 30px;line-height: 30px;padding-top: 30px;} .footer-link span{color: #333;} .footer-link a{color: #888888;font-size: 12px;padding: 0 5px;} .footer-link a:hover{color: #333} /*关于我们内页*/ .page-about{padding: 30px 0;} .page-about li img,.page-aboutB .pic img{display: block;width: 100%;height: 100%;transition: all 1s;} .page-about li:hover img,.page-aboutB:hover .pic img{transform: scale(1.2);} .page-about h3{font-size: 22px;color: #ffffff;} .page-aboutA {overflow: hidden;} .page-aboutA li{overflow: hidden;float: left;position: relative;} .page-aboutA .li1{width: 590px;height: 460px;margin-right: 20px;} .page-aboutA .li1 .cover{position: absolute;bottom: 0;left: 0;right: 0;padding:20px;height: 160px;color: #fff;} .page-aboutA .li1 .cover h3{margin-bottom: 20px;} .page-aboutA .li1 .cover .more{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;background: #333333;transition: all .5s;border-radius: 4px;position: absolute;bottom: 20px;} .page-aboutA .li1 .cover .more:hover{background-color: #e60012;} .page-aboutA .li2{width: 590px;height: 220px;margin-bottom: 20px;} .page-aboutA .li2 .cover{position: absolute;bottom: 0;left: 0;right: 0;padding:30px;color: #fff;top: 0;} .page-aboutA .li2 .cover h3{margin-bottom: 20px;} .page-aboutA .li3{margin-right: 20px;width: 285px;height: 220px;overflow: hidden;} .page-aboutA .li3 h3{position: absolute;left: 0;right: 0;bottom: 0;height: 50px;line-height: 50px;text-align: center;background: #b64000;} .page-aboutA .li4{width: 285px;height: 220px;overflow: hidden;} .page-aboutA .li4 h3{position: absolute;left: 0;right: 0;bottom: 0;height: 50px;line-height: 50px;text-align: center;background: #531e00;} .page-aboutB{height: 250px;background: #685988;color: #fff;margin: 20px 0;padding-right: 60px;line-height: 36px;} .page-aboutB .pic{display: block;float: left;margin-right: 40px;overflow: hidden;} .page-aboutB h3{padding: 20px 0 10px;} .page-aboutB .more{display: inline-block;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;background: #9687b7;transition: all .5s;border-radius: 4px;color: #fff;margin-top: 20px;} .page-aboutB .more:hover{background-color: #e60012;} .page-aboutC{overflow: hidden;} .page-aboutC li{width: 590px;height: 380px;overflow: hidden;position: relative;float: left;} .page-aboutC li h3{position: absolute;bottom: 0;left: 0;right: 0;bottom: 0;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.8);} .page-aboutC .li1{margin-right: 20px;} .page-aboutC .li1 h3{background: rgba(25,95,180,0.8);} .page-aboutD{overflow: hidden;margin-top: 20px;} .page-aboutD li{width: 400px;height: 280px;float: left;position: relative;overflow: hidden;} .page-aboutD li h3{position: absolute;bottom: 0;left: 0;right: 0;bottom: 0;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.8);} /* 内页公用 */ .bgColor{background: #ececec !important;} .listBanner{ position: relative; left:50%; margin-left:-960px; height:300px;} .page-breadTit{height: 50px;line-height: 50px;background-image: url(../images/page-breadBg.jpg) ;background-repeat:repeat-y ;background-position: center center; } .page-breadTit p{font-size: 12px;color: #666;background: url(../images/location-ico.png) no-repeat left center;padding-left: 20px;} .listWrapper{padding:40px 0 50px 0;} .listLeft{width:200px; float: left;overflow: hidden;position: relative;top: -143px;z-index: 10px;} .listRight{width:970px; float: right; overflow: hidden;text-align:justify;text-justify:inter-ideograph;} .breadCrumb{ border-bottom:1px solid #ececec;font-size: 24px;color: #333333;padding-bottom: 20px;margin-bottom: 20px;} .breadCrumb span{display: block;color: #dadada;font-size: 30px;color: #dadada;text-transform: uppercase;margin-bottom: 5px;} .breadSearch{border-bottom:1px solid #ececec;padding-bottom: 10px;margin-bottom: 20px;} .breadSearch strong{font-size: 20px;color: #333333;font-weight: normal;} .breadSearch p{font-size: 14px;} .listLeft .searMain{width:248px;margin-bottom:20px;border:1px solid #e60012;margin-top:0;} .listLeft .searMain .sear_text{width:175px;border:none;} .listLeft .searMain .sear_btn{width:40px;font-size:12px;} /* 内页公用菜单 */ .sidebar{margin-bottom:20px;} .side_title{font-size:30px;color:#fff;text-transform: uppercase;background:#e60012;text-align: center; padding: 30px 0 20px 0;} .side_title span{display:block;font-size:14px;font-family:Arial;color:#ff5260;font-weight: normal;margin-top: 5px;} .sidebarMenu{border-top:none;} .sidebarMenu>li{font-size:14px;margin-top: 2px;background: #f4f4f4;} .sidebarMenu>li>a{height:50px;line-height:50px;padding-left:30px;display:block; color:#333333;background: url(../images/page-nav-ico.png) no-repeat 300px center;transition: all .5s;} .sidebarMenu>li>.current,.sidebarMenu>li>a:hover{background:#e60012 url(../images/page-nav-ico.png) no-repeat 165px center;color:#fff;} .sidebarMenu .menu2{font-size:12px;padding:5px 0;background:#f9f9f9;} .sidebarMenu .menu2>li {background:none;padding-top:0;} .sidebarMenu .menu2>li>a{background: url('../images/ly_li.png') no-repeat 35px center;padding-left:45px;color:#666;height:35px;line-height:35px;font-size:13px;} .sidebarMenu .menu2>li>.current,.sidebarMenu .menu2>li>a:hover{background: url('../images/ly_li.png') no-repeat 35px center; color:#e60012;} .sidebarMenu .menu3{background: #fff;border-left: 1px solid #eee;border-right: 1px solid #eee;} .sidebarMenu .menu3 li a{padding-left: 45px;} .sidebarMenu .menu3 li a:hover,.sidebarMenu .menu3 li a.current{color: #e60012} .proSide{background:#f5f5f5;height:auto;} .proSide li{background: url('../images/side_line.jpg') repeat-x left top;border-top:none;} .proSide li:hover{background:#fff url('../images/side_line.jpg') repeat-x left top;} /* 内页左侧 */ .listLeft .left_title{background:#e60012;height:50px; line-height:50px; font-size: 16px;color: #fff; padding-left:15px;border-left:5px solid #bf0007;} .recommend_slide{height:460px;overflow:hidden;padding:9px;border:1px solid #bcbcbc;background:#fff;border-top:none; } .twoCont{padding:15px 10px;overflow:hidden;background:#f4f4f4;} /* 产品列表 */ .productList {padding: 10px 5px 10px 10px;} .productList li{float:left;width:295px;border:1px solid #e5e5e5;background:#fff;margin:0 31px 30px 0;transition: all .5s;} .productList li .pImg{display:block;width:295px;height:227px;overflow:hidden;} .productList li img{width:295px;height:235px;transition:all 0.5s;} .productList li h5{font-size:12px;font-weight:normal;text-align:center;height:38px;line-height:38px;border:1px solid #e5e5e5;border-left:none;border-right:none;padding:0 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .productList li .btn{height:35px;line-height:35px;text-align:center;background:#f4f4f4;} .productList li .btn a{float:left;width:147px;} .productList li .zx{background:url('../images/zx_icon.png') no-repeat 20px center;border-right:1px solid #e5e5e5;} .productList li .btn1{color:#e60012;} .productList li .btn1:hover{text-decoration: underline;} .productList li:hover {box-shadow: 0 0 5px 2px #e5e5e5;border-color: #eee} .productList li:hover h5{color:#e60012;} .productList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);} /* 左侧图片放大镜样式 */ .rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e6e6e6;font-size:14px;font-weight:bold;color:#333;} .product-show-pic{width:402px;height:480px;} .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} /* 图片小图样式 */ .spec-preview{width:450px;height:375px;border:1px solid #ccc;} .spec-scroll{margin-top:10px;width:452px;height:80px;overflow:hidden;position:relative;} .spec-scroll a.prev{display:block;width:12px;height:21px;position:absolute;top:30px;left:0;background:url('../images/listpro_btn.png') no-repeat 0 0px;overflow:hidden;cursor:pointer;} .spec-scroll a.prev:hover{background-position:0 -21px;} .spec-scroll a.next{display:block;width:12px;height:21px;position:absolute;top:30px;right:0;background:url('../images/listpro_btn.png') no-repeat 0 -42px;overflow:hidden;cursor:pointer;} .spec-scroll a.next:hover{background-position:0 -63px;} .spec-scroll .items{position:relative;width:410px;height:80px;margin:0 auto;overflow:hidden;} .spec-scroll .items ul{position:absolute;width:450px;height:80px;} .spec-scroll .items ul li{width:104px;height:80px;float:left;} .spec-scroll .items ul li img{width:95px;height:78px;cursor:pointer;border:1px solid #ccc;} .spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #e60012;} /* 产品简介 */ .proshow_synopsis{width:470px;color: #aaa;font-size: 14px;line-height: 30px; height:480px;border-radius:3px;} .proshow_synopsis .title{font-size:24px; color:#e60012;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px} .proshow_synopsis strong{color: #333;font-weight: normal; } .proshow_synopsis .font{line-height:24px;overflow: hidden;height:195px;margin-bottom:20px;} .proshow_synopsis .font strong{float: left;width: 45px;} .proshow_synopsis .font div{float: right;width:355px;} .prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left 8px; } .prodcut-tel span{font-family:arial; font-size:24px; color:#e60012;display: block; } .proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;} .proshow_synopsis .btn .a02{background:#e60012 url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;} .proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;} /* 产品说明标签切换样式 */ .gr-tab-list{overflow:hidden; margin-top:30px; margin-bottom:20px;} .gr-tab-list .hd{height:34px;line-height:34px;border-bottom:2px solid #e60012} .gr-tab-list .hd li{padding:0 30px;float:left;text-align:center;background:#f4f4f4;margin-right:5px;cursor:pointer;} .gr-tab-list .hd li.on{background:#e60012;color:#fff;} .gr-tab-list .bd{overflow:hidden;padding-top:15px;} .tab_down p{ height:35px;line-height:35px;border-bottom:1px dotted #ddd;background:url(../images/ly_li.png) no-repeat left center;padding-left:15px;} .tab_down p a{float:right;background:url(../images/downIcon.png) no-repeat right center;padding-right:25px;} .tab_down p a:hover{background:url(../images/downIconh.png) no-repeat right center;} /* 采购表单样式 */ .orderBox{padding:25px;width:918px;background:#eee;overflow:hidden;} .orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";} .orderBox .table{padding-top:20px;overflow:hidden;} .orderBox .table li{width:410px;height:215px;float:left;height:35px;margin-bottom:10px;} .orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;} .orderBox .table li .iptTxt{float:right;width:319px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;} .orderBox .table li .iptCode{float:left;width:239px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;} .orderBox .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:5px 9px 6px 10px;} .orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;} .orderBox .table li .btn:hover{background:#e60012;color:#fff;} .orderBox .table li.areLi{width:460px;float:right;height:215px;overflow:hidden;} .orderBox .table li.areLi .txtContent{width:428px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;} /* 相关产品样式 */ .related-product {overflow:hidden;} .related-product .title,.relatedTitle{height:35px;line-height:35px;border-bottom: 2px solid #e60012} .related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#e60012;width:120px;height:35px;text-align:center;font-size:14px;} .related-product ul{ width:1000px; margin-top:20px;} .related-product li{float:left;width:300px;margin-bottom:30px;margin-right:31px;border:1px solid #ddd;background:#eee;text-align:center;transition: all .5s;} .related-product li a{display:block;width:300px;} .related-product li img{width:290px;height:225px;padding:5px;background:#fff;} .related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;} .related-product li:hover{border:1px solid #e60012;} .related-product li a:hover{background:#e60012;color:#fff;} /* 案例 */ .list_lan { overflow:hidden; padding:20px 0 0 0; border-top:1px solid #ddd;} .list_lan dl { padding:14px 0; _padding:0; height:auto; border-bottom:1px dashed #d1d0d0; overflow:hidden;} .list_lan dl dt { float:left; width:84px; color:#383838; font:15px/34px "微软雅黑"; _margin:14px 0; overflow:hidden;} .list_lan dl dd { float:left; width:1100px; overflow:hidden; _margin:14px 0;} .list_lan dl dd a { color:#383838; margin:0 20px; display:inline-block; font:15px/34px "微软雅黑";} .list_lan dl dd a.hong { color:#fff; height:26px; font:15px/26px "微软雅黑"; padding:0 13px; background:#e60012;} .list_lan dl dd h1 { margin:0 20px; font:15px/34px "微软雅黑";display:inline-block;color:red;} .st02_bt { height:46px; background:#f2f2f2; font:15px/46px "微软雅黑"; padding:0 20px; color:#383838;margin: 50px 0 30px;} .st02_bt img { margin:14px 22px 0 8px; vertical-align:text-bottom; width:19px; height:19px;} .st02_bt span a { color:#e60012;} .caseList{overflow: hidden;} .caseList ul{width:1250px; } .caseList li{float:left; width:280px;margin-right: 25px;margin-bottom: 25px;} .caseList li .cImg{display:block;overflow:hidden;height: 220px;position: relative;} .caseList li .cImg:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(230,0,18,0.5);transition: all .5s;opacity: 0;z-index: 1} .caseList li .cImg:after{position: absolute;content: "";width: 36px;height: 36px;background: url(../images/star-icon.png) no-repeat center center;left: 45%;top: -100%;z-index: 2;transition: all .5s;} .caseList li .cImg img{display: block;width: 100%;height: 100%;transition: all 1s;} .caseList li h5{font-weight: normal;font-size: 14px;line-height: 50px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space:nowrap; text-align: center;} .caseList li:hover .cImg img{transform: scale(1.2);} .caseList li:hover h5{color: #e60012} .caseList li:hover .cImg:before{opacity: 1;} .caseList li:hover .cImg:after{top: 43%;} /* 案例详情 */ .caseShow .title{text-align:center;font-size:18px;color:#000;margin-bottom:10px;font-weight:normal;} .caseShow .p1{margin-bottom:25px;text-align:center;color:#333;border-bottom:1px dotted #ccc;padding-bottom:10px} .caseShow .p1 span{margin-right:15px;} .casShow_img{margin-bottom:30px} .caseShow_font1 .title{height:35px;border-bottom:1px solid #ccc;} .caseShow_font1 .title span{float:left;height:35px;width:120px;font-size:14px;text-align:center;line-height:35px;} .caseShow_font1 .title .on{background:#e60012;color:#fff;} .relatedCase{margin-top:30px;} .relatedCase li{width: 307px;} .relatedCase li .cImg{height: 240px;} /* 荣誉资质 */ .productList,.partnerList,.honorList,.settingList,.newsList,.videoList,.newsList,.teamList{ width:970px;overflow: hidden;} .productList ul,.partnerList ul,.honorList ul,.settingList ul,.videoList ul,.teamList ul{ width:1000px;} .honorList ul li{width:280px;float:left;margin-right:30px;margin-bottom:25px;text-align:center;} .honorList ul li img{display:block;width:270px;height:195px;padding:4px;border:1px solid #e3e3e3;background:#fff;} .honorList ul li img:hover{border:1px solid #e60012;background:;} .honorList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;} /* 公司坏境 */ .settingList ul li{width:280px;float:left;margin-right:30px;margin-bottom:25px;text-align:center;} .settingList ul li img{display:block;width:270px;height:185px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s} .settingList ul li img:hover{border:1px solid #e60012;background:#e60012;} .settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;} /* 合作伙伴 */ .partnerList li{float:left;width:217px;margin-right:33px;margin-bottom:25px;} .partnerList li img{ width:210px; height:105px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;} .partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} /* 团队 */ .teamList li{float:left;width:280px;margin-right:30px;margin-bottom:30px;} .teamList li img{width:280px;height:320px;filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);transition:all 0.3s;} .teamList li .font{padding:15px 25px;background:#e2e2e2;font-size:14px;height:60px;} .teamList li .font h4{font-size:18px;color:#333;font-weight:normal;background: url('../images/team_line.jpg') no-repeat left bottom;padding-bottom:5px;margin-bottom:5px;} .teamList li:hover img{filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;} /* 新闻列表 */ .newsList li{height:140px;color:#555; margin-bottom:15px;padding:20px;background:#f4f4f4;border-bottom:1px solid #ddd;} .newsList li img{width:220px;height:140px;margin-right:20px;} .newsList li h3{font-size:18px;font-weight:normal;} .newsList li h3 span{float:right;font-size:12px;} .newsList li h3 a{color:#333;display:inline-block;width:380px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} .newsList li h3 a:hover{color:#e60012;} .newsList li p{margin-bottom:10px;overflow:hidden;margin-top:10px;height:70px;} .newsList li .more{color:#e60012;} .newsList li .more:hover{text-decoration:underline;} .newsList li .browse{display:block;overflow:hidden;} .newsList2 li{height:44px;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-right:140px;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;border-bottom:1px dotted #ccc;} .newsList2 li span{float:right;margin-right:-140px;} /* 新闻列表2 */ .articleHot{overflow: hidden;height: 330px;position: relative;} .articleHot .bd li{height:310px;color:#555; margin-bottom:15px;padding:10px 20px 10px 10px;background:#f4f4f4;border-bottom:1px solid #ddd;overflow: hidden;} .articleHot .bd li .pic{display: block;float: left;width: 420px;height: 310px;margin-right: 30px;overflow: hidden;} .articleHot .bd li .txt{float: right;width: 490px;} .articleHot .bd li img{width: 100%;height:100%;transition: all 1s;} .articleHot .bd li .time{font-size: 16px;display: block;margin: 30px 0 20px 0;} .articleHot .bd li h5{font-size:24px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} .articleHot .bd li h5 a{color:#333;} .articleHot .bd li h5 a:hover{color:#da261e;} .articleHot .bd li p{margin:10px 0;overflow:hidden;text-align: justify;} .articleHot .bd li .more{display: block;width: 110px;height:38px;line-height: 38px;text-align: center;font-size: 14px;color: #888888;float: left;border: 1px solid #c9c9c9;transition: all .5s;margin-top: 20px;} .articleHot .bd li .more:hover{background-color:#da261e; border-color: #da261e;color: #fff;} .articleHot .hd{position: absolute;height: 20px;line-height: 20px;right: 0;bottom: 6px;width: 510px;text-align: left;z-index: 2} .articleHot .hd li{display: inline-block;width: 12px;height: 12px;background: #999;border-radius: 50%;margin-right: 5px;cursor: pointer;} .articleHot .hd li.on{background-color: #da261e;} .articleHot .bd li:hover img{transform: scale(1.2);} .articleList li {padding-left: 150px;padding-bottom: 40px;border-bottom: 1px dotted #cccccc;padding-top: 40px;transition: all .5s;padding-right: 0px;background: #fff;overflow: hidden;} .articleList li span{display: block;float: left;font-size: 14px;color: #959595;margin-top: 10px;margin-left: -140px;border-right: 1px dotted #cccccc;padding-right: 40px;margin-top: 30px;} .articleList li strong{font-size: 40px;color: #666666;display: block;font-weight: normal;text-align: center;margin-bottom: 15px;} .articleList li .txt{width: 655px;float: left;} .articleList li h5{font-size: 16px;color: #333333;font-weight: normal;margin-bottom: 20px;} .articleList li h5 a{color: #333333;} .articleList li p{font-size: 14px;color: #666;line-height: 24px;} .articleList li:hover h5 a{color: #da261e;} .articleList li .more{display: block;float: right;width: 100px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #999999;margin-top: 40px;transition: all .5s;} .articleList li .more:hover{color: #fff;background-color: #da261e;border-color: #da261e;} /* 常见问题 */ .faqList {font-size:13px;word-spacing:3px; padding-bottom:30px;} .faqList li .p01{ border-bottom:1px solid #dfdfdf; cursor:pointer; padding: 10px;} .faqList li .answer{ padding:15px 25px 10px 30px; border-bottom:1px dotted #a0906e; color:#666; display:none; border-left:3px solid #e60012;} .faqList .current .answer{ display:block;} .faqList .current .p01{background:#eee} /* 新闻详细样式 */ .gr-news-show{overflow:hidden;} .gr-news-show h2{font-size:20px;line-height:32px;text-align:center;color:#e60012;position:relative;font-family:"微软雅黑";font-weight:normal;} .gr-news-show h3{text-align:center;height:30px;line-height:30px;border-bottom:1px dashed #d2d2d2;font-family:"微软雅黑";font-weight:normal;} .gr-news-show h3 span{margin:8px 8px 0 8px; color:#999;text-decoration:none;} .fontResizer a{padding:0 5px;} .curFont{font-weight:bold;color:#e60012;} .news-show-box{padding-top:15px;line-height:26px;padding-bottom:10px;text-align:justify;text-justify:inter-ideograph;} .news-message{padding-bottom:10px;border-bottom:1px dashed #d2d2d2;overflow:hidden;} .news-message div{padding:10px 0;} .news-message h3{width:100%;text-align:right;font-weight:bold;color:#333;text-decoration:underline;overflow:hidden;} .gr-fenx{height:35px;background:#e6e6e6;padding:0 10px;margin-top:15px;} .prew {background:url(../images/pre_info.gif) no-repeat left center;float:left;height:35px;line-height:35px;overflow:hidden;padding-left:15px;text-align:left;width:46%;} .nextw {background:url(../images/next_info.gif) no-repeat right center;float:right;height:35px;line-height:35px;overflow:hidden;padding-right:15px;text-align:right;width:46%;} .gr-keyword{border:1px solid #dadada;padding:5px 10px;margin:10px 0;overflow:hidden;} .gr-keyword a{padding:0 5px;} .newsShow_main{overflow:hidden;padding:15px} .newsShow_main .newsShow_img{width:300px;height:300px;} .newsShow_main .news-show-box{float:right;width:740px;padding:0;} /* 推荐资讯样式 */ .gr-rec-news{margin-top:10px;overflow:hidden;} .gr-rec-news ul{width:1000px;padding-top:10px;} .gr-rec-news ul li{float:left;margin-right:30px;width:470px;height:28px;line-height:28px;} .gr-rec-news ul li a{display:block;width:350px;line-height:28px;background:url(../images/ly_li.png) no-repeat left center;padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;} .gr-rec-news ul li a:hover{color: #e60012} .gr-rec-news ul li span{float:right;color:#999;} .rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e6e6e6;font-size:14px;font-weight:bold;color:#333;} /* 人才招聘 */ .gr-jobs-list dd{padding:0 15px;height:50px;line-height:50px;border:1px solid #ddd;background:#f1f1f1;margin-top:10px;cursor: pointer;font-size:14px;} .gr-jobs-list dd em{float:right;display:block;width:15px;height:15px;background:url(../images/iconf.png) no-repeat;cursor:pointer;margin-top:20px;} .gr-jobs-list dd.on em{background:url(../images/icong.png) no-repeat;} .gr-jobs-list dd span{display:block;float:left;width:195px;} .gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#fff;} .gr-jobs-list dt strong{font-size:14px;} a.gr-apply{display:block;width:140px;height:40px;margin:30px auto 0;background:#999;color:#fff;line-height:40px;text-align:center;border-radius:2px;} a.gr-apply:hover,.jobs-submit:hover{background:#666;color:#fff;} .jobsShow{border:1px solid #ddd;background:#fff;} .jobsShow h3{font-size:14px;font-weight:bold;background:#ddd;line-height:35px; padding-left:15px;font-weight:normal;} .jobsShow table{margin:10px 20px 20px;background:#fff;} .jobsShow .mr{padding-right:20px;} .jobsShow .jobsInput{width:280px;border:1px solid #ddd;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;} .jobsShow .input_radio{margin-right:5px;vertical-align: middle;} .jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #d40413;} .jobsShow .jobsTextarea{width:770px;padding:5px;border:1px solid #ddd;line-height:22px;height:125px;margin-top:3px;display:block;} .jobsShow .jobsSubmit{background:#999;width:85px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;} .jobsShow .jobsSubmit:hover{background:#666;color:#fff;} .jobsShow .jobsSubmitb{background:#333;width:100px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;} .jobsShow .jobsSubmitb:hover{background:#d40413;color:#fff;} /* 内页留言样式 */ #contactlb{width:900px;font-size:16px;font-weight:bold;color:#333; font-family: "微软雅黑";font-weight: normal;margin-bottom:40px;} #contactlb span{font-weight:normal;font-size:13px;font-family:Arial;display:block;color:#999;} #leavetable{margin-top:35px;} #leavetable tr{height:40px;} #dituContent{width:900px;height:420px;} .contactFont{overflow:hidden;margin-top:30px;} .contactnr{width:600px;margin:0 auto;} /*发展大事记*/ .pageDevelo-tab{width: 1000px;margin-bottom: 45px;overflow: hidden;} .pageDevelo-tab a{display: block;width: 98px;height: 38px;line-height: 38px;text-align: center;color:#666666;text-align: center;font-size: 16px;border: 1px solid #dadada;float: left;margin-right: 8px;margin-bottom: 8px;transition: all .5s;} .pageDevelo-tab a:hover{color: #fff;background-color: #e60012;border-color: #e60012;} .pageDevelo-content strong{display: block;font-size: 50px;color: #dadada;width: 215px;float: left;font-weight: normal;margin-top: 20px;} .pageDevelo-content .txt{width: 750px;float: left;line-height:40px;} /*下载列表*/ .downList ul li{height: 60px;line-height: 60px;border-bottom: 1px dotted #ccc;overflow: hidden;} .downList ul li span{display: block;float: left;} .downList ul li .more{display: block;width: 60px;height: 34px;line-height: 34px;border: 1px solid #eee;padding-left: 30px;border-radius: 3px;color: #999;float: right;margin-top: 13px;text-align: center;background: url(../images/downIco2.png) no-repeat 15px center;transition: all .5s;} .downList ul li .more:hover{background: url(../images/downIco3.png) no-repeat 15px center #d4161a;border-color: #d4161a;color: #fff;} .downList .tilte{width: 40%;background: url(../images/downIco1.jpg) no-repeat left center;padding-left: 40px;} .downList .num{width: 20%;} .downList .time{width: 20%;}