/* 脙茠脗楼脙垄芒鈥毬偮γ冣€毭偮兤捗偮ッ兟⒚⑩€毬偮γ冣€毭偮泵兤捗偮冣€γ偮∶兟⒚⑩€毬吢綾ss */ /* * { box-sizing: border-box; } */ #pc1 { display: none; } /* 脙茠脗漏脙鈥毭偮C冣€姑呪€溍兤捗偮冣€毭偮兟⒚⑩€毬⑩偓聺 */ #pc1>:nth-child(1) { width: 240px; height: 176px; position: absolute; z-index: -1; } #pc1>:nth-child(1) a { width: 100%; height: 100%; } #pc1 img { width: 100%; height: 100%; } .close_btn { display: inline-block; width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; } .auto_cut { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .auto_cut1 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } ul, li { list-style-type: none; margin: 0; padding: 0; } a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; display: block; } /* 脙茠脗楼脙垄芒鈥毬⑩€灺⒚冣€γ⑩偓鈩⒚兤捗偮ッ兟⒚⑩€毬偮γ冣€毭偮兤捗偮ッ兟⒚⑩€毬偮γ冣€毭偮兤捗偮ッ兟⒚⑩€毬偮犆冣€毭偮裁兤捗偮冣€毭偮冣€毭偮伱兤捗偮冣€γ偮∶兟⒚⑩€毬吢久兤捗偮γ冣€毭偮犆冣€毭偮访兤捗偮ッ冣€毭偮济冣€毭偮 */ .footer_bottom_nav a { display: inline; } .nav_content_desc>p>a { display: inline; } .nav_news_desc>a { display: inline; } .transtion { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } img { height: auto; /* vertical-align: top; */ -ms-interpolation-mode: bicubic; border: 0; outline: 0; } .content_web { width: 1200px; min-width: 1200px; margin: 0 auto; } /* 脙茠脗楼脙垄芒鈥毬偮γ冣€毭偮兤捗偮ッ兟⒚⑩€毬偮γ冣€毭偮泵兤捗偮γ冣€毭偮犆冣€毭偮访兤捗偮ッ冣€毭偮济冣€毭偮 */ .cur { background: #006cff; color: white !important; } .col_common { color: #006cff !important; } .fotter { margin-bottom: 60px; } /* 脙茠脗楼脙鈥毭偮っ冣€毭偮疵兤捗偮γ冣€毭偮澝冣€毭偮 */ .content_web>h1 { margin-top: 60px; text-align: center; font-size: 32px; /* height: 32px; line-height: 32px; */ } .content_web>h1>a { font-weight: bold; color: #960e0e; } .content_web>h4 { line-height: 26px; margin-top: 19px; font-size: 16px; font-weight: normal; color: #aaaaaa; text-align: center; } .content_web>h4>a { color: #006cff; display: inline; } /* 脙茠脗篓脙鈥毭偮矫冣€毭偮兤捗偮γ兟⒚⑩€毬⑩€灺⒚冣€毭偮兤捗偮ッ兟⒚⑩€毬偮好冣€毭偮総ab */ .swiper { margin-top: 56px; text-align: center; margin-bottom: 30px; } .swiper ul { display: inline-block; margin: 0 auto; } .swiper ul li { width: 175px; height: 40px; background: #f1f1f8; text-align: center; line-height: 40px; font-size: 20px; font-weight: 400; color: #666666; margin-right: 15px; position: relative; } .tab_swiper_img { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } /* 脙茠脗楼脙鈥毭偮懊冣€毭偮徝兤捗偮っ冣€毭偮该兟⒚⑩€毬偮懊兤捗偮冣€毭偮兟⒚⑩€毬⑩€灺 */ .sanjiao_down { transition: all 0.3s ease; display: none; position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0; left: 80px; /*脙茠脗娄脙鈥姑呪€溍冣€毭偮兤捗偮ッ兟⒚⑩€毬偮好冣€毭偮犆兤捗偮っ冣€毭偮该冣€毭偮? 脙茠脗篓脙垄芒鈧久偮⒚冣€毭偮矫兤捗偮兟⒚⑩€毬吢久冣€毭偮睹兤捗偮ッ冣€毭偮冣€毭偮矫兤捗偮┟冣€毭偮冣€姑呪€溍兤捗偮ッ冣€毭偮好冣€毭偮γ兤捗偮っ冣€毭偮该冣€毭偮?, 脙茠脗陇脙鈥毭偮矫兟⒚⑩€毬偮犆兤捗偮ッ冣€γ⑩偓艙脙鈥毭偮↖E6脙茠脗陇脙鈥毭偮该兟⒚⑩€毬偮姑兤捗偮っ冣€毭偮济冣€γ偮∶兤捗偮ッ兟⒚⑩€毬偮γ冣€毭偮访兤捗偮γ冣€γ⑩偓艙脙垄芒鈥毬偮懊兤捗偮┟冣€毭偮幻冣€姑呪€溍兤捗偮冣€毭偮冣€毭偮っ兤捗偮冣€γ偮∶兟⒚⑩€毬吢 */ line-height: 0; /* 脙茠脗楼脙鈥毭偮兟⒚⑩€毬⑩偓聺脙茠脗陇脙鈥毭偮矫兟⒚⑩€毬呪€溍兤捗偮ッ冣€毭偮っ冣€毭偮兤捗偮ッ冣€毭偮懊冣€毭偮徝兤捗偮ッ兟⒚⑩€毬⑩€灺⒚冣€γ⑩偓鈩⒚兤捗偮冣€毭偮∶冣€γ⑩偓鈩⒚兤捗偮┟冣€毭偮冣€姑呪€? 脙茠脗楼脙鈥毭偮冣€毭偮济兤捗偮兟⒚⑩€毬偮∶冣€毭偮疵兤捗偮兟⒚⑩€毬偮好兟⒚⑩€毬⑩€灺⒚兤捗偮ッ冣€毭偮冣€毭偮惷兤捗偮ッ兟⒚⑩€毬嬇撁冣€姑⑩偓聽脙茠脗搂脙鈥γ偮矫冣€毭偮懊兤捗偮冣€毭偮⒚冣€毭偮兤捗偮γ兟⒚⑩€毬⑩€灺⒚兟⒚⑩€毬嬇撁兤捗偮ッ冣€毭偮济兟⒚⑩偓拧脗卢脙茠脗搂脙鈥γ偮∶兟⒚⑩€毬吢久兤捗偮┟兟⒚⑩€毬偮⒚冣€毭偮棵兤捗偮冣€γ偮该冣€毭偮┟兤捗偮ッ冣€毭偮矫冣€毭偮 */ border-width: 8px; border-style: solid dashed dashed dashed; /*IE6脙茠脗陇脙鈥毭偮该兟⒚⑩€毬偮? 脙茠脗篓脙鈥毭偮冣€毭偮久兤捗偮冣€毭偮矫冣€毭偮兤捗偮っ冣€毭偮矫兟⒚⑩偓啪脗垄脙茠脗陇脙鈥毭偮该兟⒚⑩€毬偮姑兤捗偮っ冣€毭偮该兟⒚⑩€毬偮懊兤捗偮γ冣€毭偮澝冣€毭偮∶兤捗偮冣€毭偮久冣€毭偮姑兤捗偮冣€γ偮∶兟⒚⑩€毬吢綽order-style脙茠脗陇脙鈥毭偮该冣€毭偮篸ashed,脙茠脗楼脙鈥毭偮嵜冣€毭偮趁兤捗偮ッ冣€毭偮徝冣€毭偮兤捗偮冣€毭偮久冣€毭偮久兤捗偮ッ冣€姑⑩偓聽脙鈥毭偮懊兤捗偮┟兟⒚⑩偓拧脗卢脙鈥毭偮徝兤捗偮γ冣€姑呪€溍冣€γ偮矫兤捗偮冣€γ偮∶兟⒚⑩€毬吢久兤捗偮γ兟⒚⑩€毬偮⒚冣€姑⑩偓聽脙茠脗娄脙鈥γ偮久冣€γ⑩偓艙*/ border-color: #006cff transparent transparent transparent; } /* 脙茠脗搂脙鈥毭偮冣€毭偮兤捗偮っ冣€毭偮该兟⒚⑩偓拧脗卢脙茠脗陇脙鈥毭偮该冣€毭偮猻wiper */ .swiper-box { width: 600px; overflow: hidden; } .swiper-container-intro { width: 600px; height: 338px; } .swiper-container-intro dl { width: 100%; height: 100%; position: relative; } .swiper-container-intro dl dt { width: 100%; height: 100%; } .swiper-container-intro dl dt img { width: 600px; height: 338px; } .swiper-container-intro dl dd { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; color: #fff; background: #000; background: rgba(0, 0, 0, 0.4); } .swiper-container-intro dl dd h3 { margin: 16px 0 0 17px; font-size: 20px; font-weight: 400; color: #ffffff; line-height: 33px; width: 430px; } .pagination-intro { text-align: center; position: absolute; right: 0; bottom: 0px; margin: 0; z-index: 1;} .pagination-intro .swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: white; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .pagination-intro .swiper-pagination-switch.swiper-active-switch { background: #006cff; } /* 脙茠脗搂脙鈥毭偮冣€毭偮兤捗偮っ冣€毭偮好冣€γ⑩偓鈩⒚兤捗偮っ冣€毭偮该冣€毭偮猻wiper */ .swiper-container-intro1 { width: 600px; height: 400px; } .swiper-container-intro1 dl { width: 100%; height: 100%; position: relative; } .swiper-container-intro1 dl dt { width: 100%; height: 100%; } .swiper-container-intro1 dl dt img { width: 600px; height: 338px; } .swiper-container-intro1 dl dd { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; color: #fff; background: #000; background: rgba(0, 0, 0, 0.4); } .swiper-container-intro1 dl dd h3 { margin: 16px 0 0 17px; font-size: 20px; font-weight: 400; color: #ffffff; line-height: 33px; width: 430px; } .pagination-intro1 { text-align: center; position: absolute; right: 18px; bottom: 14px; margin: 0; } .pagination-intro1 .swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: white; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .pagination-intro1 .swiper-pagination-switch.swiper-active-switch { background: #006cff; } /* 脙茠脗搂脙鈥毭偮冣€毭偮兤捗偮っ冣€毭偮该兟⒚⑩€毬偮懊兤捗偮っ冣€毭偮该冣€毭偮猻wiper */ .swiper-container-intro2 { width: 600px; height: 400px; } .swiper-container-intro2 dl { width: 100%; height: 100%; position: relative; } .swiper-container-intro2 dl dt { width: 100%; height: 100%; } .swiper-container-intro2 dl dt img { width: 600px; height: 100%; } .swiper-container-intro2 dl dd { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; color: #fff; background: #000; background: rgba(0, 0, 0, 0.4); } .swiper-container-intro2 dl dd h3 { margin: 16px 0 0 17px; font-size: 20px; font-weight: 400; color: #ffffff; line-height: 33px; width: 430px; } .pagination-intro2 { text-align: center; position: absolute; right: 18px; bottom: 14px; margin: 0; } .pagination-intro2 .swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: white; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .pagination-intro2 .swiper-pagination-switch.swiper-active-switch { background: #006cff; } /* 脙茠脗搂脙鈥毭偮冣€毭偮兤捗偮ッ兟⒚⑩€毬偮好兟⒚⑩€毬偮好兤捗偮っ冣€毭偮该冣€毭偮兤捗偮冣€毭偮矫冣€毭偮兤捗偮γ兟⒚⑩€毬⑩€灺⒚冣€毭偮 */ .swiper-container-intro3 { width: 600px; height: 400px; } .swiper-container-intro3 dl { width: 100%; height: 100%; position: relative; } .swiper-container-intro3 dl dt { width: 100%; height: 100%; } .swiper-container-intro3 dl dt img { width: 600px; height: 100%; } .swiper-container-intro3 dl dd { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; color: #fff; background: #000; background: rgba(0, 0, 0, 0.4); } .swiper-container-intro3 dl dd h3 { margin: 16px 0 0 17px; font-size: 20px; font-weight: 400; color: #ffffff; line-height: 33px; width: 430px; } .pagination-intro3 { text-align: center; position: absolute; right: 18px; bottom: 14px; margin: 0; } .pagination-intro3 .swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: white; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .pagination-intro3 .swiper-pagination-switch.swiper-active-switch { background: #006cff; } .swiper-container-banner { width: 100%; min-width: 1200px; height: 580px; top: 0px; z-index: 0;} .swiper-container-banner .swiper-slide a { width: 100%; display: block; height: 100%; } .banner_item>img { width: 100%; height: 580px; } .pagination-intro-banner { width: 100%; text-align: center; height: 50px;} .pagination-intro-banner .swiper-pagination-switch { display: inline-block; width: 42px; height: 5px; background: #fff; margin: 0 5px; border-radius: 0; border: none; cursor: pointer; } /* 脙茠脗楼脙鈥毭偮徝冣€毭偮趁兤捗偮っ冣€毭偮久冣€毭偮兤捗偮γ兟⒚⑩€毬⑩偓艙脙鈥毭偮懊兤捗偮┟兟⒚⑩€毬⑩偓聺脙鈥毭偮幻兤捗偮ッ冣€姑⑩偓聽脙垄芒鈥毬⑩偓聺脙茠脗篓脙鈥毭偮∶冣€毭偮 */ .right_news { margin-left: 30px; width: 570px; } .right_news ul li { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; height: 56px; line-height: 56px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); } .right_news ul li a { width: 464px; } .right_news ul li a:hover { color: #006cff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .right_news_date { font-size: 14px; font-weight: 400; color: #cdcdcd; } /* 脙茠脗楼脙鈥毭偮好兟⒚⑩€毬偮⒚兤捗偮っ冣€毭偮该兟⒚⑩€毬偮姑兤捗偮γ冣€γ偮该冣€毭偮ッ兤捗偮冣€γ⑩偓艙脙垄芒鈥毬偮姑兤捗偮γ兟⒚⑩€毬偮好冣€毭偮疵兤捗偮ッ冣€毭偮っ冣€γ偮 */ .more_cat { width: 175px; height: 35px; line-height: 35px; background: #f7f7f7; margin-top: 23px; margin-left: auto; text-align: center; } .more_cat>a { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; } .more_cat:hover { background-color: #006cff; } .more_cat:hover>a { color: #fff; } /* 脙茠脗陇脙鈥毭偮好冣€毭偮兤捗偮っ冣€毭偮该冣€γ偮∶兤捗偮ッ冣€毭偮该冣€犆⑩偓鈩⒚兤捗偮ッ冣€毭偮泵兟⒚⑩偓拧脗卢 */ .industry { width: 100%; height: 250px; margin-top: 36px; position: relative; padding-top: 25px; margin-bottom: 35px; background: url(index_cn_res/icon_industry.png) no-repeat; background-size: 100% 100%; } .industry>img { width: 100%; height: 100%; } .industry>h1 { text-align: center; font-size: 32px; font-family: Source Han Sans SC; font-weight: bold; color: #ffffff; } .industry>h4 { margin-top: 12px; text-align: center; font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; color: #00eb9b; } .industry .energy ul { display: inline-block; position: relative; height: 158px; } .industry .energy ul> :nth-child(1) { left: 81px; } .industry .energy ul> :nth-child(2) { left: 254px; } .industry .energy ul> :nth-child(3) { left: 426px; } .industry .energy ul> :nth-child(4) { left: 600px; } .industry .energy ul> :nth-child(5) { left: 772px; } .industry .energy ul> :nth-child(6) { left: 946px; } .industry .energy ul li { position: absolute; width: 13.2%; height: 158px; background: rgba(0, 108, 255, 0.45); cursor: pointer; box-sizing: content_web-box; } .industry .energy ul li a { width: 100%; height: 100%; } .energy { margin-top: 38px; text-align: center; } .energy img { } .energy a>div { font-size: 16px; font-weight: 400; color: #ffffff; } /* 脙茠脗楼脙鈥毭偮懊冣€毭偮徝兤捗偮ッ兟⒚⑩€毬偮好冣€毭偮久兤捗偮γ冣€毭偮犆兟⒚⑩€毬偮∶兤捗偮γ兟⒚⑩€毬⑩偓聺脙垄芒鈥毬偮姑兤捗偮冣€毭偮矫冣€毭偮 脙茠脗楼脙垄芒鈥毬⑩€灺⒚冣€γ⑩偓鈩⒚兤捗偮ッ冣€毭偮兟⒚⑩€毬⑩偓聺脙茠脗陇脙鈥毭偮矫兟⒚⑩€毬呪€溍兤捗偮ッ冣€毭偮徝冣€姑呪€溍兤捗偮ッ冣€毭偮っ冣€毭偮 */ .route360 { transform: rotate(360deg); } /* 脙茠脗篓脙鈥犆⑩偓鈩⒚冣€毭偮矫兤捗偮γ冣€毭偮好冣€毭偮惷兤捗偮ッ兟⒚⑩€毬偮犆兟⒚⑩€毬偮γ兤捗偮ッ冣€毭偮冣€毭偮 */ .energy_content { margin-top: 64px; position: relative; height: 340px; } .energy_content_left { position: absolute; left: 0; width: 615px; height: 340px; /* z-index: -1; */ } .energy_content_left>a { position: relative; } .energy_content_left>a, .energy_content_left>a>img { overflow: hidden; width: 100%; height: 100%; /* z-index: -5; */ } .energy_content_left>a>img { position: absolute; left: 0; } /* .energy_content_left img:hover { transform: scale(1.2); } */ .energy_content_right { z-index: 1; position: absolute; right: 0; height: 340px; width: 598px; } .energy_content_right>img { position: absolute; left: 0; z-index: -1; } .energy_content_right h1 { margin-left: 46px; margin-top: 40px; position: relative; } .energy_content_right h1::after { content: ""; display: block; width: 47px; height: 2px; bottom: -24px; position: absolute; background: #00eb9b; } .energy_content_right h1 a { font-size: 26px; font-weight: 400; color: #ffffff; } .energy_content_right h5 { box-sizing: border-box; padding-right: 35px; margin-left: 46px; margin-top: 47px; height: 100px; overflow: hidden; } .energy_content_right .intro { height: auto; } .energy_content_right h5 a { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 24px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; height: 96px; } .industry>:nth-child(4) h5 a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical; height: 168px; } /* 脙茠脗篓脙垄芒鈥毬吢∶冣€毭偮∶兤捗偮冣€毭偮ッ冣€毭偮 */ .shares { position: absolute; top: 50px; left: 107px; } .shares>img { width: 24px; height: 22px; margin-right: 8px; } .shares>span { font-size: 18px; font-weight: bold; color: #ffffff; } .energy_content_left ul { width: 458px; position: absolute; top: 98px; left: 61px; } .energy_content_left ul li { font-size: 16px; line-height: 52px; height: 52px; border-bottom: 1px solid #ff5b5b; padding-left: 54px; } .energy_content_left ul li>img { margin-top: 17px; margin-right: 32px; } .energy_content_left ul li>a { font-weight: bold; color: #ffffff; } .fangkuai { width: 8px; height: 8px; background: #ff5b5b; margin-top: 23px; margin-right: 17px; } .shang_count { font-size: 16px; font-weight: bold; color: #ff5b5b; margin-right: 13px; } .shang_count_down { color: #00eb9b; } .phone { width: 288px; height: 34px; background: #fff; border: 2px solid #ffffff; margin-top: 45px; margin-left: 286px; } .phone>img { vertical-align: middle; margin-left: 8px; margin-top: 3px; } .phone_content { width: 252px; height: 100%; background: #006cff; opacity: 0.92; line-height: 32px; text-align: center; font-size: 16px; font-weight: 400; color: #ffffff; } /* 脙茠脗楼脙垄芒鈥毬偮好冣€毭偮久兤捗偮兟⒚⑩€毬偮懊兟⒚⑩€毬偮∶兤捗偮ッ冣€姑⑩偓聽脙垄芒鈥毬⑩偓聺脙茠脗篓脙鈥毭偮∶冣€毭偮 */ .picture_list a { width: 100%; height: 100%; position: relative; overflow: hidden; } .picture_list img, .picture_list span { transition: all 0.3s ease; } .picture_list img:hover { transform: scale(1.2); } .left_big { width: 506px; height: 420px; overflow: hidden; } .index_bottom_img:hover { transform: scale(1.2); } .index_bottom_img { background-repeat: no-repeat; background-size: cover; } .center_pic { width: 404px; margin-left: 14px; } .center_pic> :nth-child(2) { margin-top: 14px; } .center_pic_single { width: 100%; height: 203px; overflow: hidden; } .right_pic { width: 262px; } .right_pic_single { height: 330px; overflow: hidden; } .right_pic_more { width: 262px; height: 80px; background: #f1f1f8; margin-top: 10px; text-align: center; line-height: 80px; } .right_pic_more>a { color: #666666; } .right_pic_more:hover { background-color: #006cff; } .right_pic_more:hover>a { color: #fff; } /* 脙茠脗搂脙鈥毭偮冣€毭偮兤捗偮っ冣€毭偮该兟⒚⑩€毬偮懊兤捗偮冣€毭偮冣€毭偮嵜兤捗偮γ冣€毭偮犆冣€毭偮访兤捗偮ッ冣€毭偮济冣€毭偮 */ .left_big1 { width: 220px; height: 420px; overflow: hidden; } .left_big1 a { position: relative; } .left_big1 span { position: absolute; bottom: 43px; left: 67px; font-size: 20px; font-weight: bold; color: #ffffff; } .left_big1 img { width: 100%; height: 100%; } .center_pic1 { width: 475px; margin-left: 15px; } .center_pic1> :nth-child(2) { margin-top: 14px; } .center_pic1 .center_pic_single { width: 100%; height: 203px; } .center_pic1 img { width: 100%; height: 100%; }