* { margin: 0; padding: 0; } body { font: 14px/22px "Microsoft YaHei", arial, serif; background: #fff; } a, a:link, a:visited { text-decoration: none; } button, img { border: none; } .page { max-width: 1920px; min-width: 1200px; margin: 0 auto; } .header { max-width: 1920px; min-width: 1200px; margin: 0 auto; width: 100%; height: 95px; position: fixed; box-shadow: 1px 1px 4px #222; background: #fff url("../images/header_line.png") repeat-x left bottom; z-index: 9999; } .header-middle { margin: 0 auto; width: 1200px; height: 100%; } .logo { width: 165px; height: 100%; float: left; margin-left: 20px; background: url("../images/logo_new.png") no-repeat center center; } .menu { float: right; width: auto; height: 100%; padding-right: 60px; } .menu_list { height: 100%; } .menu .menu_list li { float: left; padding: 32px 30px; display: inline; } .menu li a { color: #4d4d4d; font-size: 18px; line-height: 32px; display: block; } .menu .hover, .menu li a:hover { color: #22AADF; border-bottom: 2px solid #22AADF; } .mainbox { max-width: 1920px; min-width: 1200px; margin: 0 auto; width: 100%; height: auto; background: #fff; padding-top: 95px; overflow: hidden; } .show-maincontent { width: 100%; height: 601px; background: #fff; overflow: hidden; } .show-maincontent-content { overflow: hidden; width: 100%; height: 601px; position: relative; background: #fff; } .show-maincontent-banner { overflow: hidden; width: 100%; height: 601px; } .show-maincontent-banner li { display: block; position: absolute; max-width: 1920px; width: 100%; min-width: 1200px; height: 601px; text-align: center; } .show-maincontent-banner .smask { z-index: -1; } .show-maincontent-banner .img01 { background: url("../images/content_bg_01.png") no-repeat center center; } .show-maincontent-banner .img02 { background: url("../images/content_bg_02.png") no-repeat center center; } .show-maincontent-banner .img03 { background: url("../images/content_bg_03.png") no-repeat center center; } .show-maincontent-nav { overflow: hidden; width: 48px; height: 8px; position: absolute; top: 626px; z-index: 5; } .show-maincontent-nav li { display: block; float: left; width: 15px; cursor: pointer; height: 8px; text-align: center; margin-left: 1px; background: #666; color: #fff; } .show-maincontent-nav .current { background: #347e0d; } .show-download { width: 100%; height: 280px; margin-top: 50px; } .show-download-content { margin: 0 auto; width: 1200px; height: 100%; } .show-download-content .andriod, .show-download-content .ios, .show-download-content .winp { float: left; width: 560px; height: 100%; text-align: center; } .show-download-content span { font-size: 30px; color: #626262; line-height: 50px; margin-bottom: 10px; } .show-download-content img { margin-top: 10px; } .show-download-content p { padding: 15px 152px; text-indent: 32px; font-size: 15px; line-height: 30px; text-align: left; color: #7c7c7c; } .product-intro { width: 100%; height: 280px; background: #f3f3f3; } .product-intro-middle { margin: 0 auto; width: 1200px; height: 100%; } .product-intro-content { width: 950px; height: 100%; float: left; } .product-intro-icon { width: 250px; float: left; text-align: center; padding-top: 60px; } .product-intro-content span { width: 114px; height: 70px; background: url(../images/product_intro_button.png) no-repeat center center; display: inline-block; line-height: 70px; color: #fff; font-size: 20px; text-align: center; } .product-intro-content p { font-size: 16px; font-family: "微软雅黑"; color: #333333; line-height: 44px; text-indent: 44px; } .case-display { margin: 0 auto; width: 1200px; height: 520px; padding-bottom: 50px; } .case-display-title { width: 1200px; height: 70px; } .case-display-title span { width: 114px; height: 70px; background: url(../images/case_display_button.png) no-repeat center center; display: inline-block; line-height: 70px; color: #fff; font-size: 20px; text-align: center; } .case-display-content { width: 1200px; height: 420px; text-align: center; vertical-align: middle; overflow: hidden; padding: 15px 0px; } .case-display-content img { } .mkeLbtn { width: 100px; height: 256px; padding-top: 164px; float: left; } .mkeLbtn img, .mkeRbtn img { cursor: pointer;} .mkeUl { float: left; width: 1000px; height: 420px; overflow: hidden; position: relative; } .mkeUl ul { width: 1000px; height: 420px; position: absolute; left: 0px; top: 0px; } .mkeUl li { float: left; width: 1000px; height: 420px; text-align: center; list-style: none; } .mkeRbtn { width: 100px; height: 256px; padding-top: 164px; float: left; } .mkeNum { background: #FFF url(../images/banNum.jpg) no-repeat center bottom; height: 35px; width: 100px; position: relative; top: 180px; font: 14px Arial; } .mke_ns1 { line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 34px; top: 2px; color: #9FA0A0; } .mke_ns2 { line-height: 16px; color: #9FA0A0; text-align: center; display: block; height: 16px; width: 16px; position: absolute; right: 34px; bottom: 2px; } .footer { max-width: 1920px; min-width: 1200px; margin: 0 auto; width: 100%; height: 110px; background: #f5f5f5; } .footer-content { margin: 0 auto; width: 1200px; height: 110px; } .footer-menu { width: 100%; height: 40px; text-align: center; line-height: 30px; color: #4d4d4d; font-size: 14px; padding-top: 10px; background: #f5f5f5; } .footer-menu ul { height: 40px; padding-left: 400px; } .footer-menu li { float: left; padding: 5px 8px; display: inline-block; cursor: pointer; list-style: none; text-align: center; height: 30px; } .footer-menu .link { width: 66px; } .footer-menu li a { color: #4d4d4d; width: 66px; display: block; } .footer-menu li a:hover { color: #22AADF; } .footer-menu .weixin .chat-tips { width: 150px; height: 150px; position: relative; bottom: 88px; left: 72px; display: none; z-index: 100; } .footer-menu .weixin:hover .chat-tips { display: block; } .footer-copyright { width: 100%; height: 60px; text-align: center; background: #f5f5f5; } .footer-copyright p { line-height: 30px; color: #4d4d4d; font-size: 14px; } .zhaopin-banber { width: 100%; height: 272px; background: #fff url(../images/zhapin_banner.png) no-repeat center top; } .social-recruitment { width: 100%; height: 80px; background: url(../images/line.png) repeat-x left bottom; } .social-recruitment-title { margin: 0 auto; width: 1200px; height: 78px; background: url(../images/zhaopin_title.png) no-repeat left center; } .zhaopin-list .zhaopin-list ul{ width: 100%; height: auto; } .zhaopin-list li { width: 100%; height: auto; list-style: none; } .jobs { margin: 0 auto; width: 1200px; height: auto; } .job-title { width: 100%; height: 68px; } .job-title .num { line-height: 68px; font-size: 36px; padding-left: 10px; } .job-title .position { line-height: 68px; font-size: 24px; padding-left: 30px; } .job-title .date { font-size: 16px; color: #a7a7a7; float: right; padding-right: 10px; padding-top: 40px; } .job-content { width: 100%; height: auto; padding: 15px 0 50px; font-size: 14px; } .job-content span { color: #333333; font-weight: bold; line-height: 40px; padding-left: 4px; } .job-content p { color: #666666; padding-left: 28px; line-height: 30px; } .side-bar { width: 53px; height: auto; position: fixed; bottom: 100px; right: 50px; font-size: 0; line-height: 0; z-index: 100; } .side-bar .tel { width: 53px; height: 46px; background: url(../images/tel02.png) no-repeat; } .side-bar .tel:hover { background: url(../images/tel02.png) no-repeat; } .show-num, .show-email { width: 200px; height: 46px; position: absolute; right: 38px; background: url(../images/show.png) no-repeat; display: none; } .show-num span { color: #20abe0; font: 16px/46px "微软雅黑"; font-weight: bold; padding-left: 22px; } .show-email a { color: #20abe0; font: 16px/46px "微软雅黑"; font-weight: bold; padding-left: 30px; } .side-bar .tel:hover .show-num { display: block; } .side-bar .email { width: 53px; height: 46px; background: url(../images/email01.png) no-repeat; } .side-bar .email:hover { background: url(../images/email02.png) no-repeat; } .side-bar .email:hover .show-email { display: block; } .side-bar .back-to-top { width: 53px; height: 46px; background: url(../images/totop01.png) no-repeat; display: none; cursor: pointer; } .side-bar .back-to-top:hover { background: url(../images/totop02.png) no-repeat; } .aboutus-banber { width: 100%; height: 272px; background: #fff url(../images/aboutus_banner.png) no-repeat center top; } .aboutus-title { width: 100%; height: 80px; background: url(../images/line.png) repeat-x left bottom; } .aboutus-title-middle { margin: 0 auto; width: 1200px; height: 78px; background: url(../images/aboutus_title.png) no-repeat left center; } .aboutus-content { width: 100%; height: 280px; background: #f9f9f9; } .aboutus-content-middle { margin: 0 auto; width: 1200px; height: 100%; padding-top: 30px; } .aboutus-content-middle p { color: #333333; font-family: "微软雅黑"; font-size: 16px; line-height: 44px; text-indent: 44px; } .aboutus-history { width: 100%; height: 70px; background: #40c3cb; } .aboutus-history-middle { margin: 0 auto; width: 1200px; height: 100%; } .aboutus-history-middle span { color: #fff; font-size: 24px; line-height: 70px; } .aboutus-history-content { margin: 0 auto; width: 1200px; height: 1010px; background: url(../images/history.png) no-repeat center top; } .mainbox-contactus { width: 100%; height: auto; background: #fafafa; padding-top: 95px; overflow: hidden; } .contactus-title { width: 100%; height: 80px; background: url(../images/line.png) repeat-x left bottom; padding-top: 20px; } .contactus-title-middle { margin: 0 auto; width: 1200px; height: 78px; background: url(../images/contactus_title.png) no-repeat left center; } .contactus-map { margin: 15px auto; width: 1150px; height: 500px; border: #ccc solid 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .contactus-content { margin: 15px auto; width: 1200px; height: 400px; } .contactus-left { width: 600px; height: 100%; float: left; background: url(../images/message.png) no-repeat 50px 100px; } .contactus-left form { padding-left: 218px; padding-top: 80px; } .contactus-left span { float: left; width: 70px; height: 38px; font-size: 14px; color: #999; line-height: 38px; display: block; } .contactus-left button { margin: 6px 50px 6px; width: 100px; height: 30px; font-size: 14px; color: #fff; background: #1BAAE0; border: 1px solid #1BAAE0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; float: right; cursor: pointer; } .contactus-left textarea { margin: 6px 0; width: 270px; height: 120px; font-size: 14px; color: #999; overflow-y: auto; border: 1px #ababab solid; } .contactus-left input { float: left; margin: 6px 0; width: 270px; height: 26px; font-size: 14px; color: #999; border: 1px #ababab solid; } .contactus-right { width: 560px; height: auto; float: left; padding-left: 40px; padding-top: 60px; } .contactus-right span { color: #1BAAE0; font-size: 26px; line-height: 60px; display: block; } .contactus-right p a { color: #999; } .contactus-right p { color: #999; font-size: 16px; line-height: 34px; } .contactus-icon { width: 560px; height: 61px; } .contactus-icon .icon1 { float: left; width: 41px; height: 41px; margin: 10px 15px; background: url(../images/icon01.png) no-repeat center center; cursor: pointer; } .contactus-icon .icon2 { float: left; width: 41px; height: 41px; margin: 10px 15px; background: url(../images/icon02.png) no-repeat center center; cursor: pointer; } .contactus-icon .icon3 { float: left; width: 41px; height: 41px; margin: 10px 15px; background: url(../images/icon03.png) no-repeat center center; cursor: pointer; } .contactus-icon .icon1 .chat-tips { width: 150px; height: 150px; position: relative; top: -155px; right: 55px; display: none; z-index: 100; } .contactus-icon .icon1:hover .chat-tips { display: block; } .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} .news-banber { width: 100%; height: 272px; background: url(../images/news_banner.png) no-repeat center top; } .news-title { width: 100%; height: 80px; background: url(../images/line.png) repeat-x left bottom; } .news-title-middle { margin: 0 auto; width: 1200px; height: 78px; background: url(../images/news_title.png) no-repeat left center; } .news-list .news-list ul{ width: 100%; height: auto; } .news-list li { width: 100%; height: auto; list-style: none; } .newss { margin: 0 auto; width: 1200px; height: 140px; padding: 15px 0; } .newss .title a { color: #1DA9DF; font-size: 16px; line-height: 50px; } .newss p, .newss .date { color: #666666; font-size: 14px; line-height: 30px; } .pagination { background: #fff; width: 1200px; height: 50px; margin: 0 auto; } .news-details { margin: 30px auto; width: 1150px; height: auto; border: 1px #EBEBEC solid; background: #fff; } .news-details .text { padding: 15px 35px; } .news-details .text .title { font-size: 20px; line-height: 50px; color: #333; text-align: center; display: block; padding-top: 5px; } .news-details .text .date { color: #666666; font-size: 14px; line-height: 30px; text-align: center; padding-bottom: 20px; display: block; } .news-details .text p { color: #666666; font-size: 14px; line-height: 30px; padding: 5px 0px; text-indent: 28px; } .news-share { padding: 20px 40px; } .switching-article { width: 1080px; height: 30px; padding: 10px 40px; font-weight: bold; font-size: 14px; } .switching-article .prev { width: 530px; text-align: left; display: block; float: left; } .switching-article .next { width: 530px; text-align: right; display: block; float: right; } .switching-article a { color: #333; }