body, html {
min-width: 1280px;
}
.container {
width: 1280px;
margin: 0 auto;
}
/*顶部*/
.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 77px;
z-index: 999;
color: #fff;
}
.header .container {
box-sizing: border-box;
width: 100%;
padding: 0 75px 0 120px;
height: 100%;
min-width: 1200px;
/* background: #2712018f;*/
}
.header .logo {
display: block;
width: 290px;
margin-top: 15px;
}
.header .logo img {
display: block;
width: 100%
}
.header .nav {
padding-top: 28px
}
.header .nav li {
float: left;
font-size: 16px;
line-height: 21px;
height: 21px;
margin-right: 40px;
}
.header .nav li:last-child {
margin-right: 0;
color: #fb0606;
text-shadow: 1px 1px 1px #fff;
font-weight: 600;
font-size: 22px;
}
.header .nav li a {
display: block;
font-size: 16px;
color: #fff;
}
.header .nav li .link { text-shadow: 1px 1px 1px #fff;
}
.header .nav li.on .link, .header .nav li:hover .link {
color: #009944
}
.header .nav li.language, .header .nav li.login, .header .nav li.search {
border-right: 1px solid rgba(255,255,255,.2);
margin-right: 10px;
padding-right: 10px;
}
.header .nav li.search i{
display: block;
float: left;
width: 18px;
height: 18px;
background: url(../img/search.png) no-repeat #ccc;
margin: 2px 5px 0 0;
padding: 2px;
}
.header .nav li.language span {
margin-left: 9px; color: #333
}
.header .nav li.language i {
display: block;
float: right;
width: 36px;
height: 21px;
background: url(../img/language.png) no-repeat;
margin-left: 6px
}
.header .nav li.language {
position: relative;
cursor: pointer; color: #333;
text-shadow: 1px 1px 1px #fff;
}
.header .nav li.language .box {
position: absolute;
top: 100%;
left: 0;
width: 100%;
opacity: 0;
pointer-events: none;
transition: all 0.3s;
border: 1px solid #ccc;
background: #fff;
padding: 6px 0;
}
.header .nav li.language:hover .box {
opacity: 1;
pointer-events: initial;
}
.header .nav li.language .box a {
font-size: 14px;
color: #666;
padding: 8px 0 8px 22px;
}
.header .nav li.language .box a:hover {
color: #009944;
}
.header .nav .nav_li {
position: relative;
height: 77px;
line-height: 77px;
margin-top: -28px;
}
.header .nav .nav_li .box {
position: absolute;
top: 100%;
left: -66px;
width: 196px;
opacity: 0;
pointer-events: none;
transition: all 0.3s;
text-align: center;
}
.header .nav .nav_li:hover .box {
opacity: 1;
pointer-events: initial;
}
.header .nav .nav_li .box .tit {
font-size: 14px;
font-weight: bold;
color: #009944;
line-height: 44px;
border-top: 1px solid rgba(255,255,255,0.2);
background: rgba(2,11,26,0.6);
text-align: left;
padding-left: 35px;
}
.header .nav .nav_li .box .tit2 {
color: #00cc69;
}
.header .nav .nav_li .box a {
display: block;
font-size: 14px;
color: #fff;
padding-left: 35px;
line-height: 44px;
text-align: left;
border-top: 1px solid rgba(255,255,255,0.2);
background: rgba(7, 167, 19, 0.58);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.header .nav .nav_li .box a:hover {
background: #009944;
border-top-color: #eee;
}
.header .nav .nav_li .box a.gr:hover {
background: #00cc69;
border-top-color: #00cc69;
}
.header .nav li {
float: left;
font-size: 16px;
line-height: 21px;
height: 21px;
margin-right: 40px;
}
.header .nav li:last-child {
margin-right: 0;
}
.header .nav li a {
display: block;
font-size: 16px;
color: #333;
}
.header .nav li.login i {
display: block;
float: left;
width: 16px;
height: 18px;
background: url(../img/login.png) no-repeat;
margin: 2px 5px 0 0
}
.header .nav li.tmall i {
display: block;
float: left;
width: 18px;
height: 18px;
background: url(../img/tmall.png) no-repeat;
margin: 2px
}
.header .nav li.jd i {
display: block;
float: left;
width: 18px;
height: 18px;
background: url(../img/jd.png) no-repeat;
margin: 2px 5px 0 0
}
.offset-header .nav li {
color: rgba(51,51,51,.5)
}
.offset-header .nav li a {
color: rgba(51,51,51,.5)
}
.offset-header .nav li .link {
color: #333
}
.offset-header .nav li.search i {
background-image: url(../img/search_b.png)
}
.offset-header .nav li.language i {
background-image: url(../img/language_b.png)
}
.offset-header .nav li.login i {
background-image: url(../img/login_b.png)
}
.last-header {
display: none;
}
.header .nav li.search {
position: relative;
cursor: pointer; color: #333;
text-shadow: 1px 1px 1px #fff;
}
.header .nav li.search .header-search {
position: absolute;
right: 0;
top: -10px;
height: 41px;
background: #fff;
width: 420px;
display: none;
}
.search_open {
display: block!important;
opacity: 1!important;
}
.header .nav li.search .header-search .header-search-text {
border: none;
width: 380px;
height: 41px;
box-sizing: border-box;
padding: 0 20px;
font-size: 14px;
color: #666;
}
.header .nav li.search .header-search .header-search-btn {
width: 40px;
height: 41px;
border: none;
background: url('../img/search_b.png') no-repeat center center;
}
/*下滑之后的头部*/
.header.head-fixed {
background: #fff;
color: #333;
border-bottom: 1px solid #F5F6F8;
}
.header.head-fixed .nav li.language i {
background: url(../images/language_bai.png) no-repeat;
}
.header.head-fixed .nav li.login i {
background: url(../images/login_bai.png) no-repeat;
}
.header.head-fixed .nav li a {
}
/*白色背景的顶部*/
.header.bai_bg {
background: #fff;
color: #333;
border-bottom: 1px solid #F5F6F8;
}
.header.bai_bg .nav li.search i {
/* background: url(../images/search_bai.png) no-repeat;*/
}
.header.bai_bg .nav li.language i {
background: url(../images/language_bai.png) no-repeat;
}
.header.bai_bg .nav li.login i {
background: url(../images/login_bai.png) no-repeat;
}
.header.bai_bg .nav li a {
}
/*底部*/
.footer {
width: 100%;
box-sizing: border-box;
background: #009944;
padding: 25px 0;
}
.footer-left {
float: left;
width: 70%;
}
.footer-left .link {
color: #fff;
font-size: 16px;
line-height: 32px;
margin-bottom: 33px;
width: 70%;
}
.footer-left .link a {
color: #eee;
}
.foot-list {
margin: 15px auto;
}
.foot-list li {
text-align: center;
}
.foot-list li a {
display: block;
line-height: 32px;
font-size: 14px;
color: #fff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.foot-list li a:hover {
color: #a3f9a6;
}
.foot-list li i {
display: block;
float: left;
width: 32px;
height: 32px;
margin-right: 10px
}
.foot-list li .icon2 {
background-position: 0 -42px
}
.foot-list li .icon3 {
background-position: 0 -84px
}
.foot-list li .icon4 {
background-position: 0 -126px
}
.footer-right {
float: right;
margin-top: 65px
}
.ewm-item {
float: left;
width: 118px;
margin-right: 30px
}
.ewm-item:last-child {
margin-right: 0
}
.ewm-item img {
display: block;
width: 100%
}
.ewm-item p {
font-size: 14px;
color: #fff;
line-height: 24px;
margin-top: 15px;
text-align: center
}
.site-select {
position: relative;
z-index: 10;
width: 334px;
height: 38px;
border: 1px solid #cad3de;
border-radius: 2px;
background: #fff;
margin-bottom: 22px
}
.site-select .filter-text {
border: none;
}
.site-select .icon-filter-arrow {
width: 16px;
height: 38px;
background: url('../img/site_arrow.png') no-repeat center;
margin-top: -19px;
}
.site-select .filter-text .filter-title {
height: 38px;
line-height: 38px;
font-size: 14px;
}
.site-select .filter-list {
background: #fff;
top: auto;
bottom: 40px;
}
.site-select .filter-list li a {
color: #333;
line-height: 36px;
font-size: 14px;
}
.site-select .filter-list li:hover {
background-color: #009944;
}
.site-select .filter-list li:hover a {
color: #fff;
}
.site-select .filter-list li.filter-selected {
background-color: #009944;
}
.site-select .filter-list li.filter-selected a {
color: #fff;
}
.footer-left .info {
font-size: 14px;
color: #eee;
line-height: 25px;
margin-bottom: 20px
}
.footer-left .info a {
font-size: inherit;
color: #fff;
}
.footer-left .info a:hover {
color: #333;
}
.foot-share .bdsharebuttonbox a {
display: block;
float: left;
width: 22px;
height: 20px;
margin: 0 15px 0 0;
background: url(../img/share_icon.png) no-repeat;
opacity: .6
}
.foot-share .bdsharebuttonbox .bds_qzone {
background-position: 0 -20px
}
.foot-share .bdsharebuttonbox .bds_weixin {
background-position: 0 -40px
}
.foot-share .bdsharebuttonbox .bds_dingyue {
background-position: 0 -60px
}
.foot-share .bdsharebuttonbox a:hover {
opacity: 1
}
.foot_cont {
width: 25%;
float: left;
border-left: 1px solid #eeeeee6b;
}
.foot_cont p {
color: #fff;
font-size: 16px;
line-height: 32px;
text-align: center;
}
/*首页*/
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout: fixed;
width: 100%;
z-index: 0;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-tableCell .swiper-container-horizontal img{
width: 100%;
}
.fp-section.active {
z-index: 10;
}
.fp-tableCell {
display: block;
} /*Mac电脑消除空白条*/
.home-section1 {
overflow: hidden;
z-index: 0;
background-image: url('../images/home_video.jpg');
}
.home-section1 video {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
object-fit: cover;
}
.home-section1 .main {
width: 1280px;
margin: 0 auto;
position: relative;
z-index: 10;
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out
}
.home-section1 .main .title {
font-size: 60px;
color: #fff;
font-weight: 700;
line-height: 98px;
margin-bottom: 5px;
text-align: center
}
.home-section1 .main .txt {
font-size: 22px;
color: #fff;
line-height: 38px;
text-align: center;
font-weight: 300;
}
.home-section1 .fp-tableCell, .home-section4 .fp-tableCell {
display: table-cell;
}
.home-section1 .main .player {
display: block;
width: 225px;
height: 55px;
margin: 35px auto 10px;
box-sizing: border-box;
background-image: -moz-linear-gradient(0deg, #009944 0, #009944 100%);
background-image: -webkit-linear-gradient(0deg, #009944 0, #009944 100%);
background-image: -ms-linear-gradient(0deg, #009944 0, #009944 100%);
font-size: 20px;
color: #fff;
line-height: 55px;
border-radius: 28px;
padding-left: 52px
}
.home-section1 .main .player i {
display: block;
width: 30px;
height: 30px;
float: left;
margin: 14px 10px 0 0;
background: url(../img/player.png) no-repeat;
background-size: 100%;
}
.home-section1 .fadeInUp {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.home-section2 {
overflow: hidden;
z-index: 1;
background-image: url('../images/home_pic2.jpg');
background-size: cover;
}
.home-section2 video {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5
}
.home-section2 .yin {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
z-index: 6
}
.home-section2 .info {
width: 1200px;
left: 50%;
margin-left: -600px;
top: 14%;
z-index: 10;
position: absolute;
/* text-shadow: 1px 1px 1px #000;*/
font-size: 40px;
color: #fff;
font-weight: 700;
margin-bottom: 5px;
letter-spacing: 8px;
text-align: center;
}
.home-section2 .intit{ font-size: 20px;
color: #fff; letter-spacing: 0;
margin-bottom: 5px;
text-align: center;
top: 22%;
font-style: normal;
font-weight: 100;}
.home-section2 .en {
font-size: 34px;
color: #fff;
font-weight: 700;
line-height: 54px;
margin-bottom: 30px;
top: 165px;
width: 1200px;
left: 50%;
margin-left: -600px;
text-align: center;
z-index: 10;
position: absolute;
}
.ind-internet {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 8
}
.ind-internet li {
float: left;
width: 33.333%;
box-sizing: border-box;
height: 100%;
text-align: center;
cursor: pointer
}
.ind-internet li:last-child {
border-right: none
}
.ind-internet li .pic {
width: 110px;
height: 110px;
border: 2px solid rgba(255,255,255,.5);
border-radius: 10px;
overflow: hidden;
margin: 0 auto;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
overflow: hidden
}
.ind-internet li .pic img {
width: 100%;
}
.ind-internet li .big-pic {
width: 130px;
height: 130px;
display: block;
position: initial;
background: transparent;
}
.ind-internet li .pic i {
display: block;
width: 80px;
height: 80px;
background: url(../img/internet.png) no-repeat;
margin: 15px auto
}
.ind-internet li .pic .icon2 {
background-position: 0 -80px;
margin-top: 25px
}
.ind-internet li .pic .icon3 {
background-position: 0 -160px
}
.ind-internet li .main {
position: relative;/* top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-top:80px */
padding-top: 360px;
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.ind-internet li:nth-child(2) .main {
transition: all 1.0s ease-in-out;
-webkit-transition: all 1.0s ease-in-out;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
}
.ind-internet li:last-child .main {
transition: all 1.5s ease-in-out;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
}
.ind-internet li .title {
font-size: 24px;
color: #fff;
font-weight: 700;
line-height: 34px;
margin-top: 16px
}
.ind-internet li .line {
width: 40px;
height: 2px;
background: #009944;
margin: 17px auto 19px
}
.ind-internet li .txt {
font-size: 15px;
color: #fff;
line-height: 24px;
margin: 0 auto;
width: 196px
}
.ind-internet li .flex-box {
display: flex;
justify-content: center;
margin-top: 27px;
}
.ind-internet li .flex-box1{ margin-top: 75px;}
.ind-internet li .flex-box a {
display: block;
margin: 0 30px;
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
.ind-internet li .flex-box .step1 {
transition: all 2.0s ease-in-out;
-webkit-transition: all 2.0s ease-in-out;
-moz-transition: all 2.0s ease-in-out;
-o-transition: all 2.0s ease-in-out;
}
.ind-internet li .flex-box .step2 {
transition: all 2.5s ease-in-out;
-webkit-transition: all 2.5s ease-in-out;
-moz-transition: all 2.5s ease-in-out;
-o-transition: all 2.5s ease-in-out;
}
.ind-internet li .flex-box .step3 {
transition: all 3.0s ease-in-out;
-webkit-transition: all 3.0s ease-in-out;
-moz-transition: all 3.0s ease-in-out;
-o-transition: all 3.0s ease-in-out;
}
.ind-internet li .flex-box .step4 {
transition: all 3.5s ease-in-out;
-webkit-transition: all 3.5s ease-in-out;
-moz-transition: all 3.5s ease-in-out;
-o-transition: all 3.5s ease-in-out;
}
.ind-internet li .flex-box a:first-child, .ind-internet li .flex-box a:last-child {
margin-top: -50px;
}
.ind-internet li .flex-box .img {
width: 60px;
height: 60px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 5px;
margin: 0 auto;
}
.ind-internet li .flex-box .img img {
display: block;
width: 44px;
margin: 7px auto 0;
}
.ind-internet li .flex-box p {
font-size: 15px;
color: #fff;
font-weight: 300;
line-height: 24px;
margin-top: 10px;
text-align: center;
}
.ind-internet li:hover {
background: rgba(0,5,17,.3)
}
.ind-internet li:hover .pic {
margin-top: -30px
}
.ind-internet li.show .main, .ind-internet li.show .flex-box a {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.section4 {
background-size: cover;
background: #fff;
}
.section4 .en {
font-size: 34px;
color: #333;
font-weight: 700;
line-height: 54px;
margin-bottom: 30px;
}
.section4 .title {
font-size: 26px;
color: #333;
font-weight: 700;
line-height: 46px;
margin-bottom: 36px
}
.section-news-left {
float: left;
width: 48%;
float: left;
}
.news-list li {
margin-bottom: 15px;
}
.news-list li:last-child {
margin-bottom: 0;
}
.news-list li a {
display: block;
width: 100%;
height: 105px;
border-radius: 2px;
overflow: hidden;
background: #fff;
}
.news-list li .pic {
width: 165px;
height: 105px;
border-radius: 2px;
float: left;
overflow: hidden;
margin-right: 20px;
}
.news-list li .imgBg {
width: 100%;
height: 105px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
background-size: cover;
}
.news-list li .main {
padding-top: 8px;
}
.news-list li .main .date {
font-size: 12px;
color: #333;
line-height: 28px;
}
.news-list li .main .s-title {
font-size: 16px;
color: #333;
font-weight: bold;
line-height: 27px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-list li:hover a {
background: #edeef0;
}
.news-list li:hover .imgBg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.swiper-section-news {
float: right;
width: 48% !important;
height: 465px;
margin-top: 82px;
}
.swiper-section-news .swiper-slide a {
display: block;
width: 100%;
height: 465px;
position: relative;
z-index: 0;
border-radius: 2px;
overflow: hidden;
background-size: cover;
}
.swiper-section-news .swiper-slide p {
position: absolute;
left: 0;
bottom: 30px;
font-size: 24px;
color: #fff;
line-height: 32px;
box-sizing: border-box;
padding: 0 30px;
width: 100%;
z-index: 10;
text-align: center;
margin: auto;
}
.swiper-section-news .swiper-slide .yin {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 204px;
background: url('../images/home_news_bg.png') repeat-x top center;
}
.home-section5 .fp-tableCell {
display: block;
}
@media screen and (max-width:1366px) {
.header .logo {
display: block;
width: 200px;
margin-top: 20px;
}
.home-section1 .main .title {
font-size: 50px;
line-height: 68px;
}
.home-section1 .main .txt {
font-size: 18px;
}
.home-section2 .info {
font-size: 16px;
line-height: 32px;
/* top: 120px;*/
}
.ind-internet li.show .main {
padding-top: 296px;
}
.ind-internet li .pic {
width: 90px;
height: 90px;
}
.ind-internet li .pic i {
width: 60px;
height: 60px;
background-size: 60px 180px;
}
.ind-internet li .pic .icon2 {
background-position: 0 -60px;
margin-top: 15px;
}
.ind-internet li .pic .icon3 {
background-position: 0 -120px;
}
.ind-internet li .title {
font-size: 18px;
line-height: 28px;
}
.ind-internet li .flex-box .img {
width: 48px;
height: 48px;
}
.ind-internet li .flex-box .img img {
width: 32px;
margin-top: 8px;
}
.ind-internet li .flex-box p {
font-size: 14px;
}
.ind-internet li .flex-box a {
margin: 0 20px;
}
.section4 .container {
position: absolute;
left: 47%;
bottom: 50px;
margin-left: -550px;
}
.section4 .en {
font-size: 48px;
line-height: 54px;
margin-top: 10px;
}
.section4 .title {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px
}
.section-news-left {
/* width: 375px;*/
}
.news-list li a {
height: 95px;
}
.news-list li .pic {
width: 150px;
height: 95px;
}
.news-list li .imgBg {
height: 95px;
}
.news-list li .main {
width: width: 100%;;
margin-right: 0;
}
.news-list li .main .s-title {
font-size: 15px;
}
.swiper-section-news {
width: 650px;
height: 416px;
}
.swiper-section-news .swiper-slide a {
height: 416px;
}
.swiper-section-news .swiper-slide p {
font-size: 18px;
}
}
/*搜索*/
.search-banner {
width: 100%;
height: 300px;
background: url('../img/search_banner.jpg') no-repeat center center;
}
.search-search {
padding: 24px 0 40px 0;
background: #646464;
}
.search-search .title {
font-size: 25px;
color: #fff;
font-weight: bolder;
line-height: 47px;
}
.search-search .text {
width: 70%;
height: 47px;
border: 1px solid #fff;
background: url(../images/search_b.png) #fff 96% center no-repeat;
background-size: 18px 18px;
font-size: 15px;
color: #666;
line-height: 47px;
text-indent: 1.7%;
float: left;
}
.search-search .text.focus {
border: 1px solid #6aa9dc;
}
.search-search .btn {
width: 9%;
height: 49px;
cursor: pointer;
background: #6aa9dc;
line-height: 49px;
text-align: center;
margin-left: 1.4%;
font-size: 18px;
color: #fff;
border: none;
}
.search-search a {
line-height: 39px;
font-size: 18px;
color: #6aa9dc;
margin-left: 11%;
position: relative;
}
.search-search a i {
display: inline-block;
width: 23px;
height: 23px;
background: url(../images/arrow10.png) no-repeat;
position: relative;
top: 5px;
margin-right: 13px;
}
.search_result {
font-size: 20px;
color: #333;
line-height: 44px;
margin-bottom: 28px;
}
.search_result span {
font-size: 25px;
color: #6aa9dc;
}
.search_main {
}
.search_left {
width: 20%;
float: left;
padding-top: 23px;
}
.search_left li {
height: 25px;
line-height: 25px;
margin-bottom: 38px;
}
.search_left li a {
font-size: 20px;
color: #666;
}
.search_left li i {
width: 26px;
height: 25px;
background: url(../images/mobile/radio_icon.png) no-repeat;
background-size: auto 100%;
margin-right: 10px;
position: relative;
top: 5px;
}
.search_left li.on i {
background-position: -28px 0;
}
.search_right {
width: 80%;
float: left;
}
.search_right .main .page {
margin-top: 40px;
}
.search_right .main {
padding: 15px 30px 30px 30px;
display: none;
}
.search_right_title {
font-size: 18px;
color: #333;
font-weight: bolder;
line-height: 40px;
border-bottom: 1px solid #d2d2d2;
}
.search_right li {
border-bottom: 1px dashed #d2d2d2;
}
.search_right li a {
display: block;
padding: 22px 0;
}
.search_right li .title {
font-size: 18px;
color: #6aa9dc;
line-height: 34px;
width: 80%;
float: left;
}
.search_right li .time {
width: 80px;
float: right;
text-align: right;
color: #666;
font-size: 14px;
}
.search_right li .con {
font-size: 13px;
color: #666;
line-height: 30px;
padding-top: 4px;
}
.search_right .more1 {
margin-top: 30px;
}
.search_more {
width: 30%;
margin: 0 auto;
text-align: center;
}
.search_more img {
cursor: pointer;
}
.innovative_reward.rdresult_list .bx-wrapper {
margin: 0;
}
.search_right li a:hover .title {
font-weight: bolder;
}
/*智慧工业*/
.menu {
height: 80px;
background: #009944;
background-size: cover;
position: fixed;
bottom: 0px;
left: 0;
z-index: 998;
width: 100%;
transition: all 0.3s;
}
.menu.showmenu {
bottom: auto;
top: 0;
}
.menu li {
float: left;
display: inline-block;
margin-right: 64px;
line-height: 80px;
position: relative;
}
.menu li:last-child {
margin-right: 0;
}
.menu li a {
color: #fff;
font-size: 18px;
position: relative;
display: block;
}
.menu li.active {
}
.menu li.active:before {
background: url(../images/menu_on.png) no-repeat center top;
background-size: 100% 70%;
width: 275px;
height: 80px;
left: 50%;
margin-left: -138px;
top: 0;
content: '';
position: absolute;
}
.menu li.page0 {
display: none;
}
.menu .swiper-container:before {
width: 32px;
height: 100%;
background: linear-gradient(to right, rgba(37,193,255,1), rgba(37,193,255,0));
position: absolute;
left: 0;
content: '';
z-index: 3;
display: none;
}
.menu .swiper-container:after {
width: 32px;
height: 100%;
background: linear-gradient(to right, rgba(37,193,255,0), rgba(37,193,255,1));
position: absolute;
right: 0;
content: '';
z-index: 3;
top: 0;
}
.menu .swiper-slide {
line-height: 80px;
width: auto;
}
.menu .swiper-slide a {
color: #fff;
font-size: 18px;
position: relative;
display: block;
}
.menu .swiper-slide.active {
background: url(../images/menu_on.png) no-repeat center top;
background-size: 100%;
}
.menu .swiper-slide.page0 {
display: none;
}
.gy_con1 {
width: 100%;
height: 100%;
position: relative;
display: flex;
align-items: center;
}
.gy_con1 .container {
position: relative;
z-index: 2;
transition: all .5s ease-in-out;
opacity: 0;
margin-top: 0;
}
.gy_con1 .fadeInUp {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -50px;
}
.gy_con1 .title {
font-size: 64px;
color: #fff;
font-weight: bold;
line-height: 60px;
margin-bottom: 45px;
}
.gy_con1 p {
font-size: 17px;
line-height: 34px;
color: #fff;
margin: 30px 0 50px;
width: 690px;
}
.banner-btn a {
display: block;
width: 170px;
height: 50px;
font-size: 17px;
color: #fff;
line-height: 48px;
margin-right: 20px;
float: left;
text-align: center;
border-radius: 2px;
}
.banner-btn .play {
width: 170px;
padding-left: 33px;
background: none;
border: 1px solid #fff;
text-align: left;
line-height: 48px;
transition: all 0.3s;
}
.banner-btn .play i {
display: block;
float: left;
width: 24px;
height: 24px;
background: url('../images/v_player.png') no-repeat;
background-size: 100%;
margin: 12px 10px 0 0;
}
.banner-btn .play:hover {
background: #009944;
border-color: #009944;
}
.banner-btn .project {
background: #009944;
}
.banner-btn .project:hover {
background: url(../images/btn_bg.png) no-repeat center;
background-size: cover;
}
.banner-btn .project1 {
background: #009944;
}
.banner-btn .project1:hover {
background: url(../images/btn_bg.png) no-repeat center;
background-size: cover;
}
.gy_con a:hover {
color: #fff;
}
.gy_con .item img {
max-width: 100%;
}
.gy_con2 {
width: 100%;
height: 100%;
padding-top: 228px;
}
.gy_con2 p {
font-size: 20px;
color: #fff;
line-height: 40px;
width: 640px;
}
.gy_con2 a {
font-size: 16px;
color: #009944;
margin-left: 10px;
line-height: 40px;
}
.gy_con2 .gy2_icon {
margin-top: 64px;
}
.gy_con2 .gy2_icon .item {
width: 150px;
margin-right: 90px;
}
.gy_con2 .gy2_icon .item span {
font-size: 18px;
color: #009944;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.gy_con2 .container {
position: relative;
z-index: 2;
}
.gy_con2_v {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.gy_con3 {
width: 100%;
height: 100%;
padding-top: 180px;
}
.gy_con3 p {
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
}
.gy_con3 a {
font-size: 16px;
color: #009944;
margin-left: 10px;
line-height: 40px;
}
.gy_con3 .gy3_icon {
margin-top: 50px;
text-align: center;
}
.gy_con3 .gy3_icon .item {
width: 150px;
margin: 0 68px;
display: inline-block;
}
.gy_con3 .gy3_icon .item span {
font-size: 18px;
color: #009944;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.gy_con4 {
width: 100%;
height: 100%;
padding-top: 180px;
}
.gy_con4 p {
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
}
.gy_con4 a {
font-size: 16px;
color: #009944;
margin-left: 10px;
line-height: 40px;
}
.gy_con4 .gy4_icon {
margin-top: 50px;
text-align: center;
}
.gy_con4 .gy4_icon .item {
width: 150px;
margin: 0 100px;
display: inline-block;
}
.gy_con4 .gy4_icon .item span {
font-size: 18px;
color: #009944;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.gy_con5 {
width: 100%;
height: 100%;
padding-top: 195px;
}
.gy_con5 .container {
position: relative;
z-index: 5;
}
.gy_con5 p {
font-size: 20px;
color: #fff;
line-height: 40px;
width: 632px;
}
.gy_con5 a {
font-size: 16px;
color: #009944;
margin-left: 10px;
line-height: 40px;
}
.gy_con5 .gy5_icon {
margin-top: 64px;
}
.gy_con5 .gy5_icon .item {
width: 150px;
margin-right: 100px;
}
.gy_con5 .gy5_icon .item span {
font-size: 18px;
color: #009944;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.gy_con p {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
}
.gy_con p.pInUp {
opacity: 1;
margin-top: 0;
}
.gy_con .item {
transform: scale(0, 0);
transition: all 0.5s;
display: block;
}
.gy_con .item.show {
transform: scale(1, 1);
}
.section .name {
width: 140px;
height: calc(100% - 80px);
position: absolute;
z-index: 22;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#00a653), color-stop(0.5, rgb(85, 247, 180)), to(rgba(247, 247, 247, 0.4)));
box-sizing: border-box;
top: 80px;
padding-top: 100px;
display: flex;
justify-content: center;
opacity: 0;
}
.section .nameL {
left: -140px;
}
.section .nameL.name-show {
left: 0;
opacity: 1;
}
.section .name p {
font-size: 34px;
width: 38px;
color: #fff;
line-height: 40px;
word-wrap: break-word;
text-align: center;
font-weight: 900;
}
.section .name span {
font-size: 34px;
width: 25px;
color: #dddddd7a;
line-height: 28px;
word-wrap: break-word;
text-align: center;
font-weight: 500;
}
.section .name i {
display: block;
position: absolute;
width: 44px;
height: 36px;
animation: starwinkle 1s linear infinite;
-moz-animation: starwinkle 1s linear infinite;
-webkit-animation: starwinkle 1s linear infinite;
-o-animation: starwinkle 1s linear infinite;
position: absolute;
bottom: 105px;
}
.section .name .arrowR {
background: url('../images/show_right.png') no-repeat;
left: 48px;
}
@keyframes starwinkle {
0% {
opacity: 1;
}
50% {
opacity: .2;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes starwinkle {
0% {
opacity: 1;
}
50% {
opacity: .2;
}
100% {
opacity: 1;
}
}
.wt_con p.p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
}
.wt_con p.p1.pInUp {
opacity: 1;
margin-top: 0;
}
.wt_con2 {
width: 100%;
height: 100%;
padding-top: 150px;
}
.wt_con2 .container {
position: relative;
z-index: 10;
}
.wt_con2 .p1 {
font-size: 20px;
line-height: 40px;
color: #fff;
text-align: center;
}
.wt_con2 video, .wt_con3 video {
display: block;
position: absolute;
z-index: 5;
}
.wt_con3 {
width: 100%;
height: 100%;
padding-top: 150px;
position: relative;
}
.wt_con3 .p1 {
font-size: 20px;
line-height: 40px;
color: #fff;
text-align: center;
}
.wt3_icon {
text-align: center;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.wt3_icon .item {
margin: 0 10px;
text-align: center;
width: 96px;
height: 96px;
background: url(../images/wt_cril_bg1.png);
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.wt3_icon .item p {
font-size: 16px;
color: #fff;
text-align: center;
}
.wt3_icon .item span {
font-size: 13px;
color: #fff;
}
.wt3_icon .item i {
display: block;
margin: 0 auto;
width: 16px;
height: 16px;
background: url(../images/duihao.png) no-repeat center;
background-size: cover;
margin-top: 5px;
}
.wt3_icon .item1 {
margin: 0 3px;
width: 119px;
height: 70px;
background: url(../images/wt_cril_bg2.png);
background-size: cover;
font-size: 18px;
color: #fff;
padding: 10px 36px;
display: flex;
align-items: center;
justify-content: center;
}
.wt_con4 {
width: 100%;
height: 100%;
padding-top: 140px;
}
.wt_con4 .p1 {
font-size: 18px;
line-height: 34px;
color: #fff;
width: 830px;
}
.wt_con4 .tit {
font-size: 36px;
line-height: 40px;
color: #fff;
margin-bottom: 24px;
}
.wt_con4 .tit1 {
font-size: 24px;
color: #fff;
margin: 36px 0 20px;
}
.wt4_icon {
margin-top: 25px;
width: 830px;
}
.wt4_icon .item {
width: 380px;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.wt4_icon .item img {
margin-right: 12px;
}
.wt4_icon .item span {
font-size: 16px;
color: #fff;
}
.wt_con5 {
width: 100%;
height: 100%;
padding-top: 130px;
}
.wt_con5 .tit {
font-size: 36px;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.wt_con5 .p1 {
font-size: 18px;
color: #fff;
line-height: 36px;
text-align: center;
margin: 0 auto;
width: 1136px;
}
.wt_con5 .wt5_icon {
margin-top: 40px;
text-align: center;
}
.wt_con5 .wt5_icon .item {
width: 110px;
margin: 0 102px;
display: inline-block;
}
.wt_con5 .wt5_icon .item span {
font-size: 18px;
color: #fff;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.wt_con5 .pic {
width: 100%;
padding: 0 160px;
margin-top: 40px;
min-width: 1280px;
}
.wt_con5 .img1 {
width: 34%;
margin: 0 20px 0 -34%;
transition: all 0.5s;
animation-delay: 0.2s;
}
.wt_con5 .img1.showLeft {
margin: 0 20px;
}
.wt_con5 .img2 {
width: 56%;
transition: all 0.3s;
margin-right: -56%;
animation-delay: 0.2s;
}
.wt_con5 .img2.showright {
margin-right: 5%;
}
.wt_con6 {
width: 100%;
height: 100%;
padding-top: 140px;
}
.wt_con6 .p1 {
font-size: 18px;
line-height: 34px;
color: #fff;
width: 822px;
}
.wt_con6 .tit {
font-size: 36px;
line-height: 40px;
color: #fff;
margin-bottom: 24px;
}
.wt_con6 .tit1 {
font-size: 24px;
color: #fff;
margin: 36px 0 20px;
}
.wt6_icon {
margin-top: 25px;
width: 820px;
}
.wt6_icon .item {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.wt6_icon .item img {
margin-right: 20px;
}
.wt6_icon .item span {
font-size: 16px;
color: #fff;
}
.fadeup {
transform: translateY(0);
transition: all 0.4s;
}
.wt_con7 {
width: 100%;
height: 100%;
padding-top: 150px;
}
.wt_con7 .tit {
font-size: 36px;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.wt_con7 .p1 {
font-size: 18px;
color: #fff;
line-height: 36px;
text-align: center;
}
.wt_con7 .container {
position: relative;
}
.wt_con8 {
width: 100%;
height: 100%;
padding: 185px 0 0 140px;
position: relative;
left: 0;
top: 0;
}
.wt_con8 .cont {
width: 1400px;
height: 100%;
margin: 0 auto;
}
.wt_con8 .cont .gallery-top .swiper-slide {
height: 330px;
width: 100%;
}
.wt_con8 .cont .gallery-top .swiper-slide .pic {
width: 50%;
height: 100%;
}
.wt_con8 .cont .gallery-top .swiper-slide .box {
width: 50%;
height: 100%;
background: linear-gradient(to right, #C6E6F7, #fff);
padding: 52px 66px 0;
}
.wt_con8 .cont .gallery-top .swiper-slide .tit {
color: #42A7EF;
font-size: 26px;
margin-bottom: 25px;
}
.wt_con8 .cont .gallery-top .swiper-slide p {
color: #666;
font-size: 16px;
line-height: 30px;
}
.wt_con8 .cont .gallery-thumbs {
}
.picd-thumbs {
position: relative;
margin-top: 33px;
}
.wt_con8 .cont .gallery-thumbs .swiper-slide {
cursor: pointer;
}
.wt_con8 .cont .gallery-thumbs .swiper-slide .pic {
height: 208px;
width: 100%;
}
.wt_con8 .cont .gallery-thumbs .swiper-slide .tit {
height: 94px;
width: 100%;
padding: 18px;
font-size: 20px;
color: #333;
background: linear-gradient(to top, #fff, #C6E6F7);
}
.wt_con8 .cont .picd-thumbs .swiper-button-next, .wt_con8 .cont .picd-thumbs .swiper-button-prev {
width: 50px;
height: 50px;
margin-top: -25px;
background-size: 50px;
}
.wt_con8 .cont .picd-thumbs .swiper-button-next {
background-image: url(../images/wt_fr.png);
right: -77px;
}
.wt_con8 .cont .picd-thumbs .swiper-button-prev {
background-image: url(../images/wt_fl.png);
left: -77px;
}
/*服务支持*/
.sup_body .footer {
border-top: 1px solid #fff;
}
.sup_con {
width: 100%;
height: 100%;
position: relative;
}
.sup_con .title {
font-size: 56px;
font-weight: bold;
color: #fff;
line-height: 50px;
}
.sup_con .title span {
color: #009944;
font-size: inherit;
}
.sup_con .p1 {
font-size: 20px;
color: #fff;
margin-top:40px;
}
.sup_con .bot {
position: absolute;
bottom: 40px;
width: 100%;
padding: 0 4%;
display: flex;
justify-content: space-between;
left: 0;
}
.sup_con .bot .item {
width: 32%;
background: rgba(2,13,30,0.7);
height: 210px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.sup_con .bot .item img {
display: block;
max-width: 100%;
}
.sup_con .bot .item .box {
margin-left: 22px;
}
.sup_con .bot .item .box .tit {
font-size: 32px;
color: #fff;
margin-bottom: 10px;
}
.sup_con .bot .item .box p {
font-size: 15px;
color: #fff;
line-height: 24px;
}
.sup_con .bot .item1 {
font-size: 15px;
color: #fff;
text-align: center;
justify-content: center;
}
.sup_con .bot .item1 .row {
margin: 0 12px;
display: flex;
flex-direction: column;
}
.sup_con .bot .item1 img {
margin-bottom: 7px;
width: 130px;
height: 130px;
}
/*XX云*/
.cld_con1 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.cld_con1 .container {
transition: all .5s ease-in-out;
opacity: 0;
margin-top: 0;
}
.cld_con1 .fadeInUp {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -50px;
}
.cld_con1 .title {
font-size: 64px;
color: #fff;
font-weight: bold;
line-height: 60px;
margin-bottom: 45px;
}
.cld_con1 .p2 {
font-size: 16px;
line-height: 28px;
color: #fff;
margin: 30px 0 70px;
width: 500px;
}
.cld_con p.p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
font-weight: 300;
}
.cld_con p.p1.pInUp {
opacity: 1;
margin-top: 0;
}
.initup {
transition: all 0.3s;
transform: translateY(30px);
opacity: 0;
}
.showup {
transform: translateY(0px);
opacity: 1;
}
.xian0 {
transition: all 0.6s;
transform: scale(0, 0);
}
.xian1 {
transform: scale(1, 1);
}
.cld_con2 {
width: 100%;
height: 100%;
padding-top: 200px;
}
.cld_con2 .container {
position: relative;
z-index: 0;
}
.cld_con2 .cloud-video {
position: absolute;
right: -120px;
top: 0;
z-index: 5;
width: 760px;
}
.cld_con2 .cloud-video video {
display: block;
width: 100%;
}
.cld_con2 .tit {
font-size: 20px;
line-height: 42px;
color: #fff;
margin-bottom: 40px;
width: 545px;
}
.cld_con2 p {
font-size: 16px;
line-height: 42px;
color: rgba(255,255,255,0.8);
animation-delay: 0.3s;
}
.cld_con2 p i {
color: #25BEFC;
font-style: normal;
}
.cld_con2 p span {
font-size: 18px;
color: #fff;
}
.cld_con3 {
width: 100%;
height: 100%;
padding-top: 180px;
}
.cld_con3 .p1 {
font-size: 22px;
line-height: 40px;
color: #fff;
text-align: center;
}
.cld3_icon {
margin-top: 70px;
}
.cld3_icon .item0 {
width: 100%;
text-align: center;
position: relative;
}
.cld3_icon .item {
text-align: center;
width: 33.33%;
margin-top: 110px;
position: relative;
}
.cld3_icon .item .tit {
font-size: 22px;
color: #fff;
margin: 5px 0 0px;
}
.cld3_icon .item p {
font-size: 15px;
line-height: 40px;
color: rgba(255,255,255,0.7);
}
.cld3_icon .item.show {
transform: scale(1, 1);
}
.cld3_icon .item0:before {
position: absolute;
bottom: -50px;
left: 50%;
width: 1px;
height: 40px;
content: '';
background: #1B78C1;
}
.cld3_icon .item1:before {
position: absolute;
top: -62px;
left: 50%;
width: 1px;
height: 40px;
content: '';
background: #1B78C1;
}
.cld3_icon .item1:after {
position: absolute;
top: -62px;
left: 50%;
width: 50%;
height: 1px;
content: '';
background: #1B78C1;
}
.cld3_icon .item2:before {
position: absolute;
top: -62px;
left: 50%;
width: 1px;
height: 40px;
content: '';
background: #1B78C1;
}
.cld3_icon .item2:after {
position: absolute;
top: -62px;
right: 50%;
width: 50%;
height: 1px;
content: '';
background: #1B78C1;
}
.cld3_icon .item3:before {
position: absolute;
top: -62px;
left: 50%;
width: 1px;
height: 40px;
content: '';
background: #1B78C1;
}
.cld3_icon .item3:after {
position: absolute;
top: -62px;
right: 50%;
width: 100%;
height: 1px;
content: '';
background: #1B78C1;
}
.cld_con4 {
width: 100%;
height: 100%;
padding-top: 325px;
}
.cld_con4 .p1 {
font-size: 20px;
line-height: 46px;
color: rgba(255,255,255,0.8);
width: 630px;
}
.cld_con4 .img {
margin-top: -100px;
}
.cld_con5 {
width: 100%;
height: 100%;
padding-top: 218px;
}
.cld_con5 .p1 {
font-size: 24px;
line-height: 25px;
color: #fff;
}
.cld5_icon {
margin-top: 86px;
}
.cld5_icon .item {
}
.cld5_icon .item .tit {
font-size: 26px;
line-height: 25px;
color: #fff;
margin: 35px 0 12px;
}
.cld5_icon .item p {
font-size: 16px;
line-height: 40px;
color: #fff;
}
.cld5_icon .item p i {
font-style: normal;
color: #25BEFC;
margin-right: 5px;
font-size: 12px;
}
.cld5_icon .item1 {
width: 365px;
}
.cld5_icon .item2 {
width: 185px;
}
.cld_con6 {
width: 100%;
height: 100%;
padding-top: 160px;
}
.lx_con {
width: 570px;
color: #fff;
margin: 60px 0 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.lx_con ul {
overflow: hidden;
display: none;
margin-top: -20px;
}
.lx_con li {
cursor: pointer;
}
.lx_con li .top {
padding: 0 36px 0 0;
display: block;
height: 130px;
line-height: 130px;
border-top: 1px solid rgba(255,255,255,0.2);
position: relative;
margin: -1px 0 0 0;
font-size: 28px;
text-decoration: none;
font-weight: 300;
}
.lx_con li .closed {
background: url(../images/add_icon.png) no-repeat center right;
}
.lx_con li .opened {
background: url(../images/reduce_icon.png) no-repeat center right;
border-bottom: none;
}
.lx_con li li {
padding: 0 0 52px 0;
position: relative;
}
.lx_con li li .tit {
color: #25BEFC;
font-size: 22px;
margin-bottom: 15px;
font-weight: 300;
}
.lx_con li li p {
color: #fff;
font-size: 16px;
line-height: 30px;
font-weight: 300;
}
.cld6_fr {
width: 580px;
}
.cld6_fr .swiper-slide {
text-align: center;
}
.cld6_fr .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.cld6_fr .swiper-container {
padding-bottom: 42px;
}
.cld6_fr .swiper-pagination-bullet {
width: 6px;
height: 6px;
opacity: 1;
background: #fff;
border: 1px solid #25BEFC;
}
.cld6_fr .swiper-pagination-bullet-active {
background: #25BEFC;
}
.cld6_fr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.cld_con7 {
width: 100%;
height: 100%;
padding-top: 250px;
}
.cld_con7 .p1 {
font-size: 20px;
line-height: 42px;
color: rgba(255,255,255,0.9);
width: 530px;
}
.cld_con7 .img {
margin-top: -60px;
}
.cld_con8 {
width: 100%;
height: 100%;
}
.cld_body {
}
/*智慧供热*/
.hot_con p.p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
font-weight: 300;
}
.hot_con p.p1.pInUp {
opacity: 1;
margin-top: 0;
}
.hot_con2 {
width: 100%;
height: 100%;
padding: 180px 0 0 140px;
}
.hot_con2 .cont {
padding: 0 10%;
}
.hot_con2 .top {
text-align: center;
width: 100%;
}
.hot_con2 .top span {
color: #fff;
display: inline-block;
height: 80px;
line-height: 80px;
margin: 0 38px;
font-size: 36px;
cursor: pointer;
}
.hot_con2 .top span.on {
color: #009944;
border-bottom: 4px solid #009944;
}
.hot_con2 .boxs {
padding-top: 30px;
}
.hot_con2 .boxs .box {
display: none;
}
.hot_con2 .boxs .box:first-child {
display: block;
}
.hot_con2 .box1 .row {
margin-top: 40px;
}
.hot_con2 .box1 .p1 {
color: #fff;
font-size: 24px;
line-height: 42px;
text-align: center;
}
.hot_con2 .box1 .item {
width: 33.33%;
}
.hot_con2 .box1 .item .tit {
font-size: 24px;
line-height: 24px;
color: #009944;
margin: 28px 0 20px;
}
.hot_con2 .box1 .item .tit1 {
font-size: 20px;
line-height: 26px;
color: #fff;
margin-bottom: 14px;
font-weight: 300;
}
.hot_con2 .box1 .item p {
font-size: 16px;
line-height: 30px;
color: #fff;
font-weight: 300;
}
.hot_con2 .box1 .item p i {
color: #25BEFC;
font-style: normal;
margin-right: 5px;
font-size: 12px;
}
.hot_con2 .box1 .new-adv-list {
padding-top: 85px;
}
.new-adv-list .adv-item {
float: left;
width: calc(25% - 15px);
margin-right: 20px;
}
.new-adv-list .adv-item:last-child {
margin-right: 0;
}
.new-adv-list .adv-item .pic img {
display: block;
width: 100%;
}
.new-adv-list .adv-item .txt {
font-size: 18px;
color: #fff;
line-height: 28px;
margin-top: 18px;
}
.hot_con3 {
width: 100%;
height: 100%;
padding-top: 150px;
}
.hot_con3 video {
display: block;
position: absolute;
z-index: 5;
}
.hot_con3 .container {
position: relative;
z-index: 10;
}
.hot_con3 .tit {
font-size: 36px;
line-height: 36px;
color: #fff;
text-align: center;
margin-bottom: 28px;
}
.hot_con3 .p1 {
font-size: 20px;
line-height: 40px;
color: #fff;
text-align: center;
}
.hot_con4 {
width: 100%;
height: 100%;
padding-top: 225px;
}
.hot_con4 .p1 {
font-size: 18px;
line-height: 34px;
color: #fff;
width: 488px;
}
.hot4_icon {
margin-top: 38px;
}
.hot4_icon .item {
width: 175px;
}
.hot4_icon .item .tit {
font-size: 14px;
color: #009944;
margin: 12px 0 10px;
}
.hot4_icon .item p {
font-size: 12px;
line-height: 22px;
color: #fff;
font-weight: 300;
}
.hot4_icon .item p i {
color: #25BEFC;
font-style: normal;
margin-right: 5px;
font-size: 12px;
}
.hot_con5 {
width: 100%;
height: 100%;
padding-top: 200px;
background: #041B3D;
}
.hot_con5 .top {
text-align: center;
width: 100%;
}
.hot_con5 .top span {
color: #009944;
display: inline-block;
height: 78px;
line-height: 78px;
margin: 0 58px;
font-size: 36px;
cursor: pointer;
opacity: 0.3;
font-weight: bold;
position: relative;
padding: 0 28px 0 20px;
}
.hot_con5 .top span:after {
position: absolute;
left: 100%;
top: 38px;
width: 116px;
height: 2px;
background: url(../images/hot_line.png) no-repeat center;
background-size: cover;
content: '';
}
.hot_con5 .top span:last-child:after {
display: none;
}
.hot_con5 .top span img {
border-radius: 6px;
margin-right: 20px;
}
.hot_con5 .top span.on {
color: #009944;
opacity: 1;
}
.hot_con5 .cont {
padding-left: 140px;
}
.hot_con5 .boxs {
margin-top: 66px;
padding: 0 10%;
}
.hot_con5 .boxs .box {
display: none;
}
.hot_con5 .boxs .box:first-child {
display: block;
}
.hot_con5 .box1 {
}
.hot_con5 .box1 .pic {
width: 50%;
height: 460px;
}
.hot_con5 .box1 .item {
width: 50%;
height: 460px;
padding: 40px 60px 0;
background: #F7F7F7;
}
.hot_con5 .box1 .item .tit {
font-size: 36px;
line-height: 36px;
color: #000;
font-weight: 300;
margin-bottom: 20px;
}
.hot_con5 .box1 .item .desc {
font-size: 17px;
line-height: 30px;
color: #666;
min-height: 140px;
}
.hot_con5 .box1 .item .tit1 {
font-size: 22px;
line-height: 22px;
color: #333;
margin-bottom: 12px;
}
.hot_con5 .box1 .item p {
font-size: 16px;
line-height: 32px;
color: #666;
}
.hot_con5 .box1 .item p i {
color: #25BEFC;
font-style: normal;
margin-right: 5px;
font-size: 12px;
}
.hot_con9 .row {
margin-top: 30px;
padding-right: 60px;
}
.hot_con9 .row p {
font-size: 16px;
line-height: 33px;
color: #333;
margin-right: 20px;
}
.hot_con9 .row p i {
background: #25BEFC;
font-style: normal;
margin-right: 5px;
display: inline-block;
width: 10px;
height: 10px;
}
.hot_con9 .cont .gallery-top .swiper-slide .tit {
margin-bottom: 12px;
}
.hot_con9 .cont .gallery-top .swiper-slide .p2 {
font-size: 20px;
}
.hot_con9 .cont .gallery-top .swiper-slide .box {
padding: 25px 35px 0;
}
/*智能制造*/
.maf_con p.p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
font-weight: 300;
}
.maf_con p.p1.pInUp {
opacity: 1;
margin-top: 0;
}
.hot_con1 .container {
position: relative;
}
.maf_top {
text-align: center;
color: #fff;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 290px;
height: 335px;
position: absolute;
right: 0;
top: 0;
background: rgba(0,130,203,0.7);
}
.maf_top img {
max-width: 150px;
margin-bottom: 18px;
}
.maf_con2 {
width: 100%;
height: 100%;
padding-top: 120px;
background: #041B3D;
}
.maf_con2 .p1 {
font-size: 20px;
line-height: 40px;
color: #fff;
text-align: center;
}
.maf_con2 .box {
margin: 20px 0 50px;
text-align: center;
}
.maf_con2 .box .item {
display: inline-block;
width: 172px;
}
.maf_con2 .box .item span {
font-size: 40px;
color: #009944;
}
.maf_con2 .box .item p {
font-size: 16px;
line-height: 28px;
color: #fff;
}
.maf_con2 .box .item span i {
font-size: 14px;
color: #009944;
font-style: normal;
}
.maf_con2 img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.maf_con3 {
width: 100%;
height: 100%;
padding-top: 180px;
position: relative;
z-index: 0;
}
.maf_con .container {
position: relative;
z-index: 10;
}
.manu-video {
position: absolute;
top: 0;
width: 960px;
right: -150px;
}
.manu-video video {
display: block;
width: 100%;
}
.maf_con .maf_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.maf_con .maf_bg .item {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.maf_con3 .top {
text-align: center;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.maf_con3 .top span {
color: #fff;
display: inline-block;
height: 80px;
line-height: 80px;
margin: 0 38px;
font-size: 30px;
cursor: pointer;
}
.maf_con3 .top span.on {
color: #009944;
border-bottom: 3px solid #009944;
}
.maf_con3 .boxs {
padding-top: 50px;
}
.maf_con3 .boxs .box {
display: none;
}
.maf_con3 .boxs .box:first-child {
display: block;
}
.maf_con3 .box1 .row {
margin-top: 60px;
text-align: center;
}
.maf_con3 .box1 .p1 {
color: #fff;
font-size: 18px;
line-height: 41px;
text-align: center;
}
.maf_con3 .box1 .item {
width: 150px;
margin: 0 80px;
font-size: 20px;
color: #009944;
display: inline-block;
}
.maf_con3 .box1 .item img {
margin-bottom: 20px;
}
.maf_con3 .box1 .play {
margin-top: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #fff;
}
.maf_con3 .box1 .play img {
margin-left: 5px;
}
.maf_con3 .box1 .play:hover {
color: #009944;
cursor: pointer;
}
.maf_con4 {
width: 100%;
height: 100%;
padding-top: 200px;
}
.maf_con4 .p1 {
font-size: 20px;
line-height: 40px;
color: #fff;
width: 395px;
font-weight: 300;
margin-bottom: 40px;
padding: 0 7px;
}
.maf_con4 .item {
margin-bottom: 25px;
width: 335px;
}
.maf_con4 .item .tit {
width: 270px;
height: 32px;
border-radius: 32px;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 32px;
padding: 0 20px;
background: linear-gradient(to right, #009944, #009944);
margin-bottom: 15px;
}
.maf_con4 .item p {
padding: 0 7px;
font-size: 15px;
color: #fff;
line-height: 28px;
font-weight: 300;
}
.maf_con5 {
width: 100%;
height: 100%;
padding-top: 150px;
background: #041B3D;
}
.maf_con5 .p1 {
font-size: 20px;
line-height: 40px;
color: #fff;
font-weight: 300;
text-align: center;
}
.maf_con5 .top {
text-align: center;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.2);
margin-top: 32px;
}
.maf_con5 .top span {
color: #fff;
display: inline-block;
height: 52px;
line-height: 52px;
margin: 0 32px;
font-size: 26px;
cursor: pointer;
font-weight: 300;
padding: 0 6px;
}
.maf_con5 .top span.on {
color: #009944;
border-bottom: 3px solid #009944;
}
.maf_con5 .boxs {
padding-top: 25px;
}
.maf_con5 .boxs .box {
display: none;
}
.maf_con5 .boxs .box:first-child {
display: block;
}
.maf_con5 .box p {
font-size: 16px;
line-height: 30px;
color: #fff;
font-weight: 300;
margin-bottom: 50px;
text-align: center;
}
.maf_con5 .box img {
max-width: 100%;
display: block;
margin: 0 auto;
}
/*频道页*/
.ch_con {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.ch_con1 .info {
width: 700px;
float: left;
padding-top: 150px;
}
.ch_con1 .title {
font-size: 60px;
color: #fff;
line-height: 80px;
}
.ch_con1 .txt {
font-size: 18px;
color: #fff;
line-height: 36px;
margin-top: 25px;
}
.ch_con1 .pic {
float: right;
width: 699px;
margin-right: -120px;
}
.ch_con1 .pic img {
display: block;
width: 100%;
}
.ch_con2 .txt {
font-size: 20px;
color: #fff;
line-height: 36px;
max-width: 700px;
}
.ch_con2 .more {
display: block;
width: 170px;
height: 50px;
border: 1px solid #fff;
border-radius: 2px;
font-size: 17px;
color: #fff;
line-height: 48px;
text-align: center;
margin-top: 30px;
}
.ch_con2 .more:hover {
background-image: -moz-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
background-image: -webkit-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
background-image: -ms-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
border: none;
}
.ch_con .top {
font-size: 19px;
color: #fff;
line-height: 37px;
text-align: center;
width: 710px;
margin: 0 auto;
}
.ch_con .ch-nav {
display: flex;
margin-top: 49px;
justify-content: center;
}
.ch_con .ch-nav a {
display: block;
width: 165px;
height: 46px;
text-align: center;
line-height: 44px;
border: 1px solid #fff;
font-size: 18px;
color: #fff;
margin: 0 15px;
}
.ch_con .ch-nav a.on {
background-image: -moz-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
background-image: -webkit-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
background-image: -ms-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
border: none;
}
.ch_con4 .ch-nav a.on {
background-image: -moz-linear-gradient( 180deg, rgb(12,221,114) 0%, rgb(143,254,112) 100%);
background-image: -webkit-linear-gradient( 180deg, rgb(12,221,114) 0%, rgb(143,254,112) 100%);
background-image: -ms-linear-gradient( 180deg, rgb(12,221,114) 0%, rgb(143,254,112) 100%);
}
.ch_con4 .name {
background: linear-gradient(rgba(13,183,106,0.9), rgba(121,209,103,0.4));
background: -webkit-linear-gradient(rgba(13,183,106,0.9) 0%, rgba(58, 194, 105) 50%, rgba(121,209,103,0.4) 100%);
background: -moz-linear-gradient(rgba(13,183,106,0.9) 0%, rgba(58, 194, 105) 50%, rgba(121,209,103,0.4) 100%);
background: -o-linear-gradient(rgba(13,183,106,0.9) 0%, rgba(58, 194, 105) 50%, rgba(121,209,103,0.4) 100%);
background: linear-gradient(rgba(13,183,106,0.9) 0%, rgba(58, 194, 105) 50%, rgba(121,209,103,0.4) 100%);
}
.ch_con .ch-item {
margin: 70px auto 0;
width: 960px;
}
.ch_con .ch-item .pic {
width: 330px;
float: left;
box-shadow: 0px 1px 48.51px 0.49px rgba(172, 172, 172, 0.004);
}
.ch_con .ch-item .pic img {
display: block;
width: 100%;
}
.ch_con .ch-item .main {
float: right;
width: 585px;
padding-top: 5px;
height: 180px;
}
.ch_con .ch-item .txt {
font-size: 15px;
color: #fff;
line-height: 34px;
min-height: 102px;
}
.ch_con .ch-item .main a {
display: block;
width: 115px;
height: 36px;
border: 1px solid #fff;
text-align: center;
line-height: 34px;
margin-top: 15px;
color: #fff;
}
.ch_con .ch-item .main a:hover {
background-image: -moz-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
background-image: -webkit-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
background-image: -ms-linear-gradient( 180deg, rgb(35,123,229) 0%, rgb(37,191,255) 100%);
border: none;
}
.ch_con4 .ch-item .main a:hover {
background-image: -moz-linear-gradient( 180deg, rgb(12,221,114) 0%, rgb(143,254,112) 100%);
background-image: -webkit-linear-gradient( 180deg, rgb(12,221,114) 0%, rgb(143,254,112) 100%);
background-image: -ms-linear-gradient( 180deg, rgb(12,221,114) 0%, rgb(143,254,112) 100%);
}
/*新闻详情*/
.newsdetcon {
padding: 80px 0 0px;
width: 1088px;
margin: 0 auto;
}
.newsdetcon .top h1 {
font-size: 36px;
color: #333;
line-height: 36px;
margin-bottom: 30px;
font-weight: bold;
}
.newsdetcon .top .data {
padding-bottom: 12px;
border-bottom: 1px solid #d6d6d6;
}
.newsdetcon .top .num {
font-size: 14px;
color: #999;
line-height: 2;
margin-top: 3px;
margin-right: 20px;
}
.newsdetcon .top .num b {
font-weight: normal;
}
.newsdetcon .top .time {
font-size: 14px;
color: #999;
line-height: 2;
margin-top: 3px;
margin-right: 20px;
}
.newsdetcon .bdshare-button-style0-16 {
margin-top: 3px;
}
.newsdetcon span i {
margin-right: 5px;
}
.newsdetcon a {
margin: 0 7px 0 0;
}
.newsdetcon .top .data .det_back {
font-size: 15px;
color: #333;
line-height: 2;
margin-right: 10px;
}
.newsdetcon .top .data .det_back:hover {
color: #009944;
}
.newsdetcon .top .data .det_back i.back {
width: 16px;
height: 13px;
display: block;
margin-top: 9px;
margin-left: 10px;
background: url(../images/back.png) no-repeat;
}
.newsdetcon .con {
color: #333;
line-height: 1.857;
text-align: justify;
padding: 40px 0px 32px 0px;
}
.newsdetcon .con p {
margin-bottom: 20px;
line-height: 30px;
color: #333;
font-size: 17px;
}
.newsdetcon .con img {
max-width: 100%;
margin: 20px auto;
display: block;
}
.newsDet_page {
}
.newsDet_page a {
font-size: 17px;
color: #333;
display: block;
line-height: 48px;
}
.newsDet_page a:hover {
color: #009944;
}
.prism-player {
width: 100% !important;
height: 100% !important;
position: absolute!important;
top: 0!important;
}
/*董事长简介*/
.intr_top {
width: 100%;
height: 880px;
display: flex;
align-items: center;/*min-height: 620px;*/
}
.intr_top .title {
font-size: 64px;
color: #fff;
line-height: 28px;
margin-bottom: 70px;
}
.intr_top .tit {
font-size: 36px;
color: #fff;
line-height: 36px;
margin-bottom: 15px;
}
.intr_top .tit1 {
font-size: 18px;
color: #fff;
line-height: 48px;
margin-bottom: 30px;
}
.intr_top .row {
width: 640px;
border-top: 1px solid rgba(255,255,255,0.8);
padding-top: 25px;
}
.intr_top .row p {
font-size: 16px;
color: #fff;
line-height: 35px;
float: left;
width: 280px;
}
.header-tab {
width: 100%;
height: 80px;
background: #009944;
background-size: cover;
}
.headernews{
margin-top: 80px;}
.magen{
margin-top: 80px;
}
.header-tab.tab_fixed {
position: fixed;
top: 0;
z-index: 44;
}
.head-hide {
display: none;
}
.header-tab ul li {
float: left;
height: 80px;
margin-right: 68px;
line-height: 80px;
position: relative;
}
.header-tab ul li:last-child {
margin-right: 0;
}
.header-tab ul li.tab-active:before {
background: url(../images/menu_on.png) no-repeat center top;
background-size: 100% 70%;
width: 275px;
height: 80px;
left: 50%;
margin-left: -138px;
top: 0;
content: '';
position: absolute;
}
.header-tab ul li a {
font-size: 18px;
color: #fff;
font-weight: bold;
line-height: 80px;
position: relative;
z-index: 2;
}
.intro-base {
margin-top: 90px
}
.intro-base .left {
width: 44%;
float: left;
}
.intro-base .right {
float: right;
width: 50%;
}
.intro-base .left p {
text-indent: 2em;
font-size: 15px;
color: #666;
line-height: 26px;
text-align: justify;
margin-top: 10px
}
.intro-base .left p:first-child {
margin-top: 0
}
.intro-bk {
padding: 120px 0 110px 0;
}
.intro-bk .left {
width: 47%;
float: left
}
.intro-bk .left img {
width: 100%
}
.intro-bk .right {
width: 50%;
float: right;
padding-top: 90px
}
.intro-bk .right h1 {
font-size: 36px;
color: #333;
font-weight: bold;
}
.intro-bk .right p {
font-size: 15px;
color: #666;
line-height: 26px;
margin-top: 28px
}
.intro-bk .right a {
display: inline-block;
font-size: 18px;
color: #009944;
margin-top: 36px;
position: relative
}
.intro-bk .right a::after {
content: '';
width: 22px;
height: 9px;
display: block;
position: absolute;
right: -53px;
top: 5px;
background: url(../images/bk_down.png) no-repeat center;
background-size: contain
}
/*公司介绍*/
.group_top {
width: 100%;
height: 880px;
display: flex;
align-items: center;/*min-height: 620px;*/
}
.group_top .cont {
width: 1322px;
margin: 0 auto;
}
.group_top .title {
font-size: 64px;
color: #fff;
line-height: 64px;
font-weight: bold;
display: inline-block;
cursor: pointer;
}
.group_top .title img {
margin-left: 25px;
}
.group_top .group1 {
margin-top: 160px;
}
.group_top .group1-box {
float: left;
margin-right: 90px;
}
.group_top .group1-box:last-child {
margin-right: 0;
}
.group_top .group1-box .tit {
font-size: 20px;
color: #fff;
position: relative;
}
.group_top .group1-box .tit span {
font-size: 60px;
color: #fff;
font-weight: bold;
font-family: cursive;
line-height: 60px;
position: relative;
top: 5px;
margin-right: 8px;
font-family: "微软雅黑";
}
.group_top .group1-box .tit i {
position: absolute;
top: 0;
font-size: 40px;
font-style: normal;
line-height: 40px;
}
.group_top .group1-box .tit1 {
font-size: 20px;
color: #fff;
margin-top: 20px;
font-weight: 300;
}
.grp_con2 {
}
.grp_con2 {
border-top: 1px solid #fff;
height: 560px;
}
.grp_con2 .left {
width: 54%;
float: left;
height: 100%;
}
.grp_con2 .right {
float: right;
width: 46%;
background: #F2FAFD;
padding: 85px 85px 0;
height: 100%;
}
.grp_con2 .right .tit {
margin-bottom: 22px;
font-size: 40px;
color: #333;
}
.grp_con2 .right .hidden {
width: 100%;
height: 380px;
overflow: hidden;
}
.grp_con2 .right .scroll {
height: 380px;
width: calc(100% + 20px);
overflow-y: scroll;
padding-right: 20px;
}
.grp_con2 .right p {
text-indent: 2em;
font-size: 18px;
color: #666;
line-height: 36px;
text-align: justify;
margin-bottom: 10px;
}
.grp_con3 {
padding: 98px 0 122px;
background: url(../images/grp_map.png) no-repeat;
background-position: center top 98px;
background-color: #F2F3F5;
}
.grp_con3 .title {
font-size: 40px;
color: #333;
text-align: center;
}
.grp_con3 img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.grp_con3 .row {
}
.grp_con3 .row .item {
display: inline-block;
width: 390px;
height: 208px;
margin-right: 55px;
background: linear-gradient(to top, #009944, #009944);
}
.grp_con3 .row .item:last-child {
margin-right: 0;
}
.grp_con3 .row .item .line {
width: 100%;
height: 4px;
background: url(../images/grp_line.jpg) no-repeat center;
background-size: cover;
}
.grp_con3 .row .item .tit {
font-size: 26px;
color: #fff;
margin: 32px 0 22px;
padding: 0 35px;
}
.grp_con3 .row .item p {
font-size: 16px;
color: #fff;
line-height: 28px;
padding: 0 35px;
}
.grp_con4 {
padding: 96px 0 120px;
}
.grp_con4 .grp4-tit {
font-size: 40px;
color: #333;
margin-bottom: 32px;
text-align: center;
}
.grp_con4 .grp4-p {
font-size: 20px;
color: #666;
margin-bottom: 5px;
text-align: center;
line-height: 40px;
}
.grp_con4 img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.grp_con4 .row {
padding: 24px 35px;
background: #237BE4;
margin-top: 56px;
}
.grp_con4 .row p {
color: #fff;
font-size: 15px;
line-height: 50px;
margin-right: 75px;
}
.grp_con4 .row p span {
font-size: 36px;
}
/*资质荣誉*/
.hon_top {
width: 100%;
height: 880px;
display: flex;
align-items: center;/*min-height: 620px;*/
}
.hon_top .title {
font-size: 64px;
color: #fff;
line-height: 28px;
margin-bottom: 70px;
}
.hon_top .row {
width: 710px;
border-top: 1px solid rgba(255,255,255,0.3);
padding-top: 25px;
}
.hon_top .row p {
font-size: 16px;
color: #fff;
line-height: 35px;
float: left;
width: 380px;
}
.hon_top .row p:nth-child(2n) {
width: 330px;
}
.hon_con {
padding: 82px 0 50px;
background: #f8f8f8;
}
.hon_con .top {
}
.hon_con .top .tit {
font-size: 40px;
color: #333;
line-height: 50px;
}
.honor-form {
width: 460px;
height: 50px;
border: 1px solid #ccc;
border-radius: 4px;
position: relative;
}
.honor-input {
width: 100%;
height: 100%;
border: none;
font-size: 17px;
text-indent: 10px;
border-radius: 4px;
}
.honor-submit {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 48px;
background: url(../images/honor-search.jpg) no-repeat center;
border: none;
background-color: #fff;
background-size: 25px;
border-radius: 4px;
}
.honlist {
margin-top: 40px;
width: 1320px;
}
.honlist .grid .grid-item {
margin: 0 26px 30px 0;
width: calc(25% - 30px);
border: 1px solid #E2E2E2;
padding: 10px;
background: #fff;
}
.honlist .grid-img {
width: 100%;
}
.honlist .grid-link, .grid-img {
display: block;
}
.honlist .grid .grid-item .tit {
line-height: 50px;
height: 50px;
font-size: 16px;
color: #333;
}
.load_more {
width: 90px;
padding: 10px 0;
margin: 20px auto 0;
text-align: center;
cursor: pointer;
}
.load_more p {
font-size: 16px;
color: #999;
}
.load_more:hover p {
color: #25BEFC;
}
/*企业文化*/
.cul_top {
width: 100%;
height: 880px;
display: flex;
align-items: center;/*min-height: 620px;*/
padding-bottom: 40px;
}
.cul_top .title {
font-size: 64px;
color: #fff;
line-height: 64px;
margin-bottom: 60px;
font-weight: bold;
}
.cul_top .tit {
font-size: 36px;
color: #fff;
line-height: 36px;
margin-bottom: 15px;
font-weight: bold;
}
.cul_top .tit1 {
font-size: 18px;
color: #fff;
line-height: 32px;
}
.culture-idea {
border-top: 1px solid #fff;
}
.culture-idea .pic {
width: 50%;
float: left;
height: 570px;
}
.culture-idea .main {
width: 50%;
height: 570px;
float: right;
background: url('../img/culture_bg.jpg') no-repeat center center;
background-size: cover;
overflow: hidden;
}
.idea-list {
margin: 70px 0 0 110px;
width: 530px;
}
.idea-list li {
float: left;
width: 39.6%;
margin: 0 20.8% 36px 0;
}
.idea-list li:nth-child(2n) {
margin-right: 0;
}
.idea-list li .title {
font-size: 26px;
color: #333;
line-height: 44px;
}
.idea-list li .line {
width: 40px;
height: 1px;
background: #009944;
margin: 6px 0 16px;
}
.idea-list li p {
font-size: 16px;
color: #666;
line-height: 22px;
min-height: 44px;
}
.cul_con2 {
padding: 90px 0 67px;
}
.cul_con2 .title {
font-size: 40px;
color: #333;
}
.cul_con2 .row {
margin-top: 35px;
}
.cul_con2 .row .item {
height: 485px;
background: linear-gradient(to top, #fff, #EDF6FD);
margin-right: 30px;
padding: 50px 30px 0;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.cul_con2 .row .item:last-child {
margin-right: 0;
}
.cul_con2 .row .item1 {
width: 405px;
}
.cul_con2 .row .item3 {
width: 410px;
padding: 50px 18px 0 12px;
}
.cul_con2 .row .item1 .txt {
font-size: 15px;
color: #4c4c4c;
line-height: 24px;
margin-top: 42px;
}
.cul_con2 .row .item1 .txt p {
margin-bottom: 16px;
font-size: 15px;
line-height: 26px;
color: #4c4c4c;
}
.cul_con2 .row .item1 .txt p:last-child {
margin-bottom: 0;
}
.cul_con2 .row .item1 .txt span {
color: #009944;
margin-right: 5px;
}
.cul_con2 .row .item1 .name {
margin-bottom: 43px;
}
.cul_con2 .row .item1 .name img {
display: block;
}
.cul_con2 .row .item1 .txt p img {
vertical-align: middle;
margin-right: 10px;
}
.cul_con2 .row .item3 .tit {
padding: 16px 0 0 20px;
font-size: 24px;
color: #005bac;
font-weight: bold;
}
.cul_con2 .row .item3 .box {
margin-top: 40px;
}
.cul_con2 .row .item3 .box img {
float: left;
}
.cul_con2 .row .item3 .box .txt {
width: 158px;
float: right;
}
.cul_con2 .row .item3 .box p {
color: #4D4D4D;
font-size: 12px;
line-height: 18px;
position: relative;
margin-bottom: 20px;
}
.cul_con2 .row .item3 .box p:before {
top: 9px;
right: calc(100% + 10px);
content: '';
position: absolute;
height: 1px;
background: #B0B0B1;
width: 40px;
}
.cul_con2 .row .item3 .box .p2:before {
width: 26px;
}
.culture-active {
padding: 72px 0 40px;
background: #F6F6F6;
}
.culture-active .title {
font-size: 40px;
color: #333;
line-height: 40px;
margin-bottom: 20px;
}
.culture-active .info {
font-size: 16px;
color: #333;
line-height: 28px;
max-width: 1155px;
margin-bottom: 36px;
}
.active-list {
padding-bottom: 20px;
}
.active-list li {
float: left;
width: 31.25%;
margin: 0 3.125% 30px 0;
position: relative;
z-index: 0;
padding-bottom: 114px;
cursor: pointer;
}
.active-list li:nth-child(4n) {
margin-right: 0;
}
.active-list li .pic {
width: 100%;
height: 250px;
}
.active-list li .main {
height: 104px;
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
background: #F6F6F6;
transition: all 0.3s;
}
.active-list li .name {
font-size: 22px;
color: #222;
line-height: 54px;
}
.active-list li .txt {
font-size: 15px;
color: #666;
line-height: 24px;
}
.active-list li:hover .main {
height: auto;
}
.active-more {
display: block;
width: 24px;
height: 26px;
background: url('../images/active_more.png') no-repeat;
margin: 0 auto;
cursor: pointer;
}
.culture-news {
padding: 90px 0 70px;
}
.culture-news .title {
font-size: 40px;
color: #333;
line-height: 40px;
margin-bottom: 20px;
}
.culture-list li {
float: left;
width: 31.25%;
margin: 0 3.125% 30px 0;
}
.culture-list li:nth-child(3n) {
margin-right: 0;
}
.culture-list li a {
display: block;
width: 100%;
}
.culture-list li .pic {
width: 100%;
height: 250px;
overflow: hidden;
}
.culture-list li .imgBg {
width: 100%;
height: 250px;
background-size: cover;
}
.culture-list li .main {
padding-top: 10px;
}
.culture-list li .name {
font-size: 20px;
color: #222;
line-height: 28px;
margin-bottom: 9px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.culture-list li .txt {
font-size: 15px;
color: #666;
line-height: 24px;
height: 48px;
overflow: hidden;
margin-bottom: 25px;
}
.culture-list li .date {
height: 20px;
line-height: 20px;
font-size: 14px;
color: #999;
}
.culture-list li .date i {
display: block;
float: left;
width: 16px;
height: 16px;
margin: 2px 13px 0 0;
background: url('../images/date_icon.png') no-repeat;
}
.culture-list li:hover .name {
color: #009944;
}
.culture-list li:hover .imgBg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
/*XX报*/
.pre_top {
width: 100%;
height: 880px;
display: flex;
align-items: center;/*min-height: 620px;*/
overflow: hidden;
position: relative;
}
.pre_top .title {
font-size: 64px;
color: #fff;
line-height: 28px;
margin-bottom: 70px;
font-weight: bold;
}
.pre_top .tit {
font-size: 30px;
color: #fff;
line-height: 48px;
}
.pre_top a {
display: inline-block;
font-size: 18px;
color: #009944;
margin-top: 40px;
position: relative
}
.pre_top a::after {
content: '';
width: 55px;
height: 15px;
display: block;
position: absolute;
right: -70px;
top: -1px;
background: url(../images/link_icon.png) no-repeat center;
background-size: contain
}
.pre_top .container .pic {
width: 575px;
position: absolute;
left: 50%;
top: 200px;
}
.pre_top .container .pic img {
display: block;
width: 100%;
}
.press-main {
}
.press-main .news-search {
padding: 40px 0;
}
.press-main .page {
text-align: center;
}
.news-left {
float: left;
width: 33.6%;
position: relative;
z-index: 0;
}
.news-left .title {
font-size: 40px;
line-height: 50px;
color: #333;
}
.news-right {
width: 59.84%;
float: right;
}
.news-right .select-name {
float: left;
font-size: 18px;
color: #333;
line-height: 50px;
}
.select-news {
float: left;
width: 100px;
height: 50px;
border: 1px solid #ccc;
border-radius: 2px;
box-sizing: border-box;
margin-right: 10px;
position: relative;
z-index: 10;
background: #fff;
}
.news-keyword {
width: calc(100% - 365px);
float: left;
position: relative;
}
.news-keyword .news-text {
display: block;
box-sizing: border-box;
width: 100%;
height: 50px;
border: 1px solid #ccc;
padding: 0 55px 0 9px;
font-size: 17px;
color: #999;
border-radius: 4px;
}
.news-keyword .news-text::-webkit-input-placeholder {
color:#999;
}
.news-keyword .news-text:-moz-placeholder {
color:#999;
opacity:1;
}
.news-keyword .news-text::-moz-placeholder {
color:#999;
opacity:1;
}
.news-keyword .news-text:-ms-input-placeholder {
color:#999;
}
.news-keyword .news-text::-ms-input-placeholder {
color:#999;
}
.news-keyword .news-btn {
display: block;
width: 80px;
height: 48px;
background: url('../images/honor-search.jpg') no-repeat center;
background-size: 22px;
border: none;
position: absolute;
right: 0;
top: 0;
}
.press-list li {
float: left;
width: calc(25% - 49px);
margin: 0 65px 50px 0;
}
.press-list li:nth-child(4n) {
margin-right: 0;
}
.press-list li a {
display: block;
width: 100%;
}
.press-list li .pic {
width: 100%;
height: 383px;
border: 1px solid #ddd;
}
.press-list li .title {
font-size: 20px;
color: #333;
line-height: 42px;
}
.press-list li .date {
font-size: 14px;
color: #999;
}
.press-list li a:hover .title {
color: #009944;
}
.page {
text-align: center;
}
.page-con {
display: inline-block;
*display: inline;
*zoom:1;
}
.page a, .page span {
display: block;
float: left;
width: 46px;
height: 46px;
text-align: center;
line-height: 46px;
font-size: 14px;
color: #333;
border: 1px solid #e9e9e9;
margin-left: -1px;
background: #fff;
}
.page a:hover, .page span.current, .page a.active {
border-color: #009944;
background-color: #009944;
color: #fff;
}
.page a.prev {
margin: 0 20px 0 0;
background: url('../img/page_arrow.png') no-repeat left top #fff;
font-size: 0;
}
.page a.next {
margin-left: 20px;
background: url('../images/page_arrow.png') no-repeat 0 -46px #fff;
font-size: 0;
}
.page a.prev:hover {
background-position: -46px 0;
background-color: #009944;
}
.page a.next:hover {
background-position: -46px -46px;
background-color: #009944;
}
.page span.rows {
width: auto;
padding: 0 10px;
margin-left: 10px;
}
.select-news .filter-text {
border: none;
}
.select-news .icon-filter-arrow {
width: 16px;
height: 48px;
background: url('../images/news_arrow.png') no-repeat center;
margin-top: -24px;
}
.select-news .filter-text .filter-title {
height: 48px;
line-height: 48px;
font-size: 17px;
}
.select-news .filter-list {
background: #fff;
top: 50px;
}
.select-news .filter-list li a {
color: #333;
line-height: 42px;
font-size: 15px;
}
.select-news .filter-list li:hover {
background-color: #009944;
}
.select-news .filter-list li:hover a {
color: #fff;
}
.select-news .filter-list li.filter-selected {
background-color: #009944;
}
.select-news .filter-list li.filter-selected a {
color: #fff;
}
/*人才中心*/
.tal_top {
width: 100%;
height: 880px;
display: flex;
align-items: center;/*min-height: 620px;*/
}
.tal_top .title {
font-size: 64px;
color: #fff;
line-height: 28px;
margin-bottom: 70px;
font-weight: bold;
}
.tal_top .tit {
font-size: 30px;
color: #fff;
line-height: 43px;
margin-bottom: 15px;
font-weight: 300;
}
.tal_top .tit1 {
font-size: 16px;
color: #fff;
margin-bottom: 25px;
}
.tal_top .row {
width: 640px;
border-top: 1px solid rgba(255,255,255,0.8);
padding-top: 25px;
}
.tal_top .row p {
font-size: 16px;
color: #fff;
line-height: 35px;
}
.tal_con1 {
margin-top: 47px;
border-bottom: 1px solid #E6E6E6;
}
.tal_con1 .cont {
display: flex;
justify-content: space-between;
}
.tal_con1 .cont .item {
width: 295px;
padding: 45px 0;
font-size: 24px;
color: #333;
text-align: center;
cursor: pointer;
display: block;
}
.tal_con1 .cont .item.on {
border-bottom: 3px solid #009944;
}
.tal_con1 .cont img {
margin: 0 auto 20px;
display: block;
}
.zpin_box {
margin-top: 80px;
}
.sel_zpin {
float: left;
width: 200px;
height: 40px;
border: 1px solid #ccc;
border-radius: 2px;
box-sizing: border-box;
margin-right: 10px;
position: relative;
z-index: 10;
background: #fff;
}
.sel_zpin .filter-text {
border: none;
}
.sel_zpin .icon-filter-arrow {
width: 16px;
height: 38px;
background: url('../images/news_arrow.png') no-repeat center;
margin-top: -19px;
}
.sel_zpin .filter-text .filter-title {
height: 38px;
line-height: 38px;
font-size: 16px;
}
.sel_zpin .filter-list {
background: #fff;
top: 40px;
}
.sel_zpin .filter-list li a {
color: #333;
line-height: 36px;
font-size: 14px;
}
.sel_zpin .filter-list li:hover {
background-color: #009944;
}
.sel_zpin .filter-list li:hover a {
color: #fff;
}
.sel_zpin .filter-list li.filter-selected {
background-color: #009944;
}
.sel_zpin .filter-list li.filter-selected a {
color: #fff;
}
.zp_keyword {
width: 340px;
float: left;
position: relative;
}
.zp_keyword .news-text {
display: block;
box-sizing: border-box;
width: 100%;
height: 40px;
border: 1px solid #ccc;
padding: 0 55px 0 10px;
font-size: 16px;
color: #999;
border-radius: 4px;
}
.zp_keyword .news-text::-webkit-input-placeholder {
color:#999;
}
.zp_keyword .news-text:-moz-placeholder {
color:#999;
opacity:1;
}
.zp_keyword .news-text::-moz-placeholder {
color:#999;
opacity:1;
}
.zp_keyword .news-text:-ms-input-placeholder {
color:#999;
}
.zp_keyword .news-text::-ms-input-placeholder {
color:#999;
}
.zp_keyword .news-btn {
display: block;
width: 50px;
height: 38px;
background: url('../images/honor-search.jpg') no-repeat center;
background-size: 20px;
border: none;
position: absolute;
right: 0;
top: 0;
}
.tal_con2 {
padding: 0 0 80px 0;
margin-top: 32px;
}
.recruit_main {
border: 1px solid #eee;
margin: 0 auto 24px;
width: 100%;
}
.recruit_list_top {
width: 100%;
border-bottom: 1px solid #eee;
padding: 0 30px;
background: #EBF4FF;
}
.recruit_list_top li {
height: 60px;
font-size: 18px;
color: #333;
float: left;
line-height: 60px;
}
.recruit_name {
width: 13%;
text-align: center;
}
.recruit_type {
width: 24%;
text-align: center;
}
.recruit_num {
width: 16%;
text-align: center;
}
.recruit_com {
width: 26%;
text-indent: 20px;
}
.recruit_date {
width: 21%;
text-align: center;
position: relative;
}
.recruit_list {
font-size: 15px;
color: #666;
line-height: 24px;
}
.recruit_mes {
padding: 0 30px;
cursor: pointer;
}
.recruit_list .recruit_mes.on {
border-bottom: 1px solid #eee;
}
.recruit_list ul {
padding: 20px 0;
}
.recruit_list .recruit_mes.on ul li {
color: #009944;
}
.recruit_list ul li {
float: left;
font-size: 17px;
color: #666;
}
.recruit_list .recruit_name {
text-indent: 21px;
}
.recruit_list .recruit_date i {
width: 16px;
height: 10px;
right: 0;
margin: 6px 0 0 0;
background: url(../images/news_arrow.png) no-repeat center;
position: absolute;
}
.recruit_mes:hover {
background: #f0f6fb;
}
.recruit_mes:hover i {
background: url(../images/arrow3_02.png) no-repeat center;
}
.recruit_mes.on ul i {
background: url(../images/arrow3_04.png) no-repeat center;
}
.recruit_det {
line-height: 32px;
margin: 0 9px;
border-bottom: 1px solid #f0f0f0;
display: none;
}
.recruit_det .main {
padding: 8px 56px 50px;
}
.recruit_det .main p {
font-size: 14px;
color: #666;
line-height: 24px;
}
.recruit_det .main p a {
color: #3585E6;
}
.recruit_bottom {
margin-top: 25px;
}
.recruit_bottom .ztshare {
margin-top: 0;
}
.resume_download {
display: block;
width: 180px;
height: 40px;
line-height: 40px;
font-size: 14px;
text-align: center;
background: #009944;
color: #fff;
}
.send_resume {
width: 180px;
height: 40px;
border: 1px solid #009944;
line-height: 40px;
text-align: center;
font-size: 14px;
color: #009944;
position: relative;
margin-left: 10px;
}
.resume_file {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.recruit_bottom .ztshare {
margin-left: 50px;
}
.recruit_bottom .ztshare a {
background: transparent;
padding-left: 0;
font-size: 18px;
color: #999;
height: auto;
margin: 12px 10px 0px;
}
.recruit_bottom .ztshare a:hover {
color: #333;
}
.recruit_bottom .ztshare span {
line-height: 40px;
}
/*智慧能效*/
.effic_body .banner-btn .project {
background: #00A653;
}
.effic_body .banner-btn .play:hover {
background: #00A653;
border-color: #00A653;
}
.effic_body .banner-btn .project:hover {
background: url(../images/btn_bg1.png) no-repeat center;
background-size: cover;
}
.effic_con2 {
width: 100%;
height: 100%;
padding-top: 190px;
}
.effic_con2 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
font-weight: 300;
}
.effic_con2 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.effic_con2 .effic2_icon {
margin-top: 50px;
text-align: center;
}
.effic_con2 .effic2_icon .item {
width: calc(16.66% - 64px);
margin-right: 76px;
display: inline-block;
text-align: center;
}
.effic_con2 .effic2_icon .item:last-child {
margin-right: 0;
}
.effic_con2 .effic2_icon .item img {
max-width: 100%;
}
.effic_con2 .effic2_icon .item span {
font-size: 20px;
color: #00CC69;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 15px;
justify-content: center;
}
.effic_con .p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
}
.effic_con .p1.pInUp {
opacity: 1;
margin-top: 0;
}
.effic_con .item {
transform: scale(0, 0);
transition: all 0.5s;
display: block;
}
.effic_con .item.show {
transform: scale(1, 1);
}
.effic_body .section .name {
background: linear-gradient(rgba(13,183,106,0.9), rgba(121,209,103,0.4));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(13,183,106,0.9)), color-stop(0.5, rgba(58, 194, 105)), to(rgba(121,209,103,0.4)));
background: -webkit-linear-gradient(rgba(13,183,106,0.9) 0%, rgba(58, 194, 105) 50%, rgba(121,209,103,0.4) 100%);
background: -moz-linear-gradient(rgba(13,183,106,0.9) 0%, rgba(58, 194, 105) 50%, rgba(121,209,103,0.4) 100%);
background: -o-linear-gradient(rgba(13,183,106,0.9) 0%, rgba(58, 194, 105) 50%, rgba(121,209,103,0.4) 100%);
background: linear-gradient(rgba(13,183,106,0.9) 0%, rgba(58, 194, 105) 50%, rgba(121,209,103,0.4) 100%);
}
.effic_body .menu {
background: url(../images/menu_bg1.jpg) no-repeat center;
background-size: cover;
}
.effic_con3 {
width: 100%;
height: 100%;
padding-top: 195px;
}
.effic_con3 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
width: 526px;
}
.effic_con3 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.effic_con3 .effic3_icon {
margin-top: 64px;
}
.effic_con3 .effic3_icon .item {
width: 150px;
margin-right: 70px;
}
.effic_con3 .effic3_icon .item span {
font-size: 20px;
color: #00CC69;
line-height: 30px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.effic_body .footer {
border-top: 1px solid #fff;
}
.effic_body .menu li.active {
}
.effic_body .menu li.active:before {
background: url(../images/menu_on1.png) no-repeat center top;
background-size: 100% 100%;
width: 250px;
height: 80px;
left: 50%;
margin-left: -125px;
top: 0;
content: '';
position: absolute;
}
/*智慧电力*/
.elec_con .p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
}
.elec_con .p1.pInUp {
opacity: 1;
margin-top: 0;
}
.elec_con .item {
transform: scale(0, 0);
transition: all 0.5s;
display: block;
text-align: center;
}
.elec_con .item.show {
transform: scale(1, 1);
}
.elec_con2 {
width: 100%;
height: 100%;
}
.elect-power {
padding-top: 120px;
}
.elec_con2 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
}
.elec_con2 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.elec_con2 .elec2_icon {
margin-top: 30px;
text-align: center;
}
.elec_con2 .elec2_icon .item {
width: 150px;
margin: 0 80px;
display: inline-block;
}
.elec_con2 .elec2_icon .item span {
font-size: 18px;
color: #00CC69;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.elec_con2 .pic {
margin-top: 50px;
position: relative;
}
.elec_con2 .img1 {
width: 56%;
margin: 0 20px 0 -56%;
transition: all 0.5s;
animation-delay: 0.2s;
}
.elec_con2 .img1.showLeft {
margin: 0 0 0 3%;
}
.elec_con2 .img2 {
width: 37%;
transition: all 0.3s;
animation-delay: 0.2s;
right: -37%;
position: absolute;
}
.elec_con2 .img2.showright {
right: 7.5%;
}
.elec_con3 {
width: 100%;
height: 100%;
padding-top: 150px;
position: relative;
z-index: 0;
}
.elec_con3 video {
position: absolute;
display: block;
z-index: 5;
}
.elec_con3 .container {
position: relative;
z-index: 10;
}
.elec_con3 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
}
.elec_con3 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.elec_con3 .elec3_icon {
margin-top: 30px;
text-align: center;
}
.elec_con3 .elec3_icon .item {
width: 150px;
margin: 0 80px;
display: inline-block;
}
.elec_con3 .elec3_icon .item span {
font-size: 18px;
color: #00CC69;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.elec_con4 {
width: 100%;
height: 100%;
padding-top: 195px;
}
.elec_con4 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
width: 545px;
}
.elec_con4 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.elec_con4 .elec4_icon {
margin-top: 64px;
}
.elec_con4 .elec4_icon .item {
width: 150px;
margin-right: 70px;
}
.elec_con4 .elec4_icon .item span {
font-size: 20px;
color: #00CC69;
line-height: 30px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
.elec_con5 {
width: 100%;
height: 100%;
padding-top: 150px;
position: relative;
z-index: 0;
}
.elec_con5 video {
position: absolute;
display: block;
z-index: 5;
}
.elec_con5 .container {
position: relative;
z-index: 10;
}
.elec_con5 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
}
.elec_con5 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.elec_con5 .elec5_icon {
margin-top: 30px;
}
.elec_con5 .elec5_icon .item {
width: 150px;
margin: 0 120px 0 0;
display: inline-block;
}
.elec_con5 .elec5_icon .item span {
font-size: 18px;
color: #00CC69;
line-height: 26px;
white-space: nowrap;
display: flex;
margin-top: 20px;
text-align: center;
justify-content: center;
}
/*发展历程*/
.dep_top {
width: 100%;
height: 880px;
display: flex;
align-items: center;/*min-height: 620px;*/
}
.dep_top .title {
font-size: 64px;
color: #fff;
line-height: 64px;
margin-bottom: 20px;
font-weight: bold;
}
.dep_top .row {
width: 400px;
height: 250px;
background: url(../images/tigao.png) no-repeat center;
position: relative;
}
.dep_top .row .item {
position: absolute;
width: 100%;
}
.dep_top .row .item1 {
left: 0;
top: 100%;
}
.dep_top .row .item2 {
left: 230px;
top: 170px;
}
.dep_top .row .item3 {
left: 360px;
top: 80px;
}
.dep_top .row p {
font-size: 30px;
color: #fff;
display: flex;
align-items: center;
}
.dep_top .row p i {
display: inline-block;
width: 12px;
height: 12px;
background: #009944;
margin-right: 10px;
}
.dep_top .row span {
font-size: 15px;
color: #fff;
padding-left: 22px;
}
.dep_con1 {
margin-top: 110px;
display: flex;
justify-content: space-between;
}
.dep_con1 .tit {
font-size: 24px;
color: #999;
background: #E5E5E5;
width: 415px;
height: 60px;
text-align: center;
line-height: 60px;
cursor: pointer;
}
.dep_con1 .tit.on {
color: #fff;
background: #009944;
}
.dep_con2 {
padding-bottom: 35px;
}
.dep_con2 .item {
display: none;
}
.dep_con2 .item:first-child {
display: block;
}
.dep_con2 .pic {
display: flex;
align-items: center;
justify-content: center;
height: 400px;
flex-direction: column;
}
.dep_con2 .pic .tit {
font-size: 60px;
line-height: 60px;
color: #fff;
font-weight: bold;
margin-bottom: 30px;
}
.dep_con2 .pic span {
font-size: 24px;
color: #fff;
}
.dep_con2 .row {
padding: 58px 0 65px;
border-bottom: 1px solid #E8E8E8;
}
.dep_con2 .row:last-child {
border-bottom: none;
}
.dep_con2 .row .tit {
width: 195px;
font-size: 36px;
line-height: 44px;
color: #333;
font-weight: bold;
}
.dep_con2 .row .text {
width: 1085px;
}
.dep_con2 .row .text p {
font-size: 20px;
line-height: 44px;
color: #707070;
}
/*离散工业自动化控制*/
.lisan_top {
width: 100%;
height: 695px;
display: flex;
align-items: center;
}
.lisan_top .title {
font-size: 60px;
color: #fff;
line-height: 60px;
margin-bottom: 30px;
}
.lisan_top .tit {
font-size: 18px;
color: #fff;
line-height: 36px;
margin-bottom: 28px;
width: 746px;
}
.lisan_top .banner-btn .project {
background: transparent;
border: 1px solid #fff;
transition: all 0.3s;
}
.lisan_top .banner-btn .project:hover {
background: #009944;
border: 1px solid #009944;
}
.crop {
display: flex;
align-items: center;
font-size: 14px;
color: #fff;
height: 15px;
margin-top: 15px;
justify-content: flex-end;
}
.crop a, .crop span {
color: #fff
}
.crop a:hover {
color: #009944;
}
.crop img {
margin-right: 10px;
}
.lisa_new_con1 {
background: url('../img/new_color_bg1.jpg') no-repeat center;
background-size: cover;
overflow: hidden;
}
.lisa_con1 {
margin-top: 70px;
padding-bottom: 97px;
}
.lisa_new_con1 .title {
font-size: 36px;
color: #fff;
text-align: center;
}
.lisa_new_con1 .top {
margin-top: 45px;
}
.lisa_new_con1 .top span {
display: block;
float: left;
margin-right: 32px;
font-size: 22px;
color: #fff;
line-height: 32px;
cursor: pointer;
}
.lisa_new_con1 .top span.on {
color: #009944;
}
.lisa_new_con1 .row {
padding-top: 80px;
}
.lisa_new_con1 .row .item {
position: relative;
display: none;
}
.lisa_new_con1 .row .item:first-child {
display: block;
}
.lisa_new_con1 .row .item .text {
float: left;
width: 42%;
padding-top: 30px;
}
.lisa_new_con1 .row .item .text .tit {
font-size: 36px;
color: #fff;
line-height: 46px;
margin-bottom: 34px;
}
.lisa_new_con1 .row .item .text .tit1 {
font-size: 24px;
margin-bottom: 16px;
color: #fff;
}
.lisa_new_con1 .row .item .text p {
font-size: 18px;
color: #fff;
line-height: 36px;
}
.lisa_new_con1 .row .item img {
display: block;
float: right;
max-width: 42%;
}
.lisa_new_con1 .row .item:last-child img {
margin-top: 40px;
}
.new_con5{
}
.lisa-num {
text-align: center;
margin-top: 30px;
}
.lisa-num span {
display: inline-block;
width: 10px;
height: 10px;
position: relative;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 10px;
}
.lisa-num span.on {
background: #009944;
border-color: #009944;
margin-right: 73px;
}
.lisa-num span.on::after {
content: '';
position: absolute;
left: 9px;
top: 4px;
width: 84px;
height: 1px;
background: #009944;
}
/* .lisa_con1 .top{margin-top: 45px;text-align: center;}
.lisa_con1 .top span{padding: 10px 50px;font-size: 22px;color: #fff;cursor: pointer;}
.lisa_con1 .top span.on,.lisa_con1 .top span:hover{background: #009944;color: #fff;}
.lisa_con1 .row{padding: 40px 0 200px;}
.lisa_con1 .row .item{position: relative;display: none;}
.lisa_con1 .row .item:first-child{display: block;}
.lisa_con1 .row .item img{position: absolute;max-width: 550px;max-height: 500px;bottom: -60px;right: 80px;}
.lisa_con1 .row .text{padding: 70px 90px;background: #009944;min-height: 460px;width: 908px;color: #fff;}
.lisa_con1 .row .text .tit{font-size: 30px;margin-bottom: 44px;}
.lisa_con1 .row .text .tit1{font-size: 24px;margin-bottom: 16px;}
.lisa_con1 .row .text p{font-size: 16px;line-height: 26px;width: 480px;margin-bottom: 12px;}
*/
.lisa_con2 {
padding: 100px 0 120px;
background: url('../img/new_color_bg2.jpg') no-repeat center;
background-size: cover;
}
.lisa_con2 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 36px;
}
.lisa_con2 .txt {
font-size: 16px;
color: #fff;
line-height: 28px;
text-align: center;
max-width: 1120px;
margin: 20px auto 0;
}
.lisa_con2 .row {
margin-top: 74px;
display: flex;
justify-content: space-between;
}
.lisa_con2 .row .item {
width: 25%;
opacity: 0.5;
cursor: pointer;
}
.lisa_con2 .row .item img {
display: block;
width: 150px;
margin: 0 auto 16px;
}
.lisa_con2 .row .item p {
font-size: 20px;
color: #fff;
line-height: 30px;
text-align: center;
}
.lisa_con2 .row .item:hover {
opacity: 1;
}
.lisa_con2 .row .item:hover img {
margin-top: -10px;
}
.lisa_con2 .bot {
font-size: 15px;
color: #fff;
line-height: 25px;
margin-top: 90px;
text-align: center;
}
/* .lisa_con2 .row{margin-top: 74px;display: flex;justify-content: space-between;}
.lisa_con2 .row .item{width: 302px;height: 388px;padding: 36px 20px 0;background: #009944;}
.lisa_con2 .row .item .top{border-bottom: 1px solid #91BDF2;margin-bottom: 38px;padding-bottom: 32px;display: flex;align-items: center;}
.lisa_con2 .row .item .top img{}
.lisa_con2 .row .item .top .tit{margin-left: 18px;font-size: 18px;line-height: 28px;color: #fff;display: inline-block;width: 150px;}
.lisa_con2 .row .item p{font-size: 14px;line-height: 24px;color: #fff;margin-bottom: 14px;}
.lisa_con2 .row .item .file-play{display: block;font-size: 16px;color: #fff;line-height: 26px;margin-top: 24px;}
.lisa_con2 .row .item .file-play i{display: block;width: 26px;height: 26px;background: url('../images/player.png') no-repeat;background-size: cover;float: left;margin-right: 10px;}
.lisa_con2 .bot{font-size: 15px;color: #fff;text-align: center;line-height: 44px;height: 44px;margin-top: 25px;
background: linear-gradient(to right, #009944, #009944);} */
.lisa_con3 {
padding: 100px 0 64px;
background: url('../img/new_color_bg3.jpg') no-repeat center;
background-size: cover;
}
.lisa_con3 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 36px;
}
.lisa_con3 .row {
margin-top: 36px;
}
.lisa_con3 .row .item {
width: calc(33.33% - 22px);
margin: 0 32px 40px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.lisa_con3 .row .item:nth-child(3n) {
margin-right: 0;
}
.lisa_con3 .row .item .pic {
width: 100%;
height: 195px;
}
.lisa_con3 .row .item .tit {
font-size: 18px;
color: #333;
line-height: 22px;
height: 65px;
padding: 0 20px;
display: flex;
align-items: center;
background: linear-gradient(to top, #ffffff, #D4EDFA);
}
/*员工关怀*/
.care_con {
margin-top: 100px;
}
.care_con .item {
width: calc(33.33% - 27px);
margin: 0 40px 40px 0;
}
.care_con .item:nth-child(3n) {
margin-right: 0;
}
.care_con .item .pic {
width: 100%;
height: 250px;
}
.care_con .item .tit {
font-size: 20px;
color: #333;
margin: 15px 0;
}
.care_con .item p {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
font-size: 15px;
color: #666;
line-height: 24px;
height: 96px;
}
.care_body .active-more {
margin: 0 auto 110px;
}
.care-page {
margin-bottom: 60px;
}
/*流程工业电控仪整体解决方案*/
.prs_con {
background: url(../images/prs_con2.png) no-repeat center;
background-size: cover;
position: relative;
z-index: 0;
overflow: hidden;
height: 840px;
overflow: hidden;
}
.prs_con .pro_video {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
z-index: 2;
}
.prs_con .pro_video video {
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -540px 0 0 -960px;
width: 1920px;
height: 1080px;
}
.prs_con .yin {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65);
z-index: 5;
overflow: hidden;
}
.prs-list {
padding-top: 95px;
}
.prs-list .item .title {
font-size: 32px;
color: #fff;
text-align: center;
line-height: 42px;
margin-bottom: 28px;
}
.prs-list .item .txt {
font-size: 16px;
color: #fff;
text-align: center;
line-height: 28px;
max-width: 1100px;
margin: 0 auto;
}
.prs-nav {
padding-top: 73px;
display: flex;
justify-content: center;
}
.prs-nav .item {
margin: 0 103px;
text-align: center;
opacity: 0.5;
cursor: pointer;
}
.prs-nav .item img {
display: block;
width: 150px;
margin: 0 auto 15px;
}
.prs-nav .item p {
font-size: 20px;
color: #fff;
line-height: 30px;
}
.prs-nav .item-on {
opacity: 1;
}
.prs-bot {
font-size: 15px;
color: #fff;
text-align: center;
line-height: 25px;
margin-top: 95px;
}
.prs_con .crop {
margin-top: 15px;
position: relative;
z-index: 10;
color: #fff;
}
.prs_con .crop a {
color: #fff;
}
.prs_con2 {
padding: 100px 0 120px;
position: relative;
z-index: 10;
}
.prs_con2 .title {
font-size: 36px;
color: #333;
text-align: center;
line-height: 36px;
}
.prs_con2 .row {
margin-top: 50px;
display: flex;
justify-content: space-between;
}
.prs_con2 .row .item {
width: 406px;
height: 348px;
padding: 36px 20px 0;
background: #fff;
}
.prs_con2 .row .item .top {
border-bottom: 1px solid #91BDF2;
margin-bottom: 38px;
padding-bottom: 32px;
display: flex;
align-items: center;
}
.prs_con2 .row .item .top img {
}
.prs_con2 .row .item .top .tit {
margin-left: 18px;
font-size: 18px;
line-height: 28px;
color: #333;
display: inline-block;
width: 150px;
}
.prs_con2 .row .item p {
font-size: 14px;
line-height: 24px;
color: #333;
margin-bottom: 14px;
}
.prs_con2 .bot {
font-size: 15px;
color: #fff;
text-align: center;
line-height: 44px;
height: 44px;
margin-top: 25px;
background: linear-gradient(to right, #009944, #009944);
}
.prs_con3 {
padding: 100px 0 64px;
background: url('../img/new_color_bg3.jpg') no-repeat center;
background-size: cover;
}
.prs_con3 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 36px;
}
.prs_con3 .row {
margin-top: 36px;
}
.prs_con3 .row .item {
width: calc(33.33% - 22px);
margin: 0 32px 40px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.prs_con3 .row .item:nth-child(3n) {
margin-right: 0;
}
.prs_con3 .row .item .pic {
width: 100%;
height: 195px;
}
.prs_con3 .row .item .tit {
font-size: 18px;
color: #333;
line-height: 22px;
height: 65px;
padding: 0 20px;
display: flex;
align-items: center;
background: linear-gradient(to top, #ffffff, #D4EDFA);
}
/*XX新闻*/
.new_top {
width: 100%;/*height: 880px;min-height: 620px;*/
}
/*.new_top .cont{width: 100%;height: 100%;display: flex;justify-content: flex-end;flex-direction: column;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(0,0,0,0.9) 100%);}*/
.new_top .cont {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column;
background: url(../images/news_bg.png) no-repeat center bottom;
}
.new_top .box {
width: 1314px;
margin: 0 auto 30px;
}
.new_top .tit {
font-size: 36px;
color: #fff;
line-height: 45px;
margin-bottom: 20px;
}
.new_top p {
font-size: 18px;
color: #fff;
line-height: 40px;
}
.new_top p a {
color: #ce0021;
font-size: 18px;
margin-left: 20px;
}
.new_con1 {
padding: 40px 0 0;
}
.new_con1 .title {
color: #333;
font-size: 40px;
}
.new_con1 .title a {
color: #009944;
font-size: 16px;
float: right;
line-height: 32px;
}
.new_con1 .title a:hover {
color: #ce0021;
}
.new_con1 .row {
margin-top: 30px;
}
.new_con1 .item {
width: calc(33.33% - 22px);
margin: 0 32px 26px 0;
border: 1px solid #DCDCDC;
display: block;
}
.new_con1 .item:nth-child(3n) {
margin-right: 0;
}
.new_con1 .item .pic {
width: 100%;
height: 255px;
overflow: hidden;
}
.new_con1 .item .background {
height: 100%;
}
.new_con1 .item .con {
background: #fff;
transition: all 0.3s;
}
.new_con1 .item:hover .con {
}
.new_con1 .item .tit {
font-size: 18px;
color: #222;
padding: 15px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new_con1 .item p {
font-size: 16px;
color: #999;
line-height: 42px;
height: 42px;
text-align: right;
padding: 0 35px;
position: relative;
}
.new_con1 .item p:before {
position: absolute;
top: 0;
width: 96%;
left: 2%;
height: 1px;
background: #E5E5E5;
content: '';
}
/*.new_con1 .item:hover .tit{color: #009944;}*/
.new_con1 .item:hover .background {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.new_con2 {
padding: 40px 0 40px;
}
.new_con2 .title {
color: #333;
font-size: 40px;
}
.new_con2 .title a {
color: #009944;
font-size: 16px;
float: right;
line-height: 32px;
}
.new_con2 .title a:hover {
color: #ce0021;
}
.new_con2 .row {
margin-top: 30px;
}
.new_con2 .item {
width: calc(25% - 51px);
margin: 0 68px 0 0;
display: block;
}
.new_con2 .item:nth-child(4n) {
margin-right: 0;
}
.new_con2 .item .pic {
width: 100%;
height: 383px; border: 1px solid #ddd;
}
.new_con2 .item .tit {
font-size: 20px;
color: #222;
padding: 8px 0 6px;
line-height: 28px;
}
.new_con2 .item p {
font-size: 14px;
color: #999;
}
.new_con2 .item:hover .tit {
color: #009944;
}
.new_con3 {
padding: 70px 0 115px;
}
.new_con3 .title {
color: #333;
font-size: 40px;
}
.new_con3 .title a {
color: #009944;
font-size: 16px;
float: right;
line-height: 32px;
}
.new_con3 .title a:hover {
color: #ce0021;
}
.new_con3 .row {
margin-top: 30px;
}
.new_con3 .item {
width: calc(33.33% - 32px);
margin: 0 48px 0 0;
display: block;
}
.new_con3 .item:nth-child(3n) {
margin-right: 0;
}
.new_con3 .item .pic {
width: 100%;
height: 240px;
}
.new_con3 .item .pic .box {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.new_con3 .item .pic .box span {
width: 50px;
height: 50px;
display: block;
background: url(../images/play.png) no-repeat center;
background-size: 100%;
cursor: pointer;
}
.new_con3 .item .tit {
font-size: 20px;
color: #222;
padding: 18px 0 0;
line-height: 30px;
}
.dialog {
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.7);
z-Index: 9999;
overflow: hidden;
display: none;
align-items: center;
justify-content: center;
}
.dialog .close {
background: url(../images/close.png) no-repeat center;
background-size: 40px;
position: absolute;
top: 50%;
left: 50%;
margin: -340px 0 0 450px;
width: 40px;
height: 40px;
cursor: pointer;
}
.dialog .close:hover {
-o-transform: rotate(60deg); /* Opera */
animation: 0.5s linear 0s myrotate;
-webkit-animation: 0.5s linear 0s myrotate;
}
@keyframes myrotate {
form {
transform:rotate(0deg);
}
to {
transform:rotate(90deg);
}
}
@-webkit-keyframes myrotate {/* Safari and Chrome */
form {
transform:rotate(0deg);
}
to {
transform:rotate(90deg);
}
}
/*XX新闻列表*/
.new_list {
padding: 40px 0; overflow: hidden;
}
.new_list .title {
color: #333;
font-size: 40px;
}
.new_list .title a {
color: #009944;
font-size: 16px;
float: right;
line-height: 32px;
}
.new_list .title a:hover {
color: #ce0021;
}
.new_list .row {
padding-bottom: 8px;
margin-top: 40px;
}
.new_list .item {
width: calc(33.33% - 22px);
margin: 0 32px 30px 0;
border: 1px solid #DCDCDC;
display: block;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.new_list .item:nth-child(3n) {
margin-right: 0;
}
.new_list .item .pic {
width: 100%;
height: 255px;
}
.new_list .item .tit {
font-size: 18px;
padding: 15px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #111;
}
.new_list .item .desc {
font-size: 15px;
color: #666;
height: 96px;
line-height: 24px;
padding: 0px 18px;
margin-bottom: 18px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.new_list .item:hover .con {
background: #fff;
}
.new_list .item p {
font-size: 16px;
color: #999;
line-height: 42px;
height: 42px;
text-align: right;
padding: 0 35px;
position: relative;
}
.new_list .item p:before {
position: absolute;
top: 0;
width: 96%;
left: 2%;
height: 1px;
background: #E5E5E5;
content: '';
}
.new_list .item:hover .tit {
color: #f00;
}
/*XX“全程能效”管理解决方案*/
.cur_con1 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cur_con1 .container {
transition: all .5s ease-in-out;
opacity: 0;
margin-top: 0;
}
.cur_con1 .fadeInUp {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -50px;
}
.cur_con1 .title {
font-size: 60px;
color: #fff;
line-height: 68px;
margin-bottom: 30px;
width: 610px;
}
.cur_con1 .p2 {
font-size: 18px;
line-height: 36px;
color: #fff;
margin: 0 0 35px;
width: 760px;
}
.cur_con .p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
}
.cur_con .p1.pInUp {
opacity: 1;
margin-top: 0;
}
.cur_con .item {
transform: scale(0, 0);
transition: all 0.5s;
display: block;
text-align: center;
}
.cur_con .item.show {
transform: scale(1, 1);
}
.cur_con2 {
width: 100%;
height: 100%;
background-position: center top 60px;
}
.cur_con1 .banner-btn .project {
background: transparent;
border: 1px solid #fff;
transition: all 0.3s;
}
.cur_con1 .banner-btn .project:hover {
background: #00A653;
border: 1px solid #00A653;
}
.cur_con3 {
width: 100%;
height: 100%;
position: relative;
}
.cur_con3 .cont {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cur_con3 .cont1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.cur_con3 .cont #myVideo {
width: 100%;
height: 100%;
}
.cur_con3 .container {
height: 100%;
padding-top: 150px;
position: relative;
z-index: 1;
}
.cur_con3 .txt3-list {
min-height: 105px;
}
.cur_con3 .p1 {
font-size: 18px;
color: #fff;
line-height: 35px;
text-align: center;
font-weight: 300;
}
.cur_con3 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.cur_con3 .cur3_icon {
margin-top: 30px;
display: flex;
justify-content: space-between;
padding: 0 15px;
}
.cur_con3 .cur3_icon .item {
width: 150px;
display: inline-block;
text-align: center;
}
.cur_con3 .cur3_icon .item img {
opacity: 0.5;
max-width: 100%;
}
.cur_con3 .cur3_icon .item:hover img {
opacity: 1
}
.cur_con3 .cur3_icon .item span {
font-size: 20px;
color: #fff;
line-height: 24px;
white-space: nowrap;
display: flex;
margin-top: 17px;
text-align: center;
justify-content: center;
font-weight: 300;
opacity: 0.5;
}
.cur_con3 .cur3_icon .item:hover span {
opacity: 1
}
.cur_con3 .play1 {
width: 80px;
text-align: center;
margin: 70px auto 0;
color: #fff;
font-size: 16px;
cursor: pointer;
display: none;
}
.cur_con3 .play1 img {
display: block;
margin: 0 auto 12px;
}
.cur_con3 .cur3_icon .item:hover .play1 {
display: block;
}
.cur_con4 {
width: 100%;
height: 100%;
padding-top: 250px;
}
.cur_con4 .cont {
width: 1450px;
margin: 0 auto;
position: relative;
left: 80px;
}
.cur_con4 .left {
width: 470px;
float: left;
}
.cur_con4 .pic {
width: calc(100% - 470px);
float: left;
}
.cur_con4 .pic img {
max-width: 100%;
cursor: pointer;
}
.cur_con4 .tit {
font-size: 36px;
line-height: 40px;
color: #fff;
font-weight: 300;
}
.cur_con4 .tit1 {
font-size: 24px;
color: #fff;
margin: 60px 0 30px;
font-weight: 300;
}
.cur4_icon {
}
.cur4_icon .item1 {
width: 197px;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.cur4_icon .item1 img {
margin-right: 12px;
}
.cur4_icon .item1 span {
font-size: 16px;
color: #fff;
white-space: nowrap;
font-weight: 300;
}
.cur_con5 {
width: 100%;
height: 100%;
padding-top: 177px;
}
.cur_con5 .cont {
width: 1480px;
padding-left: 100px;
margin: 0 auto;
}
.cur_con5 .cont .swiper-slide {
width: auto;
font-size: 20px;
color: #fff;
height: 64px;
line-height: 64px;
font-family: "微软雅黑";
cursor: pointer;
}
.cur_con5 .cont .swiper-slide.on, .cur_con5 .cont .swiper-slide:hover {
color: #00CC69;
}
.cur_con5 .cont .box {
margin-top: 110px;
}
.cur_con5 .cont .box .item1 {
display: none;
}
.cur_con5 .cont .box .item1:first-child {
display: block;
}
.cur_con5 .cont .box .text {
width: 43%;
color: #fff;
font-weight: 300;
padding-top: 40px;
}
.cur_con5 .cont .box .tit {
font-size: 36px;
margin-bottom: 35px;
}
.cur_con5 .cont .box .row {
margin-bottom: 22px;
}
.cur_con5 .cont .box .tit1 {
font-size: 24px;
margin-bottom: 17px;
}
.cur_con5 .cont .box p {
font-size: 18px;
line-height: 36px;
}
.cur_con5 .cont .box .pic {
width: 46%;
}
.cur_con5 .cont .box .pic img {
max-width: 100%;
}
.wh_list {
display: flex;
flex-wrap: wrap;
}
.wh_list .elet {
width: 20%;
text-align: center;
margin-bottom: 78px;
opacity: 0.5;
cursor: pointer;
}
.wh_list .elet img {
display: block;
width: 150px;
margin: 0 auto;
}
.wh_list .elet p {
font-size: 20px;
color: #fff;
line-height: 1.5;
margin-top: 10px;
}
.wh_list .elet:hover {
opacity: 1;
}
.wh-txt {
max-width: 1240px;
display: none;
}
.wh-txt p {
font-size: 18px;
line-height: 32px;
margin-bottom: 18px;
color: #fff;
}
.cur_con6 {
width: 100%;
height: 100%;
}
.cur_con6 .container {
height: 100%;
display: flex;
align-items: center;
}
.cur_con6 .box .item {
width: calc(50% - 20px);
margin: 0 40px 40px 0;
color: #fff;
padding: 30px 44px 0 30px;
background: rgba(0,166,83,0.7);
height: 235px;
text-align: left;
}
.cur_con6 .box .item:nth-child(2n+2) {
margin-right: 0;
}
.cur_con6 .box .item .tit {
font-size: 30px;
}
.cur_con6 .box .item p {
margin-top: 12px;
font-size: 16px;
line-height: 30px;
font-weight: 300;
}
.cur_con7 .cont .gallery-top .swiper-slide .box {
background: linear-gradient(to right, #DDFFEF, #fff);
}
.cur_con7 .cont .gallery-thumbs .swiper-slide .tit {
background: linear-gradient(to top, #fff, #DDFFEF);
}
.big-pic {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1001;
background: #fff;
display: none;
}
.big-pic .main {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 100%;
text-align: center;
}
.big-pic .main .close {
display: block;
width: 17px;
height: 17px;
background: url('../images/close_icon.png') no-repeat;
position: absolute;
right: 30px;
top: 30px;
}
.big-pic img {
max-width: 100%;
max-height: 100%;
}
/*人才发展*/
.expand-box1 {
padding: 90px 0 65px;
}
.expand-box1 .main {
float: left;
width: 580px;
}
.expand-box1 .title {
font-size: 26px;
color: #333;
line-height: 44px;
margin-bottom: 20px;
}
.expand-box1 .txt {
font-size: 15px;
color: #666;
line-height: 27px;
}
.expand-box1 .pic {
float: right;
width: 50%;
margin-top: 20px;
}
.expand-box1 .pic img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.expand-box2 {
background: url('../images/channel_bg.png') no-repeat calc(50% + 366px) bottom #f7f7f7;
padding: 52px 0 85px;
}
.expand-box2 .title {
font-size: 26px;
color: #333;
line-height: 44px;
margin-bottom: 32px;
}
.expand-box2 .txt {
font-size: 15px;
color: #666;
line-height: 27px;
max-width: 950px;
}
.expand-box2 .list {
margin-top: 50px;
}
.expand-box2 .list li {
float: left;
position: relative;
padding: 0 45px;
border-right: 1px solid #e8e8e8;
}
.expand-box2 .list li:first-child {
padding-left: 0;
}
.expand-box2 .list li:last-child {
border: none;
}
.expand-box2 .list li img {
display: block;
margin: 0 auto;
height: 38px;
margin-bottom: 10px;
}
.expand-box2 .list li p {
text-align: center;
font-size: 16px;
color: #000;
height: 16px;
line-height: 16px;
}
.expand-box3 {
padding: 75px 0 87px;
}
.expand-box3 .title {
font-size: 26px;
color: #333;
line-height: 44px;
margin-bottom: 40px;
}
#open-box {
position: relative;
z-index: 0;
width: 100%;
height: 538px;
}
#open-box ul {
position: relative;
width: 100%;
height: 538px;
}
#open-box li {
z-index: 0;
position: absolute;
width: 0px;
height: 0px;
top: 0;
left: 268px;
cursor: pointer;
}
#open-box li .pic {
width: 100%;
height: 335px;
overflow: hidden;
}
#open-box li .pic img {
display: block;
width: 100%;
height: 100%;
}
#open-box li.show .pic {
height: 390px;
}
#open-box li .main {
margin-top: -124px;
background: url('../images/open_yin.png') no-repeat center top;
}
#open-box li .main .name {
font-size: 20px;
color: #fff;
line-height: 50px;
padding: 74px 13px 0;
}
#open-box li .main .txt {
font-size: 15px;
color: #666;
line-height: 27px;
opacity: 0;
width: 800px;
}
#open-box li.show .main {
margin-top: 0;
background: none;
}
#open-box li.show .main .name {
font-size: 24px;
color: #333;
line-height: 56px;
padding: 10px 0 0;
}
#open-box li.show .main .txt {
opacity: 1;
}
#open-box .prev, #open-box .next {
display: block;
z-index: 10;
cursor: pointer;
position: absolute;
width: 24px;
height: 44px;
left: 19px;
top: 173px;
background: url('../images/open_arrow.png') no-repeat;
}
#open-box .next {
left: auto;
right: 19px;
background-position: -26px 0;
}
#open-box .prev:hover {
left: 14px;
}
#open-box .next:hover {
right: 14px;
}
.expand-box4 {
background: #f2f5f7;
padding: 77px 0 90px;
}
.expand-box4 .main {
float: left;
width: 460px;
}
.expand-box4 .title {
font-size: 26px;
color: #333;
line-height: 44px;
margin-bottom: 29px;
}
.expand-box4 .item {
margin-bottom: 10px;
}
.expand-box4 .name {
font-size: 18px;
color: #333;
line-height: 26px;
}
.expand-box4 .txt {
font-size: 15px;
color: #666;
line-height: 27px;
}
.expand-box4 .txt span {
color: #1e79a5;
}
.expand-box4 .play {
cursor: pointer;
}
/*工业智能配电系统*/
.intellect-banner {
background-position: center center;
background-repeat: no-repeat;
height: 695px;
}
.intellect-banner .container {
padding-top: 198px;
}
.intellect-banner h4 {
font-size: 60px;
color: #fff;
font-weight: normal;
line-height: 78px;
margin-bottom: 20px;
}
.intellect-banner .txt {
font-size: 18px;
color: #fff;
line-height: 36px;
max-width: 760px;
}
.intellect-banner .btn {
margin-top: 32px;
}
.intellect-banner .btn a {
display: block;
float: left;
margin-right: 20px;
border: 1px solid #f8f8f8;
font-size: 18px;
color: #fff;
height: 50px;
line-height: 48px;
width: 170px;
text-align: center;
border-radius: 2px;
transition: all 0.3s;
}
.intellect-banner .btn a:hover {
border: 1px solid #009944;
background: #009944;
}
.intellect-banner .btn .play {
text-align: left;
}
.intellect-banner .btn .play i {
display: block;
float: left;
width: 24px;
height: 24px;
background: url('../images/v_player.png') no-repeat;
margin: 12px 11px 0 33px;
}
.intellect-sites {
padding: 15px 0;
text-align: right;
}
.intellect-sites a, .intellect-sites span {
font-size: 14px;
color: #fff;
line-height: 15px;
}
.intellect-sites i {
display: inline-block;
width: 12px;
height: 15px;
background: url('../images/home_icon.png') no-repeat;
margin-right: 5px;
position: relative;
top: 2px;
}
.intellect-sites a:hover {
color: #009944;
}
.lvse_body .intellect-sites a:hover {
color: #00CC69;
}
.lvse_body .cndns-right-btn {
background-color: #00CC69;
}
.lvse_body .cndns-right-box .box-border .sev-t p {
color: #00CC69;
}
.lvse_body .cndns-right-box .box-border {
border-top: 2px solid #00CC69;
}
.intellect-box1 {
background: url('../img/new_color_bg1.jpg') no-repeat center center;
background-size: cover;
position: relative;
}
.anchor {
position: absolute;
left: 0;
top: -78px;
}
.core-nav {
height: 68px;
border-bottom: 1px solid #bfbfbf;
max-width: 905px;
margin-top: 44px;
}
.core-nav li {
float: left;
margin-right: 68px;
font-size: 36px;
color: #fff;
line-height: 66px;
height: 70px;
cursor: pointer;
font-weight: 300;
}
.core-nav li.on {
font-weight: normal;
color: #009944;
border-bottom: 4px solid #009944;
}
.core-tabs {
width: 100%;
height: 628px;
margin-top: 94px;
position: relative;
z-index: 10;
}
.core-tabs .info {
position: absolute;
left: 0;
top: -60px;
width: 365px;
z-index: 5;
}
.core-tabs .info li {
float: left;
width: 182px;
font-size: 18px;
color: #fff;
line-height: 36px;
font-weight: 300;
}
.core-tabs .info li span {
color: #009944;
margin-right: 5px;
position: relative;
top: -2px;
}
.core-tabs .list {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.core-tabs .list .pic img {
display: block;
width: 100%;
}
.core-tabs .list .pointer {
position: absolute;
width: 30px;
height: 30px;
background: url('../images/core_icon.png') no-repeat;
cursor: pointer;
z-index: 10;
}
.core-tabs .list .pointer-show {
background-position: 0 -30px;
z-index: 15;
}
.pointer1 {
left: 74px;
top: 456px;
}
.pointer2 {
left: 135px;
top: 376px;
}
.pointer3 {
left: 199px;
top: 465px;
}
.pointer4 {
left: 246px;
top: 296px;
}
.pointer5 {
left: 312px;
top: 390px;
}
.pointer6 {
left: 455px;
top: 256px;
}
.pointer7 {
left: 485px;
top: 455px;
}
.pointer8 {
left: 607px;
top: 462px;
}
.pointer9 {
left: 651px;
top: 275px;
}
.pointer10 {
left: 653px;
top: 384px;
}
.pointer11 {
left: 781px;
top: 464px;
}
.pointer12 {
left: 782px;
top: 391px;
}
.pointer13 {
left: 877px;
top: 406px;
}
.pointer14 {
left: 899px;
top: 188px;
}
.pointer15 {
left: 15px;
top: 192px;
}
.pointer16 {
left: 15px;
top: 433px;
}
.pointer17 {
left: 170px;
top: 192px;
}
.pointer18 {
left: 283px;
top: 433px;
}
.pointer19 {
left: 334px;
top: 192px;
}
.pointer20 {
left: 480px;
top: 192px;
}
.pointer21 {
left: 810px;
top: 347px;
}
.core-tabs .list .pointer .main {
position: absolute;
display: none;
width: 314px;
padding: 22px 30px 20px;
background: #009944;
right: -420px;
bottom: 137px;
z-index: 20;
}
.core-tabs .list .pointer .line {
position: absolute;
left: -111px;
bottom: -113px;
width: 425px;
height: 112px;
background: url('../images/core_line.png') no-repeat;
}
.core-tabs .list .pointer .name {
font-size: 20px;
color: #fff;
font-weight: 300;
line-height: 30px;
margin-bottom: 10px;
}
.core-tabs .list .pointer .txt {
font-size: 14px;
color: #fff;
line-height: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 9px;
}
.core-tabs .list .pointer .play {
display: block;
font-size: 16px;
color: #fff;
line-height: 24px;
margin-top: 16px;
font-weight: 300;
width: 98px;
}
.core-tabs .list .pointer .play i {
display: block;
float: right;
width: 24px;
height: 24px;
border: 1px solid #fff;
border-radius: 50%;
background: url('../images/core_play.png') no-repeat center center;
}
.intellect-box2 {
padding: 125px 0 40px;
position: relative;
}
.intellect-main .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 56px;
margin-bottom: 10px;
}
.intellect-main .remark {
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
text-align: center;
line-height: 38px;
margin-bottom: 58px;
}
.intellect-box2 {
background: url('../img/new_color_bg2.jpg') no-repeat center center;
background-size: cover;
}
.intellect-box2 .pic, .intellect-box3 .pic {
position: relative;
padding-left: 169px;
z-index: 0;
}
.intellect-box2 .pic img, .intellect-box3 .pic img {
display: block;
width: 100%;
}
.intellect-box2 .adv, .intellect-box3 .adv {
position: absolute;
left: 0;
top: 166px;
width: 320px;
padding: 55px 40px 113px;
background: #009944;
z-index: 10;
}
.intellect-box2 .adv .name, .intellect-box3 .adv .name {
font-size: 24px;
color: #fff;
line-height: 36px;
margin-bottom: 18px;
font-weight: 300;
}
.intellect-box2 .adv .info, .intellect-box3 .adv .info {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 63px;
}
.intellect-box2 .adv .info p, .intellect-box3 .adv .info p {
font-size: 15px;
color: #fff;
line-height: 32px;
font-weight: 300;
position: relative;
padding-left: 20px;
}
.intellect-box2 .adv .info p:before, .intellect-box3 .adv .info p:before {
position: absolute;
content: '';
left: 0;
width: 11px;
height: 11px;
background: #fff;
top: 10px;
}
.intellect-box3 {
padding: 95px 0 50px;
background: url('../img/new_color_bg2.jpg') no-repeat center center;
background-size: cover;
position: relative;
}
.intellect-main .intellect-box3 .title {
color: #fff;
}
.intellect-main .intellect-box3 .remark {
color: #bfbfbf;
margin-bottom: 53px;
}
.intellect-box4 {
padding: 97px 0 95px;
position: relative;
background: url('../img/new_color_bg3.jpg') no-repeat center center;
background-size: cover;
}
.intellect-box4 .case-list {
margin-top: 30px;
}
.intellect-box4 .case-list li {
float: left;
width: 405px;
margin: 0 32px 40px 0;
}
.intellect-box4 .case-list li:nth-child(3n) {
margin-right: 0;
}
.intellect-box4 .case-list li a {
display: block;
width: 100%;
}
.intellect-box4 .case-list li .pic {
height: 195px;
overflow: hidden;
}
.intellect-box4 .case-list li .imgBg {
height: 195px;
}
.intellect-box4 .case-list li .name {
box-shadow: 0px 10px 16px -7px rgba(154, 154, 154, 0.2);
height: 65px;
line-height: 65px;
padding: 0 16px;
font-size: 18px;
color: #333;
background: linear-gradient(to top, #fff, #C6E6F7);
}
.intellect-box4 .case-list li:hover .imgBg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.intellect-box4 .case-list li:hover .name {
box-shadow: 0px 10px 17px -1px rgba(154, 154, 154, 0.2);
}
/*配电物联网智能台区产品应用解决方案*/
.inter_top {
width: 100%;
height: 695px;
display: flex;
align-items: center;
}
.inter_top .title {
font-size: 60px;
color: #fff;
line-height: 70px;
margin-bottom: 20px;
width: 666px;
}
.inter_top .tit {
font-size: 18px;
color: #fff;
line-height: 36px;
margin-bottom: 28px;
width: 746px;
}
.inter_top .banner-btn .project {
background: transparent;
border: 1px solid #fff;
transition: all 0.3s;
}
.inter_top .banner-btn .project:hover {
background: #009944;
border: 1px solid #009944;
}
.lvse_body .inter_top .banner-btn .project:hover {
background: #00CC69;
border: 1px solid #00CC69;
}
.inter_top .container {
position: relative;
}
.inter_top .box {
position: absolute;
top: 0;
right: 0;
width: 430px;
}
.inter_top .box .item {
width: 210px;
height: 173px;
background: rgba(36,143,236,0.8);
font-size: 17px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px 10px 0;
flex-direction: column;
}
.inter_top .box .item img {
display: block;
margin: 0 auto 24px;
}
.inter_top .box .item:nth-child(2n+2) {
margin-right: 0;
}
.inter_con1 {
width: 100%;
height: 965px;
position: relative;
z-index: 0;
}
.inter_con1 .crop {
position: absolute;
left: 50%;
top: 15px;
width: 1280px;
margin-left: -640px;
height: 15px;
z-index: 10;
}
.inter_con1 .i-video {
position: absolute;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important;
}
.inter_con1 .container {
height: 100%;
position: relative;
z-index: 10;
}
.inter_con1 .box {
position: absolute;
bottom: 40px;
width: 616px;
padding: 30px 40px 15px;
background: rgba(0,0,0,0.5);
color: #fff;
}
.inter_con1 .box .tit {
font-size: 36px;
line-height: 36px;
margin-bottom: 24px;
}
.inter_con1 .box .row {
}
.inter_con1 .box .row p {
font-size: 16px;
line-height: 32px;
color: rgba(255,255,255,0.8);
float: left;
width: 202px;
}
.inter_con2 {
padding: 90px 0 80px;
background: url('../img/new_color_bg2.jpg') no-repeat center;
background-size: cover;
}
.inter_con2 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 56px;
margin-bottom: 10px;
}
.inter_con2 .remark {
font-size: 18px;
color: rgba(255,255,255,0.7);
text-align: center;
line-height: 38px;
margin-bottom: 35px;
}
.inter_con2 .pic {
position: relative;
padding-left: 169px;
z-index: 0;
}
.inter_con2 .pic img {
display: block;
width: 100%;
}
.inter_con2 .adv {
position: absolute;
left: 0;
top: 166px;
width: 320px;
padding: 50px 40px 55px;
background: #009944;
z-index: 10;
}
.inter_con2 .adv .name {
font-size: 24px;
color: #fff;
line-height: 36px;
margin-bottom: 18px;
font-weight: 300;
}
.inter_con2 .adv .info p {
font-size: 15px;
color: #fff;
line-height: 32px;
font-weight: 300;
padding-left: 20px;
position: relative;
}
.inter_con2 .adv .info p:before {
position: absolute;
content: '';
left: 0;
width: 11px;
height: 11px;
background: #fff;
top: 10px;
}
/*配电一二次融合*/
.gre_body .header-tab {
background: url(../images/menu_bg1.jpg) no-repeat center;
background-size: cover;
}
.gre_body .header-tab ul li.tab-active:before {
background: url(../images/menu_on1.png) no-repeat center top;
background-size: 100% 70%;
}
.fuse_con1 {
padding: 0 0 80px;
background: url('../img/new_color_bg4.jpg') no-repeat center;
background-size: cover;
}
.fuse_con1 .intellect-sites {
margin-bottom: 90px;
}
.fuse_con1 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 56px;
margin-bottom: 10px;
}
.fuse_con1 .remark {
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
text-align: center;
line-height: 30px;
margin-bottom: 55px;
}
.fuse_con1 .pic {
position: relative;
padding-left: 169px;
z-index: 0;
}
.fuse_con1 .pic img {
display: block;
width: 100%;
}
.fuse_con1 .adv {
position: absolute;
left: 0;
top: 166px;
width: 320px;
padding: 36px 18px 38px 32px;
background: #00A653;
z-index: 10;
}
.fuse_con1 .adv .name {
font-size: 24px;
color: #fff;
line-height: 36px;
margin-bottom: 18px;
font-weight: 300;
}
.fuse_con1 .adv .info p {
font-size: 15px;
color: #fff;
line-height: 28px;
font-weight: 300;
padding-left: 20px;
position: relative;
}
.fuse_con1 .adv .info p:before {
position: absolute;
content: '';
left: 0;
width: 11px;
height: 11px;
background: #fff;
top: 8px;
}
.fuse_con2 {
width: 100%;
height: 775px;
padding-top: 100px;
}
.fuse_con2 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 36px;
margin-bottom: 50px;
}
.fuse_con2 .top {
margin-top: 45px;
text-align: center;
}
.fuse_con2 .top span {
font-size: 20px;
color: #fff;
cursor: pointer;
margin: 0 45px;
line-height: 45px;
}
.fuse_con2 .top span.on, .fuse_con2 .top span:hover {
color: #00a653;
}
.fuse_con2 .row {
padding: 45px 0 0;
}
.fuse_con2 .row .item {
display: none;
}
.fuse_con2 .row .item:first-child {
display: block;
}
.fuse_con2 .row .item img {
max-width: 520px;
margin-right: 87px;
float: right;
}
.fuse_con2 .row .text {
padding: 58px 0 0 0;
width: 540px;
color: #fff;
}
.fuse_con2 .row .text .tit {
font-size: 36px;
margin-bottom: 50px;
line-height: 36px;
}
.fuse_con2 .row .text .tit1 {
font-size: 24px;
margin-bottom: 16px;
}
.fuse_con2 .row .text p {
font-size: 16px;
line-height: 32px;
}
.fuse_con3 {
padding: 90px 0 100px;
background: url('../img/new_color_bg3.jpg') no-repeat center;
background-size: cover;
}
.fuse_con3 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 36px;
}
.fuse_con3 .row {
margin-top: 36px;
}
.fuse_con3 .row .item {
width: calc(33.33% - 22px);
margin: 0 32px 40px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transition: all 0.3s;
}
.fuse_con3 .row .item:hover {
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}
.fuse_con3 .row .item:nth-child(3n) {
margin-right: 0;
}
.fuse_con3 .row .item .pic {
width: 100%;
height: 195px;
}
.fuse_con3 .row .item .tit {
font-size: 18px;
color: #fff;
line-height: 65px;
height: 65px;
padding: 0 20px;
}
/*智能家居*/
.fun_con1 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.fun_con1 .container {
transition: all .5s ease-in-out;
opacity: 0;
margin-top: 0;
}
.fun_con1 .fadeInUp {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -50px;
}
.fun_con1 .title {
font-size: 64px;
color: #fff;
font-weight: bold;
line-height: 60px;
margin-bottom: 45px;
}
.fun_con1 .p2 {
font-size: 17px;
line-height: 34px;
color: #fff;
margin: 30px 0 70px;
width: 640px;
}
.fun_con2 {
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
position: relative;
}
.fun_con2 .cont {
width: 100%;
height: 100%;
text-align: center;
color: #fff;
padding-top: 210px;
}
.fun_con2 .cont .title {
font-size: 32px;
line-height: 32px;
position: relative;
z-index: 11;
}
.fun_con2 .cont .p2 {
font-size: 16px;
line-height: 28px;
width: 1110px;
margin: 33px auto 0;
position: relative;
z-index: 11;
}
.fun_con2 .bg-list {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
width: 100%;
height: 100%;
}
.fun_con2 .bg-list .background {
position: relative;
width: 100%;
height: 100%;
display: none;
}
.fun_con2 .yin {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
z-index: 6;
}
.internet-list {
width: calc(100% - 140px);
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
left: 140px;
}
.internet-list li {
float: left;
width: 25%;
height: 100%;
border-right: 1px solid rgba(255,255,255,.2);
text-align: center;
cursor: pointer;
opacity: 0.5;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.internet-list li:last-child {
border-right: none
}
.internet-list li img {
margin-top: 80px;
}
.internet-list li .tit {
font-size: 20px;
color: #fff;
margin-top: 18px;
}
.internet-list li:hover {
opacity: 1;
}
.fun_con .p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
}
.fun_con .p1.pInUp {
opacity: 1;
margin-top: 0;
}
.fun_con .item {
transform: scale(0, 0);
transition: all 0.5s;
display: block;
}
.fun_con .item.show {
transform: scale(1, 1);
}
.fun_con3 {
width: 100%;
height: 100%;
position: relative;
padding-top: 140px;
text-align: center;
}
.fun_con3 .fun3-tabs {
position: relative;
height: 189px;
}
.fun_con3 .fun3-item {
display: none;
}
.fun_con3 .fun3-item:first-child {
display: block;
}
.fun_con3 .title {
font-size: 32px;
line-height: 32px;
color: #fff;
margin-bottom: 22px;
}
.fun_con3 .p1 {
font-size: 18px;
color: #fff;
line-height: 35px;
text-align: center;
padding: 0 100px;
}
.fun_con3 .box {
display: flex;
justify-content: center;
align-items: center;
margin-top: 25px;
height: 40px;
flex-wrap: wrap;
}
.fun_con3 .box span {
font-size: 18px;
color: #00A653;
display: block;
min-width: 16.6666%;
}
.fun_con3 .box img {
margin-right: 8px;
}
.fun_con3 .fun3_icon {
margin-top: 62px;
display: flex;
justify-content: space-between;
padding: 0 15px;
}
.fun_con3 .fun3_icon .item {
width: 150px;
display: inline-block;
text-align: center;
cursor: pointer;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.fun_con3 .fun3_icon .item img {
max-width: 100%;
}
.fun_con3 .fun3_icon .item span {
font-size: 20px;
color: #fff;
line-height: 24px;
white-space: nowrap;
display: flex;
margin-top: 17px;
text-align: center;
justify-content: center;
}
.fun_con3 .fun3_icon .item:hover {
transform: translateY(-20px);
}
.fun_con4 {
width: 100%;
height: 100%;
}
.fun_con4 .container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 120px 0;
}
.fun_con4 img {
max-width: 100%;
}
.fun_con5 {
width: 100%;
height: 100%;
position: relative;
padding-top: 140px;
text-align: center;
}
.fun_con5 .title {
font-size: 32px;
line-height: 32px;
color: #333;
margin-bottom: 22px;
}
.fun_con5 .p1 {
font-size: 18px;
color: #666;
line-height: 35px;
text-align: center;
padding: 0 100px;
min-height: 70px;
}
.fun_con5 .fun5_icon {
margin-top: 54px;
display: flex;
justify-content: space-between;
padding: 0 15px;
}
.fun_con5 .fun5_icon .item {
width: 150px;
display: inline-block;
text-align: center;
cursor: pointer;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.fun_con5 .fun5_icon .item img {
max-width: 100%;
}
.fun_con5 .fun5_icon .item span {
font-size: 20px;
color: #666;
line-height: 24px;
white-space: nowrap;
display: flex;
margin-top: 17px;
text-align: center;
justify-content: center;
}
.fun_con5 .fun5_icon .item:hover {
transform: translateY(-20px);
}
.fun_con6 {
width: 100%;
height: 100%;
padding-top: 160px;
background: #010A1B;
}
.fun_con6 .gallery-top .swiper-slide {
font-size: 20px;
height: 40px;
color: #fff;
line-height: 40px;
width: auto;
cursor: pointer;
}
.fun_con6 .gallery-top .swiper-slide.swiper-slide-thumb-active, .fun_con6 .gallery-top .swiper-slide:hover {
color: #00CC69;
}
.fun_con6 .gallery-thumbs {
margin-top: 0px;
}
.fun_con6 .gallery-thumbs .swiper-slide {
background-position: center right;
display: flex;
justify-content: center;
color: #fff;
height: 640px;
flex-direction: column;
background-size: contain;
font-weight: 300;
}
.fun_con6 .gallery-thumbs .swiper-slide .tit {
font-size: 36px;
margin-bottom: 26px;
}
.fun_con6 .gallery-thumbs .swiper-slide p {
font-size: 18px;
line-height: 36px;
width: 600px;
}
.fun_con6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: transparent;
opacity: 1;
border: 1px solid #fff;
margin: 0 10px;
transition: all 0.3s;
}
.fun_con6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #009143;
border: 1px solid #009143;
margin: 0 75px 0 10px;
position: relative;
}
.fun_con6 .swiper-pagination-bullet-active:after {
position: absolute;
left: 100%;
width: 85px;
height: 1px;
background: #009143;
content: '';
top: 4px;
}
.fun_con6 .swiper-pagination {
bottom: 0 !important;
}
.fun_con7 {
width: 100%;
height: 100%;
padding-top: 76px;/*background: linear-gradient(to top, #fff, #00CC69);*/
}
.fun_con7 .cont {
width: 1560px;
height: 100%;
display: flex;
align-items: center;
margin: 0 auto;
padding-left: 50px;
}
.fun_con7 p {
font-size: 24px;
line-height: 32px;
margin-bottom: 45px;
}
.fun_con7 img {
max-width: 100%;
}
/*视频中心*/
.sp_top {
position: relative;
width: 100%;
background: #000;
height: 880px;
overflow: hidden;/*min-height: 578px;*/
z-index: 0;
}
.sp_top video {
display: block;
position: absolute;
z-index: 5;
}
.sp_top .main {
width: 92%;
margin: 0 auto;
position: relative;
z-index: 10;
opacity: 0;
transform: translate3d(0, 40px, 0);
top: 50%;
margin-top: -50px;
}
.sp_top .fadeInUp {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.sp_top .main .player {
display: block;
width: 225px;
height: 55px;
margin: 0 auto;
box-sizing: border-box;
font-size: 20px;
color: #fff;
line-height: 55px;
padding-left: 52px;
border-radius: 28px;
}
.sp_top .main .player i {
display: block;
width: 30px;
height: 30px;
float: left;
margin: 14px 10px 0 0;
background: url(../images/player.png) no-repeat;
background-size: 100%;
}
.sp_top .van {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
}
.sp_top .van span {
display: block;
width: 90px;
height: 90px;
background: url(../images/van_play.png) no-repeat center;
background-size: cover;
cursor: pointer;
}
.sp_con1 {
display: flex;
justify-content: space-between;
padding: 100px 0;
margin: 0 auto;
}
.sp_con1 .item {
font-size: 24px;
color: #333;
width: 290px;
height: 350px;
padding-top: 75px;
text-align: center;
border: 1px solid #eee;
box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
transition: all 0.3s;
border-radius: 5px;
background: #fff;
}
.sp_con1 .item img {
display: block;
margin: 0 auto 18px;
}
.sp_con1 .item img.off {
display: none
}
.sp_con1 .item:hover {
box-shadow: none;
background: url(../images/sp1_bg.png) no-repeat center;
background-size: cover;
color: #fff;
}
.sp_con1 .item:hover img.on {
display: none;
}
.sp_con1 .item:hover img.off {
display: block;
}
.sp_con2 {
padding: 60px 0 72px;
}
.sp_con2 .title {
font-size: 30px;
color: #333;
line-height: 30px;
margin-bottom: 20px;
}
.sp_con2 .row {
}
.sp_con2 .row .left {
width: 740px;
}
.sp_con2 .swiper-slide {
width: 100%;
height: 460px;
display: block;
position: relative;
cursor: pointer;
}
.sp_con2 .swiper-slide .txt {
position: absolute;
width: 100%;
height: 63px;
line-height: 63px;
font-size: 18px;
color: #fff;
background: rgba(0,0,0,0.5);
padding: 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
bottom: 0;
}
.sp_con2 .swiper-button-next, .sp_con2 .swiper-button-prev {
width: 30px;
height: 60px;
background-size: 15px;
background-color: rgba(0,0,0,0.5);
}
.sp_con2 .swiper-button-next {
right: 0;
}
.sp_con2 .swiper-button-prev {
left: 0;
}
.sp_con2 .row .right {
width: 540px;
}
.sp_con2 .item {
width: 265px;
margin: 0 0 10px 5px;
display: block;
background: #fff
}
.sp_con2 .item .pic {
width: 100%;
height: 160px;
}
.sp_con2 .item .pic .box {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.sp_con2 .item .pic .box span {
width: 34px;
height: 34px;
display: block;
background: url(../images/play.png) no-repeat center;
background-size: 100%;
cursor: pointer;
}
.sp_con2 .item .tit {
font-size: 14px;
color: #222;
padding: 12px 10px 0;
line-height: 18px;
height: 65px;
}
.sp_con3 {
padding: 70px 0 92px;
}
.sp_con3 .title {
color: #333;
font-size: 40px;
}
.sp_con3 .title a {
color: #009944;
font-size: 16px;
float: right;
line-height: 32px;
}
.sp_con3 .title a:hover {
color: #ce0021;
}
.sp_con3 .row {
margin-top: 30px;
}
.sp_con3 .item {
width: calc(25% - 15px);
margin: 0 20px 20px 0;
display: block;
}
.sp_con3 .item:nth-child(4n) {
margin-right: 0;
}
.sp_con3 .item .pic {
width: 100%;
height: 185px;
}
.sp_con3 .item .pic .box {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.sp_con3 .item .pic .box span {
width: 40px;
height: 40px;
display: block;
background: url(../images/play.png) no-repeat center;
background-size: 100%;
cursor: pointer;
}
.sp_con3 .item .tit {
font-size: 14px;
color: #222;
padding: 12px 0 0;
line-height: 23px;
}
.file-pop {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
z-index: 999;
display: none;
}
.file-pop .close {
display: block;
width: 40px;
height: 40px;
background: url(../images/close.png) no-repeat;
position: absolute;
left: 50%;
top: 50%;
margin: -340px 0 0 450px;
background-size: 100%;
}
.file-pop .close:hover {
transform: rotate(90deg);
}
.file-pop-main {
position: absolute;
left: 50%;
top: 50%;
margin: -300px 0 0 -450px;
width: 900px;
height: 600px;
}
.file-pop-main video {
display: block;
width: 100%;
height: 600px;
background: #000;
}
/*储能解决方案*/
.green-tab {
background: url('../images/menu_bg1.jpg') no-repeat center center;
}
.intellect-sites .green-home {
background-image: url('../images/home_green.png');
}
.storage-main .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 56px;
}
.storage-box1 {
padding: 0 0 112px;
position: relative;
background: url('../img/new_color_bg4.jpg') no-repeat center;
background-size: cover;
}
.storage-box1 .intellect-sites {
margin-bottom: 68px;
}
.storage-box1 .main {
float: left;
width: 480px;
}
.storage-box1 .main .title {
text-align: left;
color: #fff;
}
.storage-box1 .main .txt {
font-size: 18px;
color: #fff;
line-height: 30px;
font-weight: 300;
margin-top: 13px;
}
.storage-box1 .main .name {
font-size: 24px;
color: #fff;
line-height: 32px;
margin: 47px 0 20px;
font-weight: 300;
}
.storage-box1 .main .list li {
margin-bottom: 15px;
}
.storage-box1 .main .list li .img {
width: 44px;
height: 44px;
border: 1px solid #00a653;
border-radius: 4px;
overflow: hidden;
float: left;
}
.storage-box1 .main .list li .img img {
display: block;
width: 28px;
height: 28px;
margin: 7px auto 0;
}
.storage-box1 .main .list li p {
float: left;
font-size: 16px;
color: #fff;
line-height: 44px;
margin-left: 15px;
font-weight: 300;
}
.storage-box1 .pic {
float: right;
margin: 5px 142px 0 0;
}
.storage-box1 .pic img {
display: block;
}
.storage-box2 {
padding: 88px 0 12px;/* background: url('../img/storage_bg1.jpg') no-repeat center bottom #ececec; */
background: #162034;
position: relative;
}
.storage-box2 .storage-video {
padding-bottom: 60px;
}
.storage-box2 .storage-video video {
display: block;
width: 100%;
}
.storage-box2 .container {
position: relative;
z-index: 10;
}
.storage-box2 .remark {
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
line-height: 30px;
font-weight: 300;
text-align: center;
margin: 13px auto 56px;
max-width: 1180px;
}
.storage-box2 .pic, .storage-box3 .pic {
position: relative;
padding-left: 169px;
z-index: 0;
}
.storage-box2 .pic img, .storage-box3 .pic img {
display: block;
width: 100%;
}
.storage-box2 .adv {
position: absolute;
left: 0;
top: 95px;
width: 320px;
padding: 45px 40px 23px;
background: #00a653;
z-index: 10;
}
.storage-box3 .adv {
position: absolute;
left: 0;
top: 165px;
width: 320px;
padding: 55px 40px 113px;
background: #00a653;
z-index: 10;
}
.storage-box2 .adv .name, .storage-box3 .adv .name {
font-size: 24px;
color: #fff;
line-height: 34px;
margin-bottom: 18px;
font-weight: 300;
}
.storage-box2 .adv .info {
font-size: 15px;
color: #fff;
line-height: 30px;
font-weight: 300;
}
.storage-box3 .adv .info {
font-size: 15px;
color: #fff;
line-height: 30px;
font-weight: 300;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 63px;
}
.storage-box3 {
padding: 90px 0 50px;
background: url('../img/new_color_bg2.jpg') no-repeat center;
background-size: cover;
position: relative;
}
.storage-box3 .storage-video {
padding-bottom: 60px;
}
.storage-box3 .storage-video video {
display: block;
width: 100%;
}
.storage-box3 .container {
position: relative;
z-index: 10;
}
.storage-box3 .title {
color: #fff;
margin-bottom: 42px;
}
.storage-box4 {
padding-top: 90px;
height: 843px;
background: url('../img/storagepro_bg.jpg') no-repeat center center;
position: relative;
}
.storage-box4 .title {
color: #fff;
margin-bottom: 45px;
}
.storage-pro {
display: flex;
margin-bottom: 55px;
justify-content: center;
}
.storage-pro a {
display: block;
margin: 0 35px;
font-size: 22px;
color: #fff;
line-height: 32px;
}
.storage-pro a.on {
color: #00a653;
}
.storage-box4 .item .main {
padding-top: 116px;
float: left;
width: 600px;
}
.storage-box4 .item .main .name {
font-size: 36px;
color: #fff;
line-height: 56px;
font-weight: 300;
margin-bottom: 23px;
}
.storage-box4 .item .main .txt {
font-size: 16px;
color: #fff;
line-height: 30px;
}
.storage-box4 .item .main .txt p {
margin-bottom: 10px;
}
.storage-box4 .item .main .txt span {
color: #00a653;
}
.storage-box4 .item .pic {
width: 610px;
height: 430px;
float: right;
position: relative;
}
.storage-box4 .item .img {
display: table;
width: 100%;
height: 430px;
}
.storage-box4 .item .tell {
display: table-cell;
vertical-align: middle;
}
.storage-box4 .item .img img {
display: block;
max-width: 100%;
max-height: 430px;
margin: 0 auto;
}
.storage-box4 .item .play {
position: absolute;
left: 50%;
bottom: 100px;
margin-left: -32px;
}
.storage-box4 .item .play i {
display: block;
width: 50px;
height: 50px;
background: url('../images/play.png') no-repeat;
margin: 0 auto;
}
.storage-box4 .item .play p {
font-size: 16px;
color: #00a653;
line-height: 26px;
margin-top: 9px;
}
.storage-box5 {
position: relative;
padding: 78px 0 82px;
background: url('../img/new_color_bg3.jpg') no-repeat center;
background-size: cover;
}
.storage-box5 .title {
margin-bottom: 30px;
}
.storage-box5 .case-list li {
float: left;
width: 405px;
margin: 0 32px 40px 0;
}
.storage-box5 .case-list li:nth-child(3n) {
margin-right: 0;
}
.storage-box5 .case-list li a {
display: block;
width: 100%;
}
.storage-box5 .case-list li .pic {
height: 195px;
overflow: hidden;
}
.storage-box5 .case-list li .imgBg {
height: 195px;
}
.storage-box5 .case-list li .name {
background: #fff;
box-shadow: 0px 10px 24px 1px rgba(154, 154, 154, 0.2);
height: 65px;
line-height: 65px;
padding: 0 16px;
font-size: 18px;
color: #333;
font-weight: 300;
}
.storage-box5 .case-list li:hover .imgBg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.storage-box5 .case-list li:hover .name {
box-shadow: 0px 10px 23.92px 2.08px rgba(154, 154, 154, 0.45);
}
/*智能化电力运维*/
.power-main .title {
font-size: 36px;
color: #333;
text-align: center;
line-height: 56px;
}
.power-box1 {
padding: 0 0 22px;
background: url('../img/new_color_bg4.jpg') no-repeat center;
background-size: cover;
position: relative;
}
.power-box1 .intellect-sites {
margin-bottom: 45px;
}
.power-box1 .title {
margin-bottom: 52px;
color: #fff;
}
.power-box1 .pic {
position: relative;
padding-left: 169px;
z-index: 0;
}
.power-box1 .pic img {
display: block;
width: 100%;
}
.power-box1 .adv {
position: absolute;
left: 0;
top: 166px;
width: 320px;
padding: 55px 40px 113px;
background: #00a653;
z-index: 10;
}
.power-box1 .adv .name {
font-size: 24px;
color: #fff;
line-height: 34px;
margin-bottom: 18px;
font-weight: 300;
}
.power-box1 .adv .info {
font-size: 15px;
color: #fff;
line-height: 32px;
font-weight: 300;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 30px;
}
.power-box2 {
padding: 88px 0 99px;
position: relative;
background: url('../img/new_color_bg3.jpg') no-repeat center;
background-size: cover;
}
.power-box2 .title {
margin-bottom: 43px;
color: #fff;
}
.power-box2 .case-list li {
float: left;
width: 615px;
margin: 0 50px 40px 0;
}
.power-box2 .case-list li:nth-child(2n) {
margin-right: 0;
}
.power-box2 .case-list li .pic {
height: 296px;
overflow: hidden;
position: relative;
}
.power-box2 .case-list li .imgBg {
height: 296px;
}
.power-box2 .case-list li i {
display: block;
width: 50px;
height: 50px;
background: url('../images/play.png') no-repeat;
position: absolute;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
}
.power-box2 .case-list li .name {
background: #fff;
box-shadow: 0px 10px 24px 1px rgba(154, 154, 154, 0.2);
height: 69px;
line-height: 65px;
padding: 0 30px;
font-size: 18px;
color: #333;
font-weight: 300;
}
.power-box2 .case-list li:hover .imgBg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.power-box2 .case-list li:hover .name {
box-shadow: 0px 10px 23.92px 2.08px rgba(154, 154, 154, 0.45);
}
/*城际/轨道铁路供电系统*/
.track-main .title {
font-size: 36px;
color: #fff;
line-height: 56px;
text-align: center;
margin-bottom: 12px;
}
.track-main .txt {
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
line-height: 30px;
text-align: center;
font-weight: 300;
margin: 0 auto;
max-width: 1120px;
}
.track-box1 {
padding: 0 0 96px;
background: url('../img/new_color_bg4.jpg') no-repeat center;
background-size: cover;
position: relative;
}
.track-box1 .intellect-sites {
margin-bottom: 45px;
}
.track-box1 .pic {
margin: 50px 1px 0;
}
.track-box1 .pic img {
display: block;
width: 100%;
}
.track-box2 {
padding: 92px 0 85px;
position: relative;
background: #162034;
}
.track-box2 .pic {
border: 1px solid #dcdcdc;
box-shadow: 0px 10px 16px 0px rgba(116, 116, 116, 0.11);
width: 1105px;
margin: 37px auto 0;
}
.track-box2 .pic img {
display: block;
width: 100%;
}
.track-box3 {
padding: 80px 0 72px;
background: url('../img/new_color_bg3.jpg') no-repeat center;
background-size: cover;
position: relative;
}
.track-box3 .case-list li {
float: left;
width: 405px;
margin: 0 32px 40px 0;
}
.track-box3 .case-list li:nth-child(3n) {
margin-right: 0;
}
.track-box3 .case-list li a {
display: block;
width: 100%;
}
.track-box3 .case-list li .pic {
height: 195px;
overflow: hidden;
}
.track-box3 .case-list li .imgBg {
height: 195px;
}
.track-box3 .case-list li .name {
background: #fff;
box-shadow: 0px 10px 24px 1px rgba(154, 154, 154, 0.2);
height: 65px;
line-height: 65px;
padding: 0 16px;
font-size: 18px;
color: #333;
font-weight: 300;
}
.track-box3 .case-list li:hover .imgBg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.track-box3 .case-list li:hover .name {
box-shadow: 0px 10px 23.92px 2.08px rgba(154, 154, 154, 0.45);
}
.intellect-banner .btn a:hover {
background: #00A653;
border: 1px solid #00A653;
}
.intellect-banner.blue .btn a:hover {
background: #009944;
border: 1px solid #009944;
}
/*电力设备及自动化*/
.pod_con1 {
padding: 15px 0 38px;
color: #fff;
}
.pod_con1 .title {
text-align: center;
font-size: 36px;
line-height: 36px;
margin-top: 70px;
}
.pod_con1 .crop {
color: #fff;
margin-top: 0;
}
.pod_con1 .crop a {
color: #fff;
}
.pod_con1 .crop a:hover {
color: #00CC69;
}
.pod_con1 .row {
margin: 80px auto 0;
width: 1490px;
}
.pod_con1 .row .left {
width: 52%;
}
.pod_con1 .row .right {
width: 37.5%;
margin-left: 35px;
}
.pod_con1 .row .top {
border-left: 3px solid #fff;
margin-bottom: 38px;
padding-left: 20px;
}
.pod_con1 .row .top .tit {
font-size: 18px;
line-height: 18px;
margin-bottom: 12px;
}
.pod_con1 .row .left .top p {
font-size: 14px;
line-height: 14px;
}
.device-video video {
display: block;
width: 100%;
}
.pod_con1 .row .right .top p {
font-size: 14px;
line-height: 22px;
}
.pod_con1 .row .top img {
max-width: 100%;
}
.pod_con1 .row .left .top {
margin-left: 100px;
margin-bottom: 42px;
height: 45px;
}
.pod_con1 .row .right .top {
margin-bottom: 22px;
height: 67px;
}
.pod_con2 {
width: 100%;
height: 775px;
padding-top: 100px;
}
.pod_con2 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 36px;
margin-bottom: 50px;
}
.pod_con2 .top {
margin-top: 45px;
text-align: center;
}
.pod_con2 .top span {
font-size: 16px;
color: #fff;
cursor: pointer;
margin: 0 10px;
line-height: 45px;
}
.pod_con2 .top span.on, .fuse_con2 .top span:hover {
color: #00a653;
}
.pod_con2 .row {
padding: 45px 0 0;
}
.pod_con2 .row .item {
display: none;
position: relative;
}
.pod_con2 .row .item:first-child {
display: block;
}
.pod_con2 .row .item .pic {
max-width: 520px;
margin-right: 87px;
float: right;
}
.pod_con2 .row .text {
padding: 58px 0 0 0;
width: 540px;
color: #fff;
}
.pod_con2 .row .text .tit {
font-size: 36px;
margin-bottom: 50px;
line-height: 36px;
}
.pod_con2 .row .text .tit1 {
font-size: 24px;
margin-bottom: 25px;
}
.pod_con2 .row .text p {
font-size: 17px;
line-height: 33px;
display: flex;
align-items: center;
}
.pod_con2 .row .text p img {
margin-right: 12px;
}
.pod_con2 .row .play {
position: absolute;
left: 50%;
bottom: 50%;
margin-left: 260px;
}
.pod_con2 .row .play i {
display: block;
width: 50px;
height: 50px;
background: url('../images/play.png') no-repeat;
margin: 0 auto;
}
.pod_con2 .row .play p {
font-size: 16px;
color: #00a653;
line-height: 26px;
margin-top: 9px;
}
.pod_con3 {
padding: 78px 0 90px;
}
.pod_con3 .title {
font-size: 36px;
color: #fff;
text-align: center;
line-height: 56px;
}
.device-video {
margin-left: 100px;
}
/*项目咨询*/
.prj_zx {
width: 1180px;
height: 600px;
padding: 65px 48px 0;
background: #fff;
position: fixed;
left: 50%;
margin-left: -590px;
top: 50%;
margin-top: -300px;
display: none;
z-index: 1000;
}
.prj_zx .title {
text-align: center;
font-size: 40px;
line-height: 40px;
color: #333;
}
.prj_zx .title1 {
text-align: center;
font-size: 22px;
line-height: 22px;
border-bottom: 1px dashed #E4E4E4;
color: #666;
padding: 30px 0;
margin-bottom: 22px;
}
.prj_zx .row {
margin-bottom: 12px;
}
.prj_zx .row .tit {
color: #888;
font-size: 13px;
line-height: 32px;
}
.prj_zx .row textarea {
width: 100%;
height: 145px;
border: 1px solid #D7D7D7;
font-size: 14px;
padding: 5px 10px
}
.prj_zx .row1 {
width: 49%;
}
.prj_zx .row .prj_inp {
height: 36px;
border: 1px solid #D7D7D7;
font-size: 14px;
width: 100%;
padding: 0 10px
}
.prj_zx .prj_btn {
width: 120px;
height: 38px;
background: #009944;
color: #fff;
font-size: 13px;
border: none;
margin: 33px auto 0;
display: block;
}
.prj_zx .prj_close {
width: 40px;
height: 40px;
background: url(../images/close_icon.png) no-repeat center;
background-size: 15px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.prj_zx .prj_close:hover {
background: url(../images/close_icon_blue.png) no-repeat center;
background-size: 15px;
}
/*光伏智能运维*/
.pv_con1 {
background: url(../img/new_color_bg4.jpg) no-repeat center;
background-size: cover;
padding: 0 0 75px 0;
text-align: center;
position: relative;
}
.pv_con1 .title {
font-size: 36px;
line-height: 36px;
margin: 50px 0 60px;
color: #fff;
}
.pv_con1 img {
max-width: 100%;
}
.pv_con1 .intellect-sites {
background: transparent;
}
.pv_top {
background-position: center center;
background-repeat: no-repeat;
height: 695px;
min-height: 550px;
}
.pv_top .container {
position: relative;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.pv_top h4 {
font-size: 60px;
color: #fff;
font-weight: normal;
line-height: 78px;
margin-bottom: 20px;
}
.pv_top .txt {
font-size: 18px;
color: #fff;
line-height: 36px;
max-width: 640px;
}
.pv_top .btn {
margin-top: 32px;
}
.pv_top .btn a {
display: block;
float: left;
margin-right: 20px;
border: 1px solid #f8f8f8;
font-size: 17px;
color: #fff;
height: 50px;
line-height: 48px;
width: 170px;
text-align: center;
border-radius: 2px;
transition: all 0.3s;
}
.pv_top .btn a:hover {
border: 1px solid #00A653;
background: #00A653;
}
.pv_top .btn .play {
text-align: left;
}
.pv_top .btn .play i {
display: block;
float: left;
width: 24px;
height: 24px;
background: url('../images/v_player.png') no-repeat;
margin: 12px 11px 0 33px;
}
.pv_top .box {
width: 582px;
display: flex;
justify-content: space-between;
position: absolute;
right: 0;
top: 213px;
}
.pv_top .box .item {
color: #fff;
text-align: center;
padding: 53px 15px 0;
position: relative;
width: 180px;
height: 230px;
}
.pv_top .box .item .dig {
width: 100%;
height: 100%;
background: url(../images/dig_bg.png) no-repeat center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
border-radius: 5px;
opacity: 0.8;
z-index: 0;
}
.pv_top .box .item .tit {
font-size: 36px;
font-weight: bold;
margin-bottom: 24px;
position: relative;
z-index: 1;
line-height: 36px;
}
.pv_top .box .item p {
font-size: 15px;
line-height: 24px;
position: relative;
z-index: 1;
}
.pv_con2 {
padding: 104px 0 110px;
text-align: center;
position: relative;
background: #0B1629;
}
.pv_con2 .title {
font-size: 36px;
line-height: 36px;
color: #fff;
}
.pv_con2 p {
font-size: 18px;
line-height: 30px;
margin: 24px 0 34px;
color: rgba(255,255,255,0.7);
}
.pv_con2 .box {
margin-bottom: 50px;
}
.pv_con2 .box span {
margin: 0 40px;
font-size: 18px;
color: #fff;
}
.pv_con2 .box span img {
margin-right: 10px
}
.pv_con2 img {
max-width: 100%;
}
.pv_con3 {
padding-top: 110px;
width: 100%;
height: 780px;
position: relative;
}
.pv_con3 .dig {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.pv_con3 .pvvideo {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.pv_con3 .title {
font-size: 36px;
line-height: 36px;
color: #333;
margin-bottom: 25px;
}
.pv_con3 p {
font-size: 18px;
line-height: 30px;
color: #666;
}
.pv_con3 .box {
text-align: center;
color: #fff;
cursor: pointer;
width: 100px;
margin: 200px auto 0;
}
.pv_con3 .box img {
}
.pv_con3 .box span {
display: block;
font-size: 18px;
line-height: 30px;
margin-top: 15px;
}
.pv_con3 .box:hover {
color: #333;
}
.pv_con3 .container {
padding: 0 45px;
position: relative;
z-index: 3;
text-align: center;
}
.pv_con4 {
padding: 155px 0 152px;
position: relative;
background: url('../img/new_color_bg2.jpg') no-repeat center;
background-size: cover;
}
.pv_con4 .left {
width: 39%;
}
.pv_con4 .title {
font-size: 36px;
line-height: 36px;
color: #fff;
margin-bottom: 25px;
}
.pv_con4 p {
font-size: 17px;
line-height: 30px;
color: rgba(255, 255, 255, 0.7);
}
.pv_con4 .box {
margin-top: 16px;
color: #00A653;
font-size: 18px;
cursor: pointer;
}
.pv_con4 .box img {
margin-left: 8px;
}
.pv_con4 .pic {
width: 53.5%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 10px 20px 1px rgba(154, 154, 154, 0.1);
height: 285px;
}
.pv_con4 .pic img {
max-width: 100%;
}
.pv_con5 {
position: relative;
padding: 78px 0 70px;
background: url('../img/new_color_bg3.jpg') no-repeat center;
background-size: cover;
}
.pv_con5 .title {
margin-bottom: 30px;
font-size: 36px;
line-height: 36px;
color: #fff;
text-align: center;
}
.pv_con5 .case-list li {
float: left;
width: calc(33.33% - 22px);
margin: 0 32px 30px 0;
box-shadow: 0px 10px 24px 1px rgba(154, 154, 154, 0.2);
height: 350px;
background: #fff;
}
.pv_con5 .case-list li:nth-child(3n) {
margin-right: 0;
}
.pv_con5 .case-list li a {
display: block;
width: 100%;
}
.pv_con5 .case-list li .pic {
height: 195px;
overflow: hidden;
}
.pv_con5 .case-list li .imgBg {
height: 195px;
}
.pv_con5 .case-list li .name {
background: #fff;
padding: 20px 18px 14px;
font-size: 18px;
color: #333;
line-height: 18px;
}
.pv_con5 .case-list li .desc {
font-size: 14px;
line-height: 26px;
color: #333;
padding: 0 18px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.pv_con5 .case-list li:hover .imgBg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.pv_con5 .case-list li:hover {
box-shadow: 0px 10px 23.92px 2.08px rgba(154, 154, 154, 0.45);
}
.factory-pop {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
display: none;
}
.factory-item {
display: none;
}
.factory-pop .left {
left: 0;
top: 0;
width: 50%;
height: 100%;
background: #ebebeb;
position: absolute;
}
.factory-pop .left .main {
width: 450px;
margin-right: 18%;
padding-top: 160px;
float: right;
}
.factory-pop .left .title {
font-size: 36px;
color: #00a653;
line-height: 56px;
margin-bottom: 23px;
}
.factory-pop .left .txt {
font-size: 24px;
line-height: 36px;
color: #333;
}
.factory-pop .left .s-txt {
font-size: 16px;
line-height: 30px;
color: #333;
margin-top: 9px;
padding-bottom: 14px;
}
.factory-pop .left .item {
font-size: 18px;
color: #666;
line-height: 36px;
margin-top: 23px;
}
.factory-pop .left .item span {
color: #00a653;
}
.factory-pop .right {
right: 0;
top: 0;
width: 50%;
height: 100%;
background: #fff;
position: absolute;
}
.factory-pop .right .close {
display: block;
;
width: 34px;
height: 34px;
background: url('../images/f_close.png') no-repeat;
position: absolute;
left: 30px;
top: 30px;
}
.factory-pop .right .close:hover {
transform: rotate(90deg);
}
.factory-pop .right .main {
width: 78.125%;
margin: 0 auto;
padding-top: 170px;
}
.factory-pop .right .big {
position: relative;
margin-bottom: 16px;
}
.factory-pop .right .big img {
display: block;
;
width: 100%;
}
.factory-pop .right .big .play {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.1);
}
.factory-pop .right .big .play i {
display: block;
width: 90px;
height: 90px;
position: absolute;
left: 50%;
top: 50%;
margin: -45px 0 0 -45px;
background: url('../images/f_play.png') no-repeat;
}
.factory-pop .right .list img {
display: block;
width: calc(33.3333% - 6px);
margin-right: 9px;
float: left;
}
.factory-pop .right .list img:last-child {
margin-right: 0;
}
/*合筑锦绣光伏*/
.snd_top .txt {
max-width: 730px;
}
.snd_con1 {
background: url('../img/new_color_bg4.jpg') no-repeat center;
background-size: cover;
padding: 0 0 50px 0;
position: relative;
}
.snd_con1 .title {
font-size: 36px;
line-height: 36px;
margin: 50px 0 60px;
text-align: center;
color: #fff;
}
.snd_con1 .intellect-sites {
background: transparent;
}
.snd1-top {
display: flex;
justify-content: center;
}
.snd1-top span {
display: inline-block;
margin: 0 9px;
width: 170px;
line-height: 45px;
font-size: 22px;
color: rgba(255, 255, 255, 0.7);
cursor: pointer;
height: 45px;
text-align: center;
}
.snd1-top span:hover, .snd1-top span.on {
color: #fff;
background: #00A653;
}
.snd1-con {
margin-top: 34px;
}
.snd1-con .snd1-box {
position: relative;
display: none;
}
.snd1-con .snd1-box:first-child {
display: block;
}
.snd1-con .row {
position: relative;
}
.snd1-con .row .img img {
display: block;
width: 100%;
}
.snd1-con .swiper-container {
padding-bottom: 65px;
}
.snd1-con .swiper-slide {
border: 1px solid #00A653;
padding: 20px 0 0;
background: #fff;
}
.snd1-con .swiper-slide .tit {
font-size: 20px;
color: #333;
margin-bottom: 10px;
padding: 0 22px;
}
.snd1-con .swiper-slide p {
font-size: 14px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 22px;
}
.snd1-con .swiper-slide .pics {
margin-top: 18px;
}
.snd1-con .swiper-slide .pic {
width: 100%;
margin-top: 18px;
}
.snd1-con .swiper-slide .pic img {
display: block;
width: 100%;
}
.snd1-con .swiper-slide .pic:nth-child(2) {
border-right: none;
}
.snd1-con .swiper-slide .pic span {
position: absolute;
display: block;
width: 95px;
height: 30px;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 30px;
left: 0;
bottom: 0;
background: #00A653;
}
.snd1-con .swiper-slide .img img {
display: block;
width: 100%;
}
.snd1-con .swiper-button-next, .snd1-con .swiper-button-prev {
width: 30px;
height: 52px;
margin-top: -52px;
background-size: 15px 26px;
}
.snd1-con .swiper-button-next {
background-image: url(../images/02_13.png);
right: -50px;
}
.snd1-con .swiper-button-prev {
background-image: url(../images/02_10.png);
left: -50px;
}
.snd1-con .swiper-pagination-bullet {
background: transparent;
border: 2px solid #00A653;
opacity: 1;
margin: 0 10px !important;
}
.snd1-con .swiper-pagination-bullet-active {
background: #00A653;
}
.snd1-con .desc {
font-size: 18px;
line-height: 30px;
color: #fff;
padding: 0 108px;
margin-bottom: 45px;
text-align: center;
}
.snd_con2 {
padding-top: 100px;
position: relative;
}
.snd_con2 .title {
font-size: 36px;
line-height: 36px;
margin: 0 0 70px;
text-align: center;
color: #fff;
}
.snd_con2 .box {
}
.snd_con2 .box .item {
width: 50%;
height: 303px;
border-top: 1px solid rgba(255,255,255,0.4);
border-right: 1px solid rgba(255,255,255,0.4);
display: flex;
align-items: center;
color: #fff;/* transition: all 0.3s; */
padding-right: 113px;
justify-content: flex-end;
}
.snd_con2 .box .item:nth-child(2n) {
border-right: none;
padding-left: 107px;
justify-content: flex-start;
}
.snd_con2 .box .item .row {
width: 525px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.snd_con2 .box .item:nth-child(2n) .row {
}
.snd_con2 .box .item img {
margin-right: 25px;
float: left;
}
.snd_con2 .box .item .on {
}
.snd_con2 .box .item .off {
display: none;
}
.snd_con2 .box .item .text {
}
.snd_con2 .box .item .tit {
font-size: 27px;
margin-bottom: 8px;
line-height: 27px;
}
.snd_con2 .box .item p {
font-size: 15px;
line-height: 26px;
}
.snd_con2 .box .item:hover .off {
display: inline;
}
.snd_con2 .box .item:hover .on {
display: none;
}
.snd_con2 .box .item:hover {
background: rgba(0,166,83,0.8);
}
.snd_con2 .box .item:hover {
background: url('../img/snd_con2_item1.jpg') no-repeat center center;
background-size: cover;
}
.snd_con2 .box .item:nth-child(2):hover {
background-image: url('../img/snd_con2_item2.jpg');
}
.snd_con2 .box .item:nth-child(3):hover {
background-image: url('../img/snd_con2_item3.jpg');
}
.snd_con2 .box .item:nth-child(4):hover {
background-image: url('../img/snd_con2_item4.jpg');
}
.snd_con3 {
padding-top: 100px;
position: relative;
}
.snd_con3 .snd_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.snd_con3 .snd_bg .item {
position: relative;
width: 100%;
height: 100%;
display: none;
}
.snd_con3 .container {
position: relative;
z-index: 10;
}
.snd_con3 .title {
font-size: 36px;
line-height: 36px;
margin: 0 0 102px;
text-align: center;
color: #fff;
}
.snd_con3 .box .row {
width: 480px;
background: rgba(0,0,0,0.4);
border: 1px solid rgba(255,255,255,0.4);
}
.snd_con3 .box .item {
width: 50%;
height: 140px;
border-bottom: 1px solid rgba(255,255,255,0.4);
border-right: 1px solid rgba(255,255,255,0.4);
display: flex;
align-items: center;
color: #fff;
transition: all 0.3s;
justify-content: center;
font-size: 16px;
flex-direction: column;
cursor: pointer;
}
.snd_con3 .box .item:nth-child(2n) {
border-right: none;
}
.snd_con3 .box .item img {
margin-bottom: 16px;
}
.snd_con3 .box .item.on {
background: rgba(0,166,83,1);
}
.snd_con3 .box .text {
width: calc(100% - 555px);
color: #fff;
}
.snd_con3 .box .text .van {
display: none;
}
.snd_con3 .box .text .van:nth-child(1) {
display: block;
}
.snd_con3 .box .desc {
font-size: 18px;
margin-bottom: 45px;
line-height: 30px;
padding-top: 20px;
padding-right: 115px;
}
.snd_con3 .box .lb {
margin-bottom: 45px;
border-left: 2px solid #fff;
padding-left: 16px
}
.snd_con3 .box .tit {
font-size: 21px;
line-height: 21px;
margin-bottom: 20px;
}
.snd_con3 .box p {
font-size: 17px;
line-height: 17px;
}
.snd_con4 {
padding: 97px 60px;
background: url('../img/new_color_bg3.jpg') no-repeat center;
background-size: cover;
}
.snd_con4 .title {
font-size: 36px;
line-height: 36px;
text-align: center;
color: #fff;
margin-bottom: 40px;
}
.mb60 {
margin-bottom: 60px;
}
/*智慧新能源*/
.neg_con1 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.neg_con1 .container {
transition: all .5s ease-in-out;
opacity: 0;
margin-top: 0;
}
.neg_con1 .fadeInUp {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -50px;
}
.neg_con1 .title {
font-size: 64px;
color: #fff;
font-weight: bold;
line-height: 60px;
margin-bottom: 45px;
}
.neg_con1 .p2 {
font-size: 17px;
line-height: 34px;
color: #fff;
margin: 30px 0 70px;
width: 600px;
}
.neg_con1 .box {
width: 594px;
display: flex;
justify-content: space-between;
position: absolute;
right: 0;
top: 50%;
margin-top: -150px;
}
.neg_con1 .box .item {
color: #fff;
text-align: center;
padding: 62px 0 0;
position: relative;
width: 257px;
height: 315px;
background: url(../images/neg_item.png) no-repeat center;
background-size: cover;
}
.neg_con1 .box .item .tit {
font-size: 46px;
font-weight: bold;
line-height: 46px;
}
.neg_con1 .box .item p {
font-size: 18px;
line-height: 24px;
margin: 35px 0 10px;
}
.neg_con1 .box .item span {
font-size: 13px;
line-height: 24px;
}
.neg_con .p1 {
transition: all 0.7s;
opacity: 0;
margin-top: -50px;
}
.neg_con .p1.pInUp {
opacity: 1;
margin-top: 0;
}
.neg_con .item {
transform: scale(0, 0);
transition: all 0.5s;
display: block;
}
.neg_con .item.show {
transform: scale(1, 1);
}
.neg_con2 {
width: 100%;
height: 100%;
position: relative;
padding-top: 210px;
text-align: center;
}
.neg_con2 video {
display: block;
position: absolute;
z-index: 5;
}
.neg_con2 .container {
position: relative;
z-index: 10;
}
.neg_con2 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
padding: 0 86px;
}
.neg_con2 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.neg_con2 .neg2_icon {
margin-top: 42px;
display: flex;
justify-content: center;
padding: 0 15px;
}
.neg_con2 .neg2_icon .item {
width: 150px;
display: inline-block;
text-align: center;
margin: 0 60px;
}
.neg_con2 .neg2_icon .item img {
max-width: 100%;
}
.neg_con2 .neg2_icon .item span {
font-size: 20px;
color: #00CC69;
line-height: 24px;
white-space: nowrap;
display: flex;
margin-top: 17px;
text-align: center;
justify-content: center;
}
.neg_con3 {
width: 100%;
height: 100%;
}
.neg_con3 .container {
display: flex;
height: 100%;
align-items: center;
}
.neg_con3 .box .row {
width: 100%;
}
.neg_con3 .box .item1 {
width: 256px;
height: 260px;
margin-right: 0;
position: relative;
background: url(../images/neg3_item.png) no-repeat center;
background-size: cover;
display: flex;
align-items: center;
color: #fff;
transition: all 0.3s;
justify-content: center;
font-size: 20px;
flex-direction: column;
cursor: pointer;
}
.neg_con3 .box .item1 .pic {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.neg_con3 .box .item1 img {
margin-bottom: 30px;
}
.neg_con3 .box .item1:hover .pic {
display: block;
}
.neg_con3 .box .row p {
font-size: 20px;
line-height: 40px;
color: rgba(255,255,255,0.8);
width: 727px;
padding: 28px 0 0 87px;
}
.neg_con3 .box .row p a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.neg_con4 {
width: 100%;
height: 100%;
}
.neg_con4 .container {
display: flex;
height: 100%;
align-items: center;
}
.neg_con4 .box {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 60px;
}
.neg_con4 .box .left {
width: 440px;
}
.neg_con4 .box .left img {
max-width: 100%
}
.neg_con4 .box .left .desc {
font-size: 18px;
color: #fff;
line-height: 40px;
margin-top: 42px;
padding: 18px 28px 40px;
border: 1px solid #509E2B;
border-radius: 6px;
}
.neg_con4 .box .right {
width: 590px;
}
.neg_con4 .box .right img {
max-width: 100%
}
.neg_con4 .box .right .tit {
font-size: 46px;
color: #fff;
line-height: 48px;
font-weight: bold;
}
.neg_con4 .box .right .tit span {
color: #5CB531;
font-size: 48px;
}
.neg_con4 .box .right .tit1 {
font-size: 26px;
color: #fff;
line-height: 26px;
margin-top: 18px;
}
.neg_con4 .box .right .pic {
position: relative;
}
.neg_con4 .box .right .pic .play {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
text-align: center;
margin-left: -50px;
margin-top: -50px;
cursor: pointer;
}
.neg_con4 .box .right .pic .play i {
display: block;
width: 50px;
height: 50px;
background: url(../images/play.png) no-repeat;
margin: 0 auto;
}
.neg_con4 .box .right .pic .play p {
font-size: 16px;
color: #fff;
line-height: 26px;
margin-top: 9px;
}
.neg_con5 {
width: 100%;
height: 100%;
padding-top: 105px;
}
.neg_con5 .container {
display: flex;
height: 100%;
align-items: center;
}
.neg_con5 .box {
width: 1330px;
}
.neg_con5 .row {
margin-bottom: 78px;
width: 1330px;
}
.neg_con5 .row:last-child {
margin-bottom: 0;
}
.neg_con5 .row1 {
}
.neg_con5 .row p {
line-height: 53px;
color: #fff;
font-size: 24px;
width: 800px;
padding-top: 44px
}
.neg_con5 .row .pic {
width: 387px;
height: 263px;
}
.neg_con5 .row .item1 {
width: calc(33.33% - 52px);
position: relative;
margin-right: 77px;
cursor: pointer;
}
.neg_con5 .row .item1:nth-child(3) {
margin-right: 0
}
.neg_con5 .row .item1 .img {
position: absolute;
width: 96%;
left: 3%;
top: -5px;
height: 96%;
height: 220px;
opacity: 0.6;
}
.neg_con5 .row .item1 .img1 {
width: 100%;
height: 100%;
height: 230px;
position: relative;
z-index: 1;
}
.neg_con5 .row .item1 span {
line-height: 62px;
color: #fff;
font-size: 20px;
}
.neg_con6 {
width: 100%;
height: 100%;
position: relative;
padding-top: 155px;
text-align: center;
}
.neg_con6 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
padding: 0 6px;
}
.neg_con6 .p1 a {
font-size: 16px;
color: #00CC69;
margin-left: 10px;
line-height: 40px;
}
.neg_con6 .neg6_icon {
margin-top: 38px;
display: flex;
justify-content: space-between;
padding: 0 32px;
}
.neg_con6 .neg6_icon .item {
width: 150px;
display: inline-block;
text-align: center;
}
.neg_con6 .neg6_icon .item img {
max-width: 100%;
}
.neg_con6 .neg6_icon .item span {
font-size: 20px;
color: #00CC69;
line-height: 24px;
white-space: nowrap;
display: flex;
margin-top: 17px;
text-align: center;
justify-content: center;
}
.neg_con7 {
width: 100%;
height: 100%;
position: relative;
padding-top: 210px;
text-align: center;
z-index: 0;
}
.neg_con7 .neg7_bg1, .neg_con7 .neg7_bg2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.neg_con7 .neg7_bg2 {
display: none;
}
.neg_con7 .cont {
width: 1050px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.neg_con7 .p1 {
font-size: 20px;
color: #fff;
line-height: 40px;
text-align: center;
}
.neg_con7 .main {
margin-top: 130px;
position: relative;
}
.neg_con7 .main .tit {
width: 350px;
height: 60px;
line-height: 60px;
font-size: 20px;
color: #00A653;
transition: border 0.3s;
border-bottom: 2px solid #00A653;
cursor: pointer;
text-align: left;
}
.neg_con7 .main .tit.on {
background: url(../images/arr_gre.png) no-repeat center right;
border-bottom: 4px solid #00A653;
}
.neg_con7 .row {
margin-bottom: 40px;
}
.neg7_hide {
margin: 20px 0 0;
width: 600px;
}
.neg7_hide .txt {
font-size: 18px;
line-height: 1.5;
color: #fff;
padding-left: 25px;
background: url(../images/dui_gre.png) no-repeat left center;
background-size: 15px;
float: left;
width: 220px;
text-align: left;
}
.neg7-tabs {
position: absolute;
right: 0;
top: 0;
width: calc(100% - 380px);
}
.neg7-tabs .txt {
font-size: 18px;
line-height: 1.5;
color: #fff;
text-align: center;
padding-top: 70px;
}
.neg_con8 {
width: 100%;
height: 100%;
padding-top: 180px;
}
.neg_con8 .container {
position: relative;
}
.energynew-video {
position: absolute;
left: 500px;
top: 0;
width: calc(50% + 120px);
}
.energynew-video video {
display: block;
width: 100%;
}
.neg_con8 p {
font-size: 20px;
color: #fff;
line-height: 40px;
width: 490px;
}
.neg_con8 a {
font-size: 16px;
color: #009944;
margin-left: 10px;
line-height: 40px;
}
.neg_con8 .neg8_icon {
margin-top: 64px;
width: 600px;
}
.neg_con8 .neg8_icon .item1 {
width: 88px;
margin-right: 80px;
margin-bottom: 45px;
}
.neg_con8 .neg8_icon .item1 span {
font-size: 15px;
color: #00A653;
white-space: nowrap;
display: flex;
margin-top: 14px;
text-align: center;
justify-content: center;
}
/*XX能源量测集成平台*/
.mse_con1 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.mse_con1 .container {
transition: all .5s ease-in-out;
opacity: 0;
margin-top: 0;
}
.mse_con1 .fadeInUp {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -50px;
}
.mse_con1 .title {
font-size: 64px;
color: #fff;
font-weight: bold;
line-height: 60px;
margin-bottom: 45px;
}
.mse_con1 .p2 {
font-size: 17px;
line-height: 34px;
color: #fff;
margin: 30px 0 70px;
width: 730px;
}
.mse_con1 .banner-btn .project {
background: transparent;
border: 1px solid #fff;
}
.mse_con1 .banner-btn .project:hover {
background: #00A653;
border: 1px solid #00A653;
}
.mse_con2 {
width: 100%;
height: 100%;
padding-top: 180px
}
.mse_con2 img {
max-width: 560px;
}
.mse_con3 {
width: 100%;
height: 100%;
padding-top: 195px
}
.mse3-pro {
margin-bottom: 90px;
}
.mse3-pro a {
display: inline-block;
margin-right: 70px;
font-size: 20px;
color: #fff;
line-height: 50px;
}
.mse3-pro a.on {
color: #00a653;
}
.mse_con3 .item .main {
padding-top: 65px;
float: left;
width: 52%;
}
.mse_con3 .item .main .tit {
font-size: 36px;
color: #fff;
line-height: 36px;
margin-bottom: 40px;
}
.mse_con3 .item .main .tit1 {
font-size: 24px;
color: #fff;
line-height: 24px;
margin-bottom: 18px;
}
.mse_con3 .item .main .txt {
width: 425px;
}
.mse_con3 .item .main .txt p {
font-size: 17px;
color: #fff;
line-height: 32px;
position: relative;
padding-left: 24px;
}
.mse_con3 .item .main .txt p:before {
position: absolute;
width: 12px;
height: 12px;
content: '';
left: 0;
top: 11px;
background: #fff;
}
.mse_con3 .item .main .txt span {
color: #00a653;
}
.mse_con3 .item .pic {
width: 505px;
float: left;
position: relative;
}
.mse_con3 .item .img {
width: 100%;
}
.mse_con3 .item .img img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.mse_con3 .item .play {
position: absolute;
left: 50%;
top: 50%;
margin-top: -70px;
margin-left: -25px;
}
.mse_con3 .item .play i {
display: block;
width: 50px;
height: 50px;
background: url('../images/play.png') no-repeat;
margin: 0 auto;
}
.mse_con4 {
width: 100%;
height: 100%;
padding-top: 197px;
}
.mse_con4 .container {
position: relative;
}
.mse_con4 .box {
width: 410px;
}
.mse_con4 .tit {
font-size: 20px;
color: #fff;
line-height: 40px;
margin-bottom: 60px;
}
.mse_con4 .row {
margin-bottom: 30px
}
.mse_con4 .row p {
font-size: 18px;
color: #fff;
line-height: 30px;
}
.mse_con4 .row p span {
font-size: 30px;
color: #fff;
font-weight: bold;
}
.mse_con4 .row .tit1 {
font-size: 15px;
color: #fff;
line-height: 32px;
}
.mse_con4 .pic {
position: absolute;
left: 485px;
top: 0;
width: 1040px;
}
.mse_con4 .pic img {
max-width: 100%;
}
.measure-video {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.measure-video video {
display: block;
width: 100%;
}
.mse_con5 {
width: 100%;
height: 100%;
padding-top: 200px;
background: #041B3D
}
.mse_con5 .container {
position: relative;
}
.mse_con5 .box {
width: 400px;
}
.mse_con5 .tit {
font-size: 20px;
color: #fff;
line-height: 40px;
margin-bottom: 80px;
}
.mse_con5 .row {
}
.mse_con5 .row .tit1 {
font-size: 24px;
color: #fff;
line-height: 24px;
margin-bottom: 16px;
}
.mse_con5 .row p {
font-size: 16px;
color: #fff;
line-height: 38px;
}
.mse_con5 .pic {
position: absolute;
left: 460px;
top: 0;
width: 1040px;
}
.mse_con5 .pic img {
max-width: 100%;
}
.mse_con6 {
width: 100%;
height: 100%;
}
.mse_con6 .cont {
position: relative;
height: 100%;
width: 100%;
padding: 0 140px 0 265px;
display: flex;
align-items: center;
}
.mse_con6 .cont img {
max-width: 100%;
}
/*右侧悬浮窗*/
.cndns-right {
position: fixed;
right: 2px;
top: 80%;
margin-top: -100px;
z-index: 100
}
.cndns-right-meau {
position: relative;
}
.cndns-right-btn {
width: 60px;
height: 60px;
text-align: center;
display: block;
margin-bottom: 1px;
position: relative;
background-color: #009944;
border-radius: 5px;
}
.cndns-right-btn span {
line-height: 60px;
}
.cndns-right-btn sup {
display: block;
min-width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
color: #fff;
border-radius: 50%;
background-color: #ff6800;
position: absolute;
left: -12px;
top: -12px;
}
.cndns-right-btn p {
color: #fff;
font-size: 15px;
line-height: 20px;
padding-top: 10px;
display: none;
}
.cndns-right-meau:hover .cndns-right-btn span {
display: none
}
.cndns-right-meau:hover .cndns-right-btn p {
display: block;
}
.meau-backup:hover .cndns-right-btn span {
display: block;
}
.cndns-right-box {
position: absolute;
top: -15px;
right: 48px;
padding-right: 25px;
display: none;
}
.cndns-right-box .box-border {
border: 1px solid #A9A9A9;
border-top: 2px solid #009944;
padding: 10px 20px;
background-color: #fff;
position: relative
}
.cndns-right-box .box-border .arrow-right {
display: block;
width: 8px;
height: 16px;
background: url(../img/arrow.png) no-repeat center;
position: absolute;
right: -8px;
top: 32px;
}
.cndns-right-box .box-border .sev-t span {
font-size: 42px;
float: left;
display: block;
line-height: 56px;
margin-right: 20px;
color: #d3d3d3
}
.cndns-right-box .box-border .sev-t p {
float: left;
color: #009944;
font-size: 20px;
line-height: 28px;
}
.cndns-right-box .box-border .sev-t p i {
display: block;
font-size: 15px;
color: #aaa;
font-style: normal;
}
.cndns-right-box .box-border .sev-b {
padding-top: 15px;
margin-top: 15px;
}
.cndns-right-box .box-border .sev-b h4 {
color: #666;
font-size: 14px;
font-weight: normal;
padding-bottom: 15px;
}
.cndns-right-box .box-border .sev-b li {
float: left;
width: 33.33333%
}
.cndns-right-box .box-border .sev-b li a {
display: inline-block;
color: #999;
font-size: 13px;
padding-left: 43px;
background: url(../images/q1.gif) no-repeat left 3px;
line-height: 36px;
}
.cndns-right-box .box-border .sev-b li a:hover {
color: #009944
}
.meau-contact .cndns-right-box .box-border {
width: 180px;
}
.cndns-right-meau:hover .cndns-right-box {
display: block
}
.meau-code .cndns-right-box {
top: auto;
bottom: -26px;
}
.meau-code .cndns-right-box .box-border {
width: 280px;
}
.meau-code .cndns-right-box .box-border .arrow-right {
top: inherit;
bottom: 50px;
}
.meau-code .box {
width: 140px;
padding: 5px 10px;
font-size: 14px;
color: #333;
text-align: center;
}
.meau-code .box img {
max-width: 100%;
}
.meau-code .cndns-right-box .box-border .sev-t {
width: 100%;
display: flex;
justify-content: space-around;
}
.meau-mail .cndns-right-box .box-border {
width: 240px;
}
/*about*/
.zt_top {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.zt_top .cont {
width: 1322px;
margin: 0 auto;
}
.zt_top .title {
font-size: 64px;
color: #fff;
line-height: 64px;
font-weight: bold;
display: inline-block;
cursor: pointer;text-shadow: 2px 3px 1px #333;
}
.zt_top .tit{
font-size: 27px;
color: #fff;
margin-top: 17px;
font-weight: 900;
text-shadow: 1px 1px 1px #333;
}
.zt_top .title img {
margin-left: 25px;
}
.zt_top .group1 {
margin-top: 160px; background: #02650e8f;
border-radius: 30px;
}
.zt_top .group1-box {
float: left;
margin-right: 0px;
padding: 45px 66px;
}
.zt_top .group1-box:last-child {
margin-right: 0;
}
.zt_top .group1-box .tit {
font-size: 20px;
color: #fff;
position: relative;
}
.zt_top .group1-box .tit span {
font-size: 60px;
color: #fff;
font-weight: bold;
font-family: cursive;
line-height: 60px;
position: relative;
top: 5px;
margin-right: 8px;
}
.zt_top .group1-box .tit i {
position: absolute;
top: 0;
font-size: 40px;
font-style: normal;
line-height: 40px;
}
.zt_top .group1-box .tit1 {
font-size: 20px;
color: #fff;
margin-top: 20px;
font-weight: 300;
}
.grp_new2 {
width: 100%;
height: 100%;
padding-top: 140px;
}
.grp_new2 .txt {
width: 780px;
position: relative;
background: #33333387;
padding: 25px;
}
.assess-more {
position: absolute;
left: 50%;
bottom: 0;
display: block;
width: 44px;
height: 44px;
background: url('../images/look_more.png') no-repeat;
background-size: 25px;
margin-left: -22px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.look-offset {
transform: rotate(180deg);
}
.grp_new2 .txt .scroll {
}
.grp_new2 .txt p {
font-size: 16px;
line-height: 30px;
color: #fff;
}
.grp_new2 .scroll_txt {
overflow: hidden;
}
.grp_new3 {
width: 100%;
height: 100%;
padding-top: 150px;
}
.grp_new3 .title {
font-size: 26px;
line-height: 26px;
color: #333;
}
.grp_new3 .grp_map {
margin-top: 28px;
position: relative;
}
.grp_new3 .grp_map img {
max-width: 100%;
}
.grp_new3 .grp_map .box {
width: 377px;
position: absolute;
top: 0;
right: 0;
padding: 20px 10px 70px 22px;
background-image: linear-gradient(#009944, #fff);
}
.grp_new3 .grp_map .box p {
color: #fff;
font-size: 14px;
line-height: 20px;
padding-right: 25px;
margin-bottom: 15px;
display: flex;
}
.grp_new3 .grp_map .box p span {
font-size: 27px;
margin-right: 5px;
line-height: 17px;
}
.grp_new3 .txt {
margin: 10px 0;
font-size: 15px;
line-height: 25px;
color: #333;
}
.grp_new3 .pic_box {
}
.grp_new3 .pic_box .item {
float: left;
width: calc(10% - 4px);
margin-right: 4px; text-align: center;
}
.grp_new3 .pic_box .item:last-child {
margin-right: 0;
}
.grp_new3 .pic_box .item img {
width: 100%;
}
.grp_new3 .pic_box .item .tit {
font-size: 12px;
color: #333;
line-height: 15px;
margin-top: 3px;
}
.grp_new4 {
width: 100%;
height: 100%;
padding-top: 150px;
}
.grp_new4 .grp4_l {
width: 37%;
height: 650px;
padding-right: 76px;
/* border-right: 1px solid #89A3B2;*/
}
.grp_new4 .grp4_l .item {
color: #333;
display: none;
}
.grp_new4 .grp4_l .item:first-child {
display: block;
}
.grp_new4 .grp4_l .item .tit {
font-size: 30px;
line-height: 37px;
margin-bottom: 15px;
font-weight: bold; text-align: center;
}
.grp_new4 .grp4_l .item .s_tit {
font-size: 18px;
font-weight: bold;
margin-bottom: 40px; text-align: center;
}
.grp_new4 .grp4_l .item p {
font-size: 18px;
line-height: 30px;
color: #666;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.grp_new4 .grp4_l .item .swiper-container {
padding-bottom: 20px;
margin-top: 20px;
}
.grp_new4 .grp4_l .item .swiper-slide {
width: 100%;
height: 250px;
}
.grp_new4 .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.grp_new4 .swiper-pagination-bullet-active {
background: #009944
}
.grp_new4 .grp4_r {
width: 57.7%;
height: 590px;
overflow-y: scroll;
}
.grp_new4 .grp4_r .grp4_r_con {
}
.grp_new4 .grp4_r .grp4_r_con .tit {
font-size: 20px;
color: #fff;
background: #009944;
width: calc(33.33% - 14px);
height: 60px;
text-align: center;
line-height: 60px;
cursor: pointer;
float: left;
margin-right: 20px;
border-radius: 5px;
}
.grp_new4 .grp4_r .grp4_r_con .tit:last-child {
margin-right: 0;
}
.grp_new4 .grp4_r .grp4_r_con .tit.on, .grp_new4 .grp4_r .grp4_r_con .tit:hover {
background: #009944;
}
.grp_new4 .grp4_r .grp4_r_box {
padding-top: 50px;
}
.grp_new4 .grp4_r .grp4_r_box .item {
display: none;
}
.grp_new4 .grp4_r .grp4_r_box .item:first-child {
display: block;
}
.grp_new4 .grp4_r .grp4_r_box .item .row {
margin-bottom: 50px;
color: #333;
}
.grp_new4 .grp4_r .grp4_r_box .item .tit {
width: 120px;
font-size: 24px;
line-height: 28px;
}
.grp_new4 .grp4_r .grp4_r_box .item .text {
width: calc(100% - 120px);
}
.grp_new4 .grp4_r .grp4_r_box .item p {
font-size: 16px;
line-height: 30px;
color: #666;
}
.intr_max {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.intr_max .title {
font-size: 64px;
color: #fff;
line-height: 28px;
margin-bottom: 70px;
}
.intr_max .tit {
font-size: 36px;
color: #fff;
line-height: 36px;
margin-bottom: 15px;
}
.intr_max .tit1 {
font-size: 18px;
color: #fff;
line-height: 48px;
margin-bottom: 30px;
}
.intr_max .row {
width: 640px;
border-top: 1px solid rgba(255,255,255,0.8);
padding-top: 25px;
}
.intr_max .row p {
font-size: 16px;
color: #fff;
line-height: 35px;
float: left;
width: 280px;
}
.intr_new2 {
width: 100%;
height: 100%;
padding-top: 180px;
}
.intr_new2 .pic {
width: 34%;
padding-top: 12px
}
.intr_new2 .pic img {
max-width: 100%;
}
.intr_new2 .txt {
width: 66%;
padding-left: 72px;
}
.intr_new2 .txt p {
font-size: 18px;
line-height: 34px;
margin-bottom: 10px;
color: #333;
}
.intr_new3 {
width: 100%;
height: 100%;
padding-top: 220px;
overflow: hidden;
}
.intr_new3 .container {
position: relative;
}
.intr_new3 .container:before {
width: 1px;
height: 1500px;
content: '';
left: 0;
top: -300px;
background: #fff;
position: absolute;
}
.intr_new3 .swiper-container {
height: 540px;
}
.intr_new3 .swiper-slide {
height: auto;
padding-left: 20px;
}
.intr_new3 .swiper-slide .tit {
font-size: 30px;
color: #009944;
width: 140px;
font-weight: bold;
line-height: 28px;
position: relative;
}
.intr_new3 .swiper-slide .tit:before {
content: '';
left: -20px;
top: 14px;
width: 10px;
height: 1px;
background: #fff;
position: absolute;
}
.intr_new3 .swiper-slide .txt {
width: calc(100% - 140px);
}
.intr_new3 .swiper-slide .txt p {
font-size: 16px;
line-height: 28px;
color: #fff;
}
.intr_new3 .swiper-button-next, .intr_new3 .swiper-button-prev {
width: 24px;
height: 26px;
margin-top: 0;
background-size: 100%;
top: auto;
}
.intr_new3 .swiper-button-prev {
left: 35px;
top: -90px;
background-image: url(../images/intr_new3_l.png);
}
.intr_new3 .swiper-button-next {
right: auto;
left: 35px;
bottom: -90px;
background-image: url(../images/intr_new3_r.png);
}
.intr_new4 {
width: 100%;
height: 100%;
padding-top: 150px;
}
.intr_new4 .txt {
font-size: 20px;
color: #333;
line-height: 36px;
text-align: center;
margin-bottom: 55px;
}
.intr4_swiper {
position: relative;
width: 100%;
}
.intr_new4 .swiper-container {
padding-bottom: 60px;
}
.intr_new4 .swiper-slide {
width: 725px;
transition: all 0.3s;
}
.intr_new4 .swiper-slide .img {
width: 100%;
height: 420px;
}
.intr_new4 .swiper-slide .tit {
font-size: 24px;
color: #666;
line-height: 24px;
margin-top: 30px;
text-align: center;
opacity: 0;
}
.intr_new4 .swiper-slide.swiper-slide-active .tit {
opacity: 1;
}
.intr_new4 .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.intr_new4 .swiper-pagination-bullet-active {
background: #009944;
}
.intr_new4 .swiper-button-next, .intr_new4 .swiper-button-prev {
width: 50px;
height: 50px;
margin-top: -80px;
background-size: 100%;
}
.intr_new4 .swiper-button-prev {
left: -120px;
background-image: url(../images/intr_new4_l.png);
}
.intr_new4 .swiper-button-next {
right: -120px;
background-image: url(../img/intr_new4_r.png);
}
.intr_new4 .swiper-button-next:hover, .intr_new4 .swiper-button-prev:hover {
opacity: 0.7;
}
.intr_new5 {
width: 100%;
height: 100%;
background: linear-gradient(to top, #203674, #0F1D44);
padding-top: 180px;
}
.intr_new5 .container {
height: calc(100% - 120px);
}
.intr_new5 .txt {
width: 60%;
height: 100%;
padding-right: 35px;
}
.intr_new5 .swiper-container {
height: 620px;
}
.intr_new5 .swiper-slide {
height: auto;
padding-right: 30px;
}
.intr_new5 .txt p {
font-size: 15px;
line-height: 30px;
margin-bottom: 20px;
color: #fff;
}
.intr_new5 .txt p span {
color: #22A8E1;
}
.intr_new5 .pic {
width: 34%;
padding-top: 12px;
}
.intr_new5 .pic img {
max-width: 100%;
}
.intr_new5 .swiper-scrollbar {
background: rgba(255,255,255,0.6);
}
.intr_new5 .swiper-scrollbar-drag {
background: #249BF0;
}
/*.intr_new5 .os-theme-dark > .os-scrollbar > .os-scrollbar-track{background: rgba(255,255,255,0.6);}
.intr_new5 .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{background: #249BF0;opacity: 1;}*/
.intr_new6 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.intr_new6 .container {
}
.intr_new6 .left {
width: 47%;
float: left;
}
.intr_new6 .left img {
width: 100%
}
.intr_new6 .right {
width: 50%;
float: right;
padding-top: 90px
}
.intr_new6 .right h1 {
font-size: 36px;
color: #009944;
font-weight: bold;
}
.intr_new6 .right p {
font-size: 15px;
color: #666;
line-height: 26px;
margin-top: 28px
}
.intr_new6 .right a {
display: inline-block;
font-size: 18px;
color: #009944;
margin-top: 36px;
position: relative
}
.intr_new6 .right a::after {
content: '';
width: 22px;
height: 9px;
display: block;
position: absolute;
right: -53px;
top: 5px;
background: url(../images/bk_down.png) no-repeat center;
background-size: contain
}
.hon_max {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.hon_max .title {
font-size: 64px;
color: #fff;
line-height: 28px;
margin-bottom: 70px; text-shadow: 2px 3px 1px #333;
}
.hon_max .row {
width: 600px;
/* border-top: 1px solid rgba(255,255,255,0.3);*/
padding-top: 25px;
}
.hon_max .row p {
font-size: 16px;
color: #fff;
line-height: 35px;
float: left;
width: 260px;
}
.hon_max .row p:nth-child(2n) {
width: 330px;
}
.hon_new2 {
width: 100%;
height: 100%;
padding-top: 150px;
padding-left: 140px;
display: flex;
justify-content: center;
align-items: center;
}
.hon_new2 .cont {
width: 100%;
padding: 0 100px;
}
.hon_box {
width: 100%;
}
.hon_box .item {
width: 100%;
text-align: center;
}
.hon_box .item:nth-child(5n) {
margin-right: 0;
}
.hon_box .item .pic {
width: 100%;
background: #F6F6F6;
padding: 7px;
position: relative;
box-shadow: 9px 8px 10px 4px rgba(0,0,0,0.2);
}
.hon_box .item .pic:before {
position: absolute;
content: '';
transform-origin: 0 0;
transform: rotate(40deg);
width: 50%;
height: 1px;
background: #E7E6E5;
left: 10px;
top: 10px;
}
.hon_box .item .pic:after {
position: absolute;
content: '';
transform-origin: 100% 0;
transform: rotate(-40deg);
width: 50%;
height: 1px;
background: #E7E6E5;
right: 10px;
top: 10px;
}
.hon_new2 .swiper-pagination-bullet-active {
background: #009944;
}
.mask {
position: fixed;
background-color: rgba(0,0,0,.6);
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
overflow: hidden;
justify-content: center;
align-content: center;
z-index: 4444;
}
.en_pic {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.mask .close_img {
position: absolute;
display: block;
right: 50px;
top: 50px;
width: 64px;
height: 64px;
background: url(../img/close_img.png) no-repeat;
z-index: 11;
}
.mask .close_img:hover {
-o-transform: rotate(60deg); /* Opera */
animation: 0.5s linear 0s myrotate;
-webkit-animation: 0.5s linear 0s myrotate;
}
@keyframes myrotate {
form {
transform:rotate(0deg);
}
to {
transform:rotate(90deg);
}
}
@-webkit-keyframes myrotate {/* Safari and Chrome */
form {
transform:rotate(0deg);
}
to {
transform:rotate(90deg);
}
}
.hon_box .item .img {
width: 100%;
height: 100%;
padding: 20px;
border: 2px solid #E7E6E6;
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 2px 2px 1px 0px rgba(184,183,182, 0.7);
background: #FAFAF9;
}
.hon_box .item .img:before {
position: absolute;
content: '';
transform-origin: 0 0;
transform: rotate(-40deg);
width: 50%;
height: 1px;
background: #E7E6E5;
left: 0;
bottom: 0;
}
.hon_box .item .img:after {
position: absolute;
content: '';
transform-origin: 100% 0;
transform: rotate(40deg);
width: 50%;
height: 1px;
background: #E7E6E5;
right: 0;
bottom: 0;
}
.hon_box .item .img img {
max-height: 100%;
max-width: 100%;
position: relative;
z-index: 3;
cursor: pointer;
}
.hon_box .tit {
height: 60px;
line-height: 30px;
position: relative;
width: auto;
display: inline-block;
margin: 17px 0 0;
}
.hon_box .tit:before {
position: absolute;
left: -30px;
width: 30px;
height: 44px;
top: 8px;
content: '';
background-size: 100%;
}
.hon_box .tit:after {
position: absolute;
right: -30px;
width: 30px;
height: 44px;
top: 8px;
content: '';
background-size: 100%;
}
.hon_box .tit span {
display: flex;
align-items: center;
justify-content: center;
color: #009143;
font-size: 24px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.sty_max {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.sty_max .title {
font-size: 60px;
color: #fff;
line-height: 50px;
margin-bottom: 30px;
font-weight: 600;
letter-spacing: 5px; text-shadow: 2px 3px 1px #333;
}
.sty_max .tit {
font-size: 34px;
color: #fff;
line-height: 36px;
margin-bottom: 15px;
font-weight: 500;
letter-spacing: 5px; text-shadow: 2px 3px 1px #333;
}
.sty_max .tit1 {
font-size: 18px;
color: #fff;
line-height: 32px;
letter-spacing: 2px; text-shadow: 2px 3px 1px #333;
}
.sty_new2 {
width: 100%;
height: 100%;
padding-top: 200px;
}
.sty2-list {
width: 890px;
float: initial;
margin: auto;
}
.sty2-list li {
float: left;
width: 45%;
margin: 0 3% 32px 0;
text-align: center;
}
.sty2-list li:nth-child(2n) {
margin-right: 0;
}
.sty2-list li .title {
font-size: 25px;
color: #333;
line-height: 44px;
}
.sty2-list li .line {
width: 59px;
height: 1px;
background: #f50606;
margin: 10px auto;
}
.sty2-list li p {
font-size: 18px;
color: #666;
line-height: 32px;
min-height: 32px;
}
.sty2-list li.wh_one p{
min-height: 64px;
}
.sty_new3 {
width: 100%;
height: 100%;
padding-top: 180px;
}
.sty_new3 .sty3_l {
width: 51%;
padding-right: 64px;
border-right: 1px solid rgba(0,0,0,0.1);
}
.sty_new3 .sty3_l .item .txt {
font-size: 15px;
color: #4c4c4c;
line-height: 24px;
margin-top: 22px;
}
.sty_new3 .sty3_l .item .txt p {
margin-bottom: 16px;
font-size: 15px;
line-height: 26px;
color: #4c4c4c;
}
.sty_new3 .sty3_l .item .txt p:last-child {
margin-bottom: 0;
}
.sty_new3 .sty3_l .item .txt span {
color: #333;
margin-right: 5px;
}
.sty_new3 .sty3_l .item .name {
margin-bottom: 43px;
}
.sty_new3 .sty3_l .item .name img {
display: block;
}
.sty_new3 .sty3_l .item .txt p img {
vertical-align: middle;
margin-right: 10px;
}
.sty_new3 .sty3_l .item1 {
margin-top: 60px;
}
.sty_new3 .sty3_r {
width: 43%;
}
.sty_new3 .sty3_r .tit {
padding: 16px 0 0 0;
font-size: 36px;
color: #005bac;
font-weight: bold;
}
.sty_new3 .sty3_r .box {
margin-top: 40px;
}
.sty_new3 .sty3_r .box img {
float: left;
width: 194px;
}
.sty_new3 .sty3_r .box .txt {
float: right;
width: calc(100% - 194px);
padding: 24px 0 0 50px;
}
.sty_new3 .sty3_r .box p {
color: #666;
font-size: 16px;
line-height: 30px;
position: relative;
margin-bottom: 20px;
}
.sty_new3 .sty3_r .box p:before {
top: 15px;
right: calc(100% + 10px);
content: '';
position: absolute;
height: 1px;
background: #666;
width: 40px;
}
.sty_new3 .sty3_r .box .p2:before {
width: 26px;
}
.sty_new4 {
width: 100%;
height: 100%; /*padding-top: 150px;*/
}
.sty_new4 .info {
font-size: 20px;
color: #333;
line-height: 38px;
}
.sty4_list {
margin-top: 30px;
}
.sty_new4 .sty4_list{
margin-top: 160px;
}
.sty4_list li {
float: left;
width: calc(25% - 11px);
margin: 0 12px 12px 0;
position: relative;
height: 270px;
overflow: hidden;
}
.sty4_list li .main {
position: absolute;
left: 0;
top: 220px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.sty4_list li .tit {
font-size: 16px;
color: #fff;
line-height: 50px;
padding-left: 20px;
height: 50px;
}
.sty4_list li .txt {
font-size: 14px;
color: #fff;
line-height: 28px;
padding: 0 20px;
margin-top: 10px;
}
.sty4_list li:first-child, .sty4_list li:last-child {
width: calc(50% - 10px);
}
.sty4_list li:nth-child(3n) {
margin-right: 0;
}
.sty4_list li:hover .main {
top: 0px;
}
.sty_new5 {
width: 100%;
height: 100%;
padding-top: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.sty_new5 .left {
width: 970px;
}
.sty_new5 .left .item {
display: none;
width: 100%;
}
.sty_new5 .left .item:first-child {
display: block;
}
.sty_new5 .left .img {
width: 100%;
height: 560px;
}
.sty_new5 .left .tit {
margin-top: 15px;
font-size: 24px;
line-height: 36px;
color: #333;
}
.sty_new5 .right {
width: 210px;
margin-left: 65px;
height: 560px;
position: relative;
}
.sty_new5 .right .swiper-container {
height: 100%;
}
.sty_new5 .right .swiper-slide {
height: 120px;
width: 100%;
cursor: pointer;
}
.sty_new5 .right .swiper-slide.on {
border: 2px solid #009944;
}
.sty_new5 .right .swiper-slide a{
display: -webkit-box;
height: 100%;
}
.sty_new5 .right .swiper-button-next, .sty_new5 .right .swiper-button-prev {
width: 24px;
height: 26px;
margin-top: 0;
background-size: 100%;
top: auto;
left: 50%;
margin-left: -18px;
}
.sty_new5 .right .swiper-button-prev {
top: -46px;
background-image: url(../images/intr_new3_l.png);
}
.sty_new5 .right .swiper-button-next {
right: auto;
bottom: -46px;
background-image: url(../images/intr_new3_r.png);
}
.red_body .section .name {
background: linear-gradient(rgba(127,0,0,0.9), rgba(184,10,10,0.4));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(127,0,0,0.9)), color-stop(0.5, rgba(151, 4, 4)), to(rgba(184,10,10,0.4)));
background: -webkit-linear-gradient(rgba(127,0,0,0.9) 0%, rgba(151, 4, 4) 50%, rgba(184,10,10,0.4) 100%);
background: -moz-linear-gradient(rgba(127,0,0,0.9) 0%, rgba(151, 4, 4) 50%, rgba(184,10,10,0.4) 100%);
background: -o-linear-gradient(rgba(127,0,0,0.9) 0%, rgba(151, 4, 4) 50%, rgba(184,10,10,0.4) 100%);
background: linear-gradient(rgba(127,0,0,0.9) 0%, rgba(151, 4, 4) 50%, rgba(184,10,10,0.4) 100%);
}
.red_body .menu {
background: url(../images/menu_bg2.jpg) no-repeat center;
background-size: cover;
}
.red_body .menu li.active::before {
background: url(../images/menu_on2.png) no-repeat center top;
background-size: 100%;
}
.part_max {
width: 100%;
height: 100%;
}
.part_max .container {
height: 100%;
position: relative;
padding-top: 180px;
}
.part_max .title {
line-height: 64px;
}
.part_max .title img {
width: 128px;
margin-right: 25px;
}
.part_max .title span {
font-size: 64px;
font-weight: bold;
color: #fff;
line-height: 64px;
position: relative;
top: 35px;
}
.part_max .tit {
font-size: 36px;
color: #fff;
line-height: 36px;
margin: 70px 0 20px;
font-weight: bold;
}
.part_max .tit1 {
font-size: 18px;
color: #fff;
line-height: 30px;
}
.part_max .box {
position: absolute;
right: 0;
bottom: 130px;
width: 540px;
height: 280px;
}
.part_max .box .row {
width: 50%;
padding: 10px 0 0 80px;
height: 100%;
}
.part_max .box .row1 {
border-right: 1px solid #fff;
padding: 10px 70px 0 0;
}
.part_max .box .row img {
max-width: 100%;
}
.part_max .box .row p {
font-size: 20px;
color: #fff;
line-height: 32px;
text-align: center;
margin-top: 10px
}
.part_new2 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.part_new2 .left {
width: 56%;
padding-right: 110px;
border-right: 1px solid rgba(255,255,255,0.3);
}
.part_new2 .tit {
height: 32px;
line-height: 32px;
font-size: 32px;
display: flex;
align-items: center;
margin-bottom: 25px;
color: #fff;
}
.part_new2 .tit img {
margin-right: 10px;
}
.part_new2 .img {
max-width: 100%;
}
.part_new2 p {
font-size: 16px;
color: #fff;
line-height: 30px;
margin-bottom: 44px;
}
.part_new2 .right {
width: 44%;
padding-left: 110px;
}
.part_new2 .tit1 {
margin-bottom: 42px;
}
.part_new2 .tit2 {
margin-top: 80px;
}
.part_new3 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.part_new3 img {
max-width: 100%;
}
.part_new4 {
width: 100%;
height: 100%;
padding-top: 150px
}
.part_new4 .part4_top {
}
.part_new4 .part4_top span {
font-size: 20px;
line-height: 40px;
color: #fff;
display: inline-block;
margin-right: 75px;
cursor: pointer;
}
.part_new4 .part4_top span.on, .part_new4 .part4_top span:hover {
font-weight: bold;
}
.part_new4 .boxs {
margin-top: 70px;
}
.part_new4 .boxs .item {
display: none;
position: relative;
}
.part_new4 .boxs .item .line {
position: absolute;
left: 40%;
width: 1px;
top: 0px;
height: 100%;
background: rgba(255,255,255,0.3);
}
.part_new4 .boxs .item:first-child {
display: block;
}
.part_new4 .box_l {
width: 40%;
padding-right: 70px;
padding-top: 20px;
}
.part_new4 .box_l .title {
margin-bottom: 32px;
font-size: 36px;
line-height: 36px;
color: #fff;
}
.part_new4 .box_l p {
font-size: 18px;
line-height: 36px;
color: #fff;
}
.part_new4 .box_l p b {
font-weight: bold;
font-size: 24px;
}
.part_new4 .box_l p.pp {
margin-top: 15px;
}
.part_new4 .box_l .row {
margin-top: 25px;
}
.part_new4 .box_l .row .tit {
font-size: 26px;
line-height: 36px;
color: #fff;
margin-bottom: 8px;
}
.part_new4 .box_l .row .wb {
font-size: 18px;
line-height: 30px;
color: #fff;
}
.part_new4 .box_l .row1 .wb {
float: left;
width: 56%;
}
.part_new4 .box_l .row1 .wb:nth-child(2n) {
width: 44%;
}
.part_new4 .boxs .item .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.part_new4 .boxs .item .swiper-pagination-bullet {
background: transparent;
border: 1px solid #fff;
opacity: 1;
}
.part_new4 .boxs .item .swiper-pagination-bullet-active {
background: #fff;
}
.part_new4 .box_r {
width: 60%;
padding-left: 80px;
padding-top: 20px;
}
.part_new4 .box_r .title {
font-size: 24px;
line-height: 24px;
color: #fff;
margin-bottom: 30px
}
.part_new4 .box_r .box {
width: 47%;
margin: 0 6% 30px 0;
}
.part_new4 .box_r .box:nth-child(2n) {
margin-right: 0;
}
.part_new4 .box_r .img {
width: 100%;
height: 180px;
}
.part_new4 .box_r .tit {
margin-top: 7px;
font-size: 16px;
line-height: 22px;
color: #fff;
min-height: 44px;
}
.resp_max {
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding-bottom: 180px;
}
.resp_max .title {
font-size: 64px;
color: #fff;
line-height: 64px;
margin-bottom: 60px;
font-weight: bold;
}
.resp_max .tit1 {
font-size: 18px;
color: #fff;
line-height: 32px;
}
.resp_new2 {
width: 100%;
height: 100%;
padding-top: 150px;
transition: all 0.2s;
}
.resp_new2 .resp2_top {
}
.resp_new2 .resp2_top span {
font-size: 20px;
line-height: 40px;
color: #666;
display: inline-block;
margin-right: 80px;
cursor: pointer;
}
.resp_new2 .resp2_top span.on, .resp_new2 .resp2_top span:hover {
color: #009944;
}
.resp_new2 .boxs {
margin-top: 70px;
}
.resp_new2 .boxs .item {
display: none;
}
.resp_new2 .boxs .item:first-child {
display: block;
}
.resp_new2 .boxs .item .title {
font-size: 36px;
line-height: 36px;
color: #333;
margin-bottom: 25px;
}
.resp_new2 .boxs .item p {
font-size: 18px;
line-height: 30px;
color: #333;
margin-bottom: 10px;
width: 1100px;
}
.resp_new2 .boxs .item .row {
margin-bottom: 30px;
}
.resp_new2 .boxs .item .row .tit {
font-size: 26px;
line-height: 26px;
color: #009944;
font-weight: bold;
}
.resp_new2 .boxs .item .row .tit1 {
font-size: 18px;
line-height: 30px;
color: #666;
margin-top: 12px;
}
.resp_new3 {
width: 100%;
height: 100%;
transition: all 0.3s;
}
.resp_new3 .cont {
padding-top: 80px;
width: 100%;
height: 100%;
}
.resp_new3 .container {
height: 100%;
display: flex;
align-items: center;
}
.resp_new3 .swiper-container {
padding-bottom: 60px;
}
.resp_new3 .swiper-slide {
width: 725px;
transform: scale(0.6);
transition: all 0.3s
}
.resp_new3 .swiper-slide .img {
}
.resp_new3 .swiper-slide.swiper-slide-prev {
transform-origin: 160% center;
}
.resp_new3 .swiper-slide.swiper-slide-next {
transform-origin: -60% center;
}
.resp_new3 .swiper-slide.swiper-slide-active {
transform: scale(1);
z-index: 4
}
.resp_new3 .swiper-slide.swiper-slide-active .img {
}
.resp_new3 .swiper-slide .img {
width: 100%;
height: 420px;
}
.resp_new3 .swiper-slide .tit {
font-size: 24px;
color: #666;
line-height: 24px;
margin-top: 30px;
text-align: center;
opacity: 0;
}
.resp_new3 .swiper-slide.swiper-slide-active .tit {
opacity: 1;
}
.resp_new3 .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.resp_new3 .swiper-pagination-bullet-active {
background: #009944;
}
.resp_new3 .swiper-button-next, .resp_new3 .swiper-button-prev {
width: 50px;
height: 50px;
margin-top: -80px;
background-size: 100%;
}
.resp_new3 .swiper-button-prev {
left: -120px;
background-image: url(../images/intr_new4_l.png);
}
.resp_new3 .swiper-button-next {
right: -120px;
background-image: url(../img/intr_new4_r.png);
}
.resp_new3 .swiper-button-next:hover, .resp_new3 .swiper-button-prev:hover {
opacity: 0.7;
}
.tal_max {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.tal_max .title {
font-size: 64px;
color: #fff;
line-height: 28px;
margin-bottom: 70px;
font-weight: bold;
}
.tal_max .tit {
font-size: 30px;
color: #fff;
line-height: 43px;
margin-bottom: 15px;
font-weight: 300;
}
.tal_max .tit1 {
font-size: 16px;
color: #fff;
margin-bottom: 25px;
}
.tal_max .row {
width: 640px;
border-top: 1px solid rgba(255,255,255,0.8);
padding-top: 25px;
}
.tal_max .row p {
font-size: 16px;
color: #fff;
line-height: 35px;
}
.tal_new2 {
width: 100%;
height: 100%;
padding-top: 150px;
}
.tal2_main {
margin: 0 auto 24px;
width: 100%;
}
.tal2_top {
width: 100%;
border-bottom: 1px solid #D8DEE2;
padding: 0 30px;
background: #009944;
}
.tal2_top li {
height: 60px;
font-size: 18px;
color: #fff;
float: left;
line-height: 60px;
}
.tal2_boxs {
width: calc(100% + 42px);
padding-right: 42px;
height: 640px;
}
.tal2_box {
height: 100%;
}
.tal2_name {
width: 13%;
text-align: center;
}
.tal2_type {
width: 24%;
text-align: center;
}
.tal2_num {
width: 16%;
text-align: center;
}
.tal2_com {
width: 26%;
text-indent: 20px;
}
.tal2_date {
width: 21%;
text-align: center;
position: relative;
}
.tal2_list {
font-size: 15px;
color: #666;
line-height: 24px;
border: 1px solid #DBE0E4;
border-top: none;
}
.tal2_mes {
padding: 0 30px;
cursor: pointer;
}
.tal2_list .tal2_mes.on {
border-bottom: 1px solid #DBE0E4;
background: #009944
}
.tal2_list ul {
padding: 20px 0;
}
.tal2_list .tal2_mes.on ul li {
color: #009944;
color: #fff;
font-weight: bold;
}
.tal2_list ul li {
float: left;
font-size: 17px;
color: #666;
}
.tal2_list .tal2_date {
text-indent: 21px;
}
.tal2_list .tal2_date i {
width: 16px;
height: 10px;
right: 0;
margin: 6px 0 0 0;
background: url(../images/news_arrow.png) no-repeat center;
position: absolute;
}
.tal2_mes:hover {
background: #f0fbf3;
}
.tal2_mes:hover i {
background: url(../images/arrow3_02.png) no-repeat center;
}
.tal2_mes.on ul i {
background: url(../images/arrow3_04_n.png) no-repeat center;
}
.tal2_det {
line-height: 32px;
margin: 0 9px;
border-bottom: 1px solid #f0f0f0;
display: none;
}
.tal2_det .main {
padding: 8px 56px 50px;
}
.tal2_det .main p {
font-size: 14px;
color: #666;
line-height: 24px;
}
.tal2_det .main p a {
color: #3585E6;
}
.tal2_bottom {
margin-top: 25px;
}
.tal2_main .os-theme-dark > .os-scrollbar > .os-scrollbar-track {
background: rgba(0,0,0,0.1)
}
.tal2_main .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
background: #25BEFE;
opacity: 1
}
.tal_new3 {
width: 100%;
height: 100%;
padding-top: 170px
}
.tal_new3 .tal3_top {
}
.tal_new3 .tal3_top span {
font-size: 20px;
line-height: 40px;
color: #333;
display: inline-block;
margin-right: 100px;
cursor: pointer;
}
.tal_new3 .tal3_top span.on, .tal_new3 .tal3_top span:hover {
color: #009944;
}
.tal_new3 .boxs {
margin-top: 75px;
}
.tal_new3 .boxs .item {
display: none;
}
.tal_new3 .boxs .item:nth-child(2)
{/*
height: 588px;
overflow-x: hidden;
overflow-y: scroll;
white-space: nowrap;
margin-bottom: 30px;
position: relative;*/
}
.tal_new3 .boxs .item:first-child {
display: block;
}
.tal_new3 .boxs .item .title {
font-size: 36px;
line-height: 36px;
color: #333;
margin-bottom: 35px;
}
.tal_new3 .boxs .item1 p {
font-size: 16px;
line-height: 30px;
color: #333;
}
.tal_new3 .boxs .item1 .row {
margin-top: 55px;
}
.tal_new3 .boxs .item1 .box {
width: 150px;
text-align: center;
margin-right: 100px;
}
.tal_new3 .boxs .item1 .box:last-child {
margin-right: 0;
}
.tal_new3 .boxs .item1 .box img {
max-width: 100%;
}
.tal_new3 .boxs .item1 .row .tit {
font-size: 18px;
line-height: 28px;
color: #009944;
margin-top: 15px;
}
.tal3_swiper {
margin-top: 50px;
position: relative;
}
.tal3_swiper .swiper-container {
padding-bottom: 60px;
}
.tal3_swiper .swiper-slide {
width: 725px;
}
.tal3_swiper .swiper-slide .img {
width: 100%;
height: 420px;
}
.tal3_swiper .swiper-slide .tit {
font-size: 24px;
color: #fff;
line-height: 24px;
margin-top: 30px;
text-align: center;
opacity: 0;
}
.tal3_swiper .swiper-slide.swiper-slide-active .tit {
opacity: 1;
}
.tal3_swiper .swiper-button-next, .tal3_swiper .swiper-button-prev {
width: 50px;
height: 50px;
margin-top: -80px;
background-size: 100%;
}
.tal3_swiper .swiper-button-prev {
left: -120px;
background-image: url(../images/intr_new4_l.png);
}
.tal3_swiper .swiper-button-next {
right: -120px;
background-image: url(../images/intr_new4_r.png);
}
.tal3_swiper .swiper-button-next:hover, .tal3_swiper .swiper-button-prev:hover {
opacity: 0.7;
}
.tal_new3 .boxs .item4 .title {
margin-bottom: 60px;
}
.tal_new3 .boxs .item4 .main {
float: left;
width:100%;
padding-right: 52px;
border-right: 1px solid rgba(255,255,255,0.2);
}
.tal_new3 .boxs .item4 .row {
margin-bottom: 30px;
}
.tal_new3 .boxs .item4 .tit {
font-size: 26px;
color: #333;
line-height: 26px;
margin-bottom: 10px
}
.tal_new3 .boxs .item4 .txt {
font-size: 18px;
color: #333;
line-height: 30px;
}
.tal_new3 .boxs .item4 .video {
float: right;
width: calc(100% - 680px);
}
.tal_new3 .boxs .item4 .play {
cursor: pointer;
max-width: 100%;
}
.tal_new4 {
width: 100%;
height: 100%;
padding-top: 80px;
}
.tal_new4 .container {
height: 100%;
display: flex;
align-items: center;
}
.tal4_swiper {
position: relative;
width: 100%;
}
.tal_new4 .swiper-container {
padding-bottom: 20px;
}
.tal_new4 .swiper-slide {
}
.tal_new4 .swiper-slide .box {
margin: 0 40px 25px 0;
width: calc(33.33% - 27px);
}
.tal_new4 .swiper-slide .box:nth-child(3n) {
margin-right: 0;
}
.tal_new4 .swiper-slide .img {
width: 100%;
height: 250px;
}
.tal_new4 .swiper-slide .tit {
font-size: 20px;
color: #333;
height: 60px;
line-height: 30px;
display: flex;
align-items: center;
}
.tal_new4 .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.tal_new4 .swiper-pagination-bullet-active {
background: #009944;
}
.tal_new4 .swiper-button-next, .tal_new4 .swiper-button-prev {
width: 50px;
height: 50px;
margin-top: -80px;
background-size: 100%;
}
.tal_new4 .swiper-button-prev {
left: -120px;
background-image: url(../images/intr_new4_l.png);
}
.tal_new4 .swiper-button-next {
right: -120px;
background-image: url(../images/intr_new4_r.png);
}
.tal_new4 .swiper-button-next:hover, .tal_new4 .swiper-button-prev:hover {
opacity: 0.7;
}
.inte_new2 {
width: 100%;
height: 100%;
padding-top: 120px;
}
.inte_new2 .container {
height: 100%;
}
.inte_new2 .inte_swiper {
height: calc(100% - 80px);
padding-right: 40px
}
.inte_new2 .swiper-slide {
height: auto;
font-size: 16px;
color: #333;
line-height: 28px;
}
.inte_new2 .swiper-slide .tit {
font-size: 32px;
color: #333;
line-height: 34px;
margin-bottom: 40px;
}
.inte_new2 .swiper-slide p {
margin-bottom: 10px;
}
.inte_new2 .swiper-scrollbar-drag {
background: #009944;
}
.chint-test {
position: fixed;
right: 0;
bottom: 50px;
width: 270px;
height: 293px;
z-index: 10001;
}
.chint-test img {
display: block;
width: 100%;
}
.chint-close {
display: block;
width: 32px;
height: 32px;
background: url('../img/chint_close.png') no-repeat;
position: absolute;
left: 134px;
bottom: 0;
}
.chint-link {
display: block;
width: 130px;
height: 44px;
position: absolute;
top: 199px;
left: 85px;
}
.msg_title {
display: block;
width: 1280px;
line-height: 50px;
font-size: 20px;
color: #666;
margin: 0 auto;
text-align: center;
}
.msg {
width: 1280px;
margin: 20px auto;
overflow: hidden;
position: relative;
}
.msg label {
width: 100px;
text-align: right;
line-height: 45px;
display: block;
float: left;
color: #666;
margin: 5px 0;
font-size: 16px;
}
.msg input {
width: 91%;
height: 45px;
}
#content {
width: 91%;
height: 80px;
overflow-x: hidden;
resize: none;
line-height: 45px;
}
.msg_bt {
text-align: center;
width: 600px;
margin: 10px auto;
}
.msg_bt input {
width: 100px;
height: 40px;
margin: 10px 10px;
background: #999;
border: none;
color: #fff;
font-size: 14px;
border-radius: 5px;
}
.msg_bt input:hover {
background: #009944;
}
.msg input, #content {
margin: 5px 0;
padding: 0 5px;
border: 1px solid #a1a1a1;
font-size: 13px;
font-family: "微软雅黑";
}
.msg_yan {
position: relative;
display: block;
}
.msg_yan img {
position: absolute;
right: 20px;
bottom: 14px;
}
.msg input[type=text] {
display: block;
}
.product_list {
width: calc(25% - 12px);
margin: 0 15px 30px 0;
border: 1px solid #DCDCDC;
display: block;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.product_list:hover .con1 .tit1 {
color: #009944;
}
.product_list:nth-child(4n) {
margin-right: 0;
}
/*.product_list:hover .con1{
background:#fff;
}*/
.product_pic img {
width: 100%;
display: block;
}
.con1 {
background: #f5f5f5;
}
.con1 .tit1 {
font-size: 18px;
color: #222;
padding: 15px 18px;
height: 52px;
line-height: 24px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
}
.con1 .desc1 {
font-size: 15px;
color: #666;
height: 96px;
line-height: 24px;
padding: 0px 18px;
margin-bottom: 18px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical; display: none;
}
.product_fenlei {
width: 1280px;
margin: 0 auto;
}
.product_fenlei a {
display: block;
line-height: 80px;
font-size: 18px;
font-weight: 700;
color: #FFF;
text-align: center;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.product_fenlei a.tab-active:before {
background: url(../images/menu_on.png) no-repeat center top;
background-size: 100% 70%;
width: 275px;
height: 80px;
left: 50%;
margin-left: -138px;
top: 0;
content: '';
position: absolute;
}
.product_fenlei a.active:before {
background: url(../images/menu_on.png) no-repeat center top;
background-size: 100% 70%;
width: 275px;
height: 80px;
left: 50%;
margin-left: -138px;
top: 0;
content: '';
position: absolute;
}
.jobstail {
width: 1280px;
margin: 0 auto;
}
.jobstail h3 {
font: 18px/35px "微软雅黑";
font-weight: bold;
letter-spacing: 1px;
}
.jobstail p {
line-height: 28px;
}
.jobtc {
z-index: 60;
}
.jobtc .tit {
text-align: center;
line-height: 2em;
font-weight: bold;
width: 100%;
font-size: 24px;
}
.jobtc .tit span {
font-size: 24px;
color: #666;
}
.jobtc_:before {
content: " ";
display: table;
}
.jobtc_:after {
content: " ";
display: table;
clear: both;
}
.jobtc_ h3 {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #d3d0cf;
width: 83.3%;
margin-left: 4.17%;
margin-top: 40px;
}
.jobtc_ h3 span {
color: #e46713;
font-family: "微软雅黑";
font-weight: bold;
font-size: 1.66667em;
line-height: 50px;
height: 49px;
display: inline-block;
border-bottom: 3px solid #e46713;
}
.jobtc_ table {
width: 100%;
margin-top: 30px;
font-size: 16px;
}
.jobtc_ table tr {
min-height: 32px;
position: relative;
}
.jobtc_ table tr img {
position: absolute;
top: 4px;
right: 0
}
.jobtc_ table tr td {
padding-bottom: 12px;
position: relative;
}
.jobtc_ table tr td:nth-child(1) {
width: 10%;
}
.jobtc_ table tr td:nth-child(2) {
width: 90%;
}
.jobtc_ table tr td span {
font-size: 1.16667em;
font-family: "微软雅黑";
color: #333;
margin-right: 15px;
line-height: 32px;
float: right;
}
.regi_input, #sex {
width: 98%;
height: 42px;
border: 1px solid #cbcbcb;
font-family: "微软雅黑";
color: #333;
line-height: 30px;
padding: 0 1%;
box-sizing: content-box;
}
.jobtc_ table tr td textarea {
width: 100%;
padding: 0 1%;
height: 140px;
resize：none;
border: 1px solid #cbcbcb;
line-height: 30px;
font-family: "微软雅黑";
}
.regi_t {
display: inline-block;
width: 80px;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 16px;
background-color: #009944;
border: none;
cursor: pointer;
margin-right: 5px;
margin-top: 10px;
}
.regi_c, .regi_q {
display: inline-block;
width: 80px;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 1.16667em;
background-color: #9c9c9c;
border: none;
cursor: pointer;
margin-top: 10px;
font-size: 16px;
}
.regi_q {
background-color: #b4b7b8;
}
.jobtc_bg {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 59;
background: #000;
opacity: 0.8;
filter: alpha(opacity=80);
display: none;
}
.download li a {
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.download li{
width: 100%;
}
.download li a .title{
float: left;
}
.download li a img{
width: 2%;
float: right; margin: 8px;
}
@media screen and (max-width:1660px){
.container {
width: 1000px;
}
}
.grp_new4 .grp4_r .right {
border-left: 1px solid #eaeaea;
min-height: 600px;
position: relative;
}
.grp_new4 .grp4_r .right dl {
padding: 10px 0 10px 90px;
}
.grp_new4 .grp4_r .right dl dt {
position: relative;
color: #fff;
background: #009944;
display: inline-block;
font-size: 1.8rem;
padding: 12px 32px;
}
.grp_new4 .grp4_r .right dl dt:before {
content: '';
display: block;
width: 12px;
height: 12px;
background: #ccc;
border-radius: 100%;
position: absolute;
left: -96px;
top: 18px;
}
.grp_new4 .grp4_r .right dl dt:after {
content: '';
display: block;
width: 12px;
height: 12px;
background: #009944;
left: -6px;
top: 19px;
transform: rotate(-45deg);
position: absolute;
}
.grp_new4 .grp4_r .right dl dd {
font-size: 1.5rem;
padding: 10px 0 0 0;
}
::-webkit-scrollbar
{
width: 13px;
height: 6px;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
border-radius: 12px;
background-color: #e7e7e7;
}
/*定义滚动滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 12px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #009944;
}
::-webkit-scrollbar-thumb:hover{
background: #009944;
}
.prism-player video{object-fit: cover;}
/*产品分类*/
.catelist .nav_item{
background:#fff;
border-bottom: 1px solid #f5f5f5;
}
.catelist .top_item{
line-height: 60px;
background: #fff;
position: relative;
height: 60px;
transition:all .3s
}
.catelist .top_item a{
font-size: 18px;
display: inline-block;
display: block;
padding: 0 15px;
}
.catelist .nav_item .sub{
padding:0;
margin:0;
list-style:none;
display:none;
background:#edfff4
}
.catelist .nav_item.active .sub{
display:block
}
.catelist .top_item .more{
width:60px;
line-height:60px;
position:absolute;
top:0;
right:0;
text-align:center;
font-size:30px;
cursor:pointer
}
.catelist .top_item .more:after{
content:"+";
color:#777
}
.catelist .nav_item.active .more:after{
content:"-";
}
.catelist .top_item:hover,.catelist .nav_item.active .top_item{
background:#00772b;
}
.catelist .nav_item.active .top_item a{
color:#ffff; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.catelist .top_item:hover a,.catelist .top_item:hover .more:after{
color:#fff
}
.catelist .sub li{
line-height:50px;
}
.catelist .sub li a{
padding:0 25px;
font-size:16px;
display:block;
transition:all .3s linear;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.catelist .sub li a:hover{
color:#00772b;
border-bottom:1px solid #00772b;
text-indent:5px
}
.catelist .sub li.sublist a{
color:#00772b;
border-bottom:1px solid #00772b;
text-indent:5px
}
.catelist .sub li.sublist a:hover{
color:#00772b;
border-bottom:1px solid #00772b;
text-indent:5px
}
.catelist{
width: 26%;
float: left;
}
.proddet
{
width: 70%;
float: right;
}
.new_list .catelist .title{ margin-bottom: 40px;}
.catelist .top_item:hover, .catelist .nav_item.active .top_item{
background: #00772b;
}
/*************** 合作客户 /***************/
.customer {margin:0 auto;overflow:hidden;}
.hezuo {height:560px;width:100%;margin:0 auto;display: flex;border-right:1px solid #ccc;overflow: hidden;box-sizing: border-box;border-bottom:1px solid #ccc;}
.hezuo .swiper-container1 {position: unset;;width:82%;height:100%;margin-left:auto;margin-right:auto;background:#ccc;box-sizing: border-box; border-top: 1px solid #ccc;}
.hezuo .hezuo_a{width: 25%;height: 100%;display: flex;flex-direction: column;border-right: 1px solid #ccc;border-top: 1px solid #ccc;border-left: 1px solid #ccc;z-index: 2;}
.hezuo .hezuo_a .hezuo_a_1{/*padding: 5% 0;*/width:100%;height: auto;border-top:1px solid #fff;position: relative;}
.hezuo .hezuo_a .hezuo_a_1 .lazy{width:100%;height:auto;}
.hezuo .hezuo_a .hezuo_a_1 a img{width:100%;height:100%;}
.hezuo .hezuo_a .hezuo_a_1:after{content: ""; top: 0;left: 0;position: absolute;width: 100%;height: 100%;background: url(../images/chose_icon_0.png) no-repeat left top;}
.hezuo .hezuo_a .hezuo_a_2{height: 100%;width:100%;background-color: #a8a8a8;padding: 50px 30px 0;box-sizing: border-box;font-size: 22px;box-sizing: border-box;color: #fff;line-height: 25px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;transition: all .5s ease;}
.hezuo .hezuo_a .hezuo_a_2 a{transition: 1s all;color:#fff;font-size: 15px;}
.hezuo .hezuo_a .hezuo_a_2 a img{display: block;margin-top: 50px;transition: 1s ease-in-out;border-radius: 20px;}
.hezuo .hezuo_a .hezuo_a_2:hover a{color:#ccc;}
.hezuo .hezuo_a .hezuo_a_2:hover a img{transform: translateX(40px);background-color:#000;}
.hezuo .swiper-slide{
position: relative;
cursor: pointer;
text-align: center;
font-size: 18px;
background: #fff;
height: auto !important;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border: 1px solid #ddd;
}
/* .hezuo .swiper-slide_s1{position: absolute;right: 0px;height: 185px !important;bottom: 0px;} */
.hezuo .swiper-slide img {max-height:99px;width:auto;}
.hezuo .swiper-pagination {top:0;left:0;height:30px;border-bottom: 1px solid #ccc;background: #fff;border-right: 1px solid transparent;}
.hezuo .swiper-slide .text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);display: flex;justify-content: center; align-items: center;transition: 0.2s ease-in;}
.hezuo .swiper-slide .text h3 {text-align: center;padding: 0 15px;opacity: 0; margin-top:40px;color: #fff;font-size: 15px;}
.hezuo .swiper-slide:hover .text{opacity: 1;}
.hezuo .swiper-slide:hover .text h3{transition: 1s ease-in-out;opacity: 1; margin-top:0px;}
.index-title{text-align:center;padding-bottom: 30px;}
.index-title .big{font-size:40px;color:#000;line-height:55px}
.index-title .small{font-size:16px;color:#555;line-height:40px}
.index-chose{box-sizing:border-box;overflow:hidden;}
.hezuo .swiper-pagination span{width: 10px;height: 10px;background: #ee1d23;}
@media screen and (max-width:1024px){.hezuo .swiper-slide img {max-height: unset; width: 100%;}}
@media screen and (max-width:768px){
.hezuo .swiper-slide .text h3 {padding: 0;}
.index-title .big {font-size: 30px;line-height: 30px;}
.index-title .small{margin-bottom: -15px;}
.hezuo .hezuo_a{display: none;}
.hezuo .swiper-container1 { width: 100%;}
.hezuo {height: 300px;margin-left: 1%;border-left: 1px solid #ccc;}
.hezuo .swiper-pagination{border-right: 2px solid #fff;}
}
@media screen and (max-width:425px){
.index-title .big {font-size: 23px;line-height: 30px;}
.index-title .small {font-size: 14px;line-height: 22px;}
.index-title {padding-bottom: 20px;}
.hezuo {height:200px;}
.hezuo .swiper-slide {font-size: 15px;}
.hezuo .swiper-slide .text h3 {margin-top:10px;}
.hezuo .swiper-slide .text h3 {font-size:16px;}
.hezuo .swiper-slide a{font-size:15px;}
}
/*************** 合作客户 结束 /***************/
.proList-main{overflow:hidden}
.proList-main li{float:left}
.proList-main li{width:calc(22% - 2px);margin-right:3.5%;float:left;margin-bottom:3%;border:1px #ddd solid}
.proList-main li:nth-child(4n){margin-right:0}
.proList-main li .Pic{display:block;overflow:hidden}
.proList-main li .Pic img{width:90%;margin:0 auto;transition:all 1s;display:block}
.proList-main .shunxu{text-align: right;font-size: 16px;transform: translateY(-35px);}
.proList-main li .Pic .Pic_a1{padding-top: 5%;padding-bottom: 5%;}
.proList-main li .Pic_1 .Pic_a1{padding-top:0;width: 100%;}
.proList-main li:hover img{opacity:.8}
.proList-main li .intro{padding:28px 5% 0;height:177px;background:#fff;position:relative}
.proList-main li .intro_1 {padding: 5% 5%;text-align: center;}
.proList-main li .intro h3{font-size:16px;color:#333;font-weight:700}
.proList-main li .intro h3 a{color:#333;text-decoration:none}
.proList-main li .intro_1 h3{line-height: 19px;}
.green-black {
padding: 3px 4px 5px;
margin: 0 auto 70px;
text-align: center;
}
.green-black a {
padding: 8px 12px;
border: #d2d2d2 1px solid;
background: #f2f2f2;
font-size: 14px;
font-family: "微软雅黑";
color: #333;
margin-right: 8px;
text-decoration: none;
}
.green-black a:hover {
border: #c2000e 1px solid;
background: #c2000e;
color: #fff;
}
.green-black a:active {
border: #c2000e 1px solid;
background: #c2000e;
color: #fff;
}
.green-black a.current {
border: #c2000e 1px solid;
padding: 8px 12px;
font-weight: bold;
background: #c2000e;
color: #fff;
margin-right: 8px;
}
.green-black a.disabled {
border: #c2000e 1px solid;
padding: 8px 12px;
color: #ccc;
margin-right: 8px;
}