html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family:'microsoft yahei',simsun,tahoma,arial; font-size:12px; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a{text-decoration:none;outline:none; transition:all 0.7s linear; -webkit-transition:all 0.7s linear; -moz-transition:all 0.7s linear; -ms-transition:all 0.7s linear; } img{vertical-align:middle;} input:text{outline:none;outline-style:none;-webkit-appearance: none;} *{-webkit-tap-highlight-color: rgba(0,0,0,0);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} s{text-decoration:none;} ::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2} ::-webkit-scrollbar{width:5px;height:6px} ::-webkit-scrollbar-thumb{height:50px;background-color:#0752a4;} ::-webkit-scrollbar-thumb:hover{background:#0752a4} ::selection { background:#0752a4; color: #fff; } .clear{clear:both;} @font-face { font-family: 'futura_bk_btbook'; src: url('../fonts/futura-webfont.eot'); src: url('../fonts/futura-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-webfont.woff2') format('woff2'), url('../fonts/futura-webfont.woff') format('woff'), url('../fonts/futura-webfont.ttf') format('truetype'), url('../fonts/futura-webfont.svg#futura_bk_btbook') format('svg'); font-weight: normal; font-style: normal; } html,body{ background:#fff; } .clearfix:before,.clearfix:after{ display:table; content: ""; } .header{ position:fixed; background:#fff; top:0;left:0;width:100%; height:80px;min-width:1170px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,.2); box-shadow:0 5px 10px rgba(0,0,0,.2); z-index:99999; } .header .header-bg{ position:absolute; top:75px;left:0;width:100%;height:0px; background:url(../img/header_bg.jpg) no-repeat; opacity:0.8; filter:alpha(opacity-80); -moz-opacity:0.8; background-size:100% 100%; } .header .header-container{ position:relative; width:1170px; margin:0 auto; padding:0; } .header .header-container .logo{ position:absolute; top:8px; left:0; } .header .header-container .logo a{ display:block; width:162px; height:67px; background:url(../img/logo.jpg); overflow:hidden; text-indent:-1000px; } .header .header-container .nav{ margin-left:200px; height:80px; } .header .header-container .nav>ul>li{ float:left; position:relative; width:120px; line-height:80px; text-align:center; } .header .header-container .nav>ul>li>a{ color:#013051; font-size:15px; } .header .header-container .nav>ul>li>a>span{ display:block; line-height:20px; margin-top:-30px; text-transform:uppercase; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; font-size:12px; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; } .header .header-container .nav>ul>li>a:hover span{ opacity:1; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; } .header .header-container .nav .sub-nav{ position:absolute; top:67px; left:0; z-index:99999; background:none; margin-top:8px; border:1px solid #ccc; width:100%; height:0; display:none; } .header .header-container .nav>ul>li:hover .sub-nav{ background:#0e75e6; } .header .header-container .nav .sub-nav li{ line-height:25px;opacity:0; } .header .header-container .nav .sub-nav li.top{ padding-top:30px; } .header .header-container .nav .sub-nav li>a{ font-size:12px; color:#fff; } .header .header-container .nav .gupiao{ display:block; width:100px; background:url(../img/gupiao.png) no-repeat left center; background-size:20px 20px; font-size:15px; text-align:center; } .header .header-container .language{ position:absolute; top:25px;right:15px; width:112px; height:32px; zoom:1;overflow:hidden; } .header .header-container .language ul li{ float:left; } .header .header-container .language .lnk-en{ display:block; width:30px;height:26px; background:url(../img/lnk-en.jpg) no-repeat; overflow:hidden;text-indent:-1000px; transition:none; } .header .header-container .language .lnk-en:hover{ background:url(../img/lnk-en1.jpg) no-repeat; } .header .header-container .language .lnk-cn{ display:block; width:30px;height:26px; background:url(../img/lnk-cn.jpg) no-repeat; overflow:hidden;text-indent:-1000px; transition:none; } .header .header-container .language .lnk-cn:hover{ background:url(../img/lnk-cn1.jpg) no-repeat; } .footer{ position:relative; padding-top:40px; padding-bottom:10px; background:url(../img/footerbg.jpg) no-repeat; background-size:cover; z-index:99999; width:100%; min-width:1170px; } .footer .footer-container{ margin:0 auto; width:1170px; height:278px; } .footer .footer-container .footer-top{ position:relative; margin-bottom:30px; height:180px; clear:all; } .footer .footer-container .footer-top .footer-topleft{ position:relative; } .footer .footer-container .footer-top .footer-topleft .footer-menu{ float:left; margin-right:40px; min-width:140px; } .footer .footer-container .footer-top .footer-topleft .footer-menu li a{ color:#b3b3b3; margin-bottom:10px; display:block; text-transform:capitalize; font-size:12px; } .footer .footer-container .footer-top .footer-topleft .footer-menu li a span{ display:none; } .footer .footer-container .footer-top .footer-topleft .footer-menu .first{ color:#fff; font-size:14px; text-transform:uppercase; } .footer .footer-container .footer-top .footer-topleft .footer-menu .first a{ color:#fff; } .footer .footer-container .footer-top .footer-topright{ float:right; } .footer .footer-container .footer-top .footer-topright .form{ position:relative; } .footer .footer-container .footer-top .footer-topright .form p{ color:#fff;font-size:14px; text-transform:uppercase; font-family:'futura_bk_btbook','microsoft yahei',simhei,arial; margin-bottom:20px; } .footer .footer-container .footer-top .footer-topright .form .input_email{ height:30px; padding:7px 5px; color:#a3a3a3; border:1px solid #bbb; outline:none;width:200px; } .footer .footer-container .footer-top .footer-topright .form .button_email{ position:absolute;right:-50px;bottom:0; width:50px;height:30px;line-height:30px; background:#0752a4;color:#fff; display:block; border:none;outline:none; text-align:center; } .footer .footer-container .footer-top .footer-topright .follow{ margin-top:25px; font-family:'futura_bk_btbook','microsoft yahei',simhei,arial; } .footer .footer-container .footer-top .footer-topright .follow p{ color:#fff; font-size:14px; text-transform:uppercase; margin-bottom:10px; } .footer .footer-container .footer-top .footer-topright .follow ul li{ float:left; margin-right:10px; position:relative; } .footer .footer-container .footer-top .footer-topright .follow ul li a{ display:block; width:25px;height:20px; } .footer .footer-container .footer-top .footer-topright .follow ul li .weibo{ background:url(../img/weibo.png) no-repeat; background-size:cover; } .footer .footer-container .footer-top .footer-topright .follow ul li .weixin{ background:url(../img/weixin.png) no-repeat; background-size:cover; } .footer .footer-container .footer-top .footer-topright .follow ul li .weixin-qrcode{ position:absolute; width:90px;height:90px; top:50px;left:0;opacity:0; filter:alpha(opacity=0);-moz-opacity:0; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; z-index:99999; } .footer .footer-container .footer-top .footer-topright .follow ul li:hover .weixin-qrcode{ top:30px;opacity:1; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; } .footer .footer-container .footer-top .footer-topright .follow ul li .weixin-qrcode img{ width:100%;height:100%; } .footer .footer-container .footer-bottom{ border-top:1px solid #333; padding-top:10px; line-height:20px; height:45px; color:#ccc; } .footer .footer-container .footer-bottom .copyright{ font-family:'futura_bk_btbook','microsoft yahei',simhei; } .footer .footer-container .footer-bottom .beian{ padding-left:15px; } .footer .footer-container .footer-bottom .links{ line-height:30px; color:#ccc; } .footer .footer-container .footer-bottom .links a{ color:#ccc; } .container{ max-width:1920px;min-width:1170px; margin:0 auto; } .container .section{ position:relative; padding:20px 0; } .container .section .section-container{ width:1170px;margin:0 auto; } .section-header .section-title{ color:#1f2a44;text-transform:uppercase; font-family:'futura_bk_btbook'; font-size:36px;letter-spacing: .25px; text-align:center;padding:20px 0; } .section-header .section-subtitle{ position:relative; font-size:16px;margin-top:10px;padding-bottom:20px; text-align:center; } .section-header .section-subtitle:after{ content:'';background:#0752a4; position:absolute;width:50px;height:2px; left:50%;margin-left:-25px;bottom:0; } .section-content{ position:relative; padding:0 15px; } .banner{ padding-top:80px; height:300px; text-align:center; overflow:hidden; } /* about */ .about-content{padding:30px 0;zoom:1;overflow:hidden;} .about-content .movie{ float:left;width:50%; height:400px; } .about-content .about{ float:left;width:50%; margin:0 auto; } .about-content .about p{ font-size:14px;line-height:24px;color:#666; margin-bottom:20px; } .about-content .about .more a{ display:block; width:130px;height:45px;line-height:45px; background:#0752a4;color:#fff; text-transform:capitalize;margin:0 auto; text-align:center; } .about-content .about .more a:hover{ box-shadow:0 -100px 0 0 #000 inset; color:#fff; } .concept-section{ padding-bottom:0px !important; } .concept-section .concept-items{ zoom:1;overflow:hidden; } .concept-section .concept-items .concept-item{ position:relative; float:left; width:50%;padding-right:10px; height:450px; } .concept-section .concept-items .concept-item .img{ position:absolute;top:0;left:5px;right:5px;bottom:0; overflow:hidden;text-align:center;line-height:440px; } .concept-section .concept-items .concept-item .img img{ width:100%;height:100%; } .concept-section .concept-items .concept-item .item-content{ position:absolute;top:0;left:5px;right:5px;bottom:0; background:rgba(0,0,0,.3); transition:all 0.7s linear; -webkit-transition:all 0.7s linear; -moz-transition:all 0.7s linear; -ms-transition:all 0.7s linear; } .concept-section .concept-items .concept-item:hover .item-content{ background:url(0,0,0,0); transition:all 0.7s linear; -webkit-transition:all 0.7s linear; -moz-transition:all 0.7s linear; -ms-transition:all 0.7s linear; } .concept-section .concept-items .concept-item .item-content .item-title{ position:relative; padding-top:18%; text-align:center;font-size:28px;color:#fff; letter-spacing:3px;padding-bottom:20px; } .concept-section .concept-items .concept-item .item-content .item-title:after{ position:absolute;left:50%;width:50px;margin-left:-25px; height:5px;background:#0752a4;bottom:0;content:''; } .concept-section .concept-items .concept-item .item-summary{ font-size:15px;color:#fff; width:70%;margin:0 auto;line-height:22px;letter-spacing:2px; margin-top:20px; } .speech-section{ padding-top:0 !important; background:url(../img/bg_team.jpg) no-repeat; background-size:cover; } .speech-section .section-header{ padding-top:30px; } .speech-section .speech-items{ zoom:1;overflow:hidden; } .speech-section .speech-items .speech-item{ float:left;width:50%; } .speech-section .speech-items .speech-item .gy-img{ width:230px;height:230px; border-radius:50%;overflow:hidden; margin-left:10%; } .speech-section .speech-items .speech-item .gy-text{ margin-top:10px; } .speech-section .speech-items .speech-item .gy-text .gy-text-title{ position:relative; font-size:20px;line-height:35px;color:#333; margin:0 0 8px 0;font-weight:normal; } .speech-section .speech-items .speech-item .gy-text .gy-text-title:after{ position:absolute;width:75px;height:1px; background:#666;left:0;bottom:-15px; content:''; } .speech-section .speech-items .speech-item .gy-text .gy-content{ margin-top:30px;font-size:14px;line-height:25px;color:#666; width:90%; } .speech-section .speech-items .speech-item .gy-text .gy-qm{ margin-top:10px; } .speech-section .speech-items .speech-item.right .img{ width:90%; padding-top:200px; } .honor-section .btns{ margin-top:40px;text-align:center; } .honor-section .btns .btn{ display:inline-block; width:150px;height:45px;line-height:45px; text-align:center;background:#e5e5e5;color:#333; } .honor-section .btns .btn.on{ background:#0752a4; color:#fff; } .honor-section .honor-items{ position:relative;margin-top:20px; zoom:1;overflow:hidden; } .honor-section .honor-items .honor-item{ float:left;position:relative; width:360px;height:280px; margin:10px; } .honor-section .honor-items .honor-item .img{ height:210px; text-align:center; } .honor-section .honor-items .honor-item .img img{ box-shadow:0 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.2); } .honor-section .honor-items .honor-item .item-title{ text-align:center;margin-top:10px; padding:0 37px; } .history-section{ background:url(../img/h01.jpg) no-repeat; background-size:cover; height:800px; } .history-section .section-title{ color:#fff !important; } .history-section .section-subtitle{ color:#fff !important; } .brand-section{ padding-top:100px !important;padding-bottom:20px !important; } .brand-section .section-container{ position:relative; zoom:1;overflow:hidden; } .brand-section .section-container .brand-left{ width:50%;float:left; } .brand-section .section-container .brand-left .img{ border:5px solid transparent; transition:all 0.7s linear; -webkit-transition:all 0.7s linear; -moz-transition:all 0.7s linear; -ms-transition:all 0.7s linear; } .brand-section .section-container .brand-left .img:hover{ border-color:#0752a4; transition:all 0.7s linear; -webkit-transition:all 0.7s linear; -moz-transition:all 0.7s linear; -ms-transition:all 0.7s linear; } .brand-section .section-container .brand-right{ width:50%;float:left; padding-left:30px; } .brand-section .section-container .brand-right .section-header .section-title, .brand-section .section-container .brand-right .section-header .section-subtitle{ text-align:left !important; } .brand-section .section-container .brand-right .section-header .section-subtitle:after{ left:0 !important; margin-left:0; } .brand-section .section-container .brand-right .brand-content{ margin-top:20px; } .brand-section .section-container .brand-right .brand-content p{ font-size:14px;line-height:26px; } /**contact*/ .section-contact1 .map-row{ margin-bottom:80px; height:auto; zoom:1;overflow:hidden; } .section-contact1 .map-row .map1{ float:left; width:41.6667%; position:relative;margin-top:40px;height:auto; /*opacity:0;-moz-opacity:0;-khtml-opacity:0; filter:alpha(opacity=0);*/ } .section-contact1 .map-row .map1 .map-title{ width:65%;height:auto;padding:10px 0; background:url(../img/mapmd_nm1.png) right center no-repeat; color:#fff;font-size:15px;padding-left:20px; letter-spacing:2px;margin-left:0;margin-top:20px; } .section-contact1 .map-row .map1 .map-content .company-main{ height:30px;line-height:30px; background:#e5e5e5;color:#333;text-align:center; margin-top:5px;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; } .section-contact1 .map-row .map1 .map-content .company-feng{ height:auto; } .section-contact1 .map-row .map1 .map-content .company-feng .feng-item{ float:left;width:48%;height:30px;line-height:30px; background:#e5e5e5;color:#333;text-align:center; margin-top:5px;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; } .section-contact1 .map-row .map1 .map-content .company-feng .feng-item.odd{ margin-right:4%; } .section-contact1 .map-row .map2{ float:left; position:relative; height:auto;width:58.33333%; /*opacity:0;-moz-opacity:0;-khtml-opacity:0; filter:alpha(opacity=0);*/ } .section-contact1 .map-row .map2 .maps{ position:relative; height:530px; } .section-contact1 .map-row .map2 .maps .map-dian{ position:absolute;width:20px;height:20px; } .section-contact2 .content1{ margin-top:30px;margin-bottom:20px; font-size:12px;color:#666;line-height:24px; background:#f2f2f2;padding:30px; } .section-contact2 .content1 p{ letter-spacing:2px; } .section-contact2 .content2{ position:relative; margin-top:30px; zoom:1;overflow:hidden; } .section-contact2 .content2 .contact-item-wrapper{ float:left;width:25%; padding:0 15px; } .section-contact2 .content2 .contact-item-wrapper.first{ padding-left:0; padding-right:10px; } .section-contact2 .content2 .contact-item-wrapper.last{ position:absolute;right:0; padding-right:0; } .section-contact2 .content2 .contact-item-wrapper .contact-item{ position:relative; background:#f3f3f3; padding:20px 20px; text-align:center; height:238px; } .section-contact2 .content2 .contact-item-wrapper .contact-item .contact-img{ font-size:18px;color:#666; border-bottom:1px solid #bbb; padding-bottom:20px;margin-bottom:30px; text-transform:uppercase; } .section-contact2 .content2 .contact-item-wrapper .contact-item .contact-img span{ width:30px;display:block;margin:0 auto; } .section-contact2 .content2 .contact-item-wrapper .contact-item .contact-title{ font-size:18px;font-weight:600; color:#0752a4;margin-bottom:10px;line-height:24px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; } .section-contact2 .content2 .contact-item-wrapper .contact-item .contact-attr{ font-size:12px;color:#666;line-height:24px; } .section-contact2 .content3{ position:relative; margin-top:30px; margin-bottom:30px; overflow:hidden;zoom:1; background:#f3f3f3; height:440px; padding:10px 0; } .section-contact2 .content3 .form{ position:absolute; left:0;width:50%; } .section-contact2 .content3 .form .title{ font-size: 16px; line-height: 22px; color: #333; padding-left:15px; font-weight:300; } .section-contact2 .content3 .form .form-item{ margin:0 15px; margin-bottom:8px; height:30px;line-height:30px; zoom:1;overflow:hidden; font-size:14px;color:#333; } .section-contact2 .content3 .form .form-item dt{ float:left;width:100px; } .section-contact2 .content3 .form .form-item dd{ padding-left:100px; } .section-contact2 .content3 .form .form-item .input{ border:1px solid #ccc; width:80%;height:28px;line-height:28px; } .section-contact2 .content3 .form .form-item .select{ border:1px solid #ccc; height:28px;line-height:28px; } .section-contact2 .content3 .form .form-item button{ border:none;outline:none; background:#4d4d4d; color:#fff;padding:8px 25px; } .section-job1{ background:#f4f4f4; } .section-job1 .job-wrapper{ position:relative; zoom:1;overflow:hidden; margin-top:50px; } .section-job1 .job-wrapper .job-item{ float:left;width:50%; padding:0 15px; } .section-job1 .job-wrapper .job-item .text p{ line-height:25px;letter-spacing:1px; } .section-job1 .job-wrapper .job-item .text .conceptline{ border-left:2px solid #e5e5e5; height:80px; } .section-job1 .job-wrapper .job-item .text .conceptline .line{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;font-size:20px; color:#333;margin-top:50px;margin-bottom:0px;margin-left:50px; } .section-job1 .job-wrapper .job-item .text .conceptline .line2{ font-size:16px;color:#808080; margin-top:10px;margin-left:50px; } .section-job2 .job-lists{ position:relative;zoom:1;overflow:hidden; } .section-job2 .job-lists .job-item{ position:relative;float:left; width:360px;margin:30px 10px 0 10px; height:400px; } .section-job2 .job-lists .job-item .img{ width:60px; margin:0 auto; } .section-job2 .job-lists .job-item .img img{ width:100%;height:100%; } .section-job2 .job-lists .job-item .item-content{ margin-top:20px; } .section-job2 .job-lists .job-item .item-content .item-title{ position:relative; font-size:16px;text-align:center;text-transform:uppercase; padding-bottom:15px; } .section-job2 .job-lists .job-item .item-content .item-title:after{ position:absolute;bottom:0;left:50%;width:50px;height:2px; background:#0752a4;margin-left:-25px;content:''; } .section-job2 .job-lists .job-item .item-content .item-attr{ text-align:center;margin-top:20px; color:#666;line-height:22px; } .section-job2 .job-lists .job-item .item-content .more{ margin-top:20px;text-align:center; } .section-job2 .job-lists .job-item .item-content .more a{ color:#0752a4;text-transform:capitalize; } .section-service1 .service-content{ position:relative;zoom:1;overflow:hidden; } .section-service1 .service-content-wrapper{ float:left;width:25%;padding:0 15px; } .section-service1 .service-content-wrapper .service-item{ position:relative;margin-bottom:80px; } .section-service1 .service-content-wrapper .service-item .img{ width:50%; text-align:center; display:block;margin:0 auto; } .section-service1 .service-content-wrapper .service-item .img img{ width:100%; } .section-service1 .service-content-wrapper .service-item .item-title{ font-size:22px;line-height:36px; padding-top:20px;margin-bottom:20px;text-align:center; } .section-service1 .service-content-wrapper .service-item .item-text{ font-size:12px;color:#666;line-height:22px; height:65px;overflow:hidden; } .section-service2{ background:url(../img/ser04_bg.png) no-repeat; background-size:cover;padding-bottom:80px; } .section-service2 .service-content{ position:relative; zoom:1;overflow:hidden; padding-top:30px; } .section-service2 .service-content .design-item{ position:relative;float:left; width:50%;height:230px;overflow:hidden; background:#fff; } .section-service2 .service-content .design-item .item-title{ font-size:16px;line-height:32px; width:50%;margin-left:50px; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;padding-top:25px; color:#0752a4;font-weight:600; } .section-service2 .service-content .design-item .summary{ font-size:13px;line-height:32px;width:75%;white-space:nowrap; text-overflow:ellipsis;padding-bottom:10px;margin-left:50px; } .section-service2 .service-content .design-item .item-content{ width:90%;line-height:20px;color:#666; overflow:hidden;margin-left:50px; } .section-service3 .service-content{ position:relative;zoom:1;overflow:hidden; padding-top:30px; } .section-service3 .service-content .price-item{ float:left;width:50%; } .section-service3 .service-content .price-item p{ line-height:25px;margin-top:25px; padding:0 10px; } .section-service4{ background:#fafafa; } .section-service4 .service-content{ position:relative;zoom:1;overflow:hidden; padding-top:30px; } .section-service4 .service-content .wz-item{ float:left;width:50%;height:250px; overflow:hidden; } .section-service4 .service-content .wz-item p{ padding:0 15px;color:#333; line-height:24px;margin-bottom:10px; } .section-service5{ background:#f2f2f2; border-bottom:1px solid #fff; padding-top:80px !important;padding-bottom:20px !important; } .section-service5 .service-content{ position:relative;zoom:1;overflow:hidden; padding-top:30px; } .section-service5 .service-content .left-content{ float:left;width:58%;padding:0 15px; } .section-service5 .service-content .left-content .service-item{ width:90%;margin:0 auto; } .section-service5 .service-content .left-content .service-item .item-title{ position:relative; font-size:16px;font-weight:600; } .section-service5 .service-content .left-content .service-item .item-title:after{ position:absolute;width:30px;height:2px; background:#0752a4;bottom:-20px;left:0;content:''; } .section-service5 .service-content .left-content .service-item .item-content{ line-height:22px;color:#666; margin-top:40px;margin-bottom:10px; } .section-service5 .service-content .right-content{ float:left;width:42%;padding:0 15px; } .section-service5 .service-content .right-content .service-form{ margin-top:10px; } .section-service5 .service-content .right-content .service-form .form-title{ font-size:18px;line-height:22px;color:#333; } .section-service5 .service-content .right-content .service-form .form-item{ margin-top:10px; } .section-service5 .service-content .right-content .service-form .form-item .input{ border:1px solid transparent;background:#ccc;padding:2px; box-shadow:none;outline:none;width:370px;height:50px;padding-left:15px; letter-spacing:1px; } .section-service5 .service-content .right-content .service-form .form-item .input:focus{ background:#4d4d4d;border-bottom:2px solid #0752a4; color:rgb(153,153,153); } .section-service5 .service-content .right-content .service-form .form-item .textarea{ height:100px !important;line-height:20px;padding-top:10px; } .section-service5 .service-content .right-content .service-form .form-item button{ width:150px;height:50px;line-height:50px; background:#4d4d4d;border:1px solid transparent; color:#fff;letter-spacing:1px;outline:none; border-bottom:2px solid #0752a4; transition:color .6s,border-color .6s, background-color .6s,padding .6s; } .section-news .news-list{ position:relative;zoom:1;overflow:hidden; padding:30px 0; } .section-news .news-list .news-item{ position:relative;float:left; width:360px;height:344px; padding-left:15px;margin-left:15px;margin-bottom:50px; background: url(../img/border-vertical.gif) repeat-y left top transparent; } .section-news .news-list .news-item .img{ position:relative; width:345px;height:181px; } .section-news .news-list .news-item .img img{ width:100%;height:100%; } .section-news .news-list .news-item .item-title{ margin-top:20px; font-size:15px; } .section-news .news-list .news-item .summary{ color:#666;margin-top:15px;line-height:22px; height:40px;overflow:hidden; } .section-news .news-list .news-item .more{ margin-top:20px; } .section-news .news-list .news-item .more a{ color:#666;padding-left:15px;line-height:20px; display:block;background:url(../img/icon01.png) no-repeat left center; } .section-case{ padding:20px 0; } .section-case .case-navs{ margin:20px 0; } .section-case .case-navs .case-nav-items{ text-align:center; } .section-case .case-navs .case-nav-items .case-nav-item{ display:inline-block; position:relative;margin-right:30px; } .section-case .case-navs .case-nav-items .case-nav-item a{ color:#333;padding-left:60px;text-transform:uppercase; font-size:18px; } .section-case .case-navs .case-nav-items .case-nav-item a:after{ position:absolute;left:15px;top:12px;height:1px;background:#000; display:block;width:40px; content:'';zoom:1; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transition-property:transform,background; -webkit-transition-property:-webkit-transform,background; -moz-transition-property:-moz-transform,background; -ms-transition-property:-ms-transform,background; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); -moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); -ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); } .section-case .case-navs .case-nav-items .case-nav-item a:hover:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); filter:progid:DXImageTransform.Microsoft.Matrix( M11=$m11, M12=$m12, M21=$m21, M22=$m22, sizingMethod='auto expand'); zoom:1; background:#0752a4; } .section-case .case-navs .case-nav-items .case-nav-item.on a{ color:#0752a4; } .section-case .case-navs .case-nav-items .case-nav-item.on a:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); filter:progid:DXImageTransform.Microsoft.Matrix( M11=$m11, M12=$m12, M21=$m21, M22=$m22, sizingMethod='auto expand'); zoom:1; background:#0752a4; } .section-case .content-more{ text-align:center; } .section-case .content-more a{ display:block;width:150px;height:40px;line-height:40px; background:#0752a4;color:#fff;text-align:center; margin:0 auto; } .section-case .case-slider{ padding:20px 0; height:300px;overflow:hidden; } .section-case .case-slider .slider .case-item{ width:460px;height:280px; } .section-case .case-slider .slider .case-item .img{ position:relative; width:380px;height:210px; margin:0 auto; overflow:hidden; } .section-case .case-slider .slider .case-item .img img{ width:100%;height:100%; } .section-case .case-slider .slider .case-item:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; } .section-case .case-slider .slider .case-item .img .item-desc{ position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.5); opacity:0; -moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0); transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; } .section-case .case-slider .slider .case-item:hover .img .item-desc{ transition:all 0.4 linear; -webkit-transition:all 0.4 linear; -moz-transition:all 0.4 linear; -ms-transition:all 0.4 linear; opacity:1; } .section-case .case-slider .slider .case-item .img .item-desc p{ color:#fff; padding:20px;letter-spacing:1px;line-height:20px; } .section-case .case-slider .slider .case-item .item-title{ padding:10px 0;background:#fff; color:#0752a4;font-size:16px; letter-spacing:1px;text-align:center; } .section-case .case-wrapper{ position:relative; zoom:1;overflow:hidden; } .section-case .case-wrapper .case-submenu{ float:left; width:195px;padding:0 15px; } .section-case .case-wrapper .case-submenu .sub-item a{ color:#337ab7;line-height:25px;height:25px; } .section-case .case-wrapper .case-submenu .sub-item a.on{ color:#000;font-size:16px; } .section-case .case-list{ float:left;width:945px;padding:0 10px; position:relative;zoom:1;overflow:hidden; } .section-case .case-list .case-item-wrapper{ float:left;width:33%;padding:15px; } .section-case .case-list .case-item-wrapper .case-item{ text-align:center;height:40px;line-height:40px;font-size:12px; display:table;width:100%;margin-bottom:30px; /*position:relative;top:100px; opacity:0;-moz-opacity:0;-khtml-opacity:0;*/ } .section-case .case-list .case-item-wrapper .case-item a{ display:table-cell;width:100%;height:40px; background-color:#ccc;line-height:15px; vertical-align:middle;text-align:center; color:#666;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -ms-transition:all .4s linear; } .section-case .case-list .case-item-wrapper .case-item a:hover{ background:#0752a4;color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); } .section-news .section-content .news-title{ font-size:22px;line-height:30px;color:#000; letter-spacing:1px;text-align:center;margin-top:20px; } .section-news .section-content .news-attr{ line-height:30px;text-align:center;padding-top:10px;font-size:12px; color:#4c4c4c;margin:0 auto; } .section-news .section-content .news-content{ padding-top:25px;font-size:12px;color:#4c4c4c; margin-bottom:40px;zoom:1;overflow:hidden; line-height:30px; } .section-news .section-content .news-content p{ text-align:justify; } .section-news .section-content .news-content img{ max-width:100%; } .section-news .section-content .back{ margin-top:40px; } .section-news .section-content .back a{ display:block;width:130px;height:40px;line-height:40px; background:#0752a4;color:#fff;text-align:center; margin:0 auto;text-transform:uppercase; } .job-detail{ padding-top:80px !important; } .job-detail .section-content{ padding:50px 0; } .job-detail .section-content .job-title{ height:35px;line-height:35px;color:#333;font-size:14px;font-weight:bold; text-align:left;border-bottom:1px dashed #ddd; } .designcase-detail .case-list{ position:relative;zoom:1;overflow:hidden; padding:25px 10px;margin-bottom:120px; } .designcase-detail .case-list .case-item{ float:left;width:19.9%;margin-left:0.05%;margin-right:0.05%; } .designcase-detail .case-list .case-item .img img{ width:100%;height:100%; } .designcase-detail .case-list .case-item .item-title{ font-size:17px;color:#727171;height:30px;line-height:30px; text-align:center;margin:15px 0; } .designcase-detail .case-list .case-item .summary{ color:rgb(7, 82, 164);font-size:13px;font-weight:600; padding-right:8px;overflow:hidden; padding-left:10%;height:25px;line-height:25px; } .designcase-detail .case-list .case-item .item-content{ font-size:13px;color:rgb(148, 149, 149); line-height:25px;padding-left:10%;width:80%; display:none; } .news-detail{ padding-top:120px !important; } .news-detail .news-title{ text-align: center; font-size: 22px; color: #333; line-height: 35px; margin-bottom: 20px; } .news-detail .news-content{ line-height:22px; } .news-detail .news-content p{ margin:15px auto; } .zpxxnrbody{ width:auto;border-bottom:1px #ddd dashed; padding-top:20px; padding-bottom:20px; padding-left:12px; padding-right:10px;} .zpxxnrbodynr{ width:200px; height:50px; float:left; margin-right:30px;} .zpxxnrbodynrs{ width:auto; height:auto;} .zpxxnrbodynrsz{ width:100px; height:25px; line-height:25px;font-size:12px; float:left;color:#666; text-transform:capitalize;} .zpxxnrbodynrsy{ width:100px; float:right; height:25px; line-height:25px;font-size:12px;text-transform:capitalize;} .zxzpnr{ line-height:25px;padding-top:30px;} #timeline{width:1120px;height:400px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url(../img/licbg.png) left 340px repeat-x;} #dates{width:1120px;overflow:hidden;margin-top:20px;} #dates li{float:left;width:94px;height:90px;font-size:16px;text-align:center;} #dates a{color:#fff;width:94px;height:90px;line-height:130px;display:block;} #dates .selected{font-size:18px;font-weight:bold;background:url(../img/licbgt.png) no-repeat center top;} #issues{width:1120px;height:218px;overflow:hidden;} #issues li{width:1120px;height:218px;list-style:none;float:left;} #issues li img{text-align:center;display:block;margin:0 auto;} #next,#prev{position:absolute;font-size:100px;font-family:"宋体";top:90px;width:100px;height:100px;text-align:center;line-height:100px;overflow:hidden;color:#fff;} #next{right:0;} #prev{left:0;} #next.disabled,#prev.disabled{opacity:0.2;} .lishi_div{ width:1000px; height:218px; margin:auto; } .ls_xian{ width:90px; height:218px; float:left; background:url(../img/ls_xian.png) top center no-repeat; } .ls_nr{ width:900px; height:218px; float:right; } .ls_name{ height:30px; line-height:30px; font-size:22px; color:#fff; font-weight:bold; margin-top:20px; text-align:center; } .ls_dx{ width:40px; height:2px; background:#fff; margin-left:0; margin:0 auto; margin-top:10px; } .ls_wzjs{ height:auto; margin-top:10px; } .ls_wzjs p{ line-height:25px; font-size:12px; color:#fff; } .ls_nr1{ width:610px; height:218px; float:left; padding-left:20px; } .ls_nr2{ width:270px; height:218px; float:right; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .page{ margin-top: 40px; text-align:center; } .page a{ display:inline-block; padding:8px; background:#ddd; color:#fff; } .page a:hover{ background:#333; color:#fff; } .page a.selected{ background-color: #000; } .fixednav{ position:fixed; width:121px;top:20%; right:5px; z-index:9999; display:none;} .fixednav .service-top{position:relative;width:121px;height:154px;background:url(../img/service_top.png) no-repeat;} .fixednav .service-top .phone{position:absolute;left:0;right:0;bottom:5px;text-align:center;color:#fff;font-size:14px;line-height:22px;} .fixednav .content{padding:8px;background:#0b70b8;} .fixednav .content a{font:13px/30px 'microsoft yahei',simsun; display:block;margin:0 auto;margin-bottom:8px;border-radius:5px;width:95px;height:30px;line-height:30px;padding-left:25px; font-weight:bold; color:#ffffff;background:#91bfdf url(../img/qq_service_ico.png) no-repeat 5px center;} .fixednav .service-bottom{width:121px;height:61px;background:url(../img/service_bottom.png) no-repeat;}