body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; } body { font-family:'寰蒋闆呴粦','Microsoft YaHei','Arial','Helvetica','sans-serif'; font-size:12px; color:#333; } body { background: #fff; width: 100%; overflow-x: hidden; } li { list-style-type: none; } ul,ol { list-style:none outside none; } legend { display:none; } fieldset,img { border:none; vertical-align:middle; } input,button,select,textarea { outline:none; } textarea { resize:none; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } table,tr,th,td,font { font-size: 12px; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 10px; } h6 { font-size: 8px; } input,textarea{ outline:none; } a{ text-decoration:none; font-size:12px; color:#333; } img { border: medium none; } .clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; } .clear {*zoom:1;} .clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; } .clear { *height:1%; } /*鍏ㄥ眬鍏敤*/ .tc { text-align: center; } .tl { text-align: left; } .tr { text-align: right; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .f26 { font-size: 26px; } .f28 { font-size: 28px; } /* 骞垮憡 2019-03-26 */ .atipic{ width:100%; height: 84px; background: #ccc; position: relative; } .aticont{ width:100%; height: 84px; } .atipic span.aticlose{ z-index: 99999; display: inline-block; width:14px; height: 13px; background:url(../images/close.png) no-repeat; position: absolute; right:40px; top:30px; cursor: pointer; } .top-banner { position: relative; z-index: 1; overflow: hidden; width:100%; height: 85px; } .top-banner ul { } .top-banner ul li { position: absolute; z-index: 2; } .top-banner ul li img { position: relative; } .top-banner .slider-btn { display:none; } .top-banner .banner-pageing { width: 100%; position:absolute; z-index: 222; bottom: 20px; text-align: center; } .top-banner .banner-pageing a { margin-right: 10px; width:16px; height:16px; display:inline-block; background: url(../images/banner-dot.png) no-repeat center; } .top-banner .banner-pageing a.active,#banner .banner-pageing a:hover { background: url(../images/banner-active-dot.png) no-repeat center; } /* 骞垮憡 2019-03-26 */ /*澶撮儴*/ .header{ width:100%; height: 90px; border-top:6px solid #214e78; position: relative; z-index: 55; } .headcenter{ width:1200px; height: 90px; margin: 0 auto; } #logo a{ display: inline-block; width:161px; height: 48px; float:left; margin-top: 21px; } .hright{ height: 90px; float: right; } .mainNav{ height: 90px; line-height: 90px; float:left; position: relative; margin-right: 15px; } .mainNav ul li{ float:left; position: relative; z-index:999;} .mainNav ul li a{ display: inline-block; font-size:16px; float:left; padding: 0 16.5px; } .mainNav ul li .subNav{ display: none; height: 55px; position: absolute; top:90px; left:0; z-index:999; } .subNav ol li{ height: 55px; line-height: 55px; float:left; } .subNav ol li a{ font-size:14px; font-weight:bold; color:#fff; padding: 0 3px; margin-right: 17px; } .subNav ol li a:hover,.subNav ol li a.mnCur { color:#74c0eb; } .hsearch{ width:32px; height: 32px; float: right; margin-top: 29px; margin-left: 5px; position: relative; z-index: 99; } .hsearch a{ display: inline-block; width:32px; height: 32px; background: url(../images/search-btn.png) no-repeat; } .hsearch .hsearsub{ display: none; width:214px; height: 37px; border:5px solid #2c5a7e; position: absolute; right:0; top:59px; z-index:998; } .hseartext{ width:197px; height: 37px; line-height: 37px; background: #fff; border: 0; padding-left: 17px; } .header .nav-layer { display: none; width: 100%; height: 55px; background: rgba(0,0,0,0.6); position: absolute; top:90px; left:0; z-index:998; } .nav-item-bar { display:block;width:64px;height:5px;background-color:#2c5a7e;position:absolute; bottom: 0; } /*杞挱鍥?/ #banner { position: relative; z-index: 1; overflow: hidden; width:100%; height: 726px; } #banner ul { } #banner ul li { position: absolute; z-index: 2; } #banner ul li img { position: relative; } #banner .arrow-l { cursor: pointer; position: absolute; top: 45%; left: 2%; z-index: 999; display: inline-block; width:65px; height: 65px; background: url(../images/banner-arrow-l.png) no-repeat; } #banner .arrow-r { cursor: pointer; position: absolute; top: 45%; right: 2%; z-index: 999; display: inline-block; width:65px; height: 65px; background: url(../images/banner-arrow-r.png) no-repeat; } #banner .arrow-r:hover,#banner .arrow-l:hover { opacity: 0.8; } #banner .slider-btn { display:none; } #banner .banner-pageing { width: 100%; position:absolute; z-index: 222; bottom: 20px; text-align: center; } #banner .banner-pageing a { margin-right: 10px; width:16px; height:16px; display:inline-block; background: url(../images/banner-dot.png) no-repeat center; } #banner .banner-pageing a.active,#banner .banner-pageing a:hover { background: url(../images/banner-active-dot.png) no-repeat center; } /*浼佷笟浠嬬粛*/ .introduce{ width:100%; height: 375px; background: url(../images/introduce.jpg) no-repeat center 0; } .introcenter{ width:1200px; height: 288px; margin: 0 auto; padding-top: 87px; } .introcbox{ width:525px; height: 288px; padding-left: 20px; } .itword1{ color:#2c5a7e; font-size:27px; } .itword2{ color:#2c5a7e; font-size:12px; margin-bottom: 15px; } .itword3{ margin-bottom: 34px; } .intrmore a{ display: block; width:175px; height: 48px; line-height: 48px; color:#2c5a7e; font-size:14px; text-align: center; transition: 1s; border:1px solid #2c5a7e; } .intrmore a:hover{ background:#2c5a7e; color:#fff; transition: 1s; } /*鏂伴椈涓績*/ .newswrap{ width:1200px; height: 705px; margin: 0 auto; padding-top: 55px; } .title{ width:1160px; height: 50px; padding-left: 20px; padding-right: 20px; margin: 0 auto; margin-bottom: 35px; } .ikey{ color:#939598; } .tl{ float:left; } .tr{ float: right; } .tr a{ background: #f2f2f2; } .newscontent{ width:1174px; height: 532px; margin: 0 auto; padding-left: 13px; padding-right: 13px; } .newsleft{ width:562px; height: 478px; background: #f9f9fb; transition: 1s; float: left; padding-left: 60px; padding-top: 50px; } .ntime{ font-size:24px; color:#c3c3c2; margin-bottom: 3px; } .nname{ margin-bottom: 10px; } .nname a{ font-size:16px; } .nkey{ font-size:12px; color:#bfbebe; width:500px; margin-bottom: 32px; } .newsleft:hover { background: #214e78; transition: 1s; } .newsleft:hover a{ color:#fff; } .newsleft:hover .ntime{ color:#fff; } .newsleft:hover .nkey{ color:#fff; } .newsright{ width:530px; height: 532px; float: right; } .newsbox{ width:473px; height: 100px; background: #f8f9f9; transition: 1s; margin-bottom: 8px; padding-left: 37px; padding-right: 20px; padding-top: 26px; } .nsbleft{ width:350px; height: 95px; float: left; padding-top: 5px; } .nsbright{ width:70px; height: 100px; float: right; } .nsbword1{ margin-bottom: 5px; } .nsbword1 a{ font-size:14px; color:#7a7a7a; background: url(../images/dot.png) no-repeat left center; padding-left: 20px; } .nsbword2{ color:#bfbdbd; line-height: 23px; padding-left: 20px; } .nsbrtime{ font-size:24px; color:#c3c2c2; } .nsbarrow{ width:70px; height: 10px; text-align: right; } .nsbarrow a{ display: inline-block; width:18px; height: 7px; background: url(../images/arrow.png) no-repeat; margin-top:17px; } .newsbox:hover{ background: #214e78; transition: 1s; box-shadow:0px 0px 25px 2px rgba(0,0,0,0.5); } .newsbox:hover a{ color:#fff; } .newsbox:hover .nsbword1 a { background-image: url(../images/dot2.png); } .newsbox:hover .nsbword2{ color:#fff; } /*宸ョ▼灞曠ず*/ .engineeringwrap{ width:100%; height: 570px; background: url(../images/showbg.png) no-repeat center 0; padding-top: 57px; } .linear1px{ width:100%; height: 1px; background: #e6e7e8; } .colorblack{ color:#231f20; } .engineercontent{ width:1200px; height: 328px; margin: 0 auto; margin-top: 50px; position: relative; } .engineerlist{ width:1104px; height: 328px; margin: 0 auto; } .engineerl-box { width:1104px; height: 328px; position: relative; margin: 0 auto; overflow: hidden; } .engineerl-box ul { position: absolute; } .engineercontent span.egprev,.engineercontent span.egnext{ display: inline-block; width:38px; height: 328px; background: red; position: absolute; top:0; cursor: pointer; } .engineercontent span.egprev{ background: url(../images/prev.png) no-repeat; left:0; } .engineercontent span.egnext{ background: url(../images/next.png) no-repeat; right:0; } .engineerl-box ul li{ width:339px; height: 328px; background: #fff; float:left; margin-right: 43px; } .engineerl-box ul li.egno{ margin-right: 0; } .eglipic{ overflow: hidden; width:339px; height: 227px; background: #fff; } .eglipic img { -webkit-transition:-webkit-transform 1s ease 0s;transition:transform 1s ease 0s;-webkit-transform-origin:center; transform-origin:center; } .eglipic:hover img {-webkit-transform:scale(1.2);transform:scale(1.2);} .egliname{ width:339px; height: 101px; background: #5e5f5f; } .egliname a{ display: inline-block; width:279px; height: 101px; line-height: 25px; color:#ffffff; font-size:18px; text-align: center; background: #5e5f5f; transition: 1s; padding-left: 30px; padding-right: 30px; display: flex;justify-content:center;align-items: center;} .egliname a:hover{ background: #204e78; transition: 1s; } .engineerl-box ul li:hover a { background: #204e78; transition: 1s; } /*灏鹃儴*/ .footer{ width:100%; height: 270px; background: #214e78; margin-top: 90px; } .ftnav{ width:100%; height: 67px; border-bottom: 1px solid #e2e2e2; } .fncontent{ width:1192px; height: 67px; margin: 0 auto; padding-left: 8px; } .fncLeft{ height: 67px; line-height: 67px; font-size:14px; color:#fff; float:left; } .fncLeft a{ font-size:14px; color:#fff; margin-right: 20px; } .fncLeft a:hover{ text-decoration: underline; } .fncRight{ height: 30px; float: right; margin-top: 18px; padding-right: 13px; } .fncRight ul li{ width:30px; height: 30px; float:left; margin-left: 3px; } .fncRight ul li.wx{ position: relative; } .fncRight ul li.wx .wxbox{ display: none; width:154px; height: 154px; background: url(../images/wxbox.png) no-repeat; position: absolute; bottom:30px; left:-66px; } .fncRight ul li a{ display: inline-block; width:30px; height: 30px; float:left; } .fncRight ul li a.wb{ background: url(../images/weixin.png) no-repeat; } .fncRight ul li a.wb2{ background: url(../images/sina.png) no-repeat; } .fncRight ul li a.wb3{ background: url(../images/qq.png) no-repeat; } .fncRight ul li a.wb:hover{ background: url(../images/weixin2.png) no-repeat; } .fncRight ul li a.wb2:hover{ background: url(../images/sina2.png) no-repeat; } .fncRight ul li a.wb3:hover{ background: url(../images/qq2.png) no-repeat; } .wbpop{ width:130px; height: 130px; margin-top: 12px; margin-left: 12px; } .ftcontentcentert{ width:1200px; height: 202px; margin: 0 auto; } .fttlist{ height: 40px; line-height: 40px; padding-top: 22px; padding-bottom: 25px; } .fttlist span{ font-size:12px; color:#fff; margin-left: 8px; } .fttlist span a{ font-size:12px; color:#fff; margin-right: 8px; } .fttlist span a:hover{ text-decoration: underline; } .fttbom{ margin-bottom: 15px; padding-left:8px; } .fttbom span{ font-size:12px; color:#fff; margin-right: 20px; } .fttbom span a{ font-size:12px; color:#fff; margin-right: 20px; } .fttbom span a:hover{ font-size:12px; color:#fff; margin-right: 20px; } /*鍙戝睍鍘嗙▼*/ .cursite{ width: 100%; height: 370px; position: relative; } .csbg{ width: 100%; height: 370px; } .cursite .curbox{ width:100%; height: 60px; position: absolute; bottom:0; left:0; } .curboxcenter{ width:1200px; height: 59px; background: #fff; border-bottom: 1px solid #f4f4f4; margin: 0 auto; } .curboxcenter a.cshome{ display: inline-block; width:60px; height: 60px; background: url(../images/cshome.png) no-repeat; float:left; } .csnav{ height: 60px; line-height: 60px; font-weight: bold; float:left; padding-left: 30px; } .csnav a,.csnav span{ color: #848181; font-weight: bold; } .csnav span{ color:#6798ba; } .cstablist{ float: right; position: relative; z-index:999; } .cstablist ul li{ float:left; } .cstablist ul li a{ color:#848181; font-weight: bold; height: 58px; line-height: 58px; border-bottom: 1px solid #fff; float:left; margin-right: 22px; } .cstablist ul li a.csCur{ }/* border-bottom: 1px solid #c42126; */ .cstablist .cstablist-item-bar { display:none; width:54px; height:2px; background-color:#c42126; position:absolute; bottom: 0; } .progressWrap{ width:1200px; height: 1049px; background: url(../images/page/progress_bg.png) no-repeat; margin: 0 auto; margin-top: 55px; position: relative; } .progressWrap .pgressbox{ width:240px; height: 70px; position: absolute; top:25px; left:382px; } .pgretime{ text-align: right; font-size:17px; font-weight: bold; color:#898989; margin-bottom: 5px; } .pgrecont{ font-size:14px; color:#ababab; text-align: left; } .progressWrap .pgressbox53{ width:270px; height: 70px; position: absolute; top:190px; left:250px; } .progressWrap .pgressbox96{ width:280px; height: 120px; position: absolute; top:490px; left:188px; } .progressWrap .pgressbox18{ width:227px; height: 90px; position: absolute; top:775px; left:52px; } .progressWrap .pgressbox52{ width:275px; height: 107px; position: absolute; top:143px; right:78px; } .pttxtright{ text-align: left; } .progressWrap .pgressbox87{ width:260px; height: 85px; position: absolute; top:337px; right:368px; } .progressWrap .pgressbox02{ width:246px; height: 73px; position: absolute; top:610px; right:173px; } .progressWrap .pgressbox11{ width:245px; height: 70px; position: absolute; top:765px; right:311px; } .progressWrap .pgressbox31{ width:245px; height: 70px; position: absolute; top:935px; right:340px; } /*浼佷笟绠€浠?/ .wrapcentercontent{ width:1200px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; padding-top: 70px; } .comfiletop{ width: 1200px; height: auto !important; height: 100px; min-height: 100px; } .comfileLeft{ width:815px; height: auto !important; height: 100px; min-height: 100px; float:left; } .comfileRight{ width:322px; height: auto !important; height: 100px; min-height: 100px; float: right; } .cfword{ font-size:18px; font-weight: bold; } .csliner{ line-height: 20px; margin-top: 30px; font-size:14px; color:#999999; } .cfrMission{ width:322px; height: 322px; background: url(../images/page/mission.jpg) no-repeat; margin-top: 82px; } .cfrbox{ width:141px; height: 128px; float:left; padding-top: 33px; padding-left: 20px; } .cfrword1{ font-size:14px; color:#fff; } .cfrline{ width:50px; height: 1px; background: #fff; margin-top: 6px; } .cfrword2{ margin-top: 22px; } .cfrword2 p{ color:#fff; font-size:14px; } .cfrb2{ margin-top: 12px; } .cfrb2 p{ font-size:18px; font-weight: bold; } .cfrgood{ width:322px; height: auto !important; height: 100px; min-height: 100px; margin-top: 40px; } .cfrgood p{ font-size:18px; font-weight: bold; line-height: 26px; } .comfilebom{ margin-top: 45px; } /*缁勭粐鏋舵瀯*/ .zzjgWrap{ width:1200px; height: 985px; background: url(../images/ZZJG.jpg) no-repeat; margin: 0 auto; margin-top: 55px; position: relative; } .progressWrap .pgressbox{ width:240px; height: 70px; position: absolute; top:25px; left:382px; } .pgretime{ text-align: right; font-size:17px; font-weight: bold; color:#898989; margin-bottom: 5px; } .pgrecont{ font-size:14px; color:#ababab; text-align: left; } .zzjgsWrap .pgressbox53{ width:270px; height: 70px; position: absolute; top:190px; left:250px; } .zzjgWrap .pgressbox96{ width:280px; height: 120px; position: absolute; top:490px; left:188px; } .zzjgWrap .pgressbox18{ width:227px; height: 90px; position: absolute; top:775px; left:52px; } .zzjgWrap .pgressbox52{ width:275px; height: 107px; position: absolute; top:143px; right:78px; } .pttxtright{ text-align: left; } .zzjgWrap .pgressbox87{ width:260px; height: 85px; position: absolute; top:337px; right:368px; } .zzjgWrap .pgressbox02{ width:246px; height: 73px; position: absolute; top:610px; right:173px; } .zzjgWrap .pgressbox11{ width:245px; height: 70px; position: absolute; top:765px; right:311px; } /*鍏徃鏂伴椈*/ .newsWrap{ width:1200px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; padding-top: 70px; } .nwstop{ width:880px; height: 235px; padding-left: 160px; padding-right: 160px; } .nwsbom{ width:1200px; height: auto !important; height: 100px; min-height: 100px; margin-top: 40px; } .nwsleft{ width:500px; height: 235px; float:left; padding-right: 42px; } .nwsright{ width:338px; height: 235px; float: right; } .nwsright img{ width:338px; height: 235px; } .nwsltime{ font-size:24px; font-family: 'arial'; margin-top: 5px; color:#999999; } .nwslname{ margin-top: 20px; } .nwslname a{ font-size:20px; font-weight: bold; color:#2c5a7e; } .nwslkey{ color:#b5b5b6; font-size:13px; line-height: 22px; margin-top: 18px; } .nwslmore{ text-align: right; margin-top: 7px; } .nwslmore a{ font-size:14px; color:#ff9100; } .nlibox{ position: relative; width:1100px; height:74px; border-bottom: 1px solid #f2f2f2; margin: 0 auto; padding-top: 28px; padding-bottom: 28px; } .nlibox span { width:0;height:135px;position:absolute;left:0;top:0;z-index:8; background:rgba(242,242,242,0.3);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s; } .nlitime{ width:160px; height: 74px; line-height: 74px; color:#999999; font-size: 24px; font-family: 'arial'; float:left; border-right:3px solid #999999; padding-left: 75px; } .nlicontent{ width:725px; height: 74px; float: left; padding-left: 27px; } .nlicname a{ color: #808285; font-size:18px; font-weight: bold; } .nlickey{ color:#999999; margin-top: 12px; font-size:13px;} .nlibox:hover .nlicname a{ color:#000000; } .nlibox:hover .nlickey{ color:#515251; } .nlibox:hover span { width:1100px; } .newsbarmore{ width:1200px; height: 42px; text-align: center; margin-top: 45px; } .newsbarmore a{ display: inline-block; height: 42px; line-height: 42px; font-size:14px; transition:1s; color:#fff; border:1px solid #fff; background: #2c5a7e; padding-left: 30px; padding-right: 30px; } .newsbarmore a:hover{ border:1px solid #2c5a7e; color:#2c5a7e; background: #fff; transition:1s; } .nwslname a.partred{ color:#ec2e25; } .top1px{ border-top:1px solid #f58d89; } .red1px{ border-bottom:1px solid #f58d89; } .borderr3pxred{ border-right:3px solid #ec2e25; } .newsbarmore a.redbg{ background: #ec2e25; border:1px solid #fff; } .newsbarmore a.redbg:hover{ background: #fff; border:1px solid #ec2e25; color:#ec2e25; } .ftbgred{ background: #ec2e25; } /*鎼滅储缁撴灉椤?/ .searchnav{ height: 60px; line-height: 60px; font-size:13px; font-weight: bold; color:#848181; float: left; padding-left: 30px; } .searchnav span{ color:#c22328; } .searchtitle{ width:1200px; height: 110px; text-align: center; position: relative; } .scbg{ font-size:60px; font-family: "Impact"; color:#f2f2f2; cursor: default; } .searchtitle .sctit{ width:1200px; height:45px; text-align: center; position: absolute; top:55px; left:0;} .sctit span{ display: inline-block; width:320px; height: 45px; font-size:34px; color:#231f20; font-weight: bold; background: #fff; padding-top:10px; } /*鏂伴椈璇︾粏*/ .nsviewWrap{ width:1200px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; padding-top: 70px; } .nsviewtop{ width:846px; height: 92px; border-bottom: 1px solid #f4f4f4; margin: 0 auto; padding-bottom: 6px; padding-left: 54px; } .nsviewcontent{ width:792px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; padding-top: 15px; padding-left: 54px; padding-right: 54px; font-size:15px; line-height: 30px;} .nsvitime{ width:90px; height: 90px; text-align: center; background: #f2f2f2; float: left; margin-right: 20px; } .nt1{ font-size:36px; color:#c22328; font-family: 'arial'; margin-top: 3px; } .nt2{ font-size:14px; color:#707071; font-family: 'arial'; margin-top: -4px; } .nt3{ font-size:18px; color:#707071; font-family: 'arial'; margin-top: 2px; } .nsvright{ width:726px; height: 90px; float: left; } .nsvh1{ width:100%; margin-top: 10px; } .nsvh1 h1{ font-size:18px; font-weight: bold; } .nsvhbar{ width:100%; height: 23px; margin-top: 20px; } .nsvdd{ height: 23px; line-height: 23px; float: left; } .nsvdd span{ font-size:14px; float:left; margin-right: 35px; } .nsvshare{ width:365px; height: 23px; float: left; } .nsvshare strong{ font-weight: normal; height: 23px; line-height: 23px; float: left; } .nsvshare a1{ display: inline-block; width: 23px; height: 23px; float: left; margin-left: 7px; } .nsvshare a1.ns1{ background: url(../images/share1.png) no-repeat; } .nsvshare a1.ns2{ background: url(../images/share2.png) no-repeat; } .nsvshare a1.ns3{ background: url(../images/share3.png) no-repeat; } .nsvshare a1.ns4{ background: url(../images/share4.png) no-repeat; } .textcenter{ text-align: center; } .nsvword{ line-height: 24px; font-size:13px; color:#999999; padding-left: 15px; padding-right: 15px; margin-top: 25px; } .margin25{ margin-top: 25px; } .nsviewbompn{ width:100%; margin-top: 40px; } .nsviewbompn p{ font-size:13px; margin-bottom: 15px; } .nsviewbompn a{ font-size:13px; } .nsviewbompn a:hover{ text-decoration: underline; } /*宸ョ▼涓氱哗璇︾粏*/ .v2pad0{ width:900px; padding: 0; } .widauto{ width:900px; } .widauto .nsvh1{ text-align: center; } .widauto .nsvhbar .nsvshare{ margin-left: 60px; } .wabarauto{ width:475px; margin: 0 auto; } .widah1 h1{ font-size:18px; font-weight: bold; } .widah1{ margin-bottom: 22px; } .mt35{ margin-top: 35px; margin-bottom: 50px; } .v2word{ font-size:15px; color:#999999; margin-bottom: 15px; } .v2word p{ text-indent: 2em; line-height: 25px; } .v2tit{ font-size:18px; } .m25{ margin-bottom: 25px; } /*浜烘墠鎴樼暐*/ .perContent{ width:1200px; height: auto !important; height: 100px; min-height: 100px; margin-top: 45px; } .perword{ line-height: 24px; font-size:14px; color:#7d7d7d; text-indent: 2em; margin-bottom: 25px; } .mt95{ margin-top: 95px; } .perword strong{ color:#636363; } /*鏁欒偛鍩硅*/ .edumain{ width:1100px; height: auto !important; height: 100px; min-height: 100px; font-size:14px; color:#7d7d7d; line-height: 24px; border-bottom: 1px solid #f2f2f2; margin: 0 auto; margin-top: 40px; padding-bottom: 60px; } .edulist{ width:1100px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; } .edulibox{ width:1015px; height: 190px; border-bottom: 1px solid #f2f2f2; padding-left: 40px; padding-right: 45px; padding-top: 34px; padding-bottom: 34px; } .edulibox:hover{ background: #f9f9fb; } .edulibox img { -webkit-transition:-webkit-transform 1s ease 0s;transition:transform 1s ease 0s;-webkit-transform-origin:center; transform-origin:center; } .edulibox:hover img {-webkit-transform:scale(1.2);transform:scale(1.2);} .edulibLeft{ width:677px; height: 190px; float:left; } .edulibRight{ width:300px; height: 190px; overflow:hidden; float: right; } .eduword1{ margin-top: 5px; } .eduword1 a{ font-size:18px; font-weight: bold; } .eduword2{ font-size:12px; color:#999999; line-height: 20px; margin-top: 10px; } .edumorebtn{ margin-top: 55px; } .edumorebtn a{ color:#c32127; } .edumorebtn a:hover{ text-decoration: underline; } /*浼樼鍥㈤槦*/ .tcontentfrief{ width:1100px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; } .teamtitle{ width:1100px; height: 60px; line-height: 60px; font-size:18px; color:#fff; text-align: center; font-weight: bold; background:url(../images/page/team_titlebg.jpg) no-repeat; margin-top: 60px; } .teambrief{ width:1100px; height: auto !important; height: 362px; min-height: 362px; margin-top: 55px; } .tbriefleft{ width:262px; height: 362px; float:left; } .tbriefright{ width:745px; height: 362px; float: right; padding-right: 25px; } .tbriefname{ font-size:24px; font-weight: bold; color:#231f20; margin-bottom: 15px; } .tbriefcont p{ text-indent: 2em; font-size:14px; color:#7d7d7d; line-height: 25px; } .honor{ width:1096px; height: auto !important; height: 230px; min-height: 230px; border: 2px solid #e8e8e8; margin-top: 40px; } .honorleft{ width:235px; height: 167px; text-align: center; float: left; padding-top: 60px; } .honorleft span{ display: inline-block; width:92px; height: 84px; background:url(../images/page/honor.png) no-repeat; } .honorleft strong{ font-size:18px; font-weight: bold; color:#fff; } .honorright{ width:861px; height: auto !important; height: 170px; min-height: 170px; float:left; padding-top:30px; padding-bottom: 30px; } .honorbox{ padding: 5px 0; height: auto !important; height: 170px; background: rgba(255,255,255,0.5); min-height: 170px; float:left; } .hbwid307{ width:300px; } .hbwid554{ width:375px; margin-left: 75px; } .honorbox p{ margin-left: 18px; width:100%; height: 48px; line-height: 48px; font-size:14px; } .honorbox p span{ float:left; color:#3E3E3E; } .honorbox p strong{ width:58px; color:#CE0000; float:left; } .hbwid554 p{ height: 24px; line-height: 24px; } .berifpic{ margin-top: 35px; height: 360px; } .berifpic-item { float: left; height: 310px; } .berifpic-img { float: left; } .berifpic-title { margin-top: 6px; text-align: center; font-size: 14px; float: left; width: 100%; height: 55px; line-height: 55px; background: #eaeaea; } .berifpic-title a { font-size: 14px; } .berifpic-title a i { margin-top: 6px; font-style: normal; display: block; line-height: 17px; } .berifpic-item.a-1 { width: 470px; margin-right: 95px; } .berifpic-item.a-2 { width: 216px; margin-right: 99px; } .berifpic-item.a-3 { width: 216px; } .tblue{ background: url(../images/page/team_titlebg_blue.jpg) no-repeat; } .projectcont{ width:1100px; height: 251px; margin: 0 auto; margin-top: 45px; } .projectbox{ width:275px; height: 251px; float:left; } .proboxdd{ width:226px; height: 226px; text-align: center; float:left; margin: 0 24px; padding-top: 25px; transition: 1s; } .proboxdd:hover{ background: #f7f7f7; transition: 1s; } .prdline{ width:1px; height:251px; float:left; } .prdline span{ display: inline-block; width:1px; height: 155px; background: #f1f2f2; margin-top: 48px; } .proboxdd span{ display: inline-block; width:144px; height: 162px; background: url(../images/page/pro_dd.png) no-repeat; } .proboxdd span.pdgreen{ background: url(../images/page/pro_dd2.png) no-repeat; } .proboxdd span.pdblue{ background: url(../images/page/pro_dd3.png) no-repeat; } .proboxdd span.pdred{ background: url(../images/page/pro_dd4.png) no-repeat; } .proboxdd strong{ font-size:18px; color:#faaf3b; font-weight: normal; } .pddname{margin-top: 17px; } .proboxdd span i{ display: inline-block; width:142px; height: 142px; line-height: 142px; font-size:41px; font-weight: bold; font-style:normal; color:#fff; } .proboxdd strong.pdngreen{ color:#a4d165; } .proboxdd strong.pdnblue{ color:#29aae1; } .proboxdd strong.pdnred{ color:#c0272d; } /*宸ョ▼涓氱哗鍏朵粬濂栭」琛ㄦ牸*/ .tatitlegcyjqtcontent{ width:800px; height: auto !important; height: 240px; min-height: 240px; margin: 0 auto; margin-top: 30px; } .tablegcyjqtlist{ width:800px; height: auto !important; height: 240px; min-height: 240px; background: #eee; } .tatitlegcyjqtTitle{ width:800px; height: 50px; background: #214e78; border-bottom: 5px solid #fff; } .tatitlegcyjqtTitle span{ display: inline-block; height: 50px; line-height: 50px; color:#fff; font-size:18px; font-weight: bold; text-align: center; float:left; } .tatitlegcyjqtTitle span.tatit1{ width:80px; border-right:2px solid #fff; } .tatitlegcyjqtTitle span.tatit2{ width:592px; border-right:2px solid #fff; } .tatitlegcyjqtTitle span.tatit3{ width:118px;} .tatitlegcyjqtline{ width:800px; height: 50px; border-bottom: 1px solid #fff; background: #efefef; } .tatitlegcyjqtline:hover{ background: #d8d8d8; } .tatitlegcyjqtline span{ display: inline-block; height: 50px; line-height: 50px; color:#000000; font-size:14px; text-align: center; float:left; } .tatitlegcyjqtline span.taline1{ width:82px; } .tatitlegcyjqtline span.taline2{ width:594px; } .tatitlegcyjqtline span.taline3{ width:120px; } .bgefefef{ background: #f9f9f9; } .newsbarmore a.tbcard{ background: #3098d1; } .newsbarmore a.tbcard:hover{ background: #fff; border: 1px solid #3098d1; color:#3098d1; } /*浼樼鍥㈤槦琛ㄦ牸*/ .tatitle{ width:1110px; height: 60px; line-height: 60px; font-size:18px; color:#fff; text-align: center; font-weight: bold; background:url(../images/page/tatitle.jpg) no-repeat; margin-bottom: 20px; } .tatablecontent{ width:1110px; height: auto !important; height: 240px; min-height: 240px; margin: 0 auto; margin-top: 70px; } .tablelist{ width:1110px; height: auto !important; height: 240px; min-height: 240px; background: #eee; } .tbtableTitle{ width:1110px; height: 60px; background: #214e78; border-bottom: 5px solid #fff; } .tbtableTitle span{ display: inline-block; height: 60px; line-height: 60px; color:#fff; font-size:20px; font-weight: bold; text-align: center; float:left; } .tbtableTitle span.tatit1{ width:148px; border-right:2px solid #fff; } .tbtableTitle span.tatit2{ width:248px; border-right:2px solid #fff; } .tbtableTitle span.tatit3{ width:178px; border-right:2px solid #fff; } .tbtableTitle span.tatit4{ width:268px; border-right:2px solid #fff; } .tbtableTitle span.tatit5{ width:250px; } .tatableline{ width:1110px; height: 50px; border-bottom: 1px solid #fff; background: #efefef; } .tatableline:hover{ background: #d8d8d8; } .tatableline span{ display: inline-block; height: 50px; line-height: 50px; color:#000000; font-size:17px; text-align: center; float:left; } .tatableline span.taline1{ width:150px; } .tatableline span.taline2{ width:250px; } .tatableline span.taline3{ width:180px; } .tatableline span.taline4{ width:270px; } .tatableline span.taline5{ width:250px; } .bgefefef{ background: #f9f9f9; } .newsbarmore a.tbcard{ background: #3098d1; } .newsbarmore a.tbcard:hover{ background: #fff; border: 1px solid #3098d1; color:#3098d1; } /* 鏂规04-6绉戞妧鍒涙柊BIM */ .bim-wrap { width: 100%; background: url(../images/vide-bg.jpg) no-repeat center -130px; height: auto !important; height: 990px; min-height: 990px; } .bim-video { width:1200px; margin: 0 auto; height: auto !important; height: 990px; min-height: 990px; } .bim-vide-box { width: 950px; height: 540px; position: relative; top: 145px; left: 120px; } .footer-v { margin-top: 0; } .bim-btn { border:1px solid #fff; transition:1s; position: relative; left: 42%; top: 250px; text-align: center; line-height: 45px; font-size: 14px; display: inline-block; width: 147px; height: 45px; background: #214e78; color: #fff; } .bim-btn:hover{ border:1px solid #2c5a7e; color:#2c5a7e; background: #fff; transition:1s; } /* 鏂规04-1浼佷笟璧勮川 */ .enterprise-wrap { width:1200px; margin: 0 auto; height: auto !important; height: 990px; min-height: 990px; } .enterprise-ll { float: left; width: 377px; height: 870px; border-right: 2px solid #f8f8f8; } .enterprise-ll-head { margin-top: 36px; margin-left: 16px; background: url(../images/enterprise-top-bg.png) no-repeat; width: 346px; height: 58px; float: left; } .enterprise-ll ul { margin-left: 16px; margin-top: 16px; float: left; } .enterprise-ll ul li { width: 346px; font-size: 14px; color: #787878; height: 34px; line-height: 34px; border-bottom: 2px solid #f4f4f4; float: left; } .enterprise-ll ul li a { font-size: 14px; color: #787878; } .enterprise-ll ul li a:hover { color: #6798ba; } .enterprise-ll ul li .tit { float: left; } .enterprise-ll ul li .level { float: right; width: 70px; } .enterprise-rr { float: right; width: 821px; height: 870px; position: relative } .enterprise-r-box img { width: 380px; height: 550px; } .enterprise-r-image { position: relative; width: 380px; height: 550px; overflow: hidden; float: left; margin-top: 80px; margin-left: 210px; } .enterprise-r-image ul li { position: absolute; z-index: 1; } .enterprise-rr a.enterprise-arrow { top: 350px; position: absolute; width: 67px; height: 67px; display: inline-block; } .enterprise-rr a.arrow-img-l { left: 35px; background: url(../images/enterprise-arrow-l.png) no-repeat; } .enterprise-rr a.arrow-img-r { right: 35px; background: url(../images/enterprise-arrow-r.png) no-repeat; } .enterprise-rr a.arrow-img-l:hover { background: url(../images/enterprise-arrow-active-l.png) no-repeat; } .enterprise-rr a.arrow-img-r:hover { background: url(../images/enterprise-arrow-active-r.png) no-repeat; } .enterprise-list-img { margin-top: 30px; margin-left: 20px; float: left; width: 795px; height: 155px; background: #f7f7f7; } .enterprise-list-img a:first-child { margin-left: 40px; } .enterprise-list-img a { padding: 0 6px; padding-top: 4px; padding-bottom: 4px; display: inline-block; float: left; margin-top: 20px; margin-right: 35px; border: 1px solid #f7f7f7; } .enterprise-list-img a.active { border: 1px solid #214e78; } .enterprise-list-img img { width: 75px; height: 108px; } .qualification-img-box { float: left; margin-bottom: 49px; } .qualification-img-box img { width: 1200px; height: 351px; } .team-bg-box { background: url(../images/team-bg.jpg) no-repeat; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; background-size:100% 100%; } /* 鏂规04-3浼佷笟鑽h獕 */ .container-wrap { width:1200px; margin: 0 auto; height: auto !important; height: 100px; min-height: 100px; } .honour-box { width:1200px; margin-top: 75px; margin-bottom: 85px; } .honour-box{overflow:hidden;margin-right:-15px;padding-bottom:20px;} .honour-box ul { margin-left: 25px; float: left; } .honour-box li { float:left; margin-bottom: 30px; margin-right: 43px; } .honour-box li { width: 350px; height: 290px; } .honour-box a{display:block;position:relative;overflow:hidden;} .honour-box .img { width: 350px; height: 226px; } .honour-box img { width: 350px; height: 226px; margin-bottom: 4px; } .honour-box .ti{position:absolute;left:0;bottom:0;height:30px;line-height:30px;width:100%;padding:0 20px;color:#fff;background:rgba(0,0,0,0.5);} .honour-box .mask{position:absolute;width:100%;height:100%;background:rgba(32,78,120,0.3);top:0;left:-100%;-webkit-transition:all .4s;transition:all .4s;} .honour-box .mask:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .honour-box .mask .cont{display:inline-block;width:98%;vertical-align:middle;color:#fff;text-align:center;} .honour-box .mask .title{line-height:24px;font-size:16px;} .honour-box .mask .serc{display:block;width:22px;height:23px; margin:0 auto 20px;} .honour-box .tit { width: 350px; text-align: center; border: 1px solid #8da6ba; height: 56px; line-height: 56px; background: #214e78; color: #fff; } .honour-box .tit { display: block; font-size: 14px; color: #fff; } .honour-box ul li.n { margin-right: 0; } .honour-box li span { width:60px;height:60px;background: url(../images/magnifier.png) no-repeat center; background-size: 60%;position:absolute;left:100%;top:100px;-webkit-transition:all .4s;transition:all .4s; } .honour-box a:hover .mask{left:0;} .honour-box a:hover span{left:45%;} .honour-btn { float: left; width: 1200px; text-align: center; margin-top: 40px; } .honour-btn a { border:1px solid #fff; transition:1s; text-align: center; line-height: 45px; font-size: 14px; display: inline-block; width: 147px; height: 45px; background: #214e78; color: #fff; } .honour-btn a:hover{ border:1px solid #2c5a7e; color:#2c5a7e; background: #fff; transition:1s; } .honour-odiv-image { float: left; width:1035px; height: 730px; margin: 10px; } .honour-odiv-image img { width:1035px; height: 730px; } .honour-odiv-close { cursor: pointer; width: 50px; height: 50px; position: absolute; right: -20px; top: -20px; background: url(../images/honour-close.png) no-repeat; } /* 鏂规04-4宸ョ▼涓氱哗 */ .project-performance { width:1200px; margin-top: 75px; margin-bottom: 85px; } .project-performance{overflow:hidden;margin-right:-15px;padding-bottom:20px;} .project-performance ul { margin-left: 25px; float: left; } .project-performance li { float:left; margin-bottom: 30px; margin-right: 43px; } .project-performance li { width: 355px; height: 300px; } .project-performance a{display:block;position:relative;overflow:hidden;} .project-performance .img { width: 355px; height: 230px; } .project-performance img { width: 355px; height: 230px; } .project-performance .ti{position:absolute;left:0;bottom:0;height:30px;line-height:30px;width:100%;padding:0 20px;color:#fff;background:rgba(0,0,0,0.5);} .project-performance .mask{position:absolute;width:100%;height:100%;background:rgba(68,68,68,0.5);top:0;left:-100%;-webkit-transition:all .4s;transition:all .4s;} .project-performance .mask:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .project-performance .mask .cont{display:inline-block;width:98%;vertical-align:middle;color:#fff;text-align:center;} .project-performance .mask .title{line-height:24px;font-size:16px;} .project-performance .mask .serc{display:block;width:22px;height:23px; margin:0 auto 20px;} .project-performance .tit { width: 355px; text-align: center; height: 60px; color: #fff; } .project-performance .tit { display: block; font-size: 14px; color: #000; } .project-performance-box .tit { background: #444; color:#fff; } .project-performance .tit div { float: left; width: 355px; text-align: center; } .project-performance .tit div:first-child { margin-top: 10px; } .project-performance ul li.n { margin-right: 0; } .project-performance li span { width:60px;height:60px;background: url(../images/djjr.png) no-repeat center; background-size: 60%;position:absolute;left:100%;top:100px;-webkit-transition:all .4s;transition:all .4s; } .project-performance-box li span { background: url(../images/magnifier.png) no-repeat center; background-size: 60%; } .project-performance a:hover .mask{left:0;} .project-performance a:hover span{left:45%;} .project-performance .honour-btn { float: left; width: 1200px; text-align: center; margin-top: 40px; } .project-performance .honour-btn a { border:1px solid #fff; transition:1s; text-align: center; line-height: 45px; font-size: 14px; display: inline-block; width: 147px; height: 45px; background: #214e78; color: #fff; } .project-performance .honour-btn a:hover{ border:1px solid #2c5a7e; color:#2c5a7e; background: #fff; transition:1s; } /* 鏂规04-5绮惧搧灞曠ず */ .boutique-box { width:1200px; margin-top: 75px; margin-bottom: 85px; } .boutique-box{overflow:hidden;margin-right:-15px;padding-bottom:20px;} .boutique-box ul { margin-left: 25px; float: left; } .boutique-box li { float:left; margin-bottom: 30px; margin-right: 43px; } .boutique-box li { width: 355px; height: 300px; } .boutique-box a{display:block;position:relative;overflow:hidden;} .boutique-box .img { width: 355px; height: 230px; } .boutique-box img { width: 355px; height: 230px; } .boutique-box .ti{position:absolute;left:0;bottom:0;height:30px;line-height:30px;width:100%;padding:0 20px;color:#fff;background:rgba(0,0,0,0.5);} .boutique-box .mask{position:absolute;width:100%;height:100%;background:rgba(68,68,68,0.5);top:0;left:-100%;-webkit-transition:all .4s;transition:all .4s;} .boutique-box .mask:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .boutique-box .mask .cont{display:inline-block;width:98%;vertical-align:middle;color:#fff;text-align:center;} .boutique-box .mask .title{line-height:24px;font-size:16px;} .boutique-box .mask .serc{display:block;width:22px;height:23px; margin:0 auto 20px;} .boutique-box .tit { width: 355px; text-align: center; height: 60px; line-height: 60px; } .boutique-box .tit { display: block; font-size: 18px; color: #4C4C4D; } .boutique-box ul li.n { margin-right: 0; } .boutique-box li span { width:60px;height:60px;background: url(../images/magnifier.png) no-repeat center; background-size: 60%;position:absolute;left:100%;top:100px;-webkit-transition:all .4s;transition:all .4s; } .boutique-box a:hover .mask{left:0;} .boutique-box a:hover span{left:45%;} /* 鏂规04-5绮惧搧灞曠ず璇︾粏 */ .prodetailslider{ width:955px; height: auto !important; height:685px; min-height:685px; border-bottom: 1px solid #e0e0e0; margin-left: 140px; margin-top: 75px; } .prodetailcontent{ width:998px; height:auto !important; height:60px; min-height:60px; background: #fff; } .prodetailLeft{ width:758px; height:auto !important; height:290px; min-height:290px; border-right: 1px solid #e0e0e0; float:left; } .prodetailRight{ width:179px; height:auto !important; height:60px; min-height:60px; background: #fff; float:left; padding: 30px; } .prosliderpic{ width:955px; height: auto !important; height:685px; min-height:685px; position: relative; } .prosliderpic ul { float: left; width:955px; height:630px; } .prosliderpic li { position: absolute; } .prosliderpic img{ width:955px; height:630px; } .prosli-prev { cursor: pointer; left: -100px; position: absolute; z-index: 2; top: 350px; width: 48px; height: 49px; background: url(../images/prosli-prev.png) no-repeat; } .prosli-next { cursor: pointer; right: -100px; position: absolute; z-index: 2; top: 350px; width: 48px; height: 49px; background: url(../images/prosli-next.png) no-repeat; } .proslidersmallpic{ width:950px; height:109px; margin-top: 10px; margin-bottom: 70px; position: relative; } .proslidersmallpic span.prosliPrev,.proslidersmallpic span.prosliNext{ display: inline-block; width:30px; height:102px; position: absolute; top:19px; cursor: pointer; } .proslidersmallpic span.prosliPrev{ left: 0; background: url(../images/prosliPrev.jpg) no-repeat; } .proslidersmallpic span.prosliNext{ right:-15px; background: url(../images/prosliNext.jpg) no-repeat; } .prosliderlist{ width:906px; height: 109px; position: absolute; top:0; left:25px; overflow:hidden; } .prosliderlist ul { position:absolute; } .prosliderlist ul li{ position: relative; width:151px; height: 109px; float:left; } .prosliderlist ul li.active { background: url(../images/boutique-active.png) no-repeat top center; } .prosliderlist ul li.plmr0{ margin-right: 0; } .prosliderlist ul li img{ position: relative; top: 13px; left: 8px; width:135px; height: 90px; } .pro-bottom-box { color: #fff; font-size: 24px; float: left; width:955px; height: 55px; line-height: 55px; background: #4e4e4e; } .pro-bottom-box i { font-style: normal; color: #C32127; } .pros-pageing { float: left; margin-left: 33px; } .pros-title { float: left; margin-left: 65px; font-size: 14px; } /* 鏂规04-6绉戞妧鍒涙柊 */ .certificate-box { width:1200px; margin-top: 75px; margin-bottom: 85px; } .certificate-box{overflow:hidden;margin-right:-15px;padding-bottom:20px;} .certificate-box ul { margin-left: 25px; float: left; } .certificate-box li { float:left; margin-bottom: 30px; margin-right: 43px; } .certificate-box li { width: 355px; height: 274px; } .certificate-box li a{ display: block; width: 350px; height: 274px;position:relative;overflow:hidden;} .certificate-box .img { float: left; width: 355px; height: 212px; margin-bottom: 4px; } .certificate-box img { width: 355px; height: 212px; } .certificate-box .ti{position:absolute;left:0;bottom:0;height:30px;line-height:30px;width:100%;padding:0 20px;color:#fff;background:rgba(0,0,0,0.5);} .certificate-box .mask{position:absolute;width:100%;height:100%;background:rgba(32,78,120,0.3);top:0;left:-100%;-webkit-transition:all .4s;transition:all .4s;} .certificate-box .mask:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .certificate-box .mask .cont{display:inline-block;width:98%;vertical-align:middle;color:#fff;text-align:center;} .certificate-box .mask .title{line-height:24px;font-size:16px;} .certificate-box .mask .serc{display:block;width:22px;height:23px; margin:0 auto 20px;} .certificate-box .tit { float: left; width: 355px; text-align: center; border: 1px solid #8da6ba; height: 56px; line-height: 56px; background: #214e78; color: #fff; } .certificate-box .tit { display: block; font-size: 14px; color: #fff; } .certificate-box ul li.n { margin-right: 0; } .certificate-box li span { width:60px;height:60px;background: url(../images/magnifier.png) no-repeat center; background-size: 60%;position:absolute;left:100%;top:100px;-webkit-transition:all .4s;transition:all .4s; } .certificate-box a:hover .mask{left:0;} .certificate-box a:hover span{left:45%;} .certificate-box .honour-btn { float: left; width: 1200px; text-align: center; margin-top: 40px; } .certificate-box .honour-btn a { border:1px solid #fff; transition:1s; text-align: center; line-height: 45px; font-size: 14px; display: inline-block; width: 147px; height: 45px; background: #214e78; color: #fff; } .certificate-box .honour-btn a:hover{ border:1px solid #2c5a7e; color:#2c5a7e; background: #fff; transition:1s; } .o-certificate-close { z-index: 20100; background: url(../images/certificate-odiv-close.png) no-repeat; position: fixed; width: 49px; height: 49px; cursor: pointer; display: inline-block; top: 0; right: 0; } .o-certificate-close:hover { opacity: 0.8; } /*.o-certificate-arrow-l { border: 0; z-index: 20100; background: url(../images/certificate-arrow-l.png) no-repeat; position: fixed; width: 50px; height: 48px; cursor: pointer; display: inline-block; top: 47%; left: 0; }*/ .o-certificate-arrow-l:hover { opacity: 0.8; } /*.o-certificate-arrow-r { border: 0; z-index: 20100; background: url(../images/certificate-arrow-r.png) no-repeat; position: fixed; width: 50px; height: 48px; cursor: pointer; display: inline-block; top: 47%; right: 0; } */ .o-certificate-arrow-r:hover { opacity: 0.8; } /* 鏂规04-74鎷涜仒鍏憡 */ .notice-box{ width:1100px; height: auto !important; height: 50px; min-height: 50px; font-size:14px; color:#7d7d7d; line-height: 24px; margin: 0 auto; margin-bottom: 40px; margin-top: 50px; } .notice-title { font-weight: bold; width:1100px; height: auto !important; height: 40px; min-height: 40px; font-size:18px; color:#7d7d7d; line-height: 24px; margin: 0 auto; margin-bottom: 55px; } .notice-wrap { width:1100px; height: auto !important; height: 50px; min-height: 50px; margin: 0 auto; } .notice-header { width:1100px; height: 70px; line-height: 70px; background: #f7f7f7; color: #7C7C7C; font-size: 14px; } .notice-header span { float: left; } .notice-header span.n-time { width: 300px; margin-left: 10px; } .notice-header span.n-time i { position: relative; top: 5px; margin-left: 10px; margin-right: 10px; background: url(../images/n-avatar.png) no-repeat; width: 21px; height: 23px; display: inline-block; font-style: normal; } .notice-header span.n-title { width: 225px; } .notice-header span.n-count { width: 158px; } .notice-header span.n-address { width: 280px; } .notice-item-head { width:1100px; height: 70px; line-height: 70px; border-bottom:1px solid #e8e8e8; color: #7C7C7C; font-size: 14px; } .notice-item-head span { float: left; } .notice-item-head span.n-time-v { width: 300px; margin-left: 10px; } .notice-item-head span.n-time-v i { position: relative; top: 5px; margin-left: 10px; margin-right: 10px; width: 21px; height: 23px; display: inline-block; font-style: normal; } .notice-item-data.active .notice-item-head span.n-time-v i { background: url(../images/n-avatar-v.png) no-repeat; } .notice-item-data { cursor: pointer; } .notice-item-head span.n-title-v { width: 225px; } .notice-item-head span.n-count-v { width: 158px; } .notice-item-head span.n-address-v { width: 227px; } .notice-item-head span.n-position-v { width: 180px; text-align: center; display: block; } .notice-item-head span.n-position-v a { display: block; width: 180px; height: 70px; } .notice-item-data.active .notice-item-head { background: #dbdbdb; } .notice-item-data.active .notice-item-head span.n-position-v, .notice-item-data.active .notice-item-head span.n-position-v a { background: #c42027; color: #fff; } .notice-item-box { background: #efefef; display: none; } .notice-item-box p { color: #7C7C7C; line-height: 30px; font-size: 14px; margin-left: 55px; } .notice-item-box p strong { } .notice-item-data.active .notice-item-box { display: block; } .notice-item-data:hover { background: #dbdbdb; } .notice-item-data:hover .notice-item-data.active .notice-item-head span.n-position-v, .notice-item-data:hover .notice-item-data.active .notice-item-head span.n-position-v a { background: #c42027; color: #fff; } .notice-item-data:hover .notice-item-head span.n-time-v i { background: url(../images/n-avatar-v.png) no-repeat; } .nsnlibor{ border-top:1px solid #f2f2f2; } /* 鏂规04-4鍏朵粬濂栭」-01 */ .other-top-box { width: 1110px; margin: 0 auto; margin-top: 70px; } .other-top-list:hover { transition:1s; box-shadow:0px 3px 8px 4px rgba(0,0,0,0.2); } .other-top-list { transition:1s; margin-right: 30px; position: relative; background: #f7f7f7; float: left; width:345px; height: 710px; border: 1px solid #ccc; } .right-clear { margin-right: 0; } .other-top-list .img { width:345px; float: left; margin-top: 29px; text-align: center; } .other-top-list .tit { font-size: 18px; color: #0998D8; text-align: center; float: left; width: 345px; margin-top: 24px; } .other-t-list { float: left; margin-left: 24px; margin-top: 22px; border-top: 1px solid #d7d7d7; width: 294px; } .other-t-list ul { float: left; margin-top: 12px; margin-left: 30px; } .other-t-list ul li { background: url(../images/icon-other-list.png) no-repeat 10px center; border-bottom: 1px dashed #d8d8d8; float: left; width: 234px; height: 30px; line-height: 30px; } .other-t-list ul li a { margin-left: 45px; font-size: 14px; color:#6798BA; } .other-t-list ul li a:hover { color: #484848; } .other-p-desc { float: left; margin-top: 18px; font-size: 12px; color:#7F7F7F; width: 234px; margin-left: 30px; } .other-p-desc span { margin-bottom: 14px; width: 234px; float: left; } .other-p-desc p { line-height: 25px; } .other-p-desc.three-box { margin-top: 25px; } .other-top-img { position: absolute; bottom: 8px; left: 8px; } .other-top-img img { width: 327px; height: 145px; } .other-bottom-box { width: 1110px; margin: 0 auto; margin-top: 30px; } .other-bottom-item { transition:1s; float: left; background: #f7f7f7; height: 275px; } .other-bottom-item:hover { transition:1s; box-shadow:0px 3px 8px 4px rgba(0,0,0,0.2); } .other-bottom-item .l { float: left; width: 338px; height: 275px; } .other-bottom-item .l .tit { float: left; margin-top: 20px; margin-left: 55px; border-bottom: 1px dashed #d8d8d8; width: 220px; font-size: 14px; color: #6798BA; height: 35px; line-height: 35px; background: url(../images/icon-other-list.png) no-repeat 20px center; text-indent: 45px; } .other-bottom-item:hover { transition:1s; box-shadow:0px 3px 8px 4px rgba(0,0,0,0.2); } .other-bottom-item .l .tit1 { float: left; margin-top: 5px; margin-left: 55px; border-bottom: 1px dashed #d8d8d8; width: 220px; font-size: 14px; color: #6798BA; height: 35px; line-height: 35px; background: url(../images/icon-other-list.png) no-repeat 20px center; text-indent: 45px; } .other-bottom-item .l .tit a{ font-size: 14px; color: #6798BA; } .other-bottom-item .l .tit a:hover { color: #484848; } .other-bottom-item .l span { margin-top: 25px; font-weight: bold; float: left; width: 220px; margin-left: 55px; } .other-bottom-item .l p { margin-top: 10px; line-height: 25px; float: left; width: 220px; margin-left: 55px; } .other-bottom-item .r { float: left; width: 200px; height: 275px; } .other-bottom-item .r .img { width: 200px; height: 234px; } .other-bottom-item .r .tit { display: block; text-align: center; font-size: 18px; width: 200px; height: 41px; line-height: 41px; color:#fff; background: #1979AF; } .other-bottom-item .r { -moz-box-shadow:1px 1px 1px #6E6E6E; -webkit-box-shadow:1px 1px 1px #6E6E6E; box-shadow:1px 1px 1px #6E6E6E; } .other-bottom-item.right { margin-left: 25px; } .other-bottom-list { float: left; margin-top: 40px; } /* 鎼滅储椤甸潰 */ .current { color:#FFF; } /* 鏂规04-64瑁呴厤 */ .assembling-box { width:1100px; margin: 75px auto; height: auto !important; height: 100px; min-height: 100px; } .assembling-list { float: left; width: 1100px; height: 340px; float: left; margin-bottom: 75px; } .assembling-list .l { background: #f6f6f6; float: left; width: 690px; height: 334px; border-bottom: 6px solid #c42126; } .assembling-list .r { float: right; width:410px; height: 340px; overflow: hidden; } .assembling-list .r img { width:410px; height: 340px; transition:transform 1s ease 0s; transform-origin:center; } .assembling-list:hover { transition:1s; box-shadow:0px 3px 8px 4px rgba(0,0,0,0.2); } .assembling-list:hover img { transform:scale(1.2); } .assembling-name { margin-top: 40px; float: left; margin-left: 49px; width: 640px; font-size:18px; font-weight: bold; color:#3E3E3E; } .assembling-desc { margin-top: 19px; float: left; margin-left: 49px; width: 640px; font-size:18px; color:#3E3E3E; } .assembling-desc a { font-size:18px; color:#3E3E3E; } .assembling-desc a:hover { text-decoration: underline; } .assembling-survey { margin-top: 20px; float: left; margin-left: 49px; width: 640px; color: #727272; font-size:18px; font-weight: bold; } .assembling-content { margin-top: 9px; float: left; margin-left: 49px; width: 590px; color: #727272; font-size: 14px; line-height: 26px; } .assembling-more { width: 590px; float: left; margin-left: 49px; } .assembling-more a { float: right; color: #c32127; } .assembling-more a:hover { text-decoration: underline; } .assembling-btn { float: left; width: 1100px; text-align: center; margin-bottom: 20px; } .assembling-btn a { border:1px solid #fff; transition:1s; text-align: center; line-height: 45px; font-size: 14px; display: inline-block; width: 147px; height: 45px; background: #214e78; color: #fff; } .assembling-btn a:hover{ border:1px solid #2c5a7e; color:#2c5a7e; background: #fff; transition:1s; } /* 2019-03-26 棣栭〉娣诲姞鍐呭 */ .stat-unit-box { margin-top: 85px; margin-bottom: 40px; width: 100%; height: 270px; background: url(../images/stat/bg.png) no-repeat center; } .stat-unit-wrap { width:1200px; height: 270px; margin: 0 auto; position: relative; } .stat-unit-title { position: absolute; left: 20px; top: 80px; width: 150px; height: 120px; border-right: 2px solid #BABABA; } .stat-unit-title span { display: block; } .stat-unit-title .z { font-size: 27px; color:#000; } .stat-unit-title .e { font-size: 12px; color:#000; margin-top: 6px; } .stat-list-wrap { position: relative; width: 950px; height: 130px; float: right; margin-top: 80px; margin-right: 45px; } .stat-prev-box { top: 32px; left:0; position: absolute; width: 19px; height: 68px; } .stat-list-wrap .stat-prev { display: inline-block; width: 19px; height: 68px; background: url(../images/stat/l.png) no-repeat; } .stat-list-wrap .stat-prev:hover { opacity: 0.8; } .stat-list-wrap .stat-next { display: inline-block; width: 19px; height: 68px; background: url(../images/stat/r.png) no-repeat; } .stat-list-wrap .stat-next:hover { opacity: 0.8; } .stat-next-box { top: 32px; right: 0; position: absolute; width: 19px; height: 68px; } .stat-inner { width: 912px; height: 125px; position: relative; overflow: hidden; left: 19px; top: 22px; } .stat-list-box { width: 912px; height: 125px; position: absolute; } .stat-list-data { float: left; width: 912px; height: 125px; } .stat-list-logo { float: left; margin-left: 70px; margin-right: 85px; } .stat-list-intro { float: left; width: 615px; font-size: 12px; color:#424242; } .stat-list-more { width: 912px; float: left; } .stat-list-more a { float: right; margin-right: 75px; font-size: 12px; color:#000; } .stat-list-more a:hover { text-decoration: underline; } .open-banner { display: none; position: absolute; cursor: pointer; right: 10px; top: 0; z-index: 99999; width: 90px; height: 50px; background: url(../images/open-banner.jpg) no-repeat; } .tuzidong img {max-width:800px;_width:expression((this.offsetWidth > 800) ? '910px' : true);height:auto;} /* 2019-05-05 绉戞妧鎴愭灉鍙充晶鑿滃崟 */ .profile_left{width:80%;margin-left:7%;margin-top:15px;float:left} .profile_left .panel-default>.panel-heading{background-color:#468dd2;color:#fff} .profile_right{width:12%;float:left;height:900px;margin-left:1%;position:fixed;right:0;top:500px} .profile_right_cnt{width:100%;height:auto;background:url(../images/profile_menu_bg1.png) -23px 0 repeat-y;float:left} .profile_right_cnt p{width:100%;color:#333;float:left;font-weight:bold;background:url(../images/profile_menu_bg.png) 0 -41px no-repeat;padding-left:18px;margin:6px 0} .profile_right_cnt p.sec{background:0;position:relative;height:18px;margin:4px 0} .profile_right_cnt p.sec:hover{background:0} .profile_right_cnt a.sec{width:100%;color:#333;float:left;position:absolute;top:0;left:0;font-weight:normal;background:url(../images/profile_menu_bg.png) 0 -80px no-repeat;padding-left:30px;margin:2px 0}.profile_right_cnt a.sec:hover{color:#c00;cursor:pointer;background:url(../images/profile_menu_bg.png) 0 -61px no-repeat} .profile_right_cnt p a{color:#333} .profile_right_cnt p:hover{color:#03529e;cursor:pointer;background:url(../images/profile_menu_bg.png) 0 -22px no-repeat} .profile_right_cnt p:hover a{color:#c00} .profile_right_cnt div.profile_right_cnt_first{width:100%;float:left;font-weight:bold;background:url(../images/profile_menu_bg.png) 0 -6px no-repeat;padding-left:12px;height:12px;margin-bottom:10px}.profile_right_cnt div.profile_right_cnt_last{width:100%;float:left;font-weight:bold;background:url(../images/profile_menu_bg.png) 0 -6px no-repeat;padding-left:12px;height:12px;margin-top:10px}.profile_right_cnt ul{float:left;margin-bottom:10px;margin-top:10px} .profile_right_cnt ul li{float:left;padding-left:18px;width:100%;line-height:23px} .profile_right_cnt ul li a{color:#333} .profile_right_cnt ul li a:hover{color:#03529e} .profile_right_cnt .floatnav_a_cur{color:#03529e;cursor:pointer;background:url(../images/profile_menu_bg.png) 0 -22px no-repeat} .profile_right_cnt .floatnav_a_cur a{color:#03529e} .profile_right_cnt .floatnav_a_cur a.sec{color:#03529e;background:url(../images/profile_menu_bg.png) 0 -59px no-repeat}