/* set the character sets */ @charset "utf-8"; @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(1.0) } 100% { -webkit-transform: scale(1.1); opacity: 0; }} @keyframes scaleout { 0% { transform: scale(1.0); -webkit-transform: scale(1.0); } 100% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }} /* [MODULE]:->:#index */ /* banner */ #index .focusBox { position: relative; width:100%; height: 653px; overflow: hidden; } #index .focusBox .pic { position: relative; z-index: 0; height: 653px; } #index .focusBox .pic li{ height:653px; } #index .focusBox .pic li a{display:block;width:100%;height:100%} #index .focusBox .pic img { width: 1920px; height: 653px; display: block; } #index .focusBox .hd { width: 100%; position: absolute; bottom: 51px; text-align: center; font-size: 0; z-index: 1; } #index .focusBox .hd li { margin: 0 5px; background: url(images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; _background: url(images/dot8.png) no-repeat 0 -16px; } #index .focusBox .hd .on { background-position: 0 0; } #index .focusBox .prev,.focusBox .next { width: 84px; height: 84px; margin: -60px 0 0; display: none; background: url(images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 53%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.8; } #index .focusBox .prev { left: 4%; } #index .focusBox .next { background-position: 0 -84px; right: 4%; } #index .focusBox .prev:hover,.focusBox .next:hover { filter: alpha(opacity=50) !important; opacity: 1 !important; } /* application */ #index .application { padding-top: 67px; display: block;overflow: hidden;padding-bottom: 60px;} #index .application .pull-left ul{ position:relative; width:468px; height:440px; } #index .application .pull-left ul>li{ float:left; position:absolute; } #index .application .pull-left ul .first-child{ left: 80px; top: 0; } #index .application .pull-left ul .second-child{ right: 80px; top: 0; } #index .application .pull-left ul .third-child{ left:2px; top: 140px; } #index .application .pull-left ul .fourth-child{ left: 169px; top: 140px; } #index .application .pull-left ul .fifth-child{ right:2px; top: 140px; } #index .application .pull-left ul .sixth-child{ left:80px; bottom: 0; } #index .application .pull-left ul .seventh-child{ right:80px; bottom: 0; } #index .application .pull-right>h2{ font-size: 32px; color: #2d2d2d; margin-top: 93px; } #index .application .pull-right>p{ width: 616px; font-size: 20px; color: #6f6f6f; margin-top: 44px; line-height: 46px; } #index .application .right-box{ margin-right: 20px; } /* solution */ #index .solution{ width: 100%;/* height: 1166px; */background-color: #eeeeee;/* margin-top: 58px; */} #index .solution .wrap .title{padding-top: 1px;} #index .solution .wrap .title>h1{width: 187px;height: 50px;margin: 64px auto 15px auto;text-align: center;line-height: 45px;background-color: #00418F;display: block;font-size: 28px;color: #ffffff;} #index .solution .wrap .title>p{ display: block; margin: 0 auto 30px auto;width: 177px;color: #9E9E9E;} #index .solution .wrap .title>span{ width: 30px;height: 4px;background-color: #1597ff; display: block;margin: 0 auto;} #index .solution .wrap .small-tips>ul{ margin: 0 auto 10px auto;display: block;width: 722px;border-top:1px solid #d5d5d5;overflow: hidden;} #index .solution .wrap .small-tips>ul>li{float: left; margin-right: 101px;font-size: 21px;color:#6d6d6d;letter-spacing: 1px;line-height: 100px;text-align: center;} #index .solution .items-current{ position:relative;display: block;overflow: hidden;} #index .solution .llb-left{width:50%; float:left; width:49.8%;} #index .solution .llb-right{width:50%; float:right; width:49.8%;} #index .solution .llb-left ul li .llb-left img{float:left; } #index .solution .items-current ul li{ position:relative;} #index .solution .first-child {width:100%; float:left; margin-bottom:6px;} #index .solution img{width:100%; float:left; margin-bottom:6px;} #index .solution ul li .small-logo-a{ width:197px !important; height:184px!important; position:absolute; top:50%; left:50%; margin-top:-98px; margin-left:-92px; z-index:999999;} #index .solution ul li .small-logo-b{ width:117px !important; height:152px!important; position:absolute; top:50%; left:50%; margin-top: -75px; margin-left:-61px; z-index:999999;} #index .solution ul li .small-logo-c{ width:112px !important; height:178px!important; position:absolute; top:50%; left:50%; margin-top:-56px; margin-left:-60px; z-index:999999;} #index .solution ul li .small-logo-d{ width:120px !important; height:175px!important; position:absolute; top:50%; left:50%; margin-top:-60px; margin-left:-60px; z-index:999999;} #index .solution .second-child{width:43.3%; float:left} #index .solution .third-child{width:56.1%; float:right} #index .solution .fourth-child{width:50.7%; float:left; margin-bottom:6px} #index .solution .fifth-child{width:48.8%; float:right; margin-bottom:6px} #index .solution .sixth-child{width:34.2%; float:left} #index .solution .seventh-child{width:64.6%; float:right} /* news */ #index .news-box{ height:450px; width:1100px;margin: 0 auto; border-bottom: 1px solid #c2c2c2;border-top: 1px solid #c2c2c2;margin-top: 77px;} #index .news .pull-left .title{ margin-bottom:53px;margin-top: 37px;} #index .news .pull-left .title>ul>li{ float:left;} #index .news .pull-left .title>ul .last-child{ float:right;} #index .news .pull-left .news-text .news-list .pull-left{widtH:72px;height:75px;background-color: #B0D2E6;margin-bottom:32px;} #index .news .title h2{margin-left:17px;color: #00418F;font-size: 28px;display:block;line-height: 28px;} #index .news .title span{ width:231px; height:34px; background:#f2f2f2; display:block; margin:0 16px 0 12px;} #index .news .pull-left .news-text .news-list .pull-right{ width: 400px;} #index .news .pull-left .news-text .news-list .pull-right>a{color: #00418F;} #index .news .pull-left .news-text .news-list .pull-right>p{ width:417px;color: #676767;line-height: 26px;margin-top: 8px;} #index .news .pull-left .news-text .news-list .pull-left>h2{ text-align:center;font-size: 35px;color: #ffffff;margin-top: 15px;} #index .news .pull-left .news-text .news-list .pull-right>h3{ font-size:18px; color:#214181;margin-bottom: 10px;} #index .news .pull-left .news-text .news-list .pull-left>span{text-align: center; width: 72px;display: block;color: #ffffff;line-height: 36px;} #index .news .right-box{ margin-top:37px;width: 538px;height: 375px; position:relative;overflow: hidden;display: block;} #index .news .right-box>img{ width: 100%;height: 100%;} #index .news .pull-right .right-box .shadow-box{ position:absolute; bottom: 0px;width: 538px;background-color: rgba(0,0,0,0.5);height: 90px;} #index .news .right-box .shadow-box h2{ color:#ffffff; font-size: 22px; margin:21px 0px 0px 21px;} #index .news .right-box .shadow-box p{ color:#ffffff; line-height: 45px; margin-left: 21px;} /* bottom */ .join-rn { display: block; overflow: hidden;} .bottom{ position:relative; background: url(images/join.jpg) no-repeat center 7px; height: 472px; width: 100%; margin-top: 72px; } .bottom .join-rn .dream-rn{ } .bottom .join-rn .dream-rn>h1{ font-size: 34px; color: #ffffff; line-height: 117px; margin-top: 128px;} .bottom .join-rn .dream-rn>a{ width:243px; height:48px; background:url(images/click-bg.png) no-repeat center center; display:block; font-size:18px; color:#ffffff; text-align:center; line-height:48px; } .footer .foot-box{ width: 100%; height: 137px; background-color: #38393E; } .footer .code-er{ position:absolute; right: 0px; bottom: -95px; width: 59px; } .footer .foot-box .wrap .foot-info>ul>li{ float:left; line-height: 32px; margin-top:27px; color: #797677; margin:0 2px; } .footer .foot-box .wrap .foot-info>ul>li>a{ font-size: 15px; line-height: 26px; color: #ADADAE; } .footer .foot-box .wrap .foot-info>p{ font-size:12px; color: #A9BCFE; line-height: 26px; margin-left: 2px; } .footer .foot-box .wrap .foot-info{ position:absolute; bottom: -108px; } .footer .foot-box .wrap{ position:relative; } /* [MODULE]:->:#product */ #product .banner{ width:100p%; } #product .banner>img{width:100%} #product .items-box h1{ color: #2D2D2D; font-size:28px; font-weight:bold; margin: 67px 0 0px 0; } #product .items{ padding-top: 28px; width: 110%; } #product .items .current-box{ float:left; margin-right:18px; margin-bottom: 28px; } #product .items .current-box .img-box{ width:388px; height:329px; overflow:hidden; } #product .items .current-box .img-box>img{ } #product .items .current-box>ul{ width: 386px; height: 158px; border: 1px solid #dddddd; border-top: none; padding-top: 28px; } #product .items .current-box>ul>li>h2{ color:#2f2f2f; font-size:20px; font-weight:bold; margin-bottom: 16px; margin-left: 16px; } #product .items .current-box>ul>li>p{ width:343px; color: #2F2F2F; line-height:26px; margin-left: 16px; } #product .items .current-box>ul .last-child{ margin-top: 23px; margin-left: 16px; line-height: 26px; text-indent: 9px; color: #2F2F2F; } #product .items .current-box>ul>li>img{ float:left; } #product .items .current-box>ul>li>span{ float:left; line-height: 26px; margin-left:8px; } /* [MODULE]:->:#media */ #media .news-box{ width: 910px; float:right; } #media .news{ margin-top: 72px; } #media .news-box .title{ float:left; font-size:18px; color:#2f2f2f; font-weight:normal; } #media .news-box .items-list{ width: 910px; padding: 24px 0px 22px 0px; border-bottom:1px solid #dddddd; } #media .news-box .items-list ul li a{ color:#999999; } #media .news-box .items-list ul li{ float:left; } #media .news-box .small-news-box{ width: 910px; border-bottom: 1px solid #dddddd; height: 123px; margin-top: 20px; } #media .news-box .small-news-box .img-box pull-left{ } #media .news-box .small-news-box .img-box pull-left>img{ } #media .news-box .small-news-box .news-text { } #media .news-box .small-news-box .news-text ul{ } #media .news-box .small-news-box .news-text ul>li>h2{ color:#4e4e4e; font-weight:bold; font-size:14px; } #media .news-box .small-news-box .news-text ul>li{ } #media .news-box .small-news-box .news-text ul>li>p{ width:730px; color:#4e4e4e; line-height: 30px; } #media .news-box .small-news-box .news-text ul>li>span{ color:#4e4e4e; line-height:29px; } /* [MODULE]:->:#company */ #company .banner{ width:100%; height:507px; overflow:hidden; } #company .banner>img{ width:100%; height:507px; } #company .small-nav{ width:100%; height:68px; background-color:#f1f1f1; border-bottom:solid 1px #cfcfcf; } #company .small-nav .pull-left>span{ width:10px; height:30px; float:left; background-color:#318eff; display:block; margin: 22px 14px 0 13px; } #company .small-nav .pull-left>h1{ font-size:24px; color:#3f3f3f; float:left; margin-top: 25px; } #company .small-nav .small-nav-list>ul{ margin-top: 28px; } #company .small-nav .small-nav-list>ul>li{ float:left; margin-right: 2px; } #company .content .wrap .content-right{ margin-right: 52px; margin-top: 29px; width: 905px; } #company .content .wrap .line{ margin: 31px 39px 0 0; } #company .content .wrap .content-right>h1{ font-size:18px; color:#4e4e4e; font-weight:bold; margin: 0px 0px 29px 0px; } #company .content .wrap .content-right .small-banner .img-box{ width:895px; height:499px; overflow:hidden; } #company .content .wrap .content-right .small-banner .img-box>img{ width:895px; height:499px; overflow:hidden; } #company .content .wrap .content-right .small-banner>p{ width: 902px; line-height: 28px; color: #4e4e4e; margin: 34px 0 52px 0; letter-spacing: -0.2px; } #company .content .wrap .content-right .small-banner>p>span{ /* color: #1b70e7; */} #company .content .wrap .content-right .items-fixd-margin { margin-bottom: 21px; } #company .content .wrap .content-right .items-fourth .img-box ol li{ float:left; width: 275px; height:171px; margin:24px 0 0 23px; } #company .left-title-nav{ margin-top: 27px; width: 155px; } #company .pin ul li{ margin-bottom: 40px; text-align: right; } #company .pin ul li a{ font-size: 18px; width: 100%; } #company .pin ul li a.active{ color: #2677D8; } /*编辑器部分提取*/ .items-small-box{ border-top:1px solid #ececec; width: 100%; padding-top:18px; height:222px; display: block; overflow: hidden; } .items-small-box .items-small-text h3{ color:#4e4e4e; font-weight: normal; line-height: 28px; } .items-small-box .items-small-text p{ line-height: 28px; } .items-small-box img{ display: block; margin-right:26px; width: 286px;height: 190px;} .items-small-box .items-small-text{ width: 65%;/* margin-top: 41px; */} .items-fifth .items-title{ margin-bottom: 16px; } .items-sixth ul li p{ width:800px; } .items-title{ left: -12px; width:138px; height: 38px; background: url(images/04_03.png) no-repeat; position: relative; margin-bottom: 24px; display: block; width: 100%; } .content-right .img-box{ display: block; overflow: hidden; width: 100%; } #company .content .wrap .content-right .items-third .items-title{ left: -12px; width: 166px; height: 37px; background:url(images/04_05.png) no-repeat center center; position: relative; } #company .content .wrap .content-right .items-title>h2{ font-size:18px; color:#ffffff; margin-left: 48px; line-height: 37px; } #company .content .wrap .content-right ul{ margin: 24px 0 0 18px; width: 100%; display: block; overflow: hidden; } #company .content .wrap .content-right ul>li{ color:#4e4e4e; line-height:28px; } #company .content-right.pull-right { position: relative; border-left: 2px solid #3f8fff; padding-left: 46px; } #company .content-right.pull-right h1,#company .content-right.items-title h2 { position: relative; } #company .content-right.pull-right h1:before { content: ""; display: block; width: 10px; height: 10px; overflow: hidden; background: #318eff; border-radius: 100%; border: 2px solid #FFF; position: absolute; left: -53.7px; } #company .content-right.pull-right h2:before{ content: ""; display: block; width: 10px; height: 10px; overflow: hidden; background: #ffffff; border-radius: 100%; border: 2px solid #3f8fff; position: absolute; left: -41.7px; top:13px; } /* [MODULE]:->:#recruitment */ #recruitment .news-box{ width: 910px; float:right; } #recruitment .news{ margin-top: 72px; } #recruitment .items-title{ float:left; font-size:18px; color:#2f2f2f; font-weight:normal; } #recruitment .items-list{ width: 915px; padding: 24px 0px 22px 0px; border-bottom:1px solid #dddddd; } #recruitment .items-list ul li a{ color:#999999; } #recruitment .items-list ul li{ float:left; } #recruitment .content-box{ width: 910px; } #recruitment .content-box .banner-box{ width:894px; height:344px; overflow:hidden; margin: 23px auto 42px auto; } #recruitment .content-box .recruitment-text .text-title>h2{ font-size: 24px; color: #4e4e4e; font-weight: normal; margin: 0 auto; width: 417px; } #recruitment .content-box .recruitment-text .text-title>span{ margin: 13px auto; width: 78px; display: block; color: #4e4e4e; } #recruitment .content-box .recruitment-text .items-first{ margin-top: 51px; } .recruitment-title{ background: url( images/05_01.png) no-repeat; height:36px; margin-bottom: 26px; background-color: #3F8FFF;border-radius: 22px;display: inline-block;padding-right: 22px;} .recruitment-title>h2{ font-weight:bold; color:#ffffff; font-size:14px; margin-left: 38px; line-height: 36px; } .recruitment-text p{ line-height: 28px; color: #4e4e4e; } .items-fixed-margin{ margin-top: 23px; } .page-list{margin-bottom:30px;} #recruitment .content-box .recruitment-text .items-bottom{ height:117px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; } #recruitment .content-box .recruitment-text .items-bottom a{ line-height:117px; color:#00418f; } #recruitment .content-box .recruitment-text .items-bottom .click{ width:177px; height:53px; color:#ffffff; background-color:#2b9d19; line-height:53px; text-align:center; margin-top: 30px;} #recruitment .content-box .recruitment-text .page-list li{ height:42px; border-bottom:1px dashed #dddddd; line-height:42px; line-height: 42px;} #recruitment .content-box .recruitment-text .page-list li span{margin-top: 9px;} #recruitment .content-box .recruitment-text .items-seventh .title{ background:url( images/05_02.png) no-repeat center center; width:215px; height:36px; } #recruitment .content-box .recruitment-text ul>li{ line-height: 28px; color: #4e4e4e; } /* [MODULE]:->:#contactus */ #contactus .banner{ width:100%; height:417px; overflow:hidden; } #contactus .current-box{ width:100%;background-color: #F4F8FB;display: block;overflow: hidden;padding-bottom: 60px;} #contactus .current-box .wrap .map-big-box p{ font-size:16px; color:#4e4e4e; margin-top: 20px; } #contactus .current-box .wrap .map-big-box h1{ font-size: 24px; color:#4e4e4e; font-weight:bold; margin: 50px 0 19px 0; } #contactus .tel-box{ margin-top: 110px; } #contactus .wrap .small-tel-box .small-tel ul{ padding-left: 20px; } #contactus .wrap .small-tel-box .small-tel{ height:86px; margin-bottom:20px; border-bottom: 1px solid #dddddd; line-height:28px; } #contactus .wrap .small-tel-box .small-tel ul li h3{ font-size:16px; color:#4e4e4e; font-weight:bold; } #contactus .wrap .small-tel-box .small-tel ul li span{ color:#2c72ff; } #contactus .wrap .code-box{ display:block; margin:0 auto; width:436px; } #contactus .wrap .code-box>img{ margin:0 auto; display:block; } #contactus .wrap .code-box>p{ width:436px; height:65px; line-height:65px; font-weight:bold; color:#1c68d2; font-size: 21px; border-bottom: 1px solid #dddddd; text-align:center; border-top: 1px solid #dddddd; margin-top: 20px; margin-bottom: 67px;} /* [MODULE]:->:#talent */ #talent .items-title{ float:left; font-size:18px; color:#2f2f2f; font-weight:normal; } #talent .items-list{ width: 915px; padding: 24px 0px 22px 0px; border-bottom:1px solid #dddddd; } #talent .items-list ul li a{ color:#999999; } #talent .items-list ul li{ float:left; } #talent .talent-list{ width: 915px; padding: 0px 0px 22px 0px; border-bottom:1px solid #dddddd; } #talent .talent-list ul li span{ float:right; } #talent .talent-list ul li{ width:910px; height:66px; line-height:66px; border-bottom:1px dashed #dddddd; } /* [MODULE]:->:#news */ #news .news-box{ width: 910px; float:right; } #news .news{ margin-top: 72px; } #news .items-title{ float:left; font-size:18px; color:#2f2f2f; font-weight:normal; } #news .items-list{ width: 915px; padding: 24px 0px 22px 0px; border-bottom:1px solid #dddddd; } #news .items-list ul li a{ color:#999999; } #news .items-list ul li{ float:left; } #news .news-content .news-title>h2{ font-size: 18px; margin: 23px 0 16px 0; } #news .news-content .news-title>span{ font-size: 12px; margin-bottom: 28px; display: block; } #news .news-content .small-banner{ width: 895px; height: 499px; overflow: hidden; margin-bottom: 47px; } #news .news-content .text-box>p{ width: 892px; line-height:28px; margin-bottom:42px; } #news .news-content>a{ margin: 0 auto; color: #008cd6; text-align:center; width: 100%;display: block;overflow: hidden;margin-top: 60px;margin-bottom: 20px;} #news .news-content>ul>li{ height:42px; border-bottom:solid 1px #dddddd; line-height:42px; } #news .news-content>ul{margin-bottom: 60px;} #news .news-content>ul .first-child{ margin-top:20px; border-top:solid 1px #dddddd; } #news .news-content>ul>li>span{ float:right; } /* [MODULE]:->:#history */ #history .banner{ } #history .banner>img{ width:100%} #history .content-box{ position: relative; margin-top: -216px; } #history .content-box .luminescence img{ cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; } #history .content-box .luminescence{width:152px; height:152px; background:url(images/3-03-icon.png) no-repeat center center; margin:0 auto;} #history .content-box .arrow img,#history .content-box .luminescence img{ display:block; margin:0 auto; margin-top: 32px;} #history .content-box .content-right{ border-left: 1px solid #f55103; padding-left: 32px; } #history .content-box .content-right .tips-01{ background:url(images/3_03.png) no-repeat center center; width:398px; height:77px; position: absolute; top: 19.3%; right: 13.2%; } #history .content-box .content-right .tips-01 p:before{ content:""; display:block; width:12px; height:12px; background:#f55103; left: -85.5px; top: 17px; position:absolute; border:1px solid #f55103; border-radius:2em; } #history .content-box .content-right .tips-02 p:before{ content:""; display:block; width:12px; height:12px; background:#f55103; left: -87.5px; top: 17px; position:absolute; border:1px solid #f55103; border-radius:2em; } #history .content-box .content-right .tips-03 p:before{ content:""; display:block; width:12px; height:12px; background:#f55103; left: -85.5px; top: 17px; position:absolute; border:1px solid #f55103; border-radius:2em; } #history .content-box .content-left .tips-01 p:before{ content:""; display:block; width:12px; height:12px; background:#f55103; right: -63.5px; top: 17px; position:absolute; border:1px solid #f55103; border-radius:2em; } #history .content-box .content-left .tips-02 p:before{ content:""; display:block; width:12px; height:12px; background:#f55103; right: -57.5px; top: 17px; position:absolute; border:1px solid #f55103; border-radius:2em; } #history .content-box p.title{ font-size: 19px; color: #00418F; line-height:46px; width: 494px; position:relative; } #history .content-box .content-right>ul{ position: absolute; top: 26.8%; right: -5px; } #history .content-box .content-right>ul>li{ list-style:disc; font-size: 18px; color: #757575; line-height: 45px; } #history .content-box .content-right .first{ position:absolute; top: 45.6%; right: 33.5%; } #history .history_row{ position: relative; display: block; overflow: hidden; margin-bottom: 40px; } #history .history_row .time{ font-size: 40px; color: #757575; letter-spacing: 2px; position: absolute; right: 57px; top: 34px; width: 500px; text-align: left; background-image: url(images/history_point.png); background-repeat: no-repeat; padding-left: 50px; background-position: 2px 6px; } #history .history_row .title{ width: 580px; } #history .history_row .jiao{ background-image: url(images/history_right.png); height: 18px; width: 16px; position: absolute; left: 545px; top: 35px; } #history .history_row.ou .jiao{ background-image: url(images/history_left.png); left: 619px; top: 53px; } #history .history_row .desc{ width: 532px; margin-left: 36px; line-height: 38px; } #history .history_row.ou .time{ left: 57px; top: 52px; text-align: right; background-position: 537px 5px; padding-right: 50px; padding-left: 0; } #history .history_row.ou .title{ float: right; } #history .history_row.ou .desc{ float: right; display: block; margin-left: 499px; margin-right: 17px; } #history .content-box .content-right .second{ position:absolute; bottom: 27.5%; right: 33.5%; } #history .content-box .content-right span,#history .content-box .content-left span{ font-size:18px; margin-left: 10px; } #history .content-box .content-right .tips-02{ background:url(images/3_11.png) no-repeat center center; width:436px; height:76px; position: absolute; top: 56%; right: 118px; } #history .content-box .content-right .tips-03{ background:url(images/3_18.png) no-repeat center center; width: 572px; height: 179px; position: absolute; bottom: 77px; right: -16px; } #history .content-box .content-left{ /* border-right: 1px solid#f55103; */ /* padding-right: 32px; *//* margin-left: 20px; *//* height: 1128px; */width: 100%; position: relative; z-index: 1; } #history .content-box .line{ width: 2px; background-color: #F55103; height: 100%; position: absolute; top: 5px; z-index: 9; left: 589px; } #history .content-box .content-left .tips-01{ background:url(images/3_07.png) no-repeat center center; width:550px; height:126px; position: absolute; top: 43.2%; left: 2%; } #history .content-box .content-left .tips-02{ background:url(images/3_15.png) no-repeat center center; width:543px; height:77px; position: absolute; top: 68.3%; left: 2.5%; } #history .content-box .content-left p.title{ margin:16px 20px; border: 1px solid #C3C3C3; padding: 20px; border-radius: 20px; background-color: #F5F5F5; } #history .content-box .content-left>ul{ position: absolute; bottom: 22%; left: 64px; } #history .content-box .content-left>ul>li{ list-style: disc; color: #757575; font-size: 18px; } #history .content-box .content-left .first{ position:absolute; left: 32%; } #history .content-box .content-left .second{ position:absolute; top: 58.2%; left: 36%; } #history .content-box .content-left .third{ position:absolute; bottom: 13.5%; left: 25%; } #history .content-box .tips-bottom{ background:url(images/3_22.png) no-repeat center center; width:232px; height:59px; margin: 0 auto; position: relative; z-index: 2; margin-top: 5px;} #history .code-box{ margin-top:60px; padding-bottom: 60px; background-color: #F7F7F7; padding-top: 64px; } #history .content-box .tips-bottom>h3{ text-align: center; line-height: 59px; font-size: 26px; color: #f14b03; } #history .code-box .wrap h1{ font-size: 42px; color: #757575; text-align: center; position:relative; } #history .code-box .wrap h1:before{ content: ""; display: block; width: 450px; height: 1px; overflow: hidden; background: #e5e5e5; position: absolute; left: 4px; top: 8px; } #history .code-box .wrap h1:after{ content: ""; display: block; width: 450px; height: 1px; overflow: hidden; background: #e5e5e5; position: absolute; right: 8px; top: 8px; } #history .scrollBox{ width: 1309px; background:url(images/scrollBg.png); padding:10px; position:relative; } #history .scrollBox .piclist{ overflow:hidden; zoom:1; } #history .scrollBox .ohbox{ overflow:hidden; position:relative; width: 1200px; left:60px} #history .scrollBox { position:relative; zoom:1; padding-top: 77px; } #history .scrollBox .piclist li{ float:left; display:inline; width:290px; background:#fff; margin-right:10px; } #history .scrollBox .piclist li span{ height:25px; line-height:25px; display:block; text-align:center; } #history .scrollBox .pageBtn span{ background:url(images/bntBg.png) no-repeat; display:block; width: 84px; height: 84px; position:absolute; top:72px; cursor:pointer; text-indent:-999em; overflow:hidden; } #history .scrollBox .pageBtn .prev{ left: -33px; background-position: top center; top: 130px; } #history .scrollBox .pageBtn .next{ right: -32px; background-position: bottom center; top: 130px; } /* [MODULE]:->:#dream */ #dream .dream-text{ width: 915px;margin-top: 20px;} #dream .dream-text .small-banner{ width:902px; height:363px; overflow:hidden; margin: 20px 0 33px 0; } #dream .dream-text ul{ } #dream .dream-text ul>li{ } #dream .dream-text ul>li>p{ width:895px; line-height: 28px; margin-bottom: 42px; } #dream .foot-box-general{ margin-top:0 !important; } #dream .left-nav{ height: 1300px; background-color:#f3f3f3; } /*我们是谁*/ #who-are{ background: url(images/who-bg.jpg) no-repeat; height: 916px; } #who-are .wrap{ } #who-are .wrap .title-logo{ } #who-are .wrap .title-logo>img{ margin: 0 auto; display: block; padding-top: 168px; padding-bottom: 58px; } #who-are .wrap .body{ color: #fff; display: block; overflow: hidden; } #who-are .wrap .body>a{ float:left; padding: 58px 50px; width: 274px; margin-bottom: 13px; height: 85px; } #who-are .wrap .body h1{ padding-bottom: 35px; font-size: 32px; } #who-are .wrap .body p{ font-size: 15px; line-height: 24px; } #who-are .wrap .body .block1{ background-image: url(images/who-company-intro-bg.png); background-repeat: no-repeat; height: 85px; width: 282px; position: relative; z-index: 1; color: #fff; } #who-are .wrap .body .block1>h1{ background-image: url(images/who-icon-1.png?v=1); text-indent: 37px; background-repeat: no-repeat; background-position: 0px 0px; } #who-are .wrap .body .block1>p{/* width: 264px; */} #who-are .wrap .body .block2{ background-image: url(images/who-are-bg.png); background-repeat: repeat; margin-left: -10px; height: 85px; width: 728px; color: #474747; } #who-are .wrap .body .block2>h1{ } #who-are .wrap .body .block2>p{ } #who-are .wrap .body .block3{ background-image: url(images/who-history-bg.png); background-repeat: repeat; color: #474747; margin-right: 13px; width: 377px; } #who-are .wrap .body .block3>h1{ } #who-are .wrap .body .block3>p{ } #who-are .wrap .body .block4{ background-image: url(images/who-development-bg.png); background-repeat: repeat; margin-right: 13px; width: 138px; color: #fff; } #who-are .wrap .body .block4>h1{ } #who-are .wrap .body .block4>p{ } #who-are .wrap .body .block5{ background-image: url(images/who-achievement-bg.png); background-repeat: repeat; width: 359px; color: #fff; } #who-are .wrap .body .block5>h1{ } #who-are .wrap .body .block5>p{ } /*通用详情页面*/ .detail_view{ } /* [MODULE]:->:#recruitment */ .detail_view .news-box{ width: 910px; float:right; } .detail_view .news{ margin-top: 72px; } .detail_view .items-title{ float:left; font-size:18px; color:#2f2f2f; font-weight:normal; } .detail_view .items-list{ width: 915px; padding: 24px 0px 22px 0px; border-bottom:1px solid #dddddd; } .detail_view .items-list ul li a{ color:#999999; } .detail_view .items-list ul li{ float:left; } .detail_view .content-box{ width: 914px; } .detail_view .content-box .banner-box{ width:894px; height:344px; overflow:hidden; margin: 23px auto 42px auto; } .detail_view .content-box .recruitment-text .text-title>h2{ font-size: 24px; color: #4e4e4e; font-weight: normal; margin: 0 auto; width: 417px; } .detail_view .content-box .recruitment-text .text-title>span{ margin: 13px auto; width: 78px; display: block; color: #4e4e4e; } .detail_view .content-box .recruitment-text .items-first{ margin-top: 51px; } .detail_view .content-box .recruitment-text .title{ background:url( images/05_01.png) no-repeat center center; width:139px; height:36px; margin-bottom: 26px; } .detail_view .content-box .recruitment-text .title>h2{ font-weight:bold; color:#ffffff; font-size:14px; margin-left: 38px; line-height: 36px; } .detail_view .content-box .recruitment-text p{ width:910px; line-height: 28px; color: #4e4e4e; } .detail_view .content-box .recruitment-text .items-fixed-margin{ margin-top: 23px; } .detail_view .content-box .recruitment-text .items-bottom{ height:117px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; } .detail_view .content-box .recruitment-text .items-bottom a{ line-height:117px; color:#00418f; } .detail_view .content-box .recruitment-text .items-bottom .click{ width:177px; height:53px; color:#ffffff; background-color:#2b9d19; line-height:53px; text-align:center; } .detail_view .content-box .recruitment-text .page-list li{ height:42px; border-bottom:1px dashed #dddddd; line-height:42px; } .detail_view .content-box .recruitment-text .items-seventh .title{ background:url( images/05_02.png) no-repeat center center; width:215px; height:36px; } .detail_view .content-box .recruitment-text ul>li{ line-height: 28px; color: #4e4e4e; } /*主要产品轮播*/ .txtScroll-left{ width: 100%; height: 360px; position:relative; display: block; overflow: hidden; } .txtScroll-left .hd_2{ overflow:hidden; height:170px; width: 100%; position: absolute; z-index: 1; } .txtScroll-left .hd_2 .sPrev,.txtScroll-left .hd_2 .sNext{ display:block; width:75px; height:170px; float:right; overflow:hidden; cursor:pointer; position: relative; } .txtScroll-left .hd_2 .sPrev{ position: absolute; left: 0px; background-position:0 -50px; } .txtScroll-left .hd_2 .sNext{ position: absolute; right: 0px; background-position:0 -50px; } .txtScroll-left .hd_2 .prevStop{ background-position:-60px 0; } .txtScroll-left .hd_2 .nextStop{ background-position:-60px -50px; } .txtScroll-left .hd_2 ul{ width: 850px; height: 170px; float:right; overflow:hidden; zoom:1; } .txtScroll-left .hd_2 ul li{ float:left; overflow:hidden; text-indent:-999px; cursor:pointer; } .txtScroll-left .hd_2 ul li.on{ background-position:0 0; } .txtScroll-left .bd_2{ width: 700px; height:170px; position: absolute; left: 50px; z-index: 1; } .txtScroll-left .bd_2 ul{ overflow:hidden; zoom:1; } .txtScroll-left .bd_2 ul li{ float:left; border-radius: 50%; overflow: hidden; margin:28px 12px 0 12px; text-align:left; _display:inline; } .txtScroll-left .bd_2 ul li span{ color:#999; } .ladyScroll { width:850px; position:relative; display: block; height: 165px; } .ladyScroll .ladyprev,.ladyScroll .ladynext { width:37px; height:72px; position:absolute; top: 109px; left: -50px; z-index: 1; cursor:pointer; background:url(images/doctor_left_right.png) no-repeat; } .ladyScroll .ladynext { left:auto; right: -6px; background-position:0 -73px; } .ladyScroll .scrollWrap { width: 728px; padding-top:30px; position:absolute; } .ladyScroll dl dt>a{ display: block; width: 261px; display: block; background: url(images/doctor_avatar_hui.png) no-repeat; position: relative; overflow: hidden; margin-bottom: 20px; } .ladyScroll dl dt>a>div{ color: #595959; margin-top: 22px; font-weight: 400; } .ladyScroll dl dt>a>h3{ color: #0059BD; line-height: 52px; } .ladyScroll dl { float:left; width: 270px; text-align:center; position:relative; } .ladyScroll span { display:block; width: 100%; overflow: hidden; border: 1px solid #ccc; } .ladyScroll dt { margin:0 auto; width: 270px; } .ladyScroll img { display:block; width: 100%; } .ladyScroll dd { width:108px; height:40px; line-height:28px; font-size:20px; color:#fff; text-align:center; position:absolute; left:5px; bottom:0; } .ladyScroll dd a { color:#fff; } .ladyScroll dd a:hover { text-decoration:none; } /*主要产品*/ .main_product_title{ display: block; overflow: hidden; border-bottom: 1px solid #DDDDDD; margin-top: 30px; } .main_product_title>img{ float: left; } .main_product_title>h3{ float: left; line-height: 65px; color: #2f2f2f; text-indent: 10px; font-size: 18px; } .main_product_title .more{ background-image: url(images/more.png); background-repeat: no-repeat; background-position: right; padding-right: 10px; float: right; line-height: 66px; } /* [MODULE]:->:#introduces */ #introduces .banner{ width:1920px; height:667px; overflow:hidden;} #introduces .banner>img{} #introduces .introduce-text{ width: 710px; margin: 0 auto; } #introduces .introduce-text h2{ font-size: 24px; line-height: 100px; } #introduces .introduce-text p{ width: 710px; line-height: 34px; font-size: 16px; } #introduces .site-area{ margin-top: 128px;} #introduces .site-area>ul{} #introduces .site-area>ul>li{ float: left; margin-right: 68px; } #introduces .site-area>ul>li>img-box{ width:246px; height:246px; border-radius:2em; overflow:hidden;} #introduces .site-area>ul>li>span{ display: block; text-align: center; margin-top: 38px; margin-bottom: 93px; font-size: 16px; color: #2d2f37; font-weight: bold; } #introduces .absorbed{ height: 300px; background: #3589eb; width: 100%; } #introduces .absorbed .wrap{} #introduces .absorbed .wrap>h4{ font-size: 36px; color: #ffffff; padding: 58px 0 50px 0; text-align: center; } #introduces .absorbed .wrap>p{ font-size: 16px; color: #ffffff; line-height: 34px; width: 709px; margin: 0 auto; } #introduces .map-box{ width: 100%; height: 530px; overflow: hidden; display: table; } #introduces .map-box>img{ margin: 52px auto 0 auto; display: block; } #introduces .vision-box{ height: 235px; background: #f6f6f6; width: 100%; } #introduces .vision-box .wrap>h5{ font-size:36px; color:#3589eb;text-align: center;padding: 80px 0 46px 0;font-weight: normal;} #introduces .vision-box .wrap>p{ font-size:16px; color:#257ce1; line-height: 32px;width: 574px;text-align: center;margin: 0 auto;text-decoration: underline;} #introduces .mission-box{} #introduces .mission-box .mission-text{ width: 705px; text-align: center; } #introduces .mission-box .mission-text>h2{ color: #4e4e4e; font-size: 24px; margin: 62px 0 18px 0; } #introduces .mission-box .mission-text>p{ width: 725px; font-size: 16px; line-height: 33px; margin-bottom: 58px; } #introduces .mission-box>ul{} #introduces .mission-box>ul>li{ float: left; margin-right: 40px; margin-bottom: 40px; } #introduces .mission-box>ul>li>img{} #introduces .value-box{ width: 100%; background: #f6f6f6; margin-top: 45px; } #introduces .value-box .value-text{ } #introduces .value-box .value-text>h2{ color: #00418f; font-size: 36px; font-weight: normal; text-align: center; padding: 75px 0 40px 0; } #introduces .value-box .value-text>ul{ padding-bottom: 20px; } #introduces .value-box .value-text>ul>li{ font-size: 16px; color: #00418f; line-height: 34px; text-align: center; text-decoration: underline; } #introduces .value-box>ul{} #introduces .value-box>ul>li{ float: left; width: 24.99%; height: auto; } #introduces .value-box>ul>li>img{ display: block;} #introduces .spirit{ width:100%; height:1253px; background:#4799f5;} #introduces .spirit-box{ } #introduces .spirit-box>h2{font-size: 36px;color: #ffffff;text-align: center; position:relative;padding: 79px 0 51px 0;} #introduces .spirit-box>h2:before{ content:""; background:url( images/before.png) no-repeat center center; width:399px; height:2px; position:absolute; top: 90px; left: 20px;} #introduces .spirit-box>h2:after{ content:""; background:url( images/after.png) no-repeat center center; width:399px; height:2px; position:absolute; top: 90px; right: 20px;} #introduces .spirit-box>ul{} #introduces .spirit-box>ul>li{ float: left; margin: 0 21px 21px 0; } #introduces .spirit-box>ul>li .small-spirit-box{ box-shadow: 6px 6px 9px #2267B3; } #introduces .spirit-box>ul>li .small-spirit-box>img{ display: block; } #introduces .spirit-box>ul>li .small-spirit-box .text-box{ height: 247px; background: #ffffff; } #introduces .spirit-box>ul>li .small-spirit-box .text-box>h3{ font-size: 30px; color: #464646; padding: 45px 0 37px 36px; } #introduces .spirit-box>ul>li .small-spirit-box .text-box>span{ width: 325px; display: block; font-size: 18px; line-height: 38px; margin: 0 auto; } #introduces .foot-box-general{margin-top:0px !important;} /*新闻列表*/ .list .list_container{ display: block; overflow: hidden; width: 100%; } .list .list_container>ul{ padding: 0; list-style: none; } .list .list_container>ul>li{ border-bottom: 1px solid #ddd; height: 108px; padding: 27px 0; display: block; overflow: hidden; width: 100%; } .list .list_container>ul>li .cover{ display: block; float: left; margin-right: 24px; height: 106px; width: 153px; overflow: hidden; } .list .list_container>ul>li .cover>span{ display: block;height: 100%;width: 100%;} .list .list_container>ul>li .cover>span>img{ width: 100%; height: 100%;} .list .list_container>ul>li .info{ float: left; width: 733px; } .list .list_container>ul>li .info .title_container{ } .list .list_container>ul>li .info .title_container .title{ font-weight: bold; font-size: 16px; color: #4e4e4e; } .list .list_container>ul>li .info .time{ color: #8E9292; display: block;margin-top: 5px;} .list .list_container>ul>li .info .desc{ line-height: 28px; margin-top: 8px; } .list .list_container>ul>li .info .desc>p{ color: #878787; } .list .list_container>ul>li .info .desc>p>a{ color: #E2393E; margin-left: 10px; } /*手册列表*/ .shouce-list .list_container{ display: block; overflow: hidden; width: 100%; } .shouce-list .list_container>ul{ padding: 0; list-style: none; display: block;margin-top: 30px;width: 103%;} .shouce-list .list_container>ul>li{ display: block; width: 284px; float: left;margin-right: 25px;margin-bottom: 30px;} .shouce-list .list_container>ul>li .cover{ display: block; float: left; width: 100%; overflow: hidden; text-align: center;border: 1px solid #EFEFEF;box-shadow: 5px 5px 5px #D2D2D2;height: 404px;} .shouce-list .list_container>ul>li .cover>span{ display: block;height: 100%;width: 100%;} .shouce-list .list_container>ul>li .cover>span>img{ width: 100%; height: 100%;} .shouce-list .list_container>ul>li .info{ text-align: center;} .shouce-list .list_container>ul>li .info .title{ font-size: 16px; color: #0057C0; text-align: center;display: block;line-height: 59px;text-decoration: underline;} /*手册列表*/ .video-list .list_container{ display: block; overflow: hidden; width: 100%; } .video-list .list_container>ul{ padding: 0; list-style: none; display: block;margin-top: 30px;width: 103%;} .video-list .list_container>ul>li{ display: block; width: 284px; float: left;margin-right: 25px;margin-bottom: 30px;} .video-list .list_container>ul>li .cover{ display: block; float: left; height: 183px; width: 286px; overflow: hidden; text-align: center;position: relative;} .video-list .list_container>ul>li .cover>span{ display: block;height: 100%;width: 100%;} .video-list .list_container>ul>li .cover>span>img{ width: 100%; height: 100%;} .video-list .list_container>ul>li .bofang{ margin-top: -118px; } .video-list .list_container>ul>li .info{ text-align: center;} .video-list .list_container>ul>li .info .title{ font-size: 16px; color: #0057C0; text-align: center;display: block;line-height: 59px;text-decoration: underline;} /*瀑布流*/ .grid { margin-top: 20px;width: 930px;margin-bottom: 20px;} /* clearfix */ .grid:after { content: ''; display: block; clear: both; } .grid-item { float: left; margin-bottom: 10px; display: block; width: 172px; margin-right: 10px; } .grid-item>img{ width: 100%; } .grid-item--width2 { width: 320px; } .grid-item--width3 { width: 480px; } .grid-item--width4 { width: 640px; } .grid-item--height2 { height: 200px; } .grid-item--height3 { height: 260px; } .grid-item--height4 { height: 360px; } /*研发*/ #yanfa{background-color: #F0F3F6} .yanfa-title{ text-align: center; border-bottom: 1px solid #D5D5D5; line-height: 80px; color: #0057C0; width: 722px; margin: 0 auto 72px auto; } .yanfa-title .line{ display: block; width: 30px; height: 5px; background-color: #1597FF; margin: 0 auto; } #yanfa .page-top-banner{ height: 550px; background-position: 50% center; border: 0; } #yanfa .item1{ background-color: #fff; padding: 60px 0 40px 0; } #yanfa .item1 .main{ display: block; overflow: hidden; } #yanfa .item1 .main .left{ float: left; } #yanfa .item1 .main .left>img{} #yanfa .item1 .main .right{ float: left; width: 651px; margin-left: 61px; line-height: 42px; font-size: 16px; color: #434343; } #yanfa .item1 .main .right>ul{} #yanfa .item1 .main .right>ul>li{ background-image: url(images/yanfa-point.png); background-repeat: no-repeat; background-position: 0px 18px; padding-left: 30px; } #yanfa .item2{ padding: 60px 0 0 0; } #yanfa .item2 .main{margin: 0 auto;width: 1110px;} #yanfa .item2 .main ul{ display: block; overflow: hidden; width: 110%; } #yanfa .item2 .main ul li{ width: 349px; height: 353px; float: left; margin-right: 22px; background-color: #fff; border: 1px solid #E9E9E9; margin-bottom: 20px; } #yanfa .item2 .main ul li span{ display: block; margin: 0 38px; font-size: 16px; line-height: 28px; color: #494949; } #yanfa .item2 .main ul li img{ display: block; margin: 47px auto; } #yanfa .item2 .main ul li span strong{} #yanfa .item3{ background-color: #fff; padding: 60px 0 90px 0; margin-top: 70px; } #yanfa .item3 .main{ overflow: hidden; display: block; } #yanfa .item3 .main .left{ float: left; width: 687px; } #yanfa .item3 .main .left>h2{ color: #0078D5; line-height: 28px; font-size: 16px; margin-bottom: 16px; } #yanfa .item3 .main .left>ul{} #yanfa .item3 .main .left>ul>li{ line-height: 34px; background-image: url(images/yanfa-point.png); background-repeat: no-repeat; background-position: 0px 14px; padding-left: 30px; font-size: 16px; } #yanfa .item3 .main .right{ float: right; } #yanfa .item3 .main .right>img{ margin-top: 10px; } /*应用业绩*/ #achievement #yanfa-title{} #achievement{} #achievement .content{ margin-bottom: 60px; } #achievement .content p{ text-align: center; line-height: 43px; font-size: 18px; color: #5B5B5B; text-decoration: underline; } #achievement .content p strong{} .achievement-title{ text-align: center; border-bottom: 1px solid #D5D5D5; line-height: 80px; color: #0057C0; width: 722px; margin: 90px auto 40px auto; } .achievement-title .line{ display: block; width: 30px; height: 5px; background-color: #1597FF; margin: 0 auto; } #achievement .map-desc-main{ width: 1200px; position: relative; margin: 0 auto; } #achievement .map-desc{ position: absolute; top: -260px; padding: 40px; background-color: rgba(255, 255, 255, 0.72); left: 108px; } /*浮动窗口*/ .float_window{ z-index: 2147483647; right: 5px; bottom: 5px; position: fixed !important; } .float_window>span{width: 20px;height: 20px;position: absolute;top: 5px;right: 5px;color: #ccc;border: 1px solid #ccc;text-align: center;} .float_window img{width: 200px;height: 200px;} /*返回顶部 */ .gotop{ position: fixed; bottom: 50px; right: 50px; width: 70px; height: 70px; background-image: url(images/gotop_01.png); background-repeat: no-repeat; z-index: 10; _position:absolute; _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||15)); _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||50))) } .gotop:hover{ background: url(images/gotop_02.png); background-repeat: no-repeat; } .kindeditor_flv{ margin: 0 auto; width: 60px; height: 60px; display: block; background-image: url(../../common/kindeditor/plugins/ckplayer/assets/images_Pause_Scgedyke.png); background-repeat: no-repeat; text-align: center; } .ke-content table{width: 100%!important} /*工作列表*/ .job_type_address{ display: block; width: 100%; overflow: hidden; padding-top: 14px; } .job_type,.job_address{ float: left; display: block; overflow: hidden; margin: 10px 20px 0 0; } .job_type span,.job_address span{ float: left; font-weight: bold; } .job_type a,.job_address a{ float: left; padding: 0 10px; margin-right: 5px; } .job_type a.active,.job_type a:hover,.job_address a.active,.job_address a:hover{ background-color: #2C89FF; color: #FFF; }