.foot-bottom{ line-height: 14px; } .sx{ margin-top: 40px;overflow: hidden;float:left; } .sx a{ font-size: 14px;color:#666666; } .sx a:hover{ color:#003894; } .fh{ float:right;margin-top:40px;margin-right:20px;/*border: 1px solid;*/ border-radius: 5px; padding: 0 5px; } .fh a{ color:#666666;font-size: 16px; } .fh a:hover{ color: #003894; } .job-form > button{ background: #ff9000; } .new-pro{ padding: 105px 0 50px; height: 710px; } .banner{ /*z-index: -1;position:absolute;*/min-width: 1280px; } .i-case, .i-news{ width:390px; } .case-pic img{ width: 100%; height: 100% !important; } .caseD-t-left .swiper-pagination-bullet{ background: gray; } .caseD-t-left .swiper-pagination-bullet-active{ background: #328AD6; } .proD-video-cont a{ overflow:visible;height: auto; } .caseD-t-right{ height: 420px; } .job-form p .button{ width: 105px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 4px; background: #eeeeee; font-size: 16px; color: #333; border: 1px solid #dedede; cursor: pointer; padding: 0; font-family: "寰蒋闆呴粦"; } .page-list li { margin-right: 3px; } .pic-box2{display:block;} .nprl-text .text-box { padding-right: 5px; } .proD-video-cont i {display: none} .map { width: 100%; height: 600px; position: relative; } .ques-list input[type="radio"], .ques-list input[type="checkbox"] { visibility: visible;opacity:0; } .v .click-more { margin-top: 15px;clear:both; } .pro-pic .pic-box img{ margin-top:15px; } .ewm-box img{ width:90px;} .ewm-box2 { margin-top:5px;} .ewm-box p{text-align: center;font-size: 12px;color:#999; line-height:24px;} .job-form p #jianli { width: 420px;z-index:11;opacity:0; height: 100%; position: absolute; left: 0; top: 0; } .swiper-pagination-bullet-active { width: 12px; background: gray; } .t-b-left dd a:hover { color:#003894;padding-left: 0px; } .cont-m3 { /*margin-top: 110px;*/ } .mapD-cont { margin-top: 400px; } .i-news-list .i-news-on span { color: #666; } .i-news-list span:hover { color: #003894; } .wrapper{ min-width: 1200px; height: 700px; overflow: hidden; position: relative; } .movie{ position: absolute;left:0;top:0; width:100%; } .youqing{ clear: both;margin-left:50px;color:#666; margin-top: 20px; display: inline-block; font-size: 12px; float: left; } .youqing a{margin:0 10px;color:#999;} .acj-box textarea{ height: 175px; } .pro-dd { position: relative; width: 100%; z-index: 1000; top:0;/*left: auto; top: auto; border-top: 1px solid #e9eaea; */ overflow: hidden; display: none; height: 80px; line-height: 80px; } /*.pro-dd .sec-list{float:left;}*/ .npr-l-list .text-box span:hover{color:#003894;} .pro-list li{position: relative;} .pro-hover{ position:absolute; background:rgba(166, 186, 208, 0.55); width:100%;height:0;z-index: 9;height:0;overflow: hidden; /* transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;*/ } .pro-hover .p-ti{ width:288px;height:400px;vertical-align: middle;text-align: center;color:#fff;display:table-cell; font-size: 18px; font-weight: 600; } .pro-hover .p-ti span{ display: inline-block;margin-top:20px; vertical-align: top; width: 134px; height: 40px; border: 1px solid #fff; border-radius: 20px; line-height: 38px; font-size: 14px; background: #fff; color: #777777; font-weight: 300; } .pro-hover .p-ti span i{ display: inline-block; width: 7px; height: 12px; background: url('jiantou.png') no-repeat; margin-left: 5px; } .pro-list li:hover .pro-hover{height:100%;} .b-box .f-ico1{ background:url('icon-01.png') center center no-repeat; } .b-box .f-ico2{ background:url('icon-02.png') center center no-repeat; } .b-box .f-ico3{ background:url('icon-03.png') center center no-repeat; } .b-box .f-ico4{ background:url('icon-04.png') center center no-repeat; } /*.type-ico i{width:65px;}*/ body .content .i-pro-ico1 {background: url('../images/nav-ico.png') no-repeat;background-position: -210px top; /*width: 40px; height: 47px;*/} body .content .i-pro-ico2 {background: url('../images/nav-ico.png') no-repeat;background-position: -270px top; /*width: 51px; height: 46px;*/} body .content .i-pro-ico3 {background: url('../images/nav-ico.png') no-repeat;background-position: -338px top; width: 66px;} body .content .i-pro-ico4 {background: url('../images/nav-ico.png') no-repeat;background-position: -417px 11px;width: 65px;} body .content .i-pro-ico5 {background: url('../images/nav-ico.png') no-repeat;background-position: -494px top; /*width: 38px; height: 47px;*/} .type-list a:hover .i-pro-ico1 {background: no-repeat url('../images/nav-ico.png') -384px -165px; width: 37px; height: 48px;} .type-list a:hover .i-pro-ico2 {background: no-repeat url('../images/nav-ico.png') -433px -164px; width: 53px; height: 50px;} .type-list a:hover .i-pro-ico3 {background: no-repeat url('../images/nav-ico.png') right -209px; width: 54px; height: 40px;} .type-list a:hover .i-pro-ico4 {background: no-repeat url('../images/nav-ico.png') -421px -40px; width: 58px; height: 41px;} .type-list .type-on .i-pro-ico5,.type-list a:hover .i-pro-ico5 {background: no-repeat url('icon-c.png') -1px 0px; width: 42px; height: 49px;} .type-list .type-on .i-pro-ico6,.type-list a:hover .i-pro-ico6 {background: no-repeat url('icon-a.png') 0px 4px; width: 42px; height: 49px;} .i-pro .i-pro-list a:hover .i-pro-ico5{ background: no-repeat url('icon-c.png') -1px 0px; } .i-show-cover{ background:rgba(166, 186, 208, 0.55); } .pro-label span{ width: 56px; height:59px; } .pro-label .news-pro{ background:url('xinpin.png') center center no-repeat; } .pro-label .rec-pro{ background:url('tuijian.png') center center no-repeat; } .pro-label{ top:1px; left:7px; } .pro-b-right .tolocal{ font-size:20px; line-height: 22px; } .pro-b-right .pro-b-ico1{ background:url(zuobiao.png) center center no-repeat; background-position: 0; width:20px; height:23px; } .fwzc-text{ padding-right:260px; } /*浼佷笟鏂囧寲鐓х墖澧?/ .zhaopian ul li{ width:160px; height:160px; float:left; margin-right: 13px; margin-bottom:13px; overflow:hidden; } .zhaopian ul li img{ width:100%;height:100%;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; } .zhaopian ul li img:hover{ transform: scale(1.1); } .i-show{ overflow:hidden;background:#ffffff; } .i-cont-bottom{ padding-top:80px; } .sec-nav{ box-shadow:0 1px 3px rgba(0,0,0,0.1); } .lg-left .pic-box img{ width:100%;height:100%; } .zsjm-msg-hotline span{ font-family:'Arial'; color:#003894; } .type-list .type-on .i-pro-ico3{ width:57px; } .gallery-left span{ cursor:pointer; } /*css3瀹炵幇鐓х墖澧欑殑鏍峰紡*/ .container{width:960px;height:450px;margin:60px auto;position:relative;margin-left:60px;margin-bottom:-60px;} .container img{position:absolute;padding:10px 10px 15px;background:#fff;border:1px solid #ddd;-webkit-transition:1s ;-moz-transition:1s ;transition:1s ;z-index:1;} .container img:hover{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5);/*-webkit-box-shadow:5px 5px 5px #ddd;-moz-box-shadow:5px 5px 5px #ddd;box-shadow:5px 5px 5px #ddd;*/z-index:2;cursor:pointer;} .pic1{top:0px;left:400px;-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);transform:rotate(-5deg);} .pic2{top:0px;left:600px;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);transform:rotate(-20deg);} .pic3{bottom:0;right:0;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);} .pic4{bottom:0;left:300px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg);} .pic5{bottom:0;left:0;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg);} .pic6{top:0;left:0;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg);} .pic7{top:0;left:850px;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg);} .pic8{bottom:55px;right:630px;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);} .pic9{top:150px;left:550px;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);transform:rotate(15deg);} .pic10{left:180px;top:20px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg);} /*banner鍔犻珮*/ .banner .swiper-container,.wrapper{ height:630px; } .transition-none{ transition:none !important; } .type-text span,.i-pro-text span{ transition:none; } .bg-ani{ z-index: 2; } .airplane{ -webkit-animation: airplane 20s linear infinite; -moz-animation: airplane 20s linear infinite; animation: airplane 20s linear infinite; } /*鍙戝睍鍘嗙▼*/ .bg-ani{ z-index: 2; } .airplane{ -webkit-animation: airplane 20s linear infinite; -moz-animation: airplane 20s linear infinite; animation: airplane 20s linear infinite; } .dev-view .swiper-slide{ position: relative;display:block; } .swiper-slide-active span{ color:#fff; } .stage { position: relative; top: 0; left: 0; width: 100%; /*min-width: 900px;*/ height: 359px; overflow: hidden; } #hill1 { /*background: transparent url('../img/fazhanlicheng.png') 0 0px repeat-x;*/ } .go_man.default { background: url(../img/z_xiaon.png) no-repeat; } .go_man { width: 125px; height: 242px; bottom: 110px; z-index: 20; position:absolute; left:200px; } .stance { -webkit-animation: stance steps(7) 1s infinite; -moz-animation: stance steps(7) 1s infinite; -ms-animation: stance steps(7) 1s infinite; animation: stance steps(7) 1s infinite } @-webkit-keyframes stance { from { background-position:0 0 } to { background-position: -875px 0 } } @-moz-keyframes stance { from { background-position:0 0 } to { background-position: -875px 0 } } @-ms-keyframes stance { from { background-position:0 0 } to { background-position: -875px 0 } } @keyframes stance { from { background-position:0 0 } to { background-position: -875px 0 } } .stance2 { -webkit-animation: stance2 steps(3) 3s infinite; -moz-animation: stance2 steps(3) 3s infinite; -ms-animation: stance2 steps(3) 3s infinite; animation: stance2 steps(3) 3s infinite } @-webkit-keyframes stance2 { from { background-position:0 0 } to { background-position: -375px 0 } } @-moz-keyframes stance2 { from { background-position:0 0 } to { background-position: -375px 0 } } @-ms-keyframes stance2 { from { background-position:0 0 } to { background-position: -375px 0 } } @keyframes stance2 { from { background-position:0 0 } to { background-position: -375px 0 } } .stance3 { -webkit-animation: stance3 steps(5) 2s infinite; -moz-animation: stance3 steps(5) 2s infinite; -ms-animation: stance3 steps(5) 2s infinite; animation: stance3 steps(5) 2s infinite } @-webkit-keyframes stance3 { from { background-position:0 0 } to { background-position: -540px 0 } } @-moz-keyframes stance3 { from { background-position:0 0 } to { background-position: -540px 0 } } @-ms-keyframes stance3 { from { background-position:0 0 } to { background-position: -540px 0 } } @keyframes stance3 { from { background-position:0 0 } to { background-position: -540px 0 } } .stance4 { -webkit-animation: stance4 steps(4) 3s infinite; -moz-animation: stance4 steps(4) 3s infinite; -ms-animation: stance4 steps(4) 3s infinite; animation: stance4 steps(4) 3s infinite } @-webkit-keyframes stance4 { from { background-position:0 0 } to { background-position: -1148px 0 } } @-moz-keyframes stance4 { from { background-position:0 0 } to { background-position: -1148px 0 } } @-ms-keyframes stance4 { from { background-position:0 0 } to { background-position: -1148px 0 } } @keyframes stance4 { from { background-position:0 0 } to { background-position: -1148px 0 } } .stance5 { -webkit-animation: stance5 steps(5) .5s infinite; -moz-animation: stance5 steps(5) .5s infinite; -ms-animation: stance5 steps(5) .5s infinite; animation: stance5 steps(5) .5s infinite } @-webkit-keyframes stance5 { from { background-position:0 0 } to { background-position: -325px 0 } } @-moz-keyframes stance5 { from { background-position:0 0 } to { background-position: -325px 0 } } @-ms-keyframes stance5 { from { background-position:0 0 } to { background-position: -325px 0 } } @keyframes stance5 { from { background-position:0 0 } to { background-position: -325px 0 } } .stance6 { -webkit-animation: stance6 steps(3) 1s infinite; -moz-animation: stance6 steps(3) 1s infinite; -ms-animation: stance6 steps(3) 1s infinite; animation: stance6 steps(3) 1s infinite } @-webkit-keyframes stance6 { from { background-position:0 0 } to { background-position: -129px 0 } } @-moz-keyframes stance6 { from { background-position:0 0 } to { background-position: -129px 0 } } @-ms-keyframes stance6 { from { background-position:0 0 } to { background-position: -129px 0 } } @keyframes stance6 { from { background-position:0 0 } to { background-position: -129px 0 } } .stance7 { -webkit-animation: stance7 steps(2) 2s infinite; -moz-animation: stance7 steps(2) 2s infinite; -ms-animation: stance7 steps(2) 2s infinite; animation: stance7 steps(2) 2s infinite } @-webkit-keyframes stance7 { from { background-position:0 0 } to { background-position: -336px 0 } } @-moz-keyframes stance7 { from { background-position:0 0 } to { background-position: -336px 0 } } @-ms-keyframes stance7 { from { background-position:0 0 } to { background-position: -336px 0 } } @keyframes stance7 { from { background-position:0 0 } to { background-position: -336px 0 } } .stance8 { -webkit-animation: stance8 steps(3) 3s infinite; -moz-animation: stance8 steps(3) 3s infinite; -ms-animation: stance8 steps(3) 3s infinite; animation: stance8 steps(3) 3s infinite } @-webkit-keyframes stance8 { from { background-position:0 0 } to { background-position: -237px 0 } } @-moz-keyframes stance8 { from { background-position:0 0 } to { background-position: -237px 0 } } @-ms-keyframes stance8 { from { background-position:0 0 } to { background-position: -237px 0 } } @keyframes stance8 { from { background-position:0 0 } to { background-position: -237px 0 } } .stance9 { -webkit-animation: stance9 steps(35) 30s infinite; -moz-animation: stance9 steps(35) 30s infinite; -ms-animation: stance9 steps(35) 30s infinite; animation: stance9 steps(35) 30s infinite } @-webkit-keyframes stance9 { from { background-position:0 0 } to { background-position: -1855px 0 } } @-moz-keyframes stance9 { from { background-position:0 0 } to { background-position: -1855px 0 } } @-ms-keyframes stance9 { from { background-position:0 0 } to { background-position: -1855px 0 } } @keyframes stance9 { from { background-position:0 0 } to { background-position: -1855px 0 } } /*.fengc{ position: absolute;bottom:0px;left:8px; z-index: 30; -webkit-animation: fengc 24s linear infinite; -moz-animation: fengc 24s linear infinite; animation: fengc 24s linear infinite; } @keyframes fengc { 0% {transform: translate(0,0) scale(1, 1);} 10% {transform: translate(-194.1px,0) scale(1, 1);} 20% {transform: translate(-388.2px,0) scale(1, 1);} 30% {transform: translate(-582.3px,0) scale(1, 1);} 40% {transform: translate(-766.4px,0) scale(1, 1);} 50% {transform: translate(-970.5px,0) scale(1, 1);} 60% {transform: translate(-1164.6px,0) scale(1, 1);} 70% {transform: translate(-1358.7px,0) scale(1, 1);} 80% {transform: translate(-1552.8px,0) scale(1, 1);} 85% {transform: translate(-1695px,0) scale(1, 1);} 86% {transform: translate(-1695px,0) scale(0, 0);} 90% {transform: translate(-246px,0) scale(0, 0);} 91% {transform: translate(-246px,0) scale(1, 1);} 100% {transform: translate(0,0) scale(1, 1);} }*/ /*.dev-cont{ position: absolute;bottom:0px;left:8px; z-index: 30; -webkit-animation: dev-cont 24s linear infinite; -moz-animation: dev-cont 24s linear infinite; animation: dev-cont 24s linear infinite; } @keyframes dev-cont { 0% {transform: translate(0,0) scale(1, 1);} 10% {transform: translate(-194.1px,0) scale(1, 1);} 20% {transform: translate(-388.2px,0) scale(1, 1);} 30% {transform: translate(-582.3px,0) scale(1, 1);} 40% {transform: translate(-766.4px,0) scale(1, 1);} 50% {transform: translate(-970.5px,0) scale(1, 1);} 60% {transform: translate(-1164.6px,0) scale(1, 1);} 70% {transform: translate(-1358.7px,0) scale(1, 1);} 80% {transform: translate(-1552.8px,0) scale(1, 1);} 85% {transform: translate(-1695px,0) scale(1, 1);} 86% {transform: translate(-1695px,0) scale(0, 0);} 90% {transform: translate(-246px,0) scale(0, 0);} 91% {transform: translate(-246px,0) scale(1, 1);} 100% {transform: translate(0,0) scale(1, 1);} }*/ /* 涓変釜椋庤溅 */ .fc4, .fc5, .fc6 {width: 68px; height: 64px; background: url('../images/fengche.png') center no-repeat; position: absolute; transform-origin: 38px 38px;} .fc4 { bottom: 225px; left: 543px; -webkit-animation: fengche 1.2s linear infinite; -moz-animation: fengche 1.2s linear infinite; animation: fengche 1.2s linear infinite; } .fc5 { bottom: 240px; left: 590px; -webkit-animation: fengche 1.2s linear 0.1s infinite; -moz-animation: fengche 1.2s linear 0.1s infinite; animation: fengche 1.2s linear 0.1s infinite; } .fc6 { bottom: 228px; left: 641px; -webkit-animation: fengche 1.2s linear 0.2s infinite; -moz-animation: fengche 1.2s linear 0.2s infinite; animation: fengche 1.2s linear 0.2s infinite; } @keyframes fengche { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .dev-cont{ background: url(../img/fazhanlicheng.png)repeat-x; -webkit-animation: animate-cloud 35s linear infinite; -moz-animation: animate-cloud 35s linear infinite; -ms-animation: animate-cloud 35s linear infinite; -o-animation: animate-cloud 35s linear infinite; animation: animate-cloud 35s linear infinite; width: 100%; height: 924px;} @-webkit-keyframes animate-cloud { 0% { background-position: 0px 100%; } 50% { background-position:-960px 100%; } 100% {background-position: -1920px 100%;}} 0% { background-position: 0px 100%; } .fengc{ position:absolute;bottom: 0px;left: 960px; -webkit-animation: animate-fengc 35s linear infinite; -moz-animation: animate-fengc 35s linear infinite; -ms-animation: animate-fengc 35s linear infinite; -o-animation: animate-fengc 35s linear infinite; animation: animate-fengc 35s linear infinite; } @-webkit-keyframes animate-fengc { 0% {transform: translate(0,0) scale(1, 1);} 50% {transform: translate(-960px,0) scale(1, 1);} 100% {transform: translate(-1920px,0) scale(1, 1);} } .fengc2{ position:absolute;bottom: 0px;left:2192px; -webkit-animation: animate-fengc2 35s linear infinite; -moz-animation: animate-fengc2 35s linear infinite; -ms-animation: animate-fengc2 35s linear infinite; -o-animation: animate-fengc2 35s linear infinite; animation: animate-fengc2 35s linear infinite; } @-webkit-keyframes animate-fengc2 { 0% {transform: translate(0,0) scale(1, 1);} 50% {transform: translate(-960px,0) scale(1, 1);} 100% {transform: translate(-1920px,0) scale(1, 1);} } .zoomIn { -moz-animation: zoomIn .2s; -webkit-animation: zoomIn .2s; animation: zoomIn .2s } @-moz-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } 50% { opacity: 1 } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3) } 50% { opacity: 1 } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .view-box{ background: url('../img/xiangkuang.png') no-repeat; width: 848px;border-radius: 10px; height: 540px; background-size: 100% 100%; padding: 30px 34px; } .dev-view .swiper-slide{ /*background:url('../img/xiangkuang.png');*/ overflow: hidden; /*padding: 20px;*/ width: 826px; height: 520px; background-size: 100% 100%; /*bottom: 40px;*/ /*border-radius: 20px;*/ } .ddd{ margin: 0 auto; /*width: 828px;*/ width:780px; height: 480px; } .dev-title{ bottom: 20px; width: 780px;line-height: 100px; } .lg-cont li{ width:380px;height:300px;position:relative; } .lg-cont li img{ width:100%;height:100% !important; } .lg-cont li span{ position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background: rgba(0, 0, 0, 0.5); color: #ffffff; padding: 7px 15px 0; /* text-align: left; */ text-align: left; line-height: 26px; /* font-size: 16px; */ } .hyzz-cont li{ cursor: pointer; } .hyzz-cont .cert-ul {width: 1240px; overflow: hidden; margin-left: -20px; margin-bottom: 30px;} .hyzz-cont .cert-ul li {width: 270px; height: 270px; padding: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); float: left; margin: 20px; border: 1px solid #f0f0f0;} .hyzz-cont .pic-box{ height:250px; } .zsjm-video-pic img{ width:100%;height: 100% !important; } .nav-list a{ transition:all 0s ease-in-out; } .type-list{ width:1200px; } .type-list .type-on .i-pro-ico2{ background: no-repeat url(../images/nav-ico.png) -432px -164px; width:55px; } /*鎶藉*/ .rotate-bg{ background: url('../img/zhuanpan.png') no-repeat; background-size: 100% 100%; } .start-btn b{ background: url('../img/choujiang.png') no-repeat; background-size: 100% 100%; } .start-btn i{ background: url('../img/jiantou.png') center top no-repeat; } .start-btn{ left: 53%; } .choujiang_left{ float:left;width: 500px } .npr-r-left{ width:450px; } .ly-plate{ margin: 50px 160px 0px 0px; float: right; } .bcon { width: 300px; border: 15px solid #003894; position: absolute; top: 150px; left: 100px; border-radius: 10px;border-top:none; } .bcon h1 { border-bottom: 1px solid #eee; padding: 0 10px;text-align: center; background: #003894; } .list_lh { height: 200px; overflow: hidden; } .bcon h1 b { font: bold 14px/40px '瀹嬩綋'; padding: 0 20px; margin-top: -1px; display: inline-block; color: #fff; font-size: 30px; } .list_lh li { padding: 10px; background: #e5e5e5; border-bottom: 1px solid #fff; } .shuoming{ position: absolute;color:#000;font-size:14px;line-height: 22px; bottom: 40px; left: 70px; width: 420px; text-align: justify; } .news-img{ width:240px;height: 180px;overflow: hidden; } .news-img img{width:100%;height:100% !important;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;} .news-img img:hover{transform: scale(1.1);} .sh-ef-pic .pic-box{ width: 280px; height: 200px; overflow: hidden; } .sh-ef-pic img{ width:100%;height: 100% !important; } .sh-ef-cover{ transition: inherit; } .sh-ef-cover i{ transition: all 0.5s ease-in-out; } .sh-ef-text span{ line-height: 26px; } /*娲诲姩鎶ュ悕*/ .topreg { WIDTH: 100%;padding-left:60px; TEXT-ALIGN: left;margin-bottom:40px; clear: both; background-color: #efefef; border: 1px solid #d5d5d5; height: 45px; } .regti { float: left; font-size: 16px; text-align: center; width: 135px; line-height: 18px; color: #e60011; font-family: "寰蒋闆呴粦"; font-weight: bold; padding-left: 5px; padding-top: 3px; } .reginto { float: left; color: #3d3b3c; padding-top: 7px; padding-left: 15px; width: 890px; line-height: 30px; } .reginto span { float: left; padding-left: 5px; } .reginto input { margin-top: 5px; margin-right: 22px; padding-left: 3px; float: left; width: 175px; height: 22px; line-height: 18px; color: #666; border: 1px solid #ccc; outline: none; } .reg_bt { width: 106px; height: 27px; line-height: 25px; text-align: center; display: inline-block; background: #E4393C; font-family: "寰蒋闆呴粦"; color: #fff!important; font-size: 16px; } #fast_bt{ display: inline-block;border-radius: 5px; } .act-d{ right:245px; } .ybm{ position: absolute; bottom: 65px; left: 813px; } .ybm span{ font-size: 24px;color: #F30;font-weight: bold; } .click-more i{ width: 92px;height: 17px;background: url('click-more.png') no-repeat; } .job_text { padding:20px 15px 20px 15px; font-size: 14px; color: #666; font-size: 0.14rem; margin-bottom: 30px; margin-bottom: 0.3rem; display: none; background: url('show.png') bottom no-repeat; background-size: 100% 100%; border:1px solid #003894; } .job_on{ background:#003894; } .job_on span{ color:#fff; } .sec-banner{ height:490px; } .cont-m2{ /*margin-top:490px;*/ } .header{ background:rgba(255, 255, 255, 0.4); } .viewer-canvas > img{ border:20px solid #fff; } .pro-b-left{ width: 400px; height: 400px; position: absolute; left: 110px; top: 110px; } .pro-b-left .pic-box{ width: 400px; height: 400px; } .i-pro .i-pro-pic .i-pro-ico5{ background: url('../img/1.png') no-repeat; background-size: 100% 100%; width: 110px; height: 55px; } .i-pro .i-pro-list a:hover .i-pro-ico5{ background: no-repeat url('../img/2.png') -1px -3px; background-size: 100% 100%; width: 110px; height: 55px; } body .content .i-pro-ico5{ background: url('../img/1.png') no-repeat; background-size: 100% 100%; width: 110px; height: 55px; } .type-list .type-on .i-pro-ico5, .type-list a:hover .i-pro-ico5{ background: no-repeat url('../img/2.png') -1px -3px; background-size: 100% 100%; width: 110px; height: 55px; } /* .i-pro .i-pro-pic .i-pro-ico1,body .content .i-pro-ico1{ background: url('../img/p1.png') no-repeat; background-size: 100% 100%; width: 31px; height: 58px; } .i-pro .i-pro-list a:hover .i-pro-ico1,.type-list .type-on .i-pro-ico1, .type-list a:hover .i-pro-ico1{ background: no-repeat url('../img/p1-hover.png'); background-size: 100% 100%; width: 31px; height: 58px; } */ .i-pro .i-pro-pic .i-pro-ico1,body .content .i-pro-ico1{ background: url('../img/p3.png') no-repeat; background-size: 100% 100%; width: 48px; height: 47px; } .i-pro .i-pro-list a:hover .i-pro-ico1,.type-list .type-on .i-pro-ico1, .type-list a:hover .i-pro-ico1{ background: no-repeat url('../img/p3-hover.png'); background-size: 100% 100%; width: 51px; height: 50px; } .i-pro .i-pro-pic .i-pro-ico2,body .content .i-pro-ico2{ background: url('../img/p2.png') no-repeat; background-size: 100% 100%; width: 31px; height: 58px; } .i-pro .i-pro-list a:hover .i-pro-ico2,.type-list .type-on .i-pro-ico2, .type-list a:hover .i-pro-ico2{ background: no-repeat url('../img/p2-hover.png'); background-size: 100% 100%; width: 31px; height: 58px; } /* .i-pro .i-pro-pic .i-pro-ico3,body .content .i-pro-ico3{ background: url('../img/p3.png') no-repeat; background-size: 100% 100%; width: 48px; height: 47px; } .i-pro .i-pro-list a:hover .i-pro-ico3,.type-list .type-on .i-pro-ico3, .type-list a:hover .i-pro-ico3{ background: no-repeat url('../img/p3-hover.png'); background-size: 100% 100%; width: 51px; height: 50px; } */ .i-pro .i-pro-pic .i-pro-ico3,body .content .i-pro-ico3{ background: url('../img/p1.png') no-repeat; background-size: 100% 100%; width: 31px; height: 58px; } .i-pro .i-pro-list a:hover .i-pro-ico3,.type-list .type-on .i-pro-ico3, .type-list a:hover .i-pro-ico3{ background: no-repeat url('../img/p1-hover.png'); background-size: 100% 100%; width: 31px; height: 58px; } .i-pro .i-pro-pic .i-pro-ico4,body .content .i-pro-ico4{ background: url('../img/p4.png') no-repeat; background-size: 100% 100%; width: 48px; height: 44px; } .i-pro .i-pro-list a:hover .i-pro-ico4,.type-list .type-on .i-pro-ico4, .type-list a:hover .i-pro-ico4{ background: no-repeat url('../img/p4-hover.png'); background-size: 100% 100%; width: 48px; height: 42px; } .i-pro .i-pro-pic .i-pro-ico5,body .content .i-pro-ico5{ background: url('../img/p5.png') no-repeat; background-size: 100% 100%; width: 48px; height: 44px; } .i-pro .i-pro-list a:hover .i-pro-ico5,.type-list .type-on .i-pro-ico5, .type-list a:hover .i-pro-ico5{ background: no-repeat url('../img/p5-hover.png'); background-size: 100% 100%; width: 48px; height: 41px; } .i-pro .i-pro-pic .i-pro-ico6,body .content .i-pro-ico6{ background: url('../img/p6.png') no-repeat; background-size: 100% 100%; width: 48px; height: 44px; } .i-pro .i-pro-list a:hover .i-pro-ico6,.type-list .type-on .i-pro-ico6, .type-list a:hover .i-pro-ico6{ background: no-repeat url('../img/p6-hover.png'); background-size: 100% 100%; width: 48px; height: 41px; } .i-pro .i-pro-pic .i-pro-ico7,body .content .i-pro-ico7{ background: url('../img/p7.png') no-repeat; background-size: 100% 100%; width: 42px; height: 47px; } .i-pro .i-pro-list a:hover .i-pro-ico7,.type-list .type-on .i-pro-ico7, .type-list a:hover .i-pro-ico7{ background: no-repeat url('../img/p7-hover.png'); background-size: 100% 100%; width: 42px; height: 47px; } .i-pro .i-pro-pic .i-pro-ico8,body .content .i-pro-ico8{ background: url('../img/p8.png') no-repeat; background-size: 100% 100%; width: 58px; height: 53px; } .i-pro .i-pro-list a:hover .i-pro-ico8,.type-list .type-on .i-pro-ico8, .type-list a:hover .i-pro-ico8{ background: no-repeat url('../img/p8-hover.png'); background-size: 100% 100%; width: 58px; height: 53px; } .i-pro .i-pro-pic .i-pro-ico10,body .content .i-pro-ico10{ background: url('../img/p10.jpg') no-repeat; background-size: 100% 100%; width: 53px; height: 47px; } .i-pro .i-pro-list a:hover .i-pro-ico10,.type-list .type-on .i-pro-ico10, .type-list a:hover .i-pro-ico10{ background: no-repeat url('../img/p10-hover.jpg'); background-size: 100% 100%; width: 53px; height: 47px; } .type-ico .i-pro-ico9 { background-position: -290px top; } .type-list{ box-shadow:none; } .type-list li{ width:108px; } .type{ background:#fff; box-shadow: 0 0 30px rgba(0,91,170,0.15); } .shuxing-list{ padding: 30px 0px 0px 30px;overflow:hidden; } .shuxing-list li{ padding-top: 10px; border-top: 1px dashed #e4e4e4; overflow: hidden; } .sx-left{ width:130px;float:left;display:block;font-size:12px;color:#999999; } .sx-right{ width:1000px;display:block;float:left; } .sx-right a{ float:left;margin-right:30px;font-size:12px;padding: 2px 8px;margin-bottom: 10px;border:1px solid #ffffff; } .sx-right a.cur{ border:1px solid #e2e2e2;color:#003894; } .pro-head{ height:110px;text-align:center; } .search-form{ width:620px;height:40px;display:inline-block;margin-top: 24px; } .keyword-product{ width:540px;height:40px;line-height: 40px;border:1px solid #003894;float:left;padding-left:10px;color:#333333; } .submit-search{ width:78px;height:40px;line-height: 40px;background:#003894;color:#ffffff;float:left;border:none;font-family: "Microsoft YaHei";cursor: pointer; } .search-link{ width:100%;padding:0px 100px; } .search-link a{ font-size:12px;color:#999999;margin: 5px 10px; } .i-pro-list li{ width:11.1%; } .type-list li{ height:130px; } .i-pro-text span{ font-size:14px; } .i-pro-list li:before{ height:92px; } .type-text{ width:88px;display: inline-block; } .ppp-list .nav-ico{ width:auto; } .ppp-list .nav-ico .pic-box{ width:auto;padding:0px 7px; } .ppp-list a{ text-align:center; } .shuxian{ width: 1px; height: 30px; background: #dcdcdc; float: left; margin-top: 26px; margin-right: 8px; } .type-list li:nth-child(2) .type-text{ width:78px; } .type-list li:nth-child(3) .type-text{ width:78px; } .type-list li:nth-child(5) .type-text{ width:80px; } .ppp-list li{ width:144px; } .ppp-list li:nth-child(1){ width:120px; } .ppp-list li:nth-child(2){ width:155px; } .ppp-list li:nth-child(3){ width:155px; } .ppp-list li:nth-child(4){ width:155px; } .ppp-list li:nth-child(5){ width:120px; } .ppp-list li:nth-child(6){ width:120px; } .ppp-list li:nth-child(7){ width:100px; } .ppp-list li:nth-child(8){ width:100px; } .enter-list .e-ico1 { background: url(../img/f-weixin.png) center center no-repeat; } .enter-list li:hover .e-ico1 { background: url(../img/f-weixin.png) center center no-repeat; } .enter-list .e-ico2 { background: url(../img/f-weibo.png) center center no-repeat; } .enter-list li:hover .e-ico2 { background: url(../img/f-weibo.png) center center no-repeat; } .enter-list1 .e-ico3 { background: url(../img/f-tianmao.png) center center no-repeat; } .enter-list1 li:hover .e-ico3 { background: url(../img/f-tianmao.png) center center no-repeat; } .enter-list1 .e-ico4 { background: url(../img/f-jingdong.png) center center no-repeat; } .enter-list1 li:hover .e-ico4 { background: url(../img/f-jingdong.png) center center no-repeat; } .enter-list1 .e-ico5 { background: url(../img/f-suning.png) center center no-repeat; } .enter-list1 li:hover .e-ico5 { background: url(../img/f-suning.png) center center no-repeat; } .enter-list1 .e-ico6 { background: url(../img/f-pdd.png) center center no-repeat; } .enter-list1 li:hover .e-ico6 { background: url(../img/f-pdd.png) center center no-repeat; } .footer{ z-index:3; } .banner .swiper-pagination{ bottom:40px !important; } .jinpin{ position:absolute;width:100%;top:-60px; } .jinpin .j1{ width:500px;height:1px;background:#ccc;position:absolute;top:20px;left:0px; } .jinpin .j2{ position:absolute;font-size:24px;top:5px;left:532px;color:#666; } .jinpin .j3{ width:500px;height:1px;background:#ccc;position:absolute;top:20px;right:0px; } .banner .swiper-container, .wrapper { height: 470px; } .case-list .swiper-slide{ width:100%;height:300px; } .case-list li:hover .case-pic img {transform: scale(1,1);} .i-news-list .i-news-on a{ padding-bottom:0px; } .i-news-list .i-news-on{ padding-bottom:5px; } .i-picture{ background:#f6f6f6;padding-bottom:20px; } .i-pic{ } .i-pic a{ display:block;width:294px;height:110px;float:left;position:relative;margin-left:8px; } .i-pic a img{ width:100%;height:100%; } .i-pic a span{ display:block;position:absolute;font-size:14px;color:#999;left:15px;top:10px;z-index:9; } .case-list .swiper-button-prev{background-image:url("../img/case-left.png");} .case-list .swiper-button-next{background-image:url("../img/case-right.png");} .logo img{ max-height:80px; } .page-list a{ padding: 0 15px; } body .nav-au8{ background: url(/Public/Home/journal/images/icon-03.jpg) no-repeat; } body .nav-au10{ background: url(/Userfiles/images/nav-ico28.png) no-repeat; } .nav-list .sec-list li{ margin-left:40px; } .sec-list li:hover .nav-au8, .page-on .nav-au8{ background: url(/Public/Home/journal/images/icon-03.png) no-repeat; } .sec-list li:hover .nav-au10, .page-on .nav-au10{ background: url(/Userfiles/images/h-nav-ico28.png) no-repeat; } @media screen and (max-width: 1200px) { .nav-list > li{ margin-left:24px; } }