/*****李广-2018.8.15******* *ver 1.0.2 *样式调整 */ /* 李广-2018.8.15 *ver 1.0.0 *定义页面样式 */ @charset "utf-8"; body { overflow-x: hidden; } a { text-decoration: none; } .wrapper { width: 100%; } .div1150 { width: 1150px; margin: 0 auto; } /*header样式*/ .header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: #FFFFFF; /*box-shadow: 0 2px 8px rgba(0,0,0,.2);*/ /*-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);*/ /*-moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color="#000000",Directive=135,Strength=0);!*for ie6 7 8*!*/ z-index: 10001; } .header.scroll-down { box-shadow: 0px 3px 6px 0px rgb(235, 235, 235); -webkit-box-shadow: 0px 3px 6px 0px rgb(235, 235, 235); -moz-box-shadow: 0px 3px 6px 0px rgb(235, 235, 235); filter: progid: DXImageTransform.Microsoft.Shadow(color="#EDEDED", Directive=135, Strength=0); } .header .header-inner { /*position: relative;*/ width: 1150px; height: 80px; margin: 0 auto; z-index: 10001; } .header-inner .logo { float: left; } .header-inner .logo h1 { display: none; } .header-inner .logo a { display: block; width: 206px; height: 46px; margin-top: 18px; } .header-inner .stock { position: relative; z-index: 10001; } .header-inner .stock li { float: left; font-size: 18px; height: 20px; line-height: 20px; margin-top: 45px; margin-right: 3px; } .header-inner .stock li.num { color: #b70101; font-weight: bold; line-height: 22px; } .header-inner .stock li.line { padding: 0 3px; line-height: 18px; } .header-inner .stock li.versionEn a:hover { color: #005ba8; } /*导航样式*/ /* .xt_menu { position: fixed; left:0; top:80px; width: 100%; height: 60px; margin: 0px; padding: 0px; clear: both; background-color: #f7f7f7; z-index: 10001; } .xt_menu .menu-inner{ width: 1180px; margin: 0 auto; overflow: hidden; } .xt_menu ul { width: 100%; margin: 0px; padding: 0px; } .xt_menu ul li { float: left; position: relative; margin-left: 60px; } .xt_menu ul li.fli{ margin-left:0; } .xt_menu ul li a.menu_item { font-size: 17px; color: #090909; line-height: 58px; height: 58px; display: inline-block; padding:0 20px; border-bottom: 2px solid transparent; } .xt_menu ul li a.menu_item:hover, .xt_menu ul li a.menu_item_active{ border-bottom: 2px solid #005ba9; } .menu_bg{ width:100%; display:none; position:fixed; left:0; top:140px; z-index:10001; background-color:#fff; } */ .nav { position: absolute; top: 80px; left: 0; width: 100%; margin: 0 auto; background: rgb(244, 244, 244); z-index: 10001; } .nav .nav-tab { width: 1200px; height: 60px; margin: 0 auto; } .nav .nav-tab li { float: left; margin-right: 58px; height: 60px; } .nav .nav-tab li:first-child { padding-left: 36px; } .nav .nav-tab li a { display: block; float: left; height: 58px; line-height: 58px; font-size: 17px; color: #000; text-align: center; padding: 0 20px; border-bottom: 2px solid transparent; } .nav-tab li.hover a { display: block; float: left; height: 58px; line-height: 58px; font-size: 17px; border-bottom: 2px solid #005ba9; } .menus { width: 100%; } .menu-box { display: none; width: 100%; height: 290px; background: #fff; } .menu-box .menu-wrapper { width: 1150px; height: 290px; margin: 0 auto; } .menu-wrapper .menu-wrapper-l h3 { height: 60px; line-height: 60px; font-size: 18px; color: #005ba9; font-weight: bold; margin-top: 15px; text-align: left; } .menu-wrapper .menu-wrapper-r { width: 338px; margin-top: 32px; } .menu-wrapper .menu-wrapper-pic img { width: 338px; margin-top: 45px; margin-left: 60px; } .menu-wrapper .menu-wrapper-text p { width: 320px; margin-top: 75px; color: #4D4D4D; font-size: 16px; line-height: 30px; text-align: left; } .menu-wrapper .menu-wrapper-r img { display: block; width: 338px; height: 120px; margin-bottom: 20px; } .menu-wrapper .menu-wrapper-r p { color: #4D4D4D; font-size: 16px; line-height: 25px; } .menu-item { margin-right: 150px; } .menu-item dd { position: relative; height: 40px; line-height: 40px; text-align: left; } .menu-item dd a { display: block; width: auto; height: 40px; font-size: 16px; color: #4D4D4D; } .menu-item dd .hline { position: absolute; bottom: 3px; height: 2px; } .menu-item dd:hover .hline { background-color: #005ba9; } .menu-item dd a:hover { color: #005ba9; } /*首页了解6165cc金沙总站样式*/ .part-title { font-size: 27px; line-height: 100px; color: #0b1218; text-align: center; } .realize-wrapper { width: 100%; } .realize { width: 1150px; margin: 0 auto 45px; } .realize .sub-text { margin-bottom: 30px; font-size: 23px; color: #5c5c5c; text-align: center; } .realize p { font-size: 15px; color: #525252; text-align: center; line-height: 28px; margin: 0 auto; } .about-more { display: block; width: 130px; height: 35px; line-height: 35px; border: 2px solid #005ba8; color: #005ba8; font-size: 15px; text-align: center; margin: 20px auto 30px; } .about-more:hover { color: #fff; background: #005ba8; } .realizes { width: 100%; } .realizes .realizes-item { float: left; width: 370px; height: 212px; margin-right: 20px; } .realizes .realizes-item.r0 { margin-right: 0; } .realizes .realizes-item a { display: block; width: 100%; height: 100%; overflow: hidden; } /* .realize-wrapper .record-wrap{ height: 160px; } */ .realize-wrapper .record { width: 1150px; height: 160px; margin: 0 auto; } .realize-wrapper .record ul li { height: 160px; text-indent: 70px; } .realize-wrapper .record ul li .list-num { font-size: 35px; margin-top: 35px; } .realize-wrapper .record ul li .list-num span { font-size: 14px; } .realize-wrapper .record ul li .list-text { font-size: 14px; } /* .realize-wrapper .record-wrap{ width: 100%; background: url("../image/default/bg-2.png") no-repeat center; } */ .realize-wrapper .record { background: url("../image/default/record.jpg") no-repeat center; } .realize-wrapper .record ul li { float: left; width: 25%; color: #FFFFFF; } /*首页系统样式*/ .systems { width: 1150px; margin: 0 auto; } .systems .system { width: 100%; } .systems .part-title { line-height: 100px; } .systems .system .system-item { float: left; width: 370px; height: 246px; margin-right: 20px; margin-bottom: 20px; } .systems .system .system-item.r0 { margin-right: 0; } .systems .system .system-item a { display: block; width: 100%; height: 100%; overflow: hidden; } .xt_img_wrap { position: absolute; width: 100%; left: 0; top: 103px; text-align: center; } .xt_img_wrap h3 { position: relative; font-size: 30px; height: 40px; line-height: 40px; color: #fff; opacity: 0; } .xt_img_wrap h4 { position: relative; font-size: 22px; height: 25px; line-height: 25px; color: #fff; margin-top: 10px; opacity: 0; } .xt_multi_img { width: 100%; height: 100%; position: relative; overflow: hidden; } .xt_img { /*width: 100%;*/ /*height: 100%;*/ transition: all 1s cubic-bezier(.19, 1, .22, 1); -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1); -moz-transition: all 1s cubic-bezier(.19, 1, .22, 1); -ms-transition: all 1s cubic-bezier(.19, 1, .22, 1); overflow: hidden; } .xt_img.hover { margin-left: -20px; } .xt_img_subinfo { position: absolute; width: 100%; height: 100%; top: 0; } .xt_img_subinfo .xt_img_subinfo_bg { position: relative; width: 100%; height: 100%; left: 0; top: 0; } .xt_img_subinfo .xt_img_subinfo_bg.bg { background-color: rgba(0, 0, 0, .5); filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000); } .xt_img_subinfo h3, .xt_img_subinfo h4 { transition: all 1s cubic-bezier(.19, 1, .22, 1); -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1); -moz-transition: all 1s cubic-bezier(.19, 1, .22, 1); -ms-transition: all 1s cubic-bezier(.19, 1, .22, 1); } /*首页新闻样式*/ .index-news { width: 100%; height: 600px; /* padding-top: 43px; */ background: url("../image/default/news_bg.jpg") no-repeat center; } .index-news .news-inner { position: relative; width: 1150px; margin: 0 auto; } .news-inner .part-title { color: #FFFFFF; } .index-news .news-inner h4 { color: #FFFFFF; font-size: 23px; margin-bottom: 50px; text-align: center; } .news-tab ul { width: 289px; height: 38px; margin: 0 auto 30px; } .news-tab ul li { width: 87px; height: 38px; line-height: 38px; margin-right: 14px; } .news-wrap .news-inner .part-title { color: #ffffff; } .news-wrap .news-inner h4 { color: #ffffff; text-align: center; } .news-tab ul { width: 289px; height: 38px; margin: 0 auto 30px; } .news-tab ul li { float: left; text-align: center; color: #ffffff; font-size: 15px; cursor: pointer; background: url("../image/default/bg-6.png") repeat center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .news-tab ul li:hover { background: #1a6ddd; } .news-tab ul li.mr0 { margin-right: 0; } .news-tab ul li.active { background: #1a6ddd; } .news-inner .news-content { width: 100%; } .news-inner .news-content .none { display: none; } .news-content .tab ul li { position: relative; float: left; width: 216px; height: 450px; margin-right: 10px; border: 3px solid transparent; background-color: #ffffff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; opacity: 0; } .news-content .tab ul li:hover { border: 3px solid #1a6ddd; } .news-content .tab ul li.last { margin-right: 0; } .news-content .tab li a { display: block; width: 100%; height: 100%; } .news-content .tab li .pic { width: 216px; height: 156px; overflow: hidden; } .news-content .tab li .pic img { width: 100%; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .news-content .tab li .pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .news-content .tab li .text { width: 210px; margin: 0 3px; } .news-content .tab li .text>h4 { margin-top: 10px; margin-bottom: 10px; font-size: 18px; color: #000000; font-weight: bold; } .news-content .tab li .text p { font-size: 16px; color: #626369; line-height: 30px; } .news-content .tab li .text .data { position: absolute; bottom: 10px; font-size: 16px; color: #adafb2; } .news-inner a.more { float: right; color: #FFFFFF; font-size: 16px; } .news-inner a.more:hover { color: #005BA8; } /*人才招聘样式*/ .recruit-wrapper { width: 100%; height: 470px; background: url(../image/job/bg.jpg) no-repeat center; } .recruit { position: relative; width: 1158px; height: 470px; margin: 0 auto; } .recruit ul li { float: left; width: 183px; height: 122px; margin-right: 10px; margin-bottom: 20px; border-bottom: 4px solid #005ba9; background-color: #fff; } .recruit ul li:hover { background-color: #005ba9; } .recruit ul li a { display: block; width: 100%; height: 100%; color: #333; font-size: 14px; text-align: center; } .recruit ul li:hover a { color: #fff; } .recruit ul li a img { margin-top: 20px; margin-bottom: 10px; } .job_more { position: absolute; top: 0; right: 0; display: block; width: 150px; height: 150px; line-height: 150px; text-align: center; color: #fff; font-size: 16px; } .job_more:hover { color: #005ba9; } /*.recruit-wrapper{ width: 100%; height: 580px; background: url("../image/default/hr_bg.jpg") no-repeat center; } .recruit{ position: relative; width: 1150px; height: 470px; margin:0 auto; } .leftDiv img{ width:100%; transition: all 0.5s; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; } .leftDiv:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .rightDiv{ float: right; width: 799px; height: 268px; margin-top: 60px; background: url("../image/default/line.png") no-repeat center; } .recruit .recruit-content{ position: absolute; top:105px; left:280px; width: 780px; height: 237px; border-top: 5px solid #005BA8; padding-left:42px; padding-top:30px; background-color: #f5f5f5; box-shadow: 3px 3px 3px 3px rgb(235, 235, 235); -webkit-box-shadow: 3px 3px 3px 3px rgb(235, 235, 235); -moz-box-shadow: 3px 3px 3px 3px rgb(235, 235, 235); filter: progid:DXImageTransform.Microsoft.Shadow(color="#EDEDED",Directive=135,Strength=0); background: url(../image//default//bg10.png) no-repeat center; } .recruit ul li{ float: left; width: 200px; height: 50px; line-height: 50px; text-indent: 25px; margin-left:42px; background: url("../image/default/list.png") no-repeat left center; } .recruit ul li a{ color: #000; font-size: 19px; } .recruit ul li:hover{ background: url("../image/default/list_click.png") no-repeat left center; } .recruit ul li a:hover{ color:#005BA8; }*/ /*video--stock样式*/ .video_stock { position: relative; width: 100%; height: 1200px; background: url("../image/default/bg11.jpg") no-repeat center; } .video { position: relative; /* margin: 0 auto; */ overflow: hidden; width: 1150px; height: 480px; margin: 0 auto; /* background: url("../image/default/videoImg.jpg") no-repeat center; */ } .video img { width: 100%; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .video:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .video .xt-video { display: none; position: absolute; top: 0; left: 0; width: 1150px; height: 620px; z-index: 9999; } .xt-video .close { position: absolute; top: 0; right: 5px; width: 60px; height: 60px; font-size: 32px; z-index: 200; cursor: pointer; background: url("../image/default/close.png") no-repeat center; } .video-btn { position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 999; } .xt_stock { display: block; position: relative; overflow: hidden; width: 1150px; height: 480px; margin: 0 auto; } /* .xt_stock a{ display: block; width: 100%; height: 100%; } */ .xt_stock img { width: 100%; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .xt_stock:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .xt_stock p.text { position: absolute; top: 223px; font-size: 22px; width: 100%; color: #fff; text-align: center; z-index: 100; } /*about关于我们样式*/ .about { width: 100%; height: 370px; padding: 40px 0; background-color: #333333; } .about .about-inner { width: 1150px; margin: 0 auto; } .about-inner { position: relative; } .about-inner .about-message dl { float: left; margin-right: 34px; text-align: left; } .about-inner .about-message dt { font-size: 16px; color: #ffffff; font-weight: bold; margin-bottom: 15px; } .about-inner .about-message dd a { display: block; height: 28px; line-height: 28px; font-size: 15px; color: #BDBABA; } .about-inner .about-message dd a:hover { color: #FFF; } .about-inner .about-logo { margin-left: 35px; /*width: 250px;*/ margin-top: -5px; } .about-inner .about-logo p { color: #BDBABA; font-size: 15px; margin-bottom: 8px; } /*footer样式*/ .footer { width: 100%; height: 60px; background-color: #1c1c1c; } .footer .copyright { width: 1150px; height: 35px; margin: 0 auto; padding-top: 15px; } .footer .copyright p { width: 100%; line-height: 35px; color: #FFFFFF; text-align: center; } .footer .copyright img { vertical-align: middle; } /*侧边工具栏样式*/ .back { display: none; position: fixed; right: 30px; bottom: 80px; z-index: 99999; } .back ul li { width: 48px; height: 48px; text-align: center; margin-bottom: 5px; cursor: pointer; background-color: #005BA8; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; } .back ul li:hover { background-color: #cacaca; } .back ul li.checkLi { position: relative; } .back ul li.checkLi .errWraper { display: none; position: absolute; top: 0; left: 0; width: 230px; height: 100%; background: rgba(0, 0, 0, .2); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); } .back ul li.checkLi .errWraper .errMessage { position: absolute; top: 50%; left: 50%; width: 200px; height: 50px; line-height: 50px; text-align: center; margin-left: -100px; margin-top: -25px; color: #fff; border-radius: 5px; background: rgba(0, 0, 0, .7); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000); border-radius: 3px; } .back .back-content { display: none; position: absolute; top: 0; left: -250px; width: 200px; padding: 5px 25px 15px 25px; background-color: #e4e4e4; } .back ul li.checkLi .back-content { top: -53px; } .back .back-content div { margin-bottom: 15px; } .back .back-content p { text-align: right; color: #4d4d4d; font-size: 14px; line-height: 25px; } .back .tel p { text-align: right; width: 180px; margin: 0 auto; } .back .email { padding-bottom: 50px; } .back .email p { text-align: left; } .back .message h4 { color: #4d4d4d; font-size: 16px; line-height: 30px; text-align: left; } .back .message form { width: 200px; } .back .message form textarea, .back .message form input { width: 190px; border: none; color: #b1b1b1; font-size: 14px; border-radius: 5px; margin-bottom: 8px; background-color: #FFFFFF; } .back .message form textarea { height: 60px; padding-top: 8px; padding-left: 10px; } .back .message form input { height: 25px; *height: 35px; *line-height: 35px; padding: 5px 0 5px 10px; *padding: 0 0 0 10px; } .back .message form button { width: 80px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border: none; border-radius: 5px; cursor: pointer; background-color: #005BA8; } .back input::-webkit-input-placeholder, .back textarea::-webkit-input-placeholder { color: #b1b1b1; } .back input:-ms-input-placeholder, .back textarea:-ms-input-placeholder { color: #b1b1b1; } .back input:-moz-placeholder, .back textarea:-moz-placeholder { color: #b1b1b1; } .back input::-moz-placeholder, .back textarea::-moz-placeholder { color: #b1b1b1; } /*内页通用*/ .inner-banner { width: 100%; margin-top: 138px; } .inner-banner img { display: block; width: 100%; height:auto; } .tab-wrapper { width: 100%; height: 70px; border-bottom: 1px solid #EBEBEB; } .tab-inner { width: 1150px; height: 70px; margin: 0 auto; } .tab-inner .message-eng { color: #e3ebf2; font-size: 30px; font-weight: bold; } .tab-inner .message-chn { position: relative; top: -22px; color: #005BA8; font-size: 20px; font-weight: bold; } .tab-message { float: left; height: 70px; } .tab-message a { display: block; width: 100%; height: 100%; } .tab-inner .tab { float: right; } .tab-inner .tab li { float: left; } .tab-inner .tab li a { display: block; height: 40px; font-size: 15px; line-height: 40px; margin-top: 20px; margin-left: 20px; padding: 0 20px; background: #f2f2f2; border-radius: 5px; } .tab-inner .tab li.active a { color: #FFFFFF; background: #005BA8; } .about-tab { width: 100%; } .about-tab .tab { width: 1150px; margin: 0 auto; } .about-tab .tab li { float: left; } .about-tab .tab li a { display: block; height: 40px; width: 103px; font-size: 15px; line-height: 40px; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; text-align: center; margin-top: 20px; /* margin-left: 20px; */ /* padding: 0 20px; */ /* background: #f2f2f2; */ /* border-radius: 5px; */ } .about-tab .tab li.last a { border-right: 1px solid #EBEBEB; } .about-tab .tab li.active a { color: #FFFFFF; background: #005BA8; } .sub-title { font-size: 24px; color: #1a1a1a; height: 80px; line-height: 80px; text-align: center; } .inner-nav { width: 1150px; margin: 20px auto; } .inner-nav ul li { position: relative; float: left; margin-right: 5px; margin-bottom: 10px; } .inner-nav ul li a { display: block; height: 30px; line-height: 30px; border: 1px solid #EBEBEB; padding: 0 10px; } .inner-nav ul li.active { background: #005BA8; } .inner-nav ul li.active a { color: #FFFFFF; } /*关于6165cc金沙总站样式*/ .xt-about { width: 1150px; margin: 0 auto; } .about-info { width: 1050px; margin: 0 auto 25px; } .about-info li { float: left; width: 517px; margin-right: 16px; } .about-info li.r0 { margin-right: 0; } .about-info li .pic { width: 505px; height: 323px; margin: 0 auto; padding: 5px; border: 1px solid #ddd; overflow: hidden; } .about-info li .pic img { width: 100%; } .about-info li p { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; } .about-video .pic { position: relative; } .about-video .video-btn { position: absolute; top: 50%; left: 50%; width: 58px; height: 58px; margin-top: -29px; margin-left: -29px; background: url(../image/about/button.png) no-repeat center; } .about-info li .pic img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .about-info li .pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .about-txt { width: 100%; line-height: 30px; text-align: center; font-size: 15px; } .industry-status { width: 100%; height: 392px; margin-top: 50px; background: url("../image/about/bg-1.jpg") no-repeat center; } .industry-status .sub-title { color: #FFFFFF; } .status-item { position: relative; width: 1150px; margin: 0 auto; } .industry-status .status-content { position: relative; width: 100%; height: 200px; background: url("../image/about/bg-5.png") no-repeat center; } .industry-status .status-content-new { position: relative; width: 100%; height: 200px; background: url("../image/about/bg-6.png") no-repeat center; } .industry-status .status-content p { position: absolute; color: #FFFFFF; font-size: 16px; } .industry-status .status-content-new p { position: absolute; color: #FFFFFF; font-size: 16px; } .finanacial-status { width: 100%; height: 480px; background: url("../image/about/bg-2.jpg") no-repeat center; } .finanacial-status .status-content { position: relative; width: 100%; height: 400px; background: url("../image/about/bg-4.png") no-repeat center 30px; } .finanacial-status .status-content p { position: absolute; font-size: 15px; } .finanacial-status .status-content-new { position: relative; width: 100%; height: 400px; background: url("../image/about/bg-7.png") no-repeat center 30px; } .finanacial-status .status-content-new p { position: absolute; font-size: 15px; } .constituent-company { width: 100%; height: 434px; } .constituent-company .top { width: 100%; height: 280px; background: #F5F5F5; } .constituent-company .top ul { width: 1150px; margin: 0 auto; } .constituent-company .top ul li { float: left; height: 250px; width: 280px; margin-right: 5px; } .constituent-company .top ul li.r0 { margin-right: 0; } .constituent-company .top ul li a { display: block; width: 100%; height: 100%; } .constituent-company .top ul li a img { display: block; width: 100%; height: 200px; } .constituent-company .top ul li a p { height: 50px; line-height: 50px; font-size: 16px; text-align: center; box-shadow: 2px 2px 5px 3px #F1F1F1; } /*管理团队*/ .team-item { position: relative; width: 218px; margin: 0 auto 40px; text-align: center; padding-bottom: 6px; box-shadow: 2px 2px 5px 3px #F1F1F1; } .team-item p { color: #666; } .team-item .pic { width: 100%; height: 250px; overflow: hidden; } .team-item .pic img { width: 100%; } .team-item h3 { font-size: 16px; margin-top: 6px; } .item-float .team-item { margin-right: 15px; } .team-line { width: 934px; height: 0; border-top: 2px dashed #ddd; margin: 0 auto 40px; } .line-after:after { position: absolute; left: 50%; top: 100%; width: 0; height: 40px; content: ""; border-left: 2px dashed #ddd; margin-left: -1px; } .line-before:before { position: absolute; left: 50%; top: -40px; width: 0; height: 40px; content: ""; border-left: 2px dashed #ddd; margin-left: -1px; } /*企业文化*/ .culture { position: relative; width: 1150px; height: 342px; margin: 50px auto; /*background: url("../image/about/culture.png") no-repeat center;*/ } .culture-icon { position: absolute; top: 0; width: 378px; left: 356px; height: 342px; } .culture-icon .item { position: absolute; } .culture-icon .item img { display: block; width: 166px; height: 166px; } .culture-icon .visionIco { top: 0; left: 139px; } .culture-icon .cultureIco { top: 176px; left: 139px; } .culture-icon .missionIco { top: 88px; left: 46px; } .culture-icon .valuesIco { top: 88px; left: 231px; } .culture li { width: 371px; height: 92px; padding-top: 20px; background: #F5F5F5; } .culture .culture-l li { text-align: right; padding-right: 15px; } .culture .culture-r li { text-align: left; padding-left: 15px; } .culture li h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .culture li p { font-size: 16px; } .idea { width: 1150px; margin: 0 auto 14px; } .idea li { position: relative; float: left; width: 370px; height: 234px; margin-right: 20px; margin-bottom: 20px; text-align: center; } .idea li.r0 { margin-right: 0; } .idea li .idea-pic { width: 100%; height: 234px; overflow: hidden; } .idea li .idea-pic img { display: block; width: 100%; } .idea li .idea-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#66000000', endColorstr='#66000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66000000', endColorstr='#66000000')"; } .idea li .idea-text h3 { width: 100%; height: 100px; line-height: 100px; font-size: 20px; color: #FFF; opacity: 0; margin-top: 10px; } .idea li .idea-text p { width: 100%; font-size: 16px; color: #FFF; margin-bottom: 8px; opacity: 0; } /* 经营业绩 */ .result { width: 1150px; margin: 20px auto; } .result img { width: 100%; } /* 发展历程 */ .history { width: 1150px; margin: 30px auto; } .history-top-head { width: 100%; height: 115px; text-align: center; font-size: 36px; background: url(../image/about/circleBlue.png) center bottom no-repeat; } .history-box { width: 100%; padding-top: 64px; padding-bottom: 50px; background: url(../image/about/dotLine.png) center repeat-y; margin: 0 auto; position: relative; } .history-box ul li { float: left; width: 100%; padding-bottom: 60px; } .history-box ul li .son { width: 586px; height: 100px; margin-top: 60px; transition-duration: 400ms; } .history-box .fir { float: left; background: url(../image/about/his1.png) right top no-repeat; } .history-box .sec { float: right; background: url(../image/about/his1.png) left top no-repeat; } .history-box ul li .fir:hover { background: url(../image/about/his2.jpg) right top no-repeat; } .history-box ul li .sec:hover { background: url(../image/about/his2.jpg) left top no-repeat; } .history-box ul li .info-box { width: 500px; padding: 30px 20px; background: #e8e8e8; border-radius: 6px; overflow: hidden; margin-top: -60px; transition-duration: 400ms; } .history-box ul li .fir .info-box { float: left; } .history-box ul li .sec .info-box { float: right; } .history-box ul li .info-box img { display: block; float: right; width: 260px; } .history-box ul li .son .info-box .his-info { float: left; width: 240px; line-height: 26px; font-size: 14px; color: #666; } .history-box ul li .son .info-box .his-info h3 { font-size: 32px; margin-bottom: 15px; } .history-box ul li .son .info-box .his-info h3 span { font-size: 16px; } .history-box ul li .info-box:hover { background-color: #005BA8; } .history-box ul li .info-box:hover h3, .history-box ul li .info-box:hover p { color: #fff; } /*董事长简介*/ .detail { width: 1150px; margin: 0 auto 50px; } .detail .detail-pic { width: 430px; height: 339px; margin-right: 30px; overflow: hidden; } .detail .detail-pic img { width: 100%; } .detail .detail-text { width: 690px; padding-top: 20px; } .detail .detail-text p { line-height: 25px; font-size: 15px; margin-bottom: 30px; } /*企业新闻*/ .news { width: 1150px; margin: 0 auto; } .hot-news { position: relative; width: 100%; padding: 30px 0; border-bottom: 1px solid #E5E5E5; } .hot-news .news-pic { width: 260px; height: 190px; margin-right: 20px; overflow: hidden; } .hot-news .news-pic img { display: block; width: 100%; height: 100%; } .hot-news .news-text { width: 870px; } .news .date { color: #888888; height: 25px; line-height: 25px; text-indent: 20px; background: url("../image/news/time.png") no-repeat left center; } .news a { display: block; color: #333333; font-size: 18px; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news a.aHover { color: #005BA8; } .hot-news a { font-size: 22px; color: #005BA8; } .news .text { line-height: 25px; } .hot-news .more { display: block; position: absolute; right: 0; bottom: 30px; width: 140px; height: 30px; font-size: 16px; color: #000000; text-align: center; line-height: 30px; border: 1px solid #dddddd; } .hot-news .more:hover { color: #005BA8; border: 1px solid #005BA8; } .news-list { padding-bottom: 50px; } .news-list li { float: left; width: 560px; height: 158px; margin-top: 30px; margin-right: 30px; padding-bottom: 30px; border-bottom: 1px solid #E5E5E5; overflow: hidden; } .news-list li.r0 { margin-right: 0; } .news-list li .list-pic { width: 208px; height: 156px; margin-right: 20px; overflow: hidden; } .news-list li .list-pic img { display: block; width: 100%; height: 100%; } .news-list li .list-txt { width: 332px; height: 158px; } /*研发能力*/ .part-environment { width: 1150px; margin: 0 auto; } .part-environment li { float: left; width: 280px; margin-right: 10px; margin-bottom: 10px; background: #FFFFFF; } .part-environment li.r0 { margin-right: 0; } .part-environment li a { display: block; width: 100%; height: 100%; } .part-environment li a img { display: block; width: 100%; } .part-environment li a p { width: 100%; height: 30px; line-height: 30px; text-align: center; } .part-team { width: 1150px; margin: 0 auto 30px; } .part-team li { float: left; width: 558px; height: 158px; border: 1px solid #E6E6E6; margin-right: 30px; margin-bottom: 30px; background: #FAFAFA; } .part-team li.r0 { margin-right: 0; } .part-team li img { display: block; float: left; width: 96px; height: 96px; margin-top: 31px; margin-left: 31px; margin-right: 15px; } .part-team li .team-introduce { float: left; width: 400px; margin-top: 35px; } .part-team li .team-introduce h3 { line-height: 45px; font-size: 18px; } .part-process { width: 1150px; margin: 0 auto; } .part-process li { float: left; width: 130px; text-align: center; margin-right: 210px; } .part-process li.r0 { margin-right: 0; } .part-process li img { margin-top: 20px; margin-bottom: 30px; } .part-process li p { color: #FFFFFF; font-size: 12px; } .process-line { position: absolute; width: 1150px; height: 20px; top: 148px; left: 50%; margin-left: -575px; } .process-line div { position: absolute; top: 0; width: 228px; height: 1px; border-top: 1px dashed #FFFFFF; } .line-1 { left: 121px; } .line-2 { left: 460px; } .line-3 { left: 796px; } .process-line .right-icon { position: absolute; left: 1026px; top: -6px; width: 0; height: 0; border: 7px solid transparent; border-left: 7px solid #FFFFFF; } /*智能制造*/ .manufacture-data { width: 1150px; height: 320px; margin: 0 auto; } .manufacture-pic { width: 505px; height: 323px; } .manufacture-pic img { display: block; width: 100%; } .manufacture-detail { width: 642px; height: 321px; border: 1px solid #EEEEEE; } .manufacture-detail ul { width: 645px; margin: 0 30px; } .manufacture-detail ul li { float: left; width: 100px; font-size: 14px; margin-right: 125px; margin-top: 30px; margin-bottom: 30px; text-align: center; } .manufacture-detail ul li.r0 { margin-right: 0; } .manufacture-detail ul li .num { font-size: 30px; color: #005BA8; } .manufacture-detail ul li .num span { font-size: 14px; color: #000; } .manufacture-detail ul li .line { width: 60px; height: 1px; margin: 10px auto; background: #DBDBDB; } .manufacture-detail ul li .name { font-size: 15px; } .industry-video { width: 100%; margin-top: 50px; height: 728px; background: url(../image/about/videobg.jpg) no-repeat center; } .industry-system { width: 1150px; margin: 0 auto; padding-bottom: 50px; } .industry-system li { float: left; width: 280px; margin-right: 10px; background: #FFFFFF; } .industry-system li.r0 { margin-right: 0; } .industry-system li a { display: block; width: 100%; height: 100%; } .industry-system li a img { display: block; width: 100%; } .industry-system li a p { width: 100%; height: 40px; line-height: 40px; text-align: center; } .informatization-system { width: 1150px; margin: 0 auto; } .informatization-system li { float: left; width: 280px; margin-right: 10px; margin-bottom: 30px; } .informatization-system li.r0 { margin-right: 0; } .informatization-system li a { display: block; width: 100%; height: 40px; color: #005BA8; line-height: 40px; text-align: center; background: #FFFFFF; } .informatization-system li a:hover { color: #FFFFFF; background: #005BA8; } /*招聘岗位*/ .station { padding: 10px 0 50px; } .station-item { width: 1150px; margin: 20px auto 0; } .station-item h3 { position: relative; height: 54px; line-height: 54px; font-size: 16px; font-weight: bold; text-indent: 15px; background: #F5F6FA; cursor: pointer; } .station-item h3.active { color: #FFFFFF; background: #005BA8; } .station-item h3 img { display: block; position: absolute; top: 20px; right: 15px; width: 15px; height: 15px; } .station-detail { display: none; margin-left: 15px; } .station-detail p { color: #005BA8; font-size: 15px; margin: 10px 0; } .station-detail li { color: #454545; line-height: 26px; } /*如何应聘*/ .ways { width: 1150px; margin: 30px auto 0; } .ways li { float: left; width: 450px; height: 120px; margin-right: 250px; } .ways li.r0 { margin-right: 0; } .ways li .item-right { width: 410px; margin-left: 14px; } .ways li h3 { position: relative; color: #000; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .ways li h3:after { position: absolute; top: 25px; left: 0; content: ""; width: 20px; height: 1px; background: #005BA8; } .ways li p { color: #454545; line-height: 26px; } /*福利待遇*/ .benefits { width: 1150px; margin: 30px auto 0; } .benefits .part-one { position: relative; width: 100%; height: 400px; margin-bottom: 20px; background: url("../image/recruitment/benefitBg.png") no-repeat center; } .benefits .part-one .icon { position: absolute; width: 100px; height: 100px; } .benefits .part-one .icon img { width: 100%; } .benefits .part-one .icon1 { left: 440px; top: 60px; } .benefits .part-one .icon2 { left: 610px; top: 60px; } .benefits .part-one .icon3 { left: 440px; top: 240px; } .benefits .part-one .icon4 { left: 610px; top: 240px; } .benefits .part-one li { position: relative; /*float: left;*/ width: 395px; height: 200px; /*margin-right: 350px;*/ } .benefits .part-one li.r0 { margin-right: 0; } .benefits .part-one li h3 { font-size: 22px; color: #000000; line-height: 35px; margin-top: 70px; } /*.benefits .part-one li.part-l .icon{ position: absolute; right:-120px; top:0; width: 100px; height: 100px; } .benefits .part-one li .icon img{ width: 100%; } .benefits .part-one li.part-r .icon{ position: absolute; left:-130px; top:0; width: 100px; height: 100px; }*/ .benefits .part-one li p { line-height: 20px; } .benefits .part-two ul { *margin-bottom: 25px; } .benefits .part-two li { float: left; width: 368px; height: 278px; border: 1px solid #E5E5E5; margin-right: 10px; margin-bottom: 15px; text-align: center; } .benefits .part-two li.active { color: #FFFFFF; background: #005BA8; } .benefits .part-two li.r0 { margin-right: 0; } .benefits .part-two li img { margin-top: 20px; } .benefits-line { width: 30px; height: 2px; margin: 5px auto 10px; background: #DEE6EC; } .benefits-line.active { background: #FFFFFF; } .benefits .part-two li p { width: 300px; margin: 0 auto; text-align: left; } /*公司环境*/ .team-show { width: 1150px; margin: 20px auto; } /*公司治理*/ .governance { width: 1150px; margin: 30px auto; } .report li { position: relative; width: 100%; height: 60px; color: #000000; line-height: 60px; border-bottom: 1px dashed #ddd; } .report li img { position: relative; top: 1px; margin-left: 30px; margin-right: 5px; } .report li span { color: #999; } .report li a { position: absolute; top: 16px; right: 0; width: 70px; height: 30px; color: #FFFFFF; text-indent: 35px; line-height: 30px; background: #005BA8 url("../image/default/check.png") no-repeat 10px center; } .relation-pager { width: 1150px; height: 30px; margin: 20px auto 80px; } /*定期报告/临时报告*/ .report { width: 1150px; margin: 30px auto; } /*产品*/ .product { width: 1150px; margin: 30px auto; } .product ul li { float: left; width: 371px; text-align: center; margin-left: 5px; margin-right: 5px; /* margin-right: 25px; */ margin-bottom: 15px; border: 1px solid #dddddd; } .product ul li a { position: relative; display: block; width: 351px; padding: 10px 10px 0; } .product ul li a .pic { width: 100%; ; height: 235px; overflow: hidden; *overflow: visible; } .product ul li a .pic img { display: block; width: 100%; height: 100%; transition: all 0.6s; } .product ul li p { position: relative; width: 100%; height: 40px; line-height: 40px; } .product ul li p .line-l { position: absolute; } .product ul li.active { background: #005BA8; } .product ul li.active p { color: #FFFFFF; } .product ul li.active .pic img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transition: all 0.6s; } /*产品内页*/ .product-detail { width: 1150px; margin: 0 auto; } .part-menu { font-size: 18px; color: #005BA8; text-indent: 25px; margin-bottom: 20px; margin-top: 20px; background: url("../image/product/01.png") no-repeat left 5px; } .sys-pic { text-align: center; } .sys-pic-1 { text-align: left; } .sys-pic img { max-width: 100%; } .product-text li { line-height: 25px; padding-left: 25px; background: url("../image/product/02.png") no-repeat left 7px; } .product-title { position: relative; width: 250px; height: 40px; font-size: 18px; margin: 20px auto; line-height: 40px; text-align: center; } .product-title .line-l { position: absolute; left: 20px; top: 18px; width: 30px; height: 1px; background: #000; } .product-title .line-r { position: absolute; right: 20px; top: 18px; width: 30px; height: 1px; background: #000; } .product-title .line-l-w { position: absolute; left: -10px; top: 18px; width: 30px; height: 1px; background: #000; } .product-title .line-r-w { position: absolute; right: -8px; top: 18px; width: 30px; height: 1px; background: #000; } .inner-title { height: 50px; line-height: 50px; font-size: 24px; } .product-list { margin-bottom: 50px; } .detail-pic { text-align: center; margin-top: 20px; } .ul766 { width: 766px; margin: 0 auto; } .ul383 { width: 383px; margin: 0 auto; } .ul1150 { width: 1150px; margin: 0 auto; } .product .ul1150 li { width: 565px; border-width: 0; } .product .ul1150 li a { width: 100%; padding: 0; } .product .product-app { width: 824px; margin: 0 auto; } .product .product-app li { border-width: 0; } .product .product-app li a { width: 100%; padding: 0; } .product .product-app li a .pic { height: auto; } .big-img { width: 1150px; text-align: center; margin: 30px auto; } .big-img img { width: 100%; max-width: 1150px; } .div1150 { width: 1150px; margin: 0 auto; } .main-title { height: 120px; line-height: 120px; font-size: 36px; text-align: center; } .system-pic { text-align: center; } .system-pic img { max-width: 1150px; } .inner-text { width: 1250px; margin: 0 auto; } .inner-text .inner-text-title { font-size: 16px; color: #333; line-height: 40px; font-weight: bold; } .inner-text p { text-indent: 30px; } /*联系我们*/ .xt_contact { width: 1150px; margin: 20px auto 50px; } .contact-detail { width: 580px; height: 420px; margin-right: 10px; } .contact-detail li { position: relative; height: 35px; } .contact-detail li.first { font-size: 20px; } .contact-detail li img { display: block; position: absolute; left: 0; top: 7px } .contact-detail li p { width: 600px; height: 35px; margin-left: 30px; line-height: 35px; } .contact-message { position: relative; width: 100%; height: 492px; margin-bottom: 50px; padding-top: 60px; background: url("../image/contact/message.jpg") no-repeat center; } .contact-message form { width: 1150px; margin: 0 auto; } .contact-message form li { float: left; width: 560px; height: 50px; margin-right: 30px; margin-bottom: 30px; background: #FFFFFF; } .contact-message form li.r0 { margin-right: 0; } .contact-message form li input { width: 545px; height: 50px; line-height: 50px; border: none; outline: none; color: #999; padding-left: 15px; } .suggestText { width: 1135px; height: 180px; border: none; outline: none; padding-top: 20px; /*text-indent: 15px;*/ padding-left: 15px; margin-top: 30px; color: #999; } .contact-message .submit { position: absolute; left: 50%; bottom: 90px; width: 80px; height: 80px; color: #FFFFFF; border: 0; font-size: 18px; line-height: 80px; text-align: center; margin-left: -40px; background: #005BA8; border-radius: 50%; cursor: pointer; } /*新闻内页*/ .xt_news, .xt_header, .xt_news_tool { width: 1150px; margin: 0 auto; } .xt_news_title { font-size: 20px; color: #005BA8; text-align: center; line-height: 40px; margin-top: 20px; } .xt_news_time { color: #999; text-align: center; } .xt_news_line { width: 100%; height: 0; margin: 20px 0 30px; border-bottom: 1px dashed #dddddd; } .xt_news_text { text-indent: 28px; line-height: 26px; } .xt_news_text_center { text-align: center; font-weight: bold; line-height: 30px; } .xt_news_pic { width: 100%; text-align: center; margin: 20px 0; overflow: hidden; } .xt_news_pic.pwei img { width: 400px; } .xt_news_tool { position: relative; height: 80px; } .xt_news_tool p { margin-bottom: 10px; } .xt_news_tool p a:hover { color: #005BA8; } .xt_news_tool a { color: #666; } .xt_news_tool .news_menu { display: block; position: absolute; top: 0; right: 0; width: 100px; height: 30px; line-height: 30px; text-indent: 10px; border: 1px solid #dddddd; background: url("../image/news/arrow.png") no-repeat 70px center; } .xt_news_tool .news_menu:hover { color: #005BA8; border: 1px solid #005BA8; } /*行业动态样式*/ .industry-trend { width: 1150px; margin: 0 auto 30px; } .industry-trend li { position: relative; height: 70px; line-height: 70px; border-bottom: 1px solid #dddddd; } .industry-trend li a:hover { color: #005BA8; } .industry-trend li .trend-time { position: absolute; top: 0; right: 0; } /*荣誉资质*/ .honor { width: 1150px; margin: 30px auto; } .honor li { float: left; width: 370px; ; margin-right: 20px; margin-bottom: 20px; } .honor li.r0 { margin-right: 0; } .honor li .honor-pic { width: 368px; height: 270px; border: 1px solid #dddddd; } .honor li.special .honor-pic { width: 368px; height: 250px; border: 1px solid #dddddd; } .honor li .honor-pic img { display: block; margin-top: 16px; margin-left: 110px; transition: all 1s; -webkit-transition: all 1s; ; -moz-transition: all 1s; -ms-transition: all 1s; } .honor li.special .honor-pic img { display: block; margin-top: 15px; margin-left: 25px; } .honor li p { line-height: 40px; text-align: center; background: #dddddd; transition: all 1s; -webkit-transition: all 1s; ; -moz-transition: all 1s; -ms-transition: all 1s; } .honor li.hover .honor-pic img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .honor li.hover p { color: #FFFFFF; background: #005BA8; } /*专利证书*/ .patent { width: 1150px; margin: 50px auto; overflow: hidden; } .patent ul li { float: left; width: 278px; height: 280px; margin-right: 10px; margin-bottom: 10px; text-align: center; border: 1px solid #dddddd; padding: 10px 0; } .patent li.r0 { margin-right: 0; } /*图片轮播*/ #mfpSlide { width: auto; position: relative; height: 460px; min-width: 1150px; } #mfpSlide #mfpSlide_con .slideCon { left: 0px; width: 100%; position: absolute; top: 0px; height: 460px; } #mfpSlide #mfpSlide_con .slideCon .slideCenter { margin: 0px auto; width: 1150px; position: relative; height: 460px; } #mfpSlide #mfpSlide_con .slideCon .slideCenter .hiddenAd { left: 240px; width: 760px; position: absolute; top: -40px; height: 210px; } #mfpSlide #mfpSlide_con .slideCon .slideCenter .link { display: block; left: 240px; width: 760px; position: absolute; height: 460px; } #mfpSlide #mfpSlide_con .slideCon .slideCenter .rightAd { z-index: 3; right: 0px; background: black; width: 190px; position: absolute; top: 15px; height: 320px; } #mfpSlide #mfpSlide_con .slideCon .slideCenter .rightAd LI { float: left; width: 190px; position: relative; height: 130px; } #mfpSlide #mfpSlide_con .slideCon .slideCenter .rightAd LI S { display: block; background: #d9cfcd; left: 10px; width: 170px; bottom: 0px; position: absolute; height: 1px; } #mfpSlide #mfpSlide_nav { display: block; z-index: 3; left: 50%; margin-left: -30px; width: 260px; bottom: 10px; position: absolute; height: 25px; } #mfpSlide #mfpSlide_nav LI { display: block; background: #ccc; float: left; margin-right: 5px; width: 10px; cursor: pointer; height: 10px; border-radius: 50%; } #mfpSlide #mfpSlide_nav LI.hover { width: 13px; height: 13px; margin-top: -1.5px; background: #f8ae0e; opacity: 1; box-shadow: 0 0 8px #f8ae0e; -webkit-box-shadow: 0 0 8px #f8ae0e; -moz-box-shadow: 0 0 8px #f8ae0e; filter: progid: DXImageTransform.Microsoft.Shadow(color="#000000", Directive=135, Strength=5); /*for ie6 7 8*/ } .hidecontent { display: none; } .no-border { border-width: 0; } /*分页样式*/ .pageFooter { width: 1250px; height: 32px; margin: -20px auto 30px; text-align: right; } .pageFooter .pager { text-align: right; margin-right: 20px; } .pageFooter a { display: inline-block; width: 35px; height: 33px; line-height: 33px; text-align: center; border: 1px solid #ddd; margin-left: 3px; } .pageFooter .pager .prevNext { width: 55px; } .pageFooter .pager .selected { color: #fff; background: #005BA8; } .pageFooter .pager a:hover { color: #fff; background: #005BA8; } .pageFooter .pager .firstButton { width: 40px; } .gasBgBanner { display: block; width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-image: url(../image/product/bannerGasNew.jpg); } .waterBgBanner { display: block; width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-image: url(../image/product/bannerWaterNew.jpg); }