/* ============================================================
oldshell.css —— 老壳（老 header/footer）专用样式，作用域 .oldshell
------------------------------------------------------------
由 scripts/build-oldshell-css.py 从 css/main.css 抽取生成，请勿手工编辑。
用法：老壳标记外层套 …
，本文件在 new.css 之后引入。
覆盖：老壳组件 = nav.html + phnav.html + footer.html（+ #Top/#nav_div/.footer/#topTop 包裹层）
============================================================ */
.oldshell {
font-size: 16px;
letter-spacing: 0;
color: #333;
}
.oldshell a {
text-decoration: none;
}
.oldshell a:link, .oldshell a:visited {
color: #333333;
}
.oldshell em, .oldshell i {
font-style: normal;
}
.oldshell img {
border: 0;
vertical-align: middle;
}
.oldshell ul {
list-style: none;
}
.oldshell li {
list-style: none;
}
.oldshell sub, .oldshell sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.oldshell sup {
top: -0.36em;
}
.oldshell sub {
bottom: -0.25em;
}
.oldshell video {
width: 100%;
height: 100%;
object-fit: contain;
}
.oldshell video:focus {
outline: none;
}
.oldshell .content_title {
font-size: 40px;
font-weight: 400;
line-height: 40px;
color: #000;
margin-top: 70px;
letter-spacing: 3px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_title {
font-size: 30px;
}
}
@media (max-width: 991px) {
.oldshell .content_title {
font-size: 23px;
line-height: 36px;
margin-top: 53px;
letter-spacing: 2px;
}
}
@media (max-width: 991px) {
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body {
width: 820px;
}
}
@media (max-width: 991px) {
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body.ph_w100 {
width: 100%;
}
}
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li {
display: inline-block;
margin-left: 82px;
cursor: pointer;
}
@media (max-width: 991px) {
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li {
margin-left: 40px;
}
}
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li:first-child {
margin-left: 0;
}
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li.active {
border-bottom: 2px solid #337dff;
}
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li.active > a {
color: #999999;
}
.oldshell .content_body {
width: 1280px;
margin-right: auto;
margin-left: auto;
position: relative;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_body {
width: 100%;
padding: 0 130px;
}
}
@media (max-width: 991px) {
.oldshell .content_body {
width: 100%;
padding: 0 30px;
}
}
.oldshell .to-top {
position: fixed;
z-index: 999;
top: 50%;
right: 2px;
margin-top: 120px;
width: 60px;
padding: 10px 10px 10px 10px;
text-align: center;
cursor: pointer;
background-color: #FFF;
box-shadow: 0 0 10px #ccc;
}
.oldshell .to-top img {
width: 26px;
height: 14px;
}
.oldshell .right-icon {
position: fixed;
z-index: 999;
top: 50%;
right: 2px;
margin-top: -106px;
width: 60px;
background-color: #FFF;
box-shadow: 0 0 10px #ccc;
}
.oldshell .right-icon > ul > li {
text-align: center;
}
.oldshell .right-icon > ul > li .phone_detail {
display: none;
position: absolute;
right: 70px;
width: 210px;
margin-top: -78px;
padding: 17px 10px 18px 23px;
background: url("/imgs/icon/i_phone_bg.png") no-repeat;
background-size: 100% 100%;
text-align: left;
}
.oldshell .right-icon > ul > li .phone_detail .tit {
font-size: 12px;
color: #b2b2b2;
}
.oldshell .right-icon > ul > li .phone_detail .phone_num {
font-size: 26px;
color: #1566a6;
}
.oldshell .right-icon > ul > li .qr_detail {
display: none;
position: absolute;
right: 70px;
width: 200px;
height: 120px;
margin-top: -103px;
background: url("/imgs/icon/i_qr_detail.png") no-repeat;
background-size: 100% 100%;
}
.oldshell .right-icon > ul > li.phone {
background-color: #1566a6;
}
.oldshell .right-icon > ul > li.phone .txt {
color: #FFF;
}
.oldshell .right-icon > ul > li.phone:hover .txt {
font-weight: bold;
}
.oldshell .right-icon > ul > li.phone:hover .phone_detail {
display: block;
}
.oldshell .right-icon > ul > li#right-icon-kefu {
cursor: pointer;
}
.oldshell .right-icon > ul > li#right-icon-kefu:hover {
background-color: #1566a6;
}
.oldshell .right-icon > ul > li#right-icon-kefu:hover .txt {
color: #FFF;
}
.oldshell .right-icon > ul > li#right-icon-kefu:hover img:nth-child(1) {
display: none;
}
.oldshell .right-icon > ul > li#right-icon-kefu:hover img:nth-child(2) {
display: inline;
}
.oldshell .right-icon > ul > li.qr {
padding-bottom: 10px;
}
.oldshell .right-icon > ul > li.qr:hover {
background-color: #1566a6;
}
.oldshell .right-icon > ul > li.qr:hover .txt {
color: #FFF;
}
.oldshell .right-icon > ul > li.qr:hover .qr_detail {
display: block;
}
.oldshell .right-icon > ul > li.qr:hover img:nth-child(1) {
display: none;
}
.oldshell .right-icon > ul > li.qr:hover img:nth-child(2) {
display: inline;
}
.oldshell .right-icon > ul > li img {
width: 24px;
height: 24px;
margin-top: 10px;
}
.oldshell .right-icon > ul > li img:nth-child(1) {
display: inline;
}
.oldshell .right-icon > ul > li img:nth-child(2) {
display: none;
}
.oldshell .right-icon > ul > li .txt {
width: 50px;
font-size: 12px;
color: #b2b2b2;
margin-top: 10px;
margin-left: 5px;
}
.oldshell .right-icon > ul > li .line {
width: 50px;
height: 1px;
background-color: #b2b2b2;
margin-top: 10px;
margin-left: 5px;
}
.oldshell, .oldshell * {
margin: 0;
padding: 0;
font-family: MicrosoftYaHeiSemibold, Microsoft YaHei, Arial, sans-serif;
box-sizing: border-box;
}
.oldshell {
font-size: 16px;
letter-spacing: 0;
color: #333;
}
.oldshell a {
text-decoration: none;
}
.oldshell a:link, .oldshell a:visited {
color: #333333;
}
.oldshell em, .oldshell i {
font-style: normal;
}
.oldshell img {
border: 0;
vertical-align: middle;
}
.oldshell ul {
list-style: none;
}
.oldshell li {
list-style: none;
}
.oldshell sub, .oldshell sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.oldshell sup {
top: -0.36em;
}
.oldshell sub {
bottom: -0.25em;
}
.oldshell video {
width: 100%;
height: 100%;
object-fit: contain;
}
.oldshell video:focus {
outline: none;
}
.oldshell .content_title {
font-size: 40px;
font-weight: 400;
line-height: 40px;
color: #000;
margin-top: 70px;
letter-spacing: 3px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_title {
font-size: 30px;
}
}
@media (max-width: 991px) {
.oldshell .content_title {
font-size: 23px;
line-height: 36px;
margin-top: 53px;
letter-spacing: 2px;
}
}
@media (max-width: 991px) {
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body {
width: 820px;
}
}
@media (max-width: 991px) {
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body.ph_w100 {
width: 100%;
}
}
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li {
display: inline-block;
margin-left: 82px;
cursor: pointer;
}
@media (max-width: 991px) {
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li {
margin-left: 40px;
}
}
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li:first-child {
margin-left: 0;
}
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li.active {
border-bottom: 2px solid #337dff;
}
.oldshell .content_sub_nav .wrapper_sub_nav ul.content_body > li.active > a {
color: #999999;
}
.oldshell .content_body {
width: 1280px;
margin-right: auto;
margin-left: auto;
position: relative;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_body {
width: 100%;
padding: 0 130px;
}
}
@media (max-width: 991px) {
.oldshell .content_body {
width: 100%;
padding: 0 30px;
}
}
.oldshell .to-top {
position: fixed;
z-index: 999;
top: 50%;
right: 2px;
margin-top: 120px;
width: 60px;
padding: 10px 10px 10px 10px;
text-align: center;
cursor: pointer;
background-color: #FFF;
box-shadow: 0 0 10px #ccc;
}
.oldshell .to-top img {
width: 26px;
height: 14px;
}
.oldshell .right-icon {
position: fixed;
z-index: 999;
top: 50%;
right: 2px;
margin-top: -106px;
width: 60px;
background-color: #FFF;
box-shadow: 0 0 10px #ccc;
}
.oldshell .right-icon > ul > li {
text-align: center;
}
.oldshell .right-icon > ul > li .phone_detail {
display: none;
position: absolute;
right: 70px;
width: 210px;
margin-top: -78px;
padding: 17px 10px 18px 23px;
background: url("/imgs/icon/i_phone_bg.png") no-repeat;
background-size: 100% 100%;
text-align: left;
}
.oldshell .right-icon > ul > li .phone_detail .tit {
font-size: 12px;
color: #b2b2b2;
}
.oldshell .right-icon > ul > li .phone_detail .phone_num {
font-size: 26px;
color: #1566a6;
}
.oldshell .right-icon > ul > li .qr_detail {
display: none;
position: absolute;
right: 70px;
width: 200px;
height: 120px;
margin-top: -103px;
background: url("/imgs/icon/i_qr_detail.png") no-repeat;
background-size: 100% 100%;
}
.oldshell .right-icon > ul > li.phone {
background-color: #1566a6;
}
.oldshell .right-icon > ul > li.phone .txt {
color: #FFF;
}
.oldshell .right-icon > ul > li.phone:hover .txt {
font-weight: bold;
}
.oldshell .right-icon > ul > li.phone:hover .phone_detail {
display: block;
}
.oldshell .right-icon > ul > li#right-icon-kefu {
cursor: pointer;
}
.oldshell .right-icon > ul > li#right-icon-kefu:hover {
background-color: #1566a6;
}
.oldshell .right-icon > ul > li#right-icon-kefu:hover .txt {
color: #FFF;
}
.oldshell .right-icon > ul > li#right-icon-kefu:hover img:nth-child(1) {
display: none;
}
.oldshell .right-icon > ul > li#right-icon-kefu:hover img:nth-child(2) {
display: inline;
}
.oldshell .right-icon > ul > li.qr {
padding-bottom: 10px;
}
.oldshell .right-icon > ul > li.qr:hover {
background-color: #1566a6;
}
.oldshell .right-icon > ul > li.qr:hover .txt {
color: #FFF;
}
.oldshell .right-icon > ul > li.qr:hover .qr_detail {
display: block;
}
.oldshell .right-icon > ul > li.qr:hover img:nth-child(1) {
display: none;
}
.oldshell .right-icon > ul > li.qr:hover img:nth-child(2) {
display: inline;
}
.oldshell .right-icon > ul > li img {
width: 24px;
height: 24px;
margin-top: 10px;
}
.oldshell .right-icon > ul > li img:nth-child(1) {
display: inline;
}
.oldshell .right-icon > ul > li img:nth-child(2) {
display: none;
}
.oldshell .right-icon > ul > li .txt {
width: 50px;
font-size: 12px;
color: #b2b2b2;
margin-top: 10px;
margin-left: 5px;
}
.oldshell .right-icon > ul > li .line {
width: 50px;
height: 1px;
background-color: #b2b2b2;
margin-top: 10px;
margin-left: 5px;
}
.oldshell .solution_wrapper .con_main .sub_nav .container {
width: 1200px;
margin: 0 auto;
text-align: center;
color: #333333;
}
.oldshell .solution_wrapper .con_main .sub_nav .container li {
float: left;
height: 70px;
cursor: pointer;
line-height: 70px;
margin-right: 65px;
}
.oldshell .solution_wrapper .con_main .sub_nav .container li:last-child {
margin: 0;
}
.oldshell .solution_wrapper .con_main .sub_nav .container li:hover {
color: #999999;
border-bottom: 2px solid #0a61b9;
}
.oldshell .solution_wrapper .con_main .sub_nav .container .active {
color: #999999;
border-bottom: 2px solid #0a61b9;
}
.oldshell .solution_wrapper .con_main .sub_tab .tit {
width: 100%;
font-size: 32px;
line-height: 32px;
float: left;
color: #333333;
font-weight: 400;
text-align: center;
margin: 70px 0 50px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tit {
text-align: left;
font-size: 22px;
font-weight: 400;
letter-spacing: 2px;
margin: 0;
float: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tit {
text-align: left;
font-size: 22px;
font-weight: 400;
letter-spacing: 2px;
margin: 0;
float: none;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container {
width: 1001px;
margin: 0 auto;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container.mine_tag {
width: 1200px;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container.mine_tag {
width: 100%;
}
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container {
width: 100%;
padding: 50px 15px 30px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container .tab_select {
font-size: 16px;
text-align: center;
color: #999999;
margin: 70px 0;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container .tab_select span {
cursor: pointer;
padding: 0 16px;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container .tab_select .active {
color: #0a61b9;
background-repeat: no-repeat;
background-position: center 0;
background-image: url(../imgs/pc/solution/shadow.png);
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container .body {
width: 100%;
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #666666;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container .body.mine_tag {
margin-top: 20px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container .body.mine_tag {
margin-top: 30px;
margin-bottom: 0;
}
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_first .container .body {
margin-top: 30px;
font-size: 13px;
line-height: 20px;
letter-spacing: 0;
margin-bottom: 0;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container {
margin: 0 auto;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container {
width: 100%;
padding: 50px 15px 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container {
width: 100%;
padding: 50px 15px 0;
}
}
@media (min-width: 992px) and (max-width: 1280px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container {
width: 1200px;
padding: 0 30px;
}
}
@media (min-width: 1281px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container {
width: 1200px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 26px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body {
margin-top: 30px;
font-size: 13px;
line-height: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body {
margin-top: 30px;
font-size: 13px;
line-height: 20px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_w {
text-align: center;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_w {
text-align: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_w {
text-align: left;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table {
margin-top: 4.4444444444vh;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table {
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table {
margin-top: 0;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul {
border-bottom: none;
border-right: 0;
min-height: 431px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul {
width: 100%;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li:nth-child(even) {
border-left: none;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li:nth-child(even) {
border-left: 1px solid #999999;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li:nth-child(even) {
border-left: 1px solid #999999;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li:nth-child(n + 3) {
border-top: none;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li:nth-child(n + 3) {
border-top: 1px solid #999999;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li:nth-child(n + 3) {
border-top: 1px solid #999999;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_2_row {
min-height: 177px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_2_row {
min-height: 32px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_2_row {
min-height: 32px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_3_row {
min-height: 203px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_3_row {
min-height: 32px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_3_row {
min-height: 32px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_4_row {
min-height: 229px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_4_row {
min-height: 32px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_4_row {
min-height: 32px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_5_row {
min-height: 255px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_5_row {
min-height: 32px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_5_row {
min-height: 32px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_7_row {
min-height: 307px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_7_row {
min-height: 32px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_7_row {
min-height: 32px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_8_row {
min-height: 333px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_8_row {
min-height: 32px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul .li_8_row {
min-height: 32px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li {
float: left;
width: 50%;
min-height: 230px;
position: relative;
padding: 40px 48px 40px 48px;
border: 1px solid #999999;
overflow: hidden;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li {
width: 100%;
min-height: auto;
padding: 16px;
border: 1px solid #999999;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li:after {
clear: both;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li {
width: 100%;
min-height: auto;
padding: 16px;
border: 1px solid #999999;
margin-top: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li:after {
clear: both;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li > div {
float: left;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .left_img {
position: absolute;
top: 50%;
margin-top: -36px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .left_img {
position: relative;
margin-top: 0;
display: table-cell;
float: none;
padding-right: 24px;
top: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .left_img {
position: relative;
margin-top: 0;
display: table-cell;
float: none;
padding-right: 24px;
top: 0;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .left_img img {
width: 72px;
height: 72px;
transition: all 0.6s;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .left_img img {
width: 60px;
height: 60px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .left_img img {
width: 60px;
height: 60px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .left_img img:hover {
transform: scale(1.05);
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word {
width: 390px;
position: absolute;
margin-left: 120px;
font-size: 0;
text-align: left;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word {
width: auto;
font-size: 12px;
margin-left: 10px;
position: relative;
display: table-cell;
float: none;
vertical-align: top;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word {
width: auto;
font-size: 12px;
margin-left: 10px;
position: relative;
display: table-cell;
float: none;
vertical-align: top;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word .sub_tit {
font-size: 20px;
font-weight: 400;
color: #333333;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word .sub_tit {
font-size: 14px;
line-height: 22px;
font-weight: 700;
margin-bottom: 8px;
color: #252b3a;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word .sub_tit {
font-size: 14px;
line-height: 22px;
font-weight: 700;
margin-bottom: 8px;
color: #252b3a;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word .sub_body {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 26px;
letter-spacing: normal;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word .sub_body {
font-size: 12px;
line-height: 22px;
font-weight: 400;
color: #575d6c;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_second .container .body .b_table ul li .right_word .sub_body {
font-size: 12px;
line-height: 22px;
font-weight: 400;
color: #575d6c;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_third .container {
width: 1200px;
margin: 0 auto;
text-align: center;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_third .container {
width: 100%;
padding: 50px 15px 30px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_third .container .tit {
width: 100%;
height: 32px;
font-size: 32px;
font-weight: 400;
color: #333333;
margin-top: 70px;
float: left;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_third .container .tit {
font-size: 22px;
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_third .container .tit {
font-size: 22px;
margin-top: 0;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_third .container .body {
float: left;
width: 100%;
height: 62.5925925926vh;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_third .container .body img {
width: 100%;
height: 100%;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container {
width: 1340px;
margin: 0 auto;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container {
width: 100%;
padding-top: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container {
width: 100%;
padding-top: 50px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative {
position: relative;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative img {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .tit {
padding-left: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .tit {
padding-left: 15px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .top_p {
width: 100%;
position: relative;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .top_p .top_img {
padding: 0 2%;
margin-top: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .top_p .top_img {
padding: 0 2%;
margin-top: 30px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .top_p .top_word {
position: absolute;
bottom: 36%;
right: 5%;
width: 35%;
font-size: 16px;
line-height: 26px;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .top_p .top_word .tit {
text-align: left;
margin-top: 70px;
margin-bottom: 30px;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .top_p .top_word .sub_body {
float: left;
margin-top: 2%;
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .top_p .top_word {
font-size: 12px;
line-height: 16px;
bottom: 10%;
right: 2%;
left: 2%;
width: 96%;
}
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .top_p .top_word {
font-size: 12px;
line-height: 16px;
bottom: 10%;
right: 2%;
left: 2%;
width: 96%;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P {
position: relative;
margin-top: 16px;
overflow: hidden;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P {
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P {
margin-top: 0;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div {
position: relative;
width: 320px;
height: 220px;
float: left;
margin-left: 20px;
overflow: hidden;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div {
width: 47% !important;
height: auto;
margin-left: 2%;
margin-top: 7.5px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div {
width: 47% !important;
height: auto;
margin-left: 2%;
margin-top: 7.5px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div > div {
width: 100%;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
font-size: 26px;
font-weight: 400;
line-height: 36px;
color: #fff;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div > div {
font-size: 18px !important;
letter-spacing: 1px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div > div {
font-size: 18px !important;
letter-spacing: 1px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div > img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div > img:hover {
transform: scale(1.05);
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div {
width: 100%;
}
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div {
width: 100%;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div:first-child {
margin-left: 0;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div:first-child {
margin-left: 2%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_four .container .relative .bot_P > div:first-child {
margin-left: 2%;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container {
width: 1200px;
margin: 0 auto;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container {
width: 100%;
padding-top: 50px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative {
position: relative;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative .tit {
padding-left: 15px;
padding-bottom: 30px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol {
width: 100%;
overflow: hidden;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol {
padding: 0 15px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li {
float: left;
width: calc(33% - 16px);
background-color: #FFF;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li {
width: calc(50% - 8px);
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li:nth-child(n+2) {
margin-left: 30px;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li:nth-child(odd) {
margin-left: 0;
}
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li:nth-child(even) {
margin-left: 15px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li img {
width: 100%;
border: 0;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li:nth-child(-n+2) > div > .sub_content {
min-height: 95px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li > div {
text-align: center;
padding: 18px;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li > div > .sub_tit {
font-size: 20px;
color: #333;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_fifth .container .relative ul.four_hol li > div > .sub_content {
margin-top: 14px;
font-size: 14px;
color: #666;
min-height: 38.4px;
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_sixth .container {
width: 1200px;
margin: 0 auto;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_sixth .container {
width: 100%;
padding-top: 50px;
}
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_sixth .container .tit {
padding-left: 15px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_sixth .container .relative {
position: relative;
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_sixth .container .relative .tit {
padding-left: 15px;
}
}
@media (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab .tab_item .word_sixth .container img {
margin-top: 20px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container {
width: 60%;
margin: 0 auto;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container {
width: 100%;
padding: 50px 15px 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container {
width: 100%;
padding: 50px 15px 30px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .tit {
height: 30px;
font-size: 32px;
font-weight: 400;
color: #333333;
text-align: left;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .tit {
font-size: 22px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .tit {
font-size: 22px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .word {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 26px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .word {
font-size: 14px;
line-height: 22px;
margin-top: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .word {
font-size: 14px;
line-height: 22px;
margin-top: 30px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .c_img {
margin-top: 4.6296296296vh;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .c_img {
margin-top: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .c_img {
margin-top: 20px;
}
}
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .c_img img {
width: 100%;
height: 450px;
}
@media (max-width: 767px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .c_img img {
height: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .solution_wrapper .con_main .sub_tab #lernMore .more_item .container .c_img img {
height: auto;
}
}
.oldshell .content_nav {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999999;
}
@media (max-width: 991px) {
.oldshell .content_nav {
display: none;
}
}
.oldshell .content_nav .go_health {
height: 40px;
background: url("../imgs/pc/go_health_bg.jpg") no-repeat center center;
background-size: cover;
}
.oldshell .content_nav .go_health .txt {
width: 100%;
font-size: 16px;
line-height: 40px;
text-align: center;
color: white;
cursor: pointer;
animation-duration: 1.8s;
}
.oldshell .content_nav .wrapper_nav {
width: 100%;
min-height: 70px;
padding: 13px 0;
position: relative;
background: #FFFFFF;
}
.oldshell .content_nav .wrapper_nav.black_style .content_body .logo {
background: url("../imgs/pc/logo_black_text.svg") no-repeat center center;
background-size: cover;
}
.oldshell .content_nav .wrapper_nav.black_style .content_body .root_links > li > p > a {
color: #333333;
}
.oldshell .content_nav .wrapper_nav:hover {
background: #FFFFFF;
}
.oldshell .content_nav .wrapper_nav:hover .content_body .logo {
background: url("../imgs/pc/logo_black_text.svg") no-repeat center center;
background-size: cover;
}
.oldshell .content_nav .wrapper_nav:hover .content_body .root_links > li > p > a {
color: #333333 !important;
}
.oldshell .content_nav .wrapper_nav.scroll {
position: fixed;
top: 0;
z-index: 999999;
background: #FFFFFF;
}
.oldshell .content_nav .wrapper_nav.scroll .content_body .logo {
background: url("../imgs/pc/logo_black_text.svg") no-repeat center center;
background-size: cover;
}
.oldshell .content_nav .wrapper_nav.scroll .content_body .root_links > li > p > a {
color: #333333 !important;
}
.oldshell .content_nav .wrapper_nav .content_body {
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_nav .wrapper_nav .content_body {
width: 1240px;
padding: 0 0;
}
}
@media (max-width: 991px) {
.oldshell .content_nav .wrapper_nav .content_body {
width: 100%;
}
}
.oldshell .content_nav .wrapper_nav .content_body:after {
clear: both;
}
.oldshell .content_nav .wrapper_nav .content_body .logo {
width: 190px;
height: 35px;
margin-top: 7px;
float: left;
background: url("../imgs/pc/logo_black_text.svg") no-repeat center center;
background-size: cover;
cursor: pointer;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links {
font-size: 16px;
line-height: 42px;
color: #FFFFFF;
float: right;
margin-right: -32px;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li {
float: left;
margin-left: 0;
text-align: center;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li > p {
margin: 0 auto;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li a {
color: #333333;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li > ul {
display: none;
padding-top: 35px;
padding-bottom: 70px;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li > ul > li {
font-size: 16px;
font-weight: 400;
vertical-align: top;
text-align: center;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li > ul > li > a {
color: #999999;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li > ul > li > p {
letter-spacing: 4px;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li > ul > li > p > a {
color: #333333;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li > ul > li > ul > li {
font-size: 14px;
line-height: 26px;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li > ul > li > ul > li a {
letter-spacing: 3px;
color: #999999;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li:hover > p:nth-child(1) {
border-bottom: 2px solid #337dff;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li:hover > ul {
display: block;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li:hover > ul.v2-product-nav {
width: 1000px;
margin-left: -320px;
display: flex;
display: -webkit-flex;
flex-direction: row;
gap: 100px;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li:hover > ul.v2-product-nav > li {
display: flex;
display: -webkit-flex;
flex-direction: column;
text-align: left;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li:hover > ul.v2-product-nav > li > a {
font-size: 16px;
line-height: 40px;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li:hover > ul.v2-product-nav > li > a:nth-child(1) {
font-size: 18px;
height: 50px;
line-height: 50px;
color: #000;
border-bottom: 1px solid #000;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li:hover > ul.v2-product-nav > li > a:nth-child(2) {
margin-top: 15px;
}
.oldshell .content_nav .wrapper_nav .content_body ul.root_links > li.solution > ul {
width: 212px;
margin-left: -40px;
}
.oldshell #Top {
width: 100%;
height: 55px;
display: none;
}
@media (max-width: 991px) {
.oldshell #Top {
display: block;
}
}
.oldshell .content_ph_nav {
width: 100%;
position: relative;
float: left;
display: none;
}
@media (max-width: 991px) {
.oldshell .content_ph_nav {
display: block;
}
}
.oldshell .content_ph_nav .wrapper_ph_nav {
width: 100%;
background: #FFF;
z-index: 666666;
}
.oldshell .content_ph_nav .wrapper_ph_nav.scroll {
position: fixed;
top: 0;
left: 0;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar {
width: 100%;
height: 55px;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .logo {
width: 150px;
height: 25px;
float: left;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .logo > img {
height: 55px;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph {
float: right;
width: 18px;
height: 22px;
cursor: pointer;
text-align: center;
margin-top: 13px;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point {
display: inline-block;
width: 18px;
height: 22px;
position: relative;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header {
background-color: black;
width: 100%;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon {
color: #ffffff;
font-size: 25px;
height: 22px;
position: relative;
top: 10px;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon:hover {
background-color: rgba(255, 255, 255, 0.2);
cursor: pointer;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon span {
position: absolute;
left: calc((100% - 25px) / 2);
width: 18px;
height: 2px;
background-color: black;
position: absolute;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon span:nth-child(1) {
transform: translateY(4px) rotate(0deg);
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon span:nth-child(2) {
opacity: 0;
top: 10px;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon span:nth-child(3) {
transform: translateY(-4px) rotate(0deg);
top: -1px;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon-click span:nth-child(1) {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: clickfirst;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon-click span:nth-child(2) {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: clicksecond;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon-click span:nth-child(3) {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: clickthird;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon-out span:nth-child(1) {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outfirst;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon-out span:nth-child(2) {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outsecond;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-header-icon-out span:nth-child(3) {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outthird;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-nav {
background-color: rgba(0, 0, 0, 0.9);
width: 100%;
position: absolute;
top: 50px;
left: 0px;
padding-top: 30px;
padding-bottom: 80px;
display: none;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-nav a {
display: inline-block;
line-height: 50px;
text-decoration: none;
width: 80%;
margin-left: 10%;
color: #ffffff;
border-bottom: solid 1px rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-weight: 300;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .bar .menuph .point .inner-nav a:hover {
color: rgba(255, 255, 255, 0.4);
border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .pz_top {
width: 100%;
background: #ffffff;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .pz_top .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .pz_top .container .w_div {
width: 100%;
float: left;
}
.oldshell .content_ph_nav .wrapper_ph_nav .content_body .pz_top .container .w_div .logo {
float: left;
width: 150px;
height: 25px;
margin: 11px 0 11px 10px;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level {
width: 100%;
height: 100%;
position: fixed;
top: 55px;
left: 0;
z-index: 666666;
overflow-y: auto;
letter-spacing: 1px;
background: #f5f5f5;
display: none;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul {
margin-top: 36px;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li {
width: 100%;
height: auto;
font-size: 16px;
line-height: 43px;
color: #333;
border-bottom: 1px solid #CCC;
position: relative;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li > div.menu_tit {
overflow: hidden;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li > div.menu_tit:after {
clear: both;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li > div.menu_tit > div:first-child {
float: left;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li > div.menu_tit > .arrow {
font-size: 0;
width: 24px;
height: 24px;
float: right;
margin-top: 9px;
transition: all 0.5s;
transform: rotate(90deg);
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li > div.menu_tit > .arrow > img {
width: 24px;
height: 24px;
vertical-align: baseline;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li > div.menu_tit > .arrow.open {
transform: rotate(270deg);
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li > ul.ph_sub_list {
font-size: 13px;
display: none;
}
.oldshell .content_ph_nav .wrapper_ph_nav .fst_level .content_body > ul > li > ul.ph_sub_list > li > a {
color: #999;
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level {
width: 100%;
height: 100%;
position: fixed;
top: 55px;
left: 0;
z-index: 777777;
overflow-y: auto;
letter-spacing: 1px;
background: #f5f5f5;
display: none;
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level .content_body .link_back {
width: 100%;
font-size: 12px;
line-height: 45px;
color: #999;
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level .content_body .tit {
font-size: 16px;
font-weight: bold;
line-height: 48px;
color: #333;
border-bottom: 1px solid #CCC;
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level .content_body > ul > li {
width: 100%;
font-size: 14px;
line-height: 43px;
color: #333;
border-bottom: 1px solid #CCC;
position: relative;
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level .content_body > ul > li > .arrow {
width: 9px;
height: 15px;
position: absolute;
right: 0;
top: 15px;
-webkit-transform: rotate(90deg);
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level .content_body > ul > li > .arrow.open {
-webkit-transform: rotate(270deg);
right: 30px;
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level .content_body > ul > li > ul {
display: none;
padding-left: 15px;
padding-bottom: 15px;
border-top: 1px solid #CCC;
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level .content_body > ul > li > ul > div > li {
font-size: 12px;
line-height: 30px;
color: #666;
border-bottom: 1px solid #CCC;
}
.oldshell .content_ph_nav .wrapper_ph_nav .snd_level .content_body > ul > li > ul > div > li > .page_url {
display: none;
}
.oldshell .footer {
float: left;
width: 100%;
}
.oldshell .footer .component_pz_down {
padding: 55px 4% 5px;
width: 100%;
float: left;
background: #262626;
position: relative;
color: #f8f8f8;
}
@media (max-width: 991px) {
.oldshell .footer .component_pz_down {
display: none;
}
}
.oldshell .footer .component_pz_down .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
color: #adadad;
font-size: 14px;
}
.oldshell .footer .component_pz_down .container .pos {
width: 100%;
padding-right: 200px;
float: left;
position: relative;
}
.oldshell .footer .component_pz_down .container .pos p {
font-size: 16.875px;
line-height: 25px;
font-weight: bold;
color: #fff;
margin-bottom: 18px;
}
.oldshell .footer .component_pz_down .container .pos a {
height: 27px;
font-size: 14.625px;
line-height: 27px;
margin-top: 10px;
display: block;
color: #c8c8c8;
}
.oldshell .footer .component_pz_down .container .pos .foot-nav {
float: left;
width: 100%;
height: 385px;
}
.oldshell .footer .component_pz_down .container .pos .foot-nav ul li {
float: left;
margin-right: 6%;
}
.oldshell .footer .component_pz_down .container .pos .foot-nav ul li:last-child {
margin-left: 6%;
width: 1px;
height: 275px;
border-left: 1px solid #adadad;
}
.oldshell .footer .component_pz_down .container .pos .foot-right {
position: absolute;
right: 0;
top: 0;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc {
margin-top: 16px;
overflow: hidden;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc:after {
clear: both;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li {
width: 24px;
height: 24px;
float: left;
margin: 7px 7px 0 7px;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li .img2 {
display: none;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li .qc-code {
position: absolute;
z-index: 999;
width: 100px;
height: 100px;
left: 0;
color: #666;
font-size: 12px;
text-align: center;
-webkit-transition: all 200ms;
transition: all 200ms;
margin-top: 14px;
display: none;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li:hover .img1 {
display: none;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li:hover .img2 {
display: block;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li:hover .qc-code {
display: block;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li:hover:nth-child(2) .qc-code {
left: 38px;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li:hover:nth-child(n+3) .qc-code {
left: 76px;
}
.oldshell .footer .component_pz_down .container .pos .foot-right .qc li:first-child {
margin-left: 0;
}
.oldshell .footer .component_pz_down .container .copyright {
text-align: center;
font-size: 13px;
line-height: 30px;
height: 50px;
margin-top: 60px;
padding: 10px 0;
border-top: 1px solid #adadad;
}
.oldshell .footer .component_pz_down .container .copyright span {
margin-right: 48px;
}
@media (min-width: 768px) and (max-width: 991px) {
.oldshell .footer .component_pz_down .container {
display: none;
}
}
@media (min-width: 1281px) {
.oldshell .footer .component_pz_down .container {
width: 1200px;
padding-left: 0;
padding-right: 0;
}
}
.oldshell .footer .phone_footer {
display: none;
padding: 30px 30px 0;
width: 100%;
float: left;
background: #262626;
position: relative;
color: #f8f8f8;
}
.oldshell .footer .phone_footer .ph_menu_item img {
vertical-align: baseline;
}
.oldshell .footer .phone_footer .phone_qc {
margin-bottom: 3%;
text-align: center;
}
.oldshell .footer .phone_footer .phone_qc li {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
margin: 0 5%;
}
.oldshell .footer .phone_footer .phone_qc li .img2 {
display: none;
}
.oldshell .footer .phone_footer .phone_qc li .qc-code {
position: absolute;
z-index: 999;
width: 80px;
height: 102px;
color: #666;
font-size: 12px;
text-align: center;
top: 40px;
-webkit-transition: all 200ms;
}
.oldshell .footer .phone_footer .phone_qc li:hover .img1 {
display: none;
}
.oldshell .footer .phone_footer .phone_qc li:hover .img2 {
display: block;
}
.oldshell .footer .phone_footer .phone_qc li:hover .qc-code {
display: block;
}
.oldshell .footer .phone_footer .phone_qc li:first-child {
margin-left: 0;
}
.oldshell .footer .phone_footer .address {
font-size: 12px;
text-align: center;
margin: 3% auto;
color: #c8c8c8;
}
.oldshell .footer .phone_footer .phone_numb {
text-align: center;
font-weight: bold;
margin: 3% 0 5%;
font-size: 18px;
}
.oldshell .footer .phone_footer .other_info {
text-align: center;
margin: 12% 0 0;
font-size: 12px;
color: #c8c8c8;
}
.oldshell .footer .phone_footer .br {
width: 100%;
border-bottom: 1px solid #6c6c6c;
margin: 10.5px 0 15px;
}
@media (max-width: 991px) {
.oldshell .footer .phone_footer {
display: block;
}
}
.oldshell .footer .phone_footer .menu_tit a {
color: white;
}
.oldshell .footer .phone_footer .ph_menu_item {
width: 100%;
border-bottom: 1px solid #cccccc;
padding: 0;
}
.oldshell .footer .phone_footer .ph_menu_item .menu_tit {
clear: both;
height: 44px;
line-height: 44px;
font-size: 18px;
}
.oldshell .footer .phone_footer .ph_menu_item .menu_tit .arrow {
height: 24px;
width: 24px;
margin-top: 14px;
transition: transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-webkit-transition: -webkit-transform 0.5s;
-o-transition: -o-transform 0.5s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.oldshell .footer .phone_footer .ph_menu_item .menu_tit .arrow_open {
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
}
.oldshell .footer .phone_footer .ph_menu_item .menu_tit div {
height: 100%;
}
.oldshell .footer .phone_footer .ph_menu_item .menu_tit div:first-child {
float: left;
}
.oldshell .footer .phone_footer .ph_menu_item .menu_tit div:last-child {
float: right;
font-size: 0;
margin-top: 10px;
}
.oldshell .footer .phone_footer .ph_menu_item .ph_sub_list {
width: 100%;
padding: 6.5px 0 10px;
margin: 0;
font-size: 12px;
display: none;
}
.oldshell .footer .phone_footer .ph_menu_item .ph_sub_list li {
display: block;
height: 36px;
line-height: 36px;
font-size: 16px;
}
.oldshell .footer .phone_footer .ph_menu_item .ph_sub_list li a {
color: #999999;
}
.oldshell .footer .phone_footer .ph_menu_item .ph_sub_list li a:active {
color: #01276d;
}
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body {
overflow: hidden;
}
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body:after {
clear: both;
}
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body > div.txt {
width: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-right: 40px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body > div.txt {
width: calc(50% - 130px);
}
}
@media (max-width: 991px) {
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
padding-right: 0;
}
}
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body > div.txt .content_title {
margin-top: 0;
line-height: 56px;
}
@media (max-width: 991px) {
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body > div.txt .content_title {
text-align: center;
line-height: 36px;
}
}
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_lefttxt_rightpic .wrapper_lefttxt_rightpic .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body {
width: 100%;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body .content_title {
text-align: center;
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul {
overflow: hidden;
margin: 50px -40px 0;
padding: 0 0 57px;
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul {
margin-top: 40px;
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
padding: 0;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul:after {
clear: both;
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li {
width: 50%;
float: left;
padding: 45px 40px;
margin: 13px 0;
border-top: 2px solid #FFF;
transition: all 0.5s;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li {
padding: 30px 30px;
}
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li {
width: 100%;
padding: 20px 0;
margin: 5px 0;
border-top: 1px solid #337dff;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li:hover {
box-shadow: -17px 12px 21px 0px rgba(188, 188, 188, 0.75);
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li:hover {
box-shadow: none;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.img {
width: 59px;
height: 58px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.img {
width: 55px;
height: auto;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt {
width: calc(100% - 60px);
padding-left: 40px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt {
padding-left: 15px;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .tit {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .tit {
font-size: 18px;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc {
height: 90px;
margin-top: 10px;
font-size: 16px;
line-height: 30px;
color: #666;
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.row1 {
height: 30px;
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.row1 {
height: auto;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.row2 {
height: 60px;
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.row2 {
height: auto;
}
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.md1215_row2 {
height: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.md1215_row3 {
height: 90px;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.md1214_row2 {
height: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.md1214_row3 {
height: 90px;
}
}
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc.no_tit {
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_value_4part .wrapper_value_4part .content_body > ul > li > div > div.txt > .desc {
height: auto;
font-size: 16px;
min-height: 32px !important;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body {
width: 1300px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body {
width: 100%;
padding: 0 120px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body {
width: 100%;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body .content_title {
text-align: center;
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list {
margin: 50px 0 60px;
overflow: hidden;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list {
margin: 40px 0 50px;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list:after {
clear: both;
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li {
width: 33.33%;
height: 430px;
padding: 10px;
float: left;
cursor: pointer;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li {
width: 100%;
padding: 10px 0;
}
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li {
height: 346px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li {
height: auto;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(1) {
width: 66.66%;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(1) {
width: 100%;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(1) > a > div.img > div.txt {
width: 650px;
top: 280px;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(1) > a > div.img > div.txt {
width: 100%;
top: unset;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(4) {
width: 66.66%;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(4) {
width: 100%;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(4) > a > div.img > div.txt {
width: 650px;
top: 280px;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(4) > a > div.img > div.txt {
width: 100%;
top: unset;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(5) > a > div.img > div.txt {
top: 280px;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(5) > a > div.img > div.txt {
width: 100%;
top: unset;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(6) > a > div.img > div.txt {
top: 280px;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li:nth-child(6) > a > div.img > div.txt {
width: 100%;
top: unset;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a {
position: relative;
width: 100%;
height: 100%;
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img:hover > img {
transform: scale(1.15);
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > img {
transition: all 0.5s;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img {
height: 277px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > img {
width: 100%;
height: 140px;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt {
width: 388px;
position: absolute;
left: 20px;
top: 255px;
color: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt {
position: relative;
left: 0;
top: unset;
bottom: 0;
color: #333;
padding: 10px 15px;
background: #F5F5F5;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt > div.tag > div {
font-size: 18px;
line-height: 20px;
background: #f4c400;
border-radius: 4px;
padding: 0 10px;
display: inline-block;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt > div.tag > div {
font-size: 16px;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt > div.tit {
font-size: 24px;
font-weight: bold;
margin-top: 18px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt > div.tit {
font-size: 20px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt > div.tit {
font-size: 18px;
margin-top: 10px;
}
}
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt > div.desc {
font-size: 18px;
line-height: 26px;
margin-top: 15px;
padding-right: 10px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt > div.desc {
font-size: 14px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s1 .wrapper_index_s1 .content_body > ul.img_list > li > a > div.img > div.txt > div.desc {
font-size: 14px;
margin-top: 10px;
}
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body {
width: 1300px;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body {
width: 100%;
padding: 0 120px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body {
width: 100%;
}
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body .content_title {
text-align: center;
color: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body .content_title {
font-size: 20px;
}
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body .content_title:nth-child(2) {
margin-top: 20px;
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list {
margin: 50px 0 60px;
overflow: hidden;
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list {
margin: 40px 0 50px;
}
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li {
width: 33.33%;
float: left;
padding: 10px;
}
@media (max-width: 991px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li {
width: 100%;
padding: 10px 0;
}
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div {
position: relative;
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.img {
width: 100%;
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.txt {
position: absolute;
left: 40px;
bottom: 40px;
color: white;
}
@media (max-width: 991px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.txt {
right: 0;
bottom: 20px;
left: unset;
width: 225px;
}
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.txt > div.tit {
font-size: 24px;
font-weight: bold;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.txt > div.tit {
font-size: 20px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.txt > div.tit {
font-size: 18px;
}
}
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.txt > div.desc {
margin-top: 31px;
font-size: 18px;
line-height: 36px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.txt > div.desc {
font-size: 14px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s2 .wrapper_index_s2 .content_body > ul.img_list > li > div > div.txt > div.desc {
width: 100%;
padding-right: 15px;
margin-top: 11px;
font-size: 14px;
line-height: 22px;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body {
width: 1300px;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body {
width: 100%;
padding: 0 120px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body {
width: 100%;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body .content_title {
text-align: center;
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list {
margin: 50px 0 60px;
overflow: hidden;
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list {
margin: 40px 0 50px;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list:after {
clear: both;
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li {
width: 33.33%;
padding: 10px;
float: left;
cursor: pointer;
overflow: hidden;
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li {
height: auto;
width: 100%;
padding: 10px 0;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:nth-child(1) {
width: 60%;
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:nth-child(1) {
width: 100%;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:nth-child(2) {
width: 40%;
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:nth-child(2) {
width: 100%;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:nth-child(-n+2) {
height: 490px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:nth-child(-n+2) {
height: 393px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:nth-child(-n+2) {
height: auto;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:hover > div > div.hover_bg {
bottom: 0;
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li:hover > div > div.hover_bg {
display: none;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div {
position: relative;
height: 100%;
overflow: hidden;
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.img {
width: 100%;
height: 100%;
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.img {
height: 180px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.img > img {
width: 100%;
height: 100%;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.txt {
position: absolute;
left: 20px;
bottom: 20px;
color: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.txt {
position: relative;
left: 0;
bottom: 0;
color: #333;
background: #F5F5F5;
padding: 10px 15px;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.txt > div.tit {
font-size: 24px;
font-weight: bold;
margin-top: 18px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.txt > div.tit {
font-size: 20px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.txt > div.tit {
font-size: 18px;
margin-top: 0;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.txt > div.desc.visible-xs {
margin-top: 10px;
font-size: 14px;
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.hover_bg {
width: 100%;
height: 100%;
position: absolute;
bottom: -100%;
background: rgba(0, 0, 0, 0.7);
transition: bottom 0.5s;
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.hover_bg > div {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.hover_bg > div > div.logo {
width: 180px;
margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.hover_bg > div > div.logo {
width: 150px;
}
}
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.hover_bg > div > div.desc {
width: 100%;
padding: 0 30px;
text-align: center;
color: #FFF;
margin-top: 40px;
font-size: 18px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s3 .wrapper_index_s3 .content_body > ul.img_list > li > div > div.hover_bg > div > div.desc {
margin-top: 25px;
font-size: 16px;
}
}
.oldshell .content_index_s4 .wrapper_index_s4 .content_body {
overflow: hidden;
}
.oldshell .content_index_s4 .wrapper_index_s4 .content_body .content_title {
text-align: center;
color: #FFF;
}
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list {
margin: 100px 0;
overflow: hidden;
}
@media (max-width: 991px) {
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list {
margin: 30px 0 50px;
}
}
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list:after {
clear: both;
}
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list > li {
width: 25%;
float: left;
padding: 35px 0;
}
@media (max-width: 991px) {
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list > li {
width: 50%;
padding: 15px 0;
}
}
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list > li > div {
text-align: center;
}
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list > li > div > div.img {
width: 79px;
margin: 0 auto;
}
@media (max-width: 991px) {
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list > li > div > div.img {
width: 60px;
}
}
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list > li > div > div.txt {
color: #FFF;
margin-top: 20px;
font-size: 24px;
font-weight: bold;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list > li > div > div.txt {
font-size: 20px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s4 .wrapper_index_s4 .content_body > ul.img_list > li > div > div.txt {
font-size: 16px;
margin-top: 15px;
}
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body {
width: 1300px;
overflow: hidden;
margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s5 .wrapper_index_s5 .content_body {
width: 100%;
padding: 0 120px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s5 .wrapper_index_s5 .content_body {
width: 100%;
}
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body .content_title {
text-align: center;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg {
width: 100%;
overflow: hidden;
margin-top: 50px;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li {
width: 25%;
padding: 0 10px;
height: 560px;
overflow: hidden;
float: left;
position: relative;
transition: width 0.5s;
-moz-transition: width 0.5s;
-webkit-transition: width 0.5s;
-o-transition: width 0.5s;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li {
height: 500px;
}
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li > div.img {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li > div.img img {
position: absolute;
right: 0;
height: 100%;
font-size: 0;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li img:nth-child(3) {
display: none;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .solution_text {
z-index: 999;
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
text-align: left;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .solution_text .content_sub_title {
font-size: 18px;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .solution_text .num {
width: 172px;
font-size: 15px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .solution_text .num {
width: 145px;
}
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .solution_text .num > span {
font-size: 60px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .solution_text .num > span {
font-size: 46px;
}
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .desc {
width: 100%;
height: 100%;
position: absolute;
bottom: -100%;
background: rgba(255, 255, 255, 0.8);
transition: bottom 0.5s;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .desc > div {
width: 100%;
padding: 0 30px;
position: absolute;
bottom: 80px;
font-size: 18px;
line-height: 30px;
color: #000;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li .desc > div {
font-size: 14px;
}
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li.active {
width: 35%;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li.active .desc {
bottom: 0;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-lg > li.inactive {
width: 21.6%;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-xs > li > div.solution_text > .content_sub_title {
font-size: 18px;
font-weight: bold;
margin-top: 30px;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-xs > li > div.solution_text > .num {
font-size: 14px;
margin-top: 10px;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-xs > li > div.solution_text > .num > span {
font-size: 26px;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-xs > li > div.desc {
font-size: 14px;
margin-top: 10px;
color: #666;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-xs > li > div.img {
width: 100%;
margin-top: 10px;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul.solution_list.visible-xs > li > div.img > img {
width: 100%;
height: 100%;
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body div.know_more {
margin: 70px auto;
}
@media (max-width: 991px) {
.oldshell .content_index_s5 .wrapper_index_s5 .content_body div.know_more {
margin: 35px auto;
}
}
.oldshell .content_index_s5 .wrapper_index_s5 .content_body ul:after {
clear: both;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body {
width: 1326px;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body {
width: 100%;
padding: 0 107px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body {
width: 100%;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body:after {
clear: both;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body .content_title {
text-align: center;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list {
width: 75%;
float: left;
margin-top: 40px;
margin-bottom: 60px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list {
width: 100%;
margin-top: 30px;
margin-bottom: 10px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li {
width: calc(33.333% - 40.5px);
float: left;
margin: 10px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li {
width: 100%;
height: auto;
margin: 10px 0;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a {
cursor: pointer;
box-shadow: 11px 18px 21px 0 rgba(116, 140, 164, 0.24);
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.img {
width: 100%;
height: 166px;
overflow: hidden;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.img:hover > img {
transform: scale(1.3);
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.img {
height: 103px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.img {
height: auto;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.img > img {
width: 100%;
height: 100%;
transition: all 0.4s;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt {
padding: 30px 40px;
background: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt {
padding: 15px 20px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt > div.tit {
font-size: 16px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt > div.desc {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt > div.desc {
line-height: 24px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt > div.desc > div.type_news {
display: inline-block;
height: 20px;
background: #16236c;
color: #FFF;
padding: 0 8px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt > div.desc > div.type_news {
height: 24px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt > div.desc > div.type_active {
display: inline-block;
height: 20px;
background: #f4c400;
color: #FFF;
padding: 0 8px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt > div.desc > div.type_active {
height: 24px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li > a > div.txt > div.desc > div.date {
display: inline-block;
margin-left: 15px;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child {
width: calc(66.666% + 0.5px);
margin: 10px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child {
width: 100%;
margin: 10px 0;
height: auto;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.img {
width: 100%;
height: 100%;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.img {
height: auto;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.txt {
height: 130px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.txt {
height: auto;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.txt > div.tit {
font-size: 20px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.txt > div.tit {
font-size: 16px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.txt > div.desc {
font-size: 18px;
line-height: 24px;
margin-top: 20px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.txt > div.desc {
font-size: 14px;
margin-top: 10px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.txt > div.desc > div.type_active {
height: 24px;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:first-child > a > div.txt > div.desc > div.type_news {
height: 24px;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:nth-child(n+2) > a > div.txt {
height: 80px;
padding: 10px 15px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.img_list > li:nth-child(n+2) > a > div.txt {
padding: 15px 20px;
height: auto;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list {
width: 25%;
float: right;
padding: 10px 23px 10px 10px;
margin-top: 40px;
margin-bottom: 60px;
position: relative;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list {
width: 100%;
margin-top: 0;
margin-bottom: 40px;
padding: 10px 0;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child {
height: 555px;
background: #FFF;
box-shadow: 11px 18px 21px 0 rgba(116, 140, 164, 0.24);
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child {
height: 429px;
}
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child {
padding-top: 10px;
height: 380px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li:nth-child(n+2) {
margin-top: 15px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li:nth-child(n+2) {
margin-top: 0;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a {
cursor: pointer;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt {
padding: 10px 15px;
background: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt {
padding: 0 20px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.tit {
max-height: 52px;
font-size: 18px;
line-height: 26px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.tit {
font-size: 16px;
line-height: 24px;
max-height: 48px;
color: #333;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.desc {
font-size: 16px;
line-height: 24px;
margin-top: 17px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.desc {
font-size: 14px;
margin-top: 10px;
line-height: 22px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.desc > div.type_news {
display: inline-block;
height: 24px;
background: #16236c;
color: #FFF;
padding: 0 8px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.desc > div.type_news {
height: 22px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.desc > div.type_active {
display: inline-block;
height: 24px;
background: #f4c400;
color: #FFF;
padding: 0 8px;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.desc > div.type_active {
height: 22px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div:first-child > li > a > div.txt > div.desc > div.date {
display: inline-block;
margin-left: 15px;
color: #666;
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div.news_footer {
z-index: 100;
width: calc(100% - 63px);
height: 99px;
border-top: 1px solid #CCC;
font-size: 18px;
line-height: 98px;
position: absolute;
bottom: 10px;
left: 25px;
background: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div.news_footer {
width: calc(100% - 40px);
height: 65px;
line-height: 64px;
left: 20px;
}
}
.oldshell .content_index_s6 .wrapper_index_s6 .content_body > ul.news_list > div.news_footer > a {
color: #337dff;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body {
overflow: hidden;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body {
width: 100%;
padding: 0 25px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body:after {
clear: both;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu {
width: 26.83%;
min-height: 100px;
float: left;
background: #FFFFFF;
padding: 20px 25px;
z-index: 200;
margin-top: 10px;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu {
width: calc(100% - 50px);
padding: 5px 15px;
position: absolute;
left: 25px;
top: 0;
margin-top: 0;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li {
padding: 15px 0;
cursor: pointer;
border-bottom: 1px solid #e5e5e5;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li:last-child {
border-bottom: none;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li > a > img.icon {
width: 18px;
height: 18px;
margin-right: 16px;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li > a > img.icon.sel {
display: none;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li > a > img.arrow {
width: 18px;
height: 18px;
float: right;
-webkit-transform: rotate(90deg);
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li > a > img.arrow.sel {
display: none;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li > a > h1 {
display: inline-block;
vertical-align: bottom;
font-size: 16px;
line-height: 18px;
font-weight: 400;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li.active {
cursor: default;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li.active > a > h1 {
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li.active > a > img.icon.non_sel {
display: none;
}
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li.active > a > img.icon.sel {
display: inline-block;
-webkit-transform: rotate(90deg);
}
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li.active > a > img.arrow.non_sel {
display: inline-block;
}
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .left_menu > ul > li.active > a > img.arrow.sel {
display: none;
-webkit-transform: none;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list {
width: 71.666%;
float: right;
z-index: 100;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list {
width: 100%;
padding-top: 40px;
margin-top: 167px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul {
overflow: hidden;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul:after {
clear: both;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li {
width: 33.33%;
float: left;
padding: 10px;
transition: all 0.5s;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li:nth-child(4) {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li {
width: 100%;
padding: 0 0 20px;
}
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li:nth-child(4) {
clear: none;
}
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li:nth-child(even) {
float: right;
}
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li:nth-child(odd) {
float: left;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li > .list_item {
padding: 0 15px 15px;
background: #FFFFFF;
position: relative;
cursor: pointer;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li > .list_item > .main_text {
height: 60px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
position: relative;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li > .list_item > .main_text {
font-size: 16px !important;
height: 42px;
-webkit-line-clamp: 2;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li > .list_item > .feature_list > ul {
padding-top: 15px;
padding-left: 20px;
overflow: hidden;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li > .list_item > .feature_list > ul:after {
clear: both;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li > .list_item > .feature_list > ul > li {
width: 100%;
float: left;
list-style: disc;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li > .list_item > .feature_list > ul > li {
font-size: 14px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li:hover {
padding-top: 4px;
padding-bottom: 16px;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li:hover {
padding: 0 0 20px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li:hover > .list_item > img.non_sel {
display: none;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_list > ul > li:hover > .list_item > img.sel {
display: block;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail {
width: 71.666%;
float: right;
background: #FFFFFF;
margin-top: 10px;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail {
width: 100%;
margin-top: 154.5px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li {
overflow: hidden;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li:after {
clear: both;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .pic {
width: 23.837%;
margin-left: 40px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .pic {
width: 50.666%;
margin-left: 24.667%;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area {
width: 52.325%;
margin-right: 70px;
padding-top: 35px;
float: right;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area {
width: 100%;
margin-right: 0;
padding: 0 25px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .title {
font-size: 22px;
line-height: 32px;
font-weight: bold;
color: #337dff;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .title {
font-size: 14px;
line-height: 26px;
text-align: center;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .desc {
font-size: 14px;
line-height: 22px;
margin-top: 21px;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .desc {
font-size: 12px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .product_feature_text {
width: 120px;
margin-top: 15px;
font-size: 16px;
line-height: 54px;
font-weight: bold;
border-bottom: 1px solid #337dff;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .product_feature_text {
width: 52px;
font-size: 13px;
line-height: 34px;
margin-left: 50%;
transform: translateX(-50%);
margin-top: 10px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .feature_list {
margin-top: 26px;
margin-left: 17px;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .feature_list {
margin-top: 21px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .text_area .feature_list > li {
list-style: disc;
font-size: 14px;
line-height: 22px;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .fix_pos {
width: 100%;
height: 1px;
margin-bottom: 49px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .fix_pos {
margin-bottom: 21px;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li .split_line {
width: 52.325%;
height: 1px;
background: #E6E6E6;
float: right;
margin-right: 70px;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .right_detail > ul > li:last-child .split_line {
height: 0;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .pre_next {
width: 71.666%;
float: right;
margin-top: 30px;
text-align: left;
font-size: 14px;
line-height: 30px;
color: #FFFFFF;
}
@media (max-width: 991px) {
.oldshell .content_product_1 .wrapper_product_1 .content_body .pre_next {
width: 100%;
text-align: center;
}
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .pre_next .prev {
width: 90px;
height: 30px;
border-radius: 7px;
display: inline-block;
background: #337dff;
text-align: center;
cursor: pointer;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .pre_next .prev.disable {
background: #FFFFFF;
color: #CCCCCC;
cursor: default;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .pre_next .next {
width: 90px;
height: 30px;
border-radius: 7px;
display: inline-block;
margin-left: 45px;
background: #337dff;
text-align: center;
cursor: pointer;
}
.oldshell .content_product_1 .wrapper_product_1 .content_body .pre_next .next.disable {
background: #FFFFFF;
color: #CCCCCC;
cursor: default;
}
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body {
overflow: hidden;
}
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body:after {
clear: both;
}
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body > div.txt {
width: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
}
}
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body > div.txt .content_title {
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body > div.txt .content_title {
text-align: center;
}
}
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s1 .wrapper_product_2_s1 .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body {
width: 1360px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body {
width: 100%;
}
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body .content_title {
text-align: center;
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul {
overflow: hidden;
margin-top: 50px;
padding: 0 0 57px;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul {
margin-top: 40px;
margin-bottom: 50px;
padding: 0;
}
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul:after {
clear: both;
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li {
width: 50%;
float: left;
padding: 45px 40px;
margin: 13px 0;
border-top: 2px solid #FFF;
transition: all 0.5s;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li {
width: 100%;
padding: 20px 0;
margin: 5px 0;
border-top: 1px solid #337dff;
}
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li:hover {
box-shadow: -17px 12px 21px 0px rgba(188, 188, 188, 0.75);
border-top: 2px solid #337dff;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li:hover {
box-shadow: none;
}
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.img {
width: 59px;
height: 58px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.img {
width: 55px;
height: auto;
}
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.txt {
width: calc(100% - 60px);
padding-left: 40px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.txt {
padding-left: 15px;
}
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 18px;
}
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.txt > .desc {
height: 64px;
margin-top: 10px;
font-size: 18px;
line-height: 32px;
color: #666;
}
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.txt > .desc.no_tit {
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_product_2_s2 .wrapper_product_2_s2 .content_body > ul > li > div > div.txt > .desc {
height: auto;
font-size: 16px;
min-height: 32px !important;
}
}
.oldshell .content_product_4_s0 .wrapper_product_4_s0 .content_body > ul {
overflow: hidden;
}
.oldshell .content_product_4_s0 .wrapper_product_4_s0 .content_body > ul:after {
clear: both;
}
.oldshell .content_product_4_s0 .wrapper_product_4_s0 .content_body > ul > li {
float: left;
font-size: 20px;
line-height: 65px;
cursor: pointer;
}
@media (max-width: 991px) {
.oldshell .content_product_4_s0 .wrapper_product_4_s0 .content_body > ul > li {
font-size: 18px;
line-height: 40px;
}
}
.oldshell .content_product_4_s0 .wrapper_product_4_s0 .content_body > ul > li:nth-child(n+2) {
margin-left: 60px;
}
@media (max-width: 991px) {
.oldshell .content_product_4_s0 .wrapper_product_4_s0 .content_body > ul > li:nth-child(n+2) {
margin-left: 40px;
}
}
.oldshell .content_product_4_s0 .wrapper_product_4_s0 .content_body > ul > li.active {
font-weight: bold;
}
.oldshell .content_solution_1_s1 .wrapper_solution_1_s1 .content_body {
overflow: hidden;
}
.oldshell .content_solution_1_s1 .wrapper_solution_1_s1 .content_body .content_title {
text-align: center;
line-height: 55px;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s1 .wrapper_solution_1_s1 .content_body .content_title {
font-size: 20px;
line-height: 32px;
}
}
.oldshell .content_solution_1_s2 .wrapper_solution_1_s2 .content_body > img {
width: 100%;
height: auto;
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body ul.tit {
margin-top: 26px;
overflow: hidden;
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body ul.tit:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body ul.tit {
display: none;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body ul.tit > li {
width: 25%;
height: 70px;
font-size: 20px;
line-height: 68px;
float: left;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #666;
cursor: pointer;
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body ul.tit > li.active {
color: #337dff;
border-bottom: 5px solid #337dff;
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item {
margin-top: 70px;
display: none;
margin-bottom: 70px;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item {
margin-top: 20px;
margin-bottom: 20px;
display: block;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 {
overflow: hidden;
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1:after {
clear: both;
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 > div.img {
width: 50%;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 > div.img {
width: 100%;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 > div.txt {
width: 50%;
float: left;
padding-top: 60px;
padding-left: 60px;
padding-right: 40px;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 > div.txt {
width: 100%;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 > div.txt > .content_sub_title {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 > div.txt > .content_sub_title {
text-align: left;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 > div.txt > .mini_text {
color: #666;
margin-top: 30px;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.art_1 > div.txt > .mini_text {
margin-top: 20px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > div.content_sub_title {
font-weight: bold;
text-align: left;
margin-top: 50px;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li {
margin-top: 50px;
overflow: hidden;
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li {
margin-top: 25px;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.icon {
width: 120px;
height: 93px;
float: left;
text-align: right;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.icon {
width: 80px;
height: 80px;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.icon > img {
width: 93px;
height: 93px;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.icon > img {
width: 80px;
height: 80px;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.txt {
width: calc(100% - 120px);
float: left;
padding-left: 50px;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.txt {
width: calc(100% - 80px);
padding-left: 20px;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.txt > div.content_sub_title {
font-size: 18px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.txt > div.content_sub_title {
font-size: 15px !important;
}
}
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.txt > div.mini_text {
color: #666;
margin-top: 25px;
}
@media (max-width: 991px) {
.oldshell .content_solution_1_s3 .wrapper_solution_1_s3 .content_body > div.sec_item > ul.art_2 > li > div.txt > div.mini_text {
margin-top: 15px;
}
}
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body {
overflow: hidden;
}
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body:after {
clear: both;
}
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body > div.txt {
width: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-right: 40px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
padding-right: 0;
}
}
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body > div.txt .content_title {
margin-top: 0;
line-height: 56px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body > div.txt .content_title {
text-align: center;
line-height: 36px;
}
}
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s1 .wrapper_solution_2_s1 .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body {
overflow: hidden;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content_sub_nav {
display: none;
width: calc(100% + 60px);
margin-left: -30px;
margin-top: 30px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content_sub_nav {
display: block;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content_sub_nav ul.content_body {
width: 880px;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content {
margin-top: 50px;
margin-bottom: 50px;
overflow: hidden;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content {
margin-top: 10px;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left {
width: 24.6%;
float: left;
padding-right: 15px;
border-right: 1px solid #999;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left {
display: none;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li {
width: 100%;
padding: 25px 0 25px 30px;
text-align: left;
border-bottom: 1px solid #999;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li.active {
background: #f8f8f8;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li.active > .tit {
font-weight: bold;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li.active > div.img > img.non_sel {
display: none;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li.active > div.img > img.sel {
display: block;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li > div.img {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: bottom;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li > div.img > img.non_sel {
display: block;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li > div.img > img.sel {
display: none;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > ul.left > li > .tit {
font-size: 16px;
line-height: 28px;
display: inline-block;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item {
width: 75.4%;
float: right;
display: none;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item {
width: 100%;
display: block;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item > div.ph_tit {
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 20px 0;
display: none;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item > div.ph_tit {
display: block;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 {
padding-left: 50px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 {
padding-left: 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul {
overflow: hidden;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul:after {
clear: both;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li {
width: 20%;
float: left;
padding: 35px 0;
text-align: center;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li {
width: 33.33%;
padding: 15px 0;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li:nth-child(7) {
height: 138px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li:nth-child(8) {
height: 138px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li:nth-child(9) {
height: 138px;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li > div.img {
width: 80px;
height: 80px;
margin-left: 50%;
transform: translateX(-50%);
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li > div.img {
width: 60px;
height: 60px;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li > div.tit {
font-size: 16px;
margin-top: 10px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li > div.tit {
font-size: 14px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_0 > ul > li > div.tit {
font-size: 14px;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li {
padding: 25px 0;
overflow: hidden;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li {
padding: 15px 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li > div.img {
width: 170px;
height: 70px;
float: left;
text-align: right;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li > div.img {
width: 70px;
height: 70px;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li > div.img > img {
width: 70px;
height: 70px;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li > div.txt {
display: inline-block;
width: calc(100% - 170px);
float: left;
padding-left: 30px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li > div.txt {
width: calc(100% - 70px);
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li > div.txt > .tit {
font-size: 18px;
font-weight: bold;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_1 > ul > li > div.txt > .desc {
margin-top: 10px;
font-size: 16px;
line-height: 30px;
color: #666;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_2 {
padding-left: 100px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_2 {
padding-left: 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_2 > ul > li {
padding: 12px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_2 > ul > li {
padding: 15px 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_2 > ul > li > div.txt {
width: 100%;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_2 > ul > li > div.txt > .tit {
font-size: 18px;
font-weight: bold;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_2 > ul > li > div.txt > .desc {
margin-top: 10px;
font-size: 16px;
line-height: 30px;
color: #666;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_2 > ul > li > div.img {
width: 100%;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 {
padding-left: 100px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 {
padding-left: 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 > ul > li {
padding: 10px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 > ul > li {
padding: 15px 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 > ul > li > div.txt {
width: 100%;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 > ul > li > div.txt > .tit {
font-size: 18px;
font-weight: bold;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 > ul > li > div.txt > .desc {
margin-top: 10px;
font-size: 16px;
line-height: 30px;
color: #666;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 > ul > li > div.txt > ul.list {
margin-top: 10px;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 > ul > li > div.txt > ul.list > li {
list-style: disc;
font-size: 16px;
line-height: 30px;
color: #666;
margin-left: 20px;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_3 > ul > li > div.img {
width: 100%;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_4 {
padding-left: 100px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_4 {
padding-left: 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_4 > ul > li {
padding: 4px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_4 > ul > li {
padding: 15px 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_4 > ul > li > div.txt {
width: 100%;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_4 > ul > li > div.txt > .tit {
font-size: 18px;
font-weight: bold;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_4 > ul > li > div.txt > .desc {
margin-top: 10px;
font-size: 16px;
line-height: 30px;
color: #666;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_4 > ul > li > div.img {
width: 100%;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_5 {
padding-left: 100px;
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_5 {
padding-left: 0;
}
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_5 > ul > li {
padding: 15px 0;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_5 > ul > li > div.txt {
width: 100%;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_5 > ul > li > div.txt > .tit {
font-size: 18px;
font-weight: bold;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_5 > ul > li > div.txt > .desc {
margin-top: 10px;
font-size: 16px;
line-height: 30px;
color: #666;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_5 > ul > li > div.img {
width: 100%;
}
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_6 > div.img {
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_6 > div.img {
margin-top: 30px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_2_s2 .wrapper_solution_2_s2 .content_body > .content > .sec_item.sec_6 > div.img {
margin-top: 15px;
}
}
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body {
overflow: hidden;
}
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body:after {
clear: both;
}
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body > div.txt {
width: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-right: 40px;
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
padding-right: 0;
}
}
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body > div.txt .content_title {
margin-top: 0;
line-height: 56px;
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body > div.txt .content_title {
text-align: center;
line-height: 36px;
}
}
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s1 .wrapper_solution_3_s1 .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
.oldshell .content_solution_3_s2 .wrapper_solution_3_s2 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_3_s2 .wrapper_solution_3_s2 .content_body > div.img {
width: 100%;
margin-top: 40px;
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s2 .wrapper_solution_3_s2 .content_body > div.img {
margin-top: 35px;
}
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul {
overflow: hidden;
margin-top: 50px;
padding: 0 0 70px;
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul {
margin-top: 40px;
margin-bottom: 50px;
padding: 0;
}
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul:after {
clear: both;
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li {
width: 25%;
float: left;
padding: 40px 0;
transition: all 0.5s;
border-right: 1px solid #CCC;
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li:nth-child(-n+4) {
border-bottom: 1px solid #CCC;
border-top: 2px solid #FFF;
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li:nth-child(4n) {
border-right: none;
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li {
width: 50%;
padding: 20px 10px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li:nth-child(-n+6) {
border-bottom: 1px solid #CCC;
border-top: none;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li:nth-child(2n) {
border-right: none;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li:nth-child(-n+6) > div > div.txt > .desc {
height: 64px;
}
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li:hover {
box-shadow: -17px 12px 21px 0px rgba(188, 188, 188, 0.75);
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li:hover {
box-shadow: none;
border-top: none;
}
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li > div > div.img {
width: 100%;
text-align: center;
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li > div > div.img > img {
width: 57px;
height: 57px;
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li > div > div.txt {
width: 100%;
text-align: center;
}
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li > div > div.txt > .desc {
height: 32px;
margin-top: 10px;
font-size: 16px;
line-height: 32px;
}
@media (max-width: 991px) {
.oldshell .content_solution_3_s3 .wrapper_solution_3_s3 .content_body > ul > li > div > div.txt > .desc {
height: auto;
min-height: 32px !important;
}
}
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body {
overflow: hidden;
}
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body:after {
clear: both;
}
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body > div.txt {
width: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-right: 40px;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
padding-right: 0;
}
}
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body > div.txt .content_title {
margin-top: 0;
line-height: 56px;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body > div.txt .content_title {
text-align: center;
line-height: 36px;
}
}
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s1 .wrapper_solution_4_s1 .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
.oldshell .content_solution_4_s2 .wrapper_solution_4_s2 .content_body {
overflow: hidden;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s2 .wrapper_solution_4_s2 .content_body {
padding: 0 10px;
}
}
.oldshell .content_solution_4_s2 .wrapper_solution_4_s2 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_4_s2 .wrapper_solution_4_s2 .content_body > div.img {
width: 100%;
margin: 50px 0 70px;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s2 .wrapper_solution_4_s2 .content_body > div.img {
margin: 40px 0 50px;
}
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body {
width: 1360px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body {
width: 100%;
}
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul {
overflow: hidden;
margin-top: 50px;
padding: 0 0 57px;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul {
margin-top: 40px;
margin-bottom: 50px;
padding: 0;
}
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul:after {
clear: both;
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li {
width: 50%;
float: left;
padding: 45px 40px;
margin: 13px 0;
border-top: 2px solid #FFF;
transition: all 0.5s;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li {
width: 100%;
padding: 20px 0;
margin: 5px 0;
border-top: 1px solid #337dff;
}
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li:hover {
box-shadow: -17px 12px 21px 0px rgba(188, 188, 188, 0.75);
border-top: 2px solid #337dff;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li:hover {
box-shadow: none;
}
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.img {
width: 59px;
height: 58px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.img {
width: 55px;
height: auto;
}
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.txt {
width: calc(100% - 60px);
padding-left: 40px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.txt {
padding-left: 15px;
}
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.txt > .tit {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.txt > .tit {
font-size: 18px;
}
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.txt > .desc {
height: 96px;
margin-top: 10px;
font-size: 18px;
line-height: 32px;
color: #666;
}
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.txt > .desc.no_tit {
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_4_s3 .wrapper_solution_4_s3 .content_body > ul > li > div > div.txt > .desc {
height: auto;
font-size: 16px;
min-height: 32px !important;
}
}
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body {
overflow: hidden;
}
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body:after {
clear: both;
}
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body > div.txt {
width: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-right: 40px;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
padding-right: 0;
}
}
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body > div.txt .content_title {
margin-top: 0;
line-height: 56px;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body > div.txt .content_title {
text-align: center;
line-height: 36px;
}
}
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s1 .wrapper_solution_5_s1 .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body {
width: 1360px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body {
width: 100%;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul {
overflow: hidden;
margin-top: 50px;
padding: 0 0 57px;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul {
margin-top: 40px;
margin-bottom: 50px;
padding: 0;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul:after {
clear: both;
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li {
width: 50%;
float: left;
padding: 45px 40px;
margin: 13px 0;
border-top: 2px solid #FFF;
transition: all 0.5s;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li {
width: 100%;
padding: 20px 0;
margin: 5px 0;
border-top: 1px solid #337dff;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li:hover {
box-shadow: -17px 12px 21px 0px rgba(188, 188, 188, 0.75);
border-top: 2px solid #337dff;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li:hover {
box-shadow: none;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.img {
width: 59px;
height: 58px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.img {
width: 55px;
height: auto;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.txt {
width: calc(100% - 60px);
padding-left: 40px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.txt {
padding-left: 15px;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 18px;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.txt > .desc {
height: 64px;
margin-top: 10px;
font-size: 18px;
line-height: 32px;
color: #666;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.txt > .desc {
height: 96px;
}
}
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.txt > .desc.no_tit {
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_5_s2 .wrapper_solution_5_s2 .content_body > ul > li > div > div.txt > .desc {
height: auto;
font-size: 16px;
min-height: 32px !important;
}
}
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body {
overflow: hidden;
}
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body:after {
clear: both;
}
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body > div.txt {
width: 50%;
padding-right: 40px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
padding-right: 0;
}
}
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body > div.txt .content_title {
margin-top: 0;
line-height: 56px;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body > div.txt .content_title {
text-align: center;
line-height: 36px;
}
}
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s1 .wrapper_solution_6_s1 .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body {
width: 1360px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body {
width: 100%;
}
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul {
overflow: hidden;
margin-top: 50px;
padding: 0 0 57px;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul {
margin-top: 40px;
margin-bottom: 50px;
padding: 0;
}
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul:after {
clear: both;
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li {
width: 50%;
float: left;
padding: 45px 40px;
margin: 13px 0;
border-top: 2px solid #FFF;
transition: all 0.5s;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li {
width: 100%;
padding: 20px 0;
margin: 5px 0;
border-top: 1px solid #337dff;
}
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li:hover {
box-shadow: -17px 12px 21px 0px rgba(188, 188, 188, 0.75);
border-top: 2px solid #337dff;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li:hover {
box-shadow: none;
}
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.img {
width: 59px;
height: 58px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.img {
width: 55px;
height: auto;
}
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.txt {
width: calc(100% - 60px);
padding-left: 40px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.txt {
padding-left: 15px;
}
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 18px;
}
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.txt > .desc {
height: 64px;
margin-top: 10px;
font-size: 18px;
line-height: 32px;
color: #666;
}
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.txt > .desc.no_tit {
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_6_s2 .wrapper_solution_6_s2 .content_body > ul > li > div > div.txt > .desc {
height: auto;
font-size: 16px;
min-height: 32px !important;
}
}
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body {
overflow: hidden;
}
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body:after {
clear: both;
}
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body > div.txt {
width: 50%;
padding-right: 40px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
padding-right: 0;
}
}
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body > div.txt .content_title {
margin-top: 0;
line-height: 56px;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body > div.txt .content_title {
text-align: center;
line-height: 36px;
}
}
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s1 .wrapper_solution_7_s1 .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body {
width: 1360px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body {
width: 100%;
}
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul {
overflow: hidden;
margin-top: 50px;
padding: 0 0 57px;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul {
margin-top: 40px;
margin-bottom: 50px;
padding: 0;
}
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul:after {
clear: both;
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li {
width: 50%;
float: left;
padding: 45px 40px;
margin: 13px 0;
border-top: 2px solid #FFF;
transition: all 0.5s;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li {
width: 100%;
padding: 20px 0;
margin: 5px 0;
border-top: 1px solid #337dff;
}
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li:hover {
box-shadow: -17px 12px 21px 0px rgba(188, 188, 188, 0.75);
border-top: 2px solid #337dff;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li:hover {
box-shadow: none;
}
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.img {
width: 59px;
height: 58px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.img {
width: 55px;
height: auto;
}
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.txt {
width: calc(100% - 60px);
padding-left: 40px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.txt {
padding-left: 15px;
}
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 18px;
}
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.txt > .desc {
height: 64px;
margin-top: 10px;
font-size: 18px;
line-height: 32px;
color: #666;
}
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.txt > .desc.no_tit {
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_7_s2 .wrapper_solution_7_s2 .content_body > ul > li > div > div.txt > .desc {
height: auto;
font-size: 16px;
min-height: 32px !important;
}
}
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body {
overflow: hidden;
}
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body:after {
clear: both;
}
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body > div.txt {
width: 50%;
padding-right: 40px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body > div.txt {
width: 100%;
clear: both;
position: relative;
top: 0;
transform: none;
margin-top: 53px;
padding-right: 0;
}
}
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body > div.txt .content_title {
margin-top: 0;
line-height: 56px;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body > div.txt .content_title {
text-align: center;
line-height: 36px;
}
}
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body > div.txt .content_title_desc {
line-height: 36px;
}
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body > div.img {
width: 50%;
float: right;
margin: 70px 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s1 .wrapper_solution_8_s1 .content_body > div.img {
width: 100%;
clear: both;
margin: 40px 0 50px;
}
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body {
width: 1360px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body {
width: 100%;
}
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body .content_title {
text-align: center;
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul {
overflow: hidden;
margin-top: 50px;
padding: 0 0 57px;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul {
margin-top: 40px;
margin-bottom: 50px;
padding: 0;
}
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul:after {
clear: both;
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li {
width: 50%;
float: left;
padding: 45px 40px;
margin: 13px 0;
border-top: 2px solid #FFF;
transition: all 0.5s;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li {
width: 100%;
padding: 20px 0;
margin: 5px 0;
border-top: 1px solid #337dff;
}
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li:hover {
box-shadow: -17px 12px 21px 0px rgba(188, 188, 188, 0.75);
border-top: 2px solid #337dff;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li:hover {
box-shadow: none;
}
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.img {
width: 59px;
height: 58px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.img {
width: 55px;
height: auto;
}
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.txt {
width: calc(100% - 60px);
padding-left: 40px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.txt {
padding-left: 15px;
}
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.txt > .tit {
font-size: 18px;
}
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.txt > .desc {
height: 64px;
margin-top: 10px;
font-size: 18px;
line-height: 32px;
color: #666;
}
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.txt > .desc.no_tit {
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s2 .wrapper_solution_8_s2 .content_body > ul > li > div > div.txt > .desc {
height: auto;
font-size: 16px;
min-height: 32px !important;
}
}
.oldshell .content_solution_8_s3 .wrapper_solution_8_s3 .content_body > div.img {
margin-top: 70px;
}
@media (max-width: 991px) {
.oldshell .content_solution_8_s3 .wrapper_solution_8_s3 .content_body > div.img {
margin-top: 50px;
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body {
width: 1360px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body {
width: 100%;
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > div {
text-align: center;
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > div .main_text {
margin-top: 23px;
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > div .main_text {
margin-top: 20.5px;
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul {
margin-top: 43px;
overflow: hidden;
padding-bottom: 50px;
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul {
padding-bottom: 50px;
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul {
margin-top: 10px;
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li {
width: 50%;
height: 441px;
float: left;
padding: 20px 40px;
position: relative;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li {
height: 354px;
}
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li {
width: 100%;
height: auto;
padding: 0;
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li > div {
width: 70%;
position: absolute;
left: 15%;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li > div {
width: 100%;
position: relative;
left: 0;
top: 0;
transform: none;
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li > div .content_title {
margin-top: 0;
font-size: 40px;
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li > div .content_title {
margin-top: 50px;
font-size: 20px;
text-align: center;
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li > div .content_title_border {
margin-left: 0;
transform: none;
display: none;
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li > div .content_title_border {
margin-left: 50%;
transform: translateX(-50%);
}
}
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li > div .main_text {
margin-top: 50px;
font-size: 16px;
line-height: 36px;
}
@media (max-width: 991px) {
.oldshell .content_support_s1 .wrapper_support_s1 .content_body > ul > li > div .main_text {
margin-top: 12px;
padding-bottom: 10px;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body {
width: 1360px;
overflow: hidden;
position: relative;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body {
width: 100%;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.pic {
width: 50%;
padding: 0 40px;
margin-top: 145px;
margin-left: 50%;
margin-bottom: 260px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.pic {
margin-top: 100px;
margin-bottom: 180px;
}
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.pic {
width: 100%;
padding: 0;
margin: 30px 0 50px;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block {
width: 800px;
height: 410px;
background: #21314e;
opacity: 0.7;
position: absolute;
top: 250px;
left: 40px;
color: #FFF;
padding-top: 80px;
padding-left: 70px;
padding-bottom: 40px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block {
left: 130px;
width: 650px;
height: 333px;
top: 170px;
padding-top: 50px;
padding-left: 40px;
padding-bottom: 30px;
}
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block {
width: 100%;
height: auto;
background: none;
position: relative;
top: 0;
left: 0;
padding-top: 40px;
padding-left: 0;
padding-bottom: 0;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .t1 {
font-size: 24px;
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .t1 {
font-size: 18px;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .ph {
font-size: 54px;
margin-top: 40px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .ph {
margin-top: 30px;
}
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .ph {
font-size: 32px;
margin-top: 35px;
text-align: center;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action {
overflow: hidden;
margin-top: 90px;
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action:after {
clear: both;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action {
margin-top: 50px;
}
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action {
margin-top: 29.5px;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action > div {
width: 50%;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action > div {
width: 120px;
}
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action > div:last-child {
width: 100px;
float: right;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action > div > .tit {
font-size: 18px;
font-weight: 600;
cursor: pointer;
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action > div > .tit {
font-size: 15px;
}
}
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action > div > .desc {
font-size: 16px;
margin-top: 10px;
}
@media (max-width: 991px) {
.oldshell .content_support_s2 .wrapper_support_s2 .content_body > div.color_block > .action > div > .desc {
font-size: 12px;
}
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body {
width: 1300px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_example_s1 .wrapper_example_s1 .content_body {
width: 100%;
padding: 0 120px;
}
}
@media (max-width: 991px) {
.oldshell .content_example_s1 .wrapper_example_s1 .content_body {
width: 100%;
}
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul {
margin-top: 50px;
overflow: hidden;
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul {
margin-top: 40px;
margin-bottom: 40px;
}
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li {
width: 33.33%;
float: left;
padding: 20px 10px;
}
@media (max-width: 991px) {
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li {
width: 100%;
padding: 10px 0;
}
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area {
position: relative;
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area:hover > .desc {
display: block;
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area > img {
width: 100%;
height: 250px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area > img {
height: 200px;
}
}
@media (max-width: 991px) {
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area > img {
height: auto;
}
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area > .tag {
padding: 0 20px;
height: 24px;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #FFF;
position: absolute;
top: 20px;
left: 20px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
background: #ffb400;
z-index: 100;
}
@media (max-width: 991px) {
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area > .tag {
padding: 0 15px;
height: 22px;
top: 10px;
left: 10px;
font-size: 12px;
line-height: 22px;
}
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area > .desc {
display: none;
width: 100%;
height: 100%;
padding: 20px 30px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.img_area > .desc > .txt {
width: 100%;
font-size: 18px;
line-height: 30px;
color: #FFF;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.title {
height: 60px;
font-size: 18px;
line-height: 60px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
@media (max-width: 991px) {
.oldshell .content_example_s1 .wrapper_example_s1 .content_body > ul > li > div > div.title {
height: auto;
max-height: 60px;
font-size: 16px;
line-height: 30px;
-webkit-line-clamp: 2;
}
}
@media (max-width: 991px) {
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body > div:first-child {
text-align: center;
}
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body > img {
width: 660px;
height: 300px;
margin-top: 50px;
}
@media (max-width: 991px) {
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body > img {
width: 100%;
height: auto;
margin-top: 25px;
}
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .main_text {
margin-top: 50px;
}
@media (max-width: 991px) {
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .main_text {
margin-top: 20.5px;
}
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body > div:nth-child(4) {
font-size: 22px;
line-height: 22px;
}
@media (max-width: 991px) {
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body > div:nth-child(4) {
text-align: center;
margin-top: 45.5px;
}
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .content_title_border {
margin-top: 20px;
margin-left: 0;
transform: none;
}
@media (max-width: 991px) {
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .content_title_border {
margin-left: 50%;
transform: translateX(-50%);
}
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .project_desc {
font-size: 14px;
line-height: 14px;
margin-top: 30px;
}
@media (max-width: 991px) {
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .project_desc {
margin-top: 15px;
}
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .pre_next {
margin-top: 70px;
text-align: left;
font-size: 14px;
line-height: 30px;
color: #FFFFFF;
padding-bottom: 100px;
}
@media (max-width: 991px) {
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .pre_next {
width: 100%;
text-align: center;
margin-top: 25px;
padding-bottom: 50px;
}
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .pre_next .prev {
width: 90px;
height: 30px;
border-radius: 7px;
display: inline-block;
background: #337dff;
text-align: center;
cursor: pointer;
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .pre_next .prev.disable {
background: #FFFFFF;
color: #CCCCCC;
cursor: default;
border: 1px solid #CCCCCC;
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .pre_next .next {
width: 90px;
height: 30px;
border-radius: 7px;
display: inline-block;
margin-left: 45px;
background: #337dff;
text-align: center;
cursor: pointer;
}
.oldshell .content_example_innter_s1 .wrapper_example_innter_s1 .content_body .pre_next .next.disable {
background: #FFFFFF;
color: #CCCCCC;
cursor: default;
border: 1px solid #CCCCCC;
}
.oldshell .content_about_jj_s1 .wrapper_about_jj_s1 .content_body {
padding-bottom: 70px;
}
@media (max-width: 991px) {
.oldshell .content_about_jj_s1 .wrapper_about_jj_s1 .content_body {
padding-bottom: 30px;
}
}
.oldshell .content_about_jj_s1 .wrapper_about_jj_s1 .content_body .content_title {
text-align: center;
padding-bottom: 20px;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body .content_title {
text-align: center;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul {
padding: 50px 0 20px;
overflow: hidden;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul {
padding: 40px 0 20px;
}
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li {
width: 25%;
height: 250px;
float: left;
position: relative;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li {
height: 235px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li {
width: 100%;
border: 1px solid #ccc;
margin: 5px 0;
}
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:hover {
background: #edf2f6;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:nth-child(n+2) {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:nth-child(n+5) {
border-bottom: 1px solid #ccc;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:first-child {
border: 1px solid #ccc;
height: 500px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:first-child {
height: 470px;
}
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:first-child > div > div.tit {
font-size: 22px;
font-weight: 600;
line-height: 63px;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:nth-child(4) > div > div.tit {
line-height: 42px;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:nth-child(5) > div > div.tit {
line-height: 42px;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li:nth-child(7) > div > div.tit {
line-height: 42px;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li > div {
width: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li > div > div.img {
padding: 15px 30px;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > ul > li > div > div.tit {
text-align: center;
}
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > img {
padding-bottom: 70px;
}
@media (max-width: 991px) {
.oldshell .content_about_jj_s3 .wrapper_about_jj_s3 .content_body > img {
padding-bottom: 50px;
}
}
.oldshell .content_about_lx_s2 .wrapper_about_lx_s2 .content_body {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 22px;
text-align: center;
color: #FFFFFF;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s2 .wrapper_about_lx_s2 .content_body {
font-size: 15px;
}
}
.oldshell .content_about_lx_s2 .wrapper_about_lx_s2 .content_body > span {
font-size: 30px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s2 .wrapper_about_lx_s2 .content_body > span {
font-size: 22px;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body {
padding-top: 70px;
overflow: hidden;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body:after {
clear: both;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body {
width: 100%;
padding: 70px 90px 0;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas {
width: 80%;
float: left;
overflow: hidden;
padding-bottom: 70px;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas {
width: 55%;
padding: 0 0 50px;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li {
width: 50%;
float: left;
padding-left: 50px;
padding-top: 30px;
padding-bottom: 30px;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li:hover {
background: #f8f8f8;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li:hover:nth-child(3) {
background: #ffffff;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li {
padding-left: 30px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li {
width: 100%;
padding: 0;
margin-top: 64px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li:first-child {
margin-top: 0;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li:nth-child(-n+2) {
border-bottom: 1px solid #CCC;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li:nth-child(-n+2) {
border: none;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li:nth-child(even) {
border-left: 1px solid #CCC;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li:nth-child(even) {
border: none;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li > div.tit {
font-size: 24px;
font-weight: bold;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li > div.tit {
font-size: 18px;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li > div.addr {
margin-top: 35px;
color: #999;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li > div.addr {
margin-top: 15px;
font-size: 12px;
line-height: 24px;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li > div.tel {
margin-top: 15px;
color: #999;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.areas > li > div.tel > span {
margin-top: 8px;
color: #666;
font-size: 26px;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.bsc {
width: 10%;
float: right;
overflow: hidden;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.bsc:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.bsc {
width: 30%;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.bsc > li {
width: 100%;
float: left;
border-left: 1px solid #CCC;
overflow: hidden;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.bsc > li:after {
clear: both;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.bsc > li:first-child > p {
margin-top: 0;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.bsc > li > p {
float: right;
font-size: 22px;
font-weight: bold;
line-height: 22px;
width: 66px;
margin-top: 16px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > ul.bsc > li > p {
font-size: 18px;
margin-top: 33px;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom {
width: 80%;
margin-top: 75px;
padding-bottom: 70px;
overflow: hidden;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom {
width: 100%;
padding-bottom: 50px;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom:after {
clear: both;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.qr {
float: left;
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.qr > img {
width: 130px;
height: 130px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.qr {
width: 100%;
text-align: center;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.qr > img {
width: 100px;
height: 100px;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat {
margin-top: 23px;
float: left;
}
@media (min-width: 1200px) and (max-width: 1439px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat {
margin-top: 35px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat {
width: 100%;
margin-top: 20px;
text-align: center;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat:nth-child(2) {
width: calc(50% - 130px);
padding-left: 35px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat:nth-child(2) {
width: 100%;
padding-left: 0;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat:last-child {
float: left;
padding-left: 50px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat:last-child {
padding-left: 30px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat:last-child {
padding-left: 0;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.tit {
font-size: 26px;
font-weight: bold;
}
@media (min-width: 1200px) and (max-width: 1439px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.tit {
font-size: 22px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.tit {
font-size: 22px;
font-weight: bold;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.tel {
font-size: 22px;
margin-top: 10px;
color: #666;
}
@media (min-width: 1200px) and (max-width: 1439px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.tel {
font-size: 18px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.tel {
margin-top: 10px;
font-size: 20px;
}
}
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.mail {
font-size: 22px;
color: #666;
}
@media (min-width: 1200px) and (max-width: 1439px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.mail {
font-size: 18px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s3 .wrapper_about_lx_s3 .content_body > div.bottom > div.concat > div.mail {
margin-top: 10px;
font-size: 20px;
}
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body {
overflow: hidden;
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body .content_title {
margin-top: 0;
text-align: center;
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form {
overflow: hidden;
padding-top: 30px;
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form:after {
clear: both;
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li {
width: 100%;
float: left;
padding: 20px 30px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li {
padding: 10px 12.5px;
}
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(-n+3) {
width: 50%;
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(4) {
width: 25%;
padding-left: 30px;
padding-right: 17.5px;
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(5) {
width: 25%;
padding-left: 17.5px;
padding-right: 30px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(1) {
padding-left: 0;
padding-right: 12.5px;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(2) {
padding-left: 12.5px;
padding-right: 0;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(3) {
padding-left: 0;
padding-right: 0;
width: 100%;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(4) {
padding-left: 0;
padding-right: 12.5px;
width: 50%;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(5) {
padding-left: 12.5px;
padding-right: 0;
width: 50%;
}
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li:nth-child(6) {
padding-left: 0;
padding-right: 0;
width: 100%;
}
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > p {
font-size: 14px;
line-height: 14px;
color: #666666;
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input, .oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li select {
width: 100%;
height: 45px;
border: 1px solid #999999;
margin-top: 15px;
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input::-webkit-input-placeholder {
font-size: 16px;
position: relative;
left: 20px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input::-webkit-input-placeholder {
left: 10px;
font-size: 12px;
}
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input:-moz-placeholder {
font-size: 16px;
position: relative;
left: 20px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input:-moz-placeholder {
left: 10px;
font-size: 12px;
}
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input::-moz-placeholder {
font-size: 16px;
position: relative;
left: 20px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input::-moz-placeholder {
left: 10px;
font-size: 12px;
}
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input:-ms-input-placeholder {
font-size: 16px;
position: relative;
left: 20px;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > ul.form > li > input:-ms-input-placeholder {
left: 10px;
font-size: 12px;
}
}
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > div.submit_btn {
width: 260px;
height: 32px;
background: #337dff;
margin-top: 50px;
border-radius: 8px;
margin-left: 50%;
transform: translateX(-50%);
color: #FFFFFF;
line-height: 32px;
font-size: 14px;
text-align: center;
}
@media (max-width: 991px) {
.oldshell .content_about_lx_s4 .wrapper_about_lx_s4 .content_body > div.submit_btn {
width: 130px;
height: 25px;
font-size: 12px;
line-height: 25px;
margin-top: 25px;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body {
width: 1298px;
text-align: center;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body {
width: 100%;
padding: 0 121px;
}
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body {
width: 100%;
padding: 0 15px;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block {
margin-top: 50px;
overflow: hidden;
font-size: 0;
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block:after {
clear: both;
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item {
position: relative;
float: left;
width: calc(25% - 23.15px);
height: 187px;
margin: 10px;
cursor: pointer;
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item {
width: calc(50% - 10px);
height: auto;
margin: 5px;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item:first-child {
width: calc(50% - 13.7px);
height: 394px;
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item:first-child {
width: 100%;
height: auto;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item:first-child > a {
width: 100%;
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item:first-child > a > div:first-child > img {
width: 100%;
height: 100%;
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item:first-child > a > div:nth-child(2) {
left: 30px;
bottom: 20px;
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item:first-child > a > div:nth-child(2) {
left: 0;
}
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item:first-child > a > div:nth-child(2) > .tit {
height: auto;
max-height: 40px;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:first-child {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:first-child:hover > img:first-child {
transform: scale(1.2);
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:first-child > img {
width: 100%;
height: 100%;
transition: all 0.4s;
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:first-child > img {
height: 112px;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:first-child > img:nth-child(2) {
position: absolute;
left: 0;
bottom: 0;
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:nth-child(2) {
position: absolute;
left: 20px;
bottom: 10px;
color: white;
text-align: left;
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:nth-child(2) {
position: relative;
left: 0;
bottom: 0;
color: #333;
background: #F4F4F4;
padding: 12px;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:nth-child(2) > .tit {
font-size: 16px;
padding-right: 20px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:nth-child(2) > .tit {
font-size: 14px;
padding-right: 0;
font-weight: 600;
line-height: 20px;
height: 40px;
-webkit-line-clamp: 2;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:nth-child(2) > .date {
font-size: 14px;
}
@media (max-width: 991px) {
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > ul.img_block li.img_item > a > div:nth-child(2) > .date {
font-size: 12px;
color: #CCC;
margin-top: 5px;
}
}
.oldshell .content_news_s1 .wrapper_news_s1 .content_body > a.see_more {
display: block;
width: 170px;
height: 45px;
border: 1px solid #131210;
border-radius: 4px;
text-align: center;
margin: 70px auto;
font-size: 18px;
line-height: 45px;
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body {
width: 1360px;
text-align: center;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_s2 .wrapper_news_s2 .content_body {
width: 100%;
padding: 0 90px;
}
}
@media (max-width: 991px) {
.oldshell .content_news_s2 .wrapper_news_s2 .content_body {
width: 100%;
}
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > .content_title {
color: white;
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block {
margin-top: 40px;
overflow: hidden;
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block:after {
clear: both;
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item {
width: 33.33%;
float: left;
padding: 10px 40px 0;
}
@media (max-width: 991px) {
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item {
width: 100%;
padding: 10px 0 0;
}
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a {
cursor: pointer;
transition: all 0.3s;
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a:hover {
padding-top: 0;
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:first-child {
overflow: hidden;
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:first-child > img {
width: 100%;
height: 210px;
}
@media (max-width: 991px) {
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:first-child > img {
height: 100%;
}
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:nth-child(2) {
padding-top: 30px;
color: white;
text-align: left;
}
@media (max-width: 991px) {
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:nth-child(2) {
padding-top: 15px;
}
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:nth-child(2) .tit {
font-size: 18px;
line-height: 25px;
font-weight: 600;
height: 48px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 991px) {
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:nth-child(2) .tit {
font-size: 14px;
line-height: 21px;
height: 42px;
}
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:nth-child(2) .desc {
margin-top: 35px;
font-size: 16px;
line-height: 22px;
height: 44px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: rgba(255, 255, 255, 0.85);
}
@media (max-width: 991px) {
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:nth-child(2) .desc {
font-size: 12px;
line-height: 18px;
height: 36px;
margin-top: 18px;
}
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:nth-child(2) .date {
margin-top: 20px;
font-size: 16px;
color: #ffc705;
}
@media (max-width: 991px) {
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > ul.img_block li.img_item > a > div:nth-child(2) .date {
font-size: 12px;
margin-top: 10px;
}
}
.oldshell .content_news_s2 .wrapper_news_s2 .content_body > a.see_more {
display: block;
width: 170px;
height: 45px;
color: #FFF;
border: 1px solid #FFF;
border-radius: 4px;
text-align: center;
margin: 70px auto;
font-size: 18px;
line-height: 45px;
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body {
width: 1298px;
text-align: center;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body {
width: 100%;
padding: 0 121px;
}
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body {
width: 100%;
padding: 0 15px;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block {
margin-top: 50px;
overflow: hidden;
font-size: 0;
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block:after {
clear: both;
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item {
position: relative;
float: left;
width: 31.2%;
height: 238px;
padding: 9px;
cursor: pointer;
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item {
width: 50%;
height: auto;
padding: 5px;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item:first-child {
width: 68.798%;
height: 476px;
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item:first-child {
width: 100%;
height: auto;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item:first-child > div:first-child > img {
height: 458px;
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item:first-child > div:first-child > img {
height: auto;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item:first-child > div:nth-child(2) {
left: 45px;
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item:first-child > div:nth-child(2) {
left: 0;
}
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item:first-child > div:nth-child(2) > .tit {
height: auto;
max-height: 40px;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:first-child {
position: relative;
overflow: hidden;
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:first-child:hover > img:first-child {
transform: scale(1.2);
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:first-child > img {
height: 220px;
transition: all 0.4s;
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:first-child > img {
height: 130px;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:first-child > img:nth-child(2) {
position: absolute;
left: 0;
bottom: 0;
opacity: 0.5;
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:nth-child(2) {
position: absolute;
left: 35px;
bottom: 25px;
color: white;
text-align: left;
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:nth-child(2) {
position: relative;
left: 0;
bottom: 0;
color: #333;
background: #F4F4F4;
padding: 12px;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:nth-child(2) > .tit {
font-size: 16px;
padding-right: 20px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:nth-child(2) > .tit {
font-size: 14px;
padding-right: 0;
font-weight: 600;
line-height: 20px;
height: 40px;
-webkit-line-clamp: 2;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:nth-child(2) > .date {
font-size: 14px;
}
@media (max-width: 991px) {
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > ul.img_block li.img_item > div:nth-child(2) > .date {
font-size: 12px;
color: #CCC;
margin-top: 5px;
}
}
.oldshell .content_news_s3 .wrapper_news_s3 .content_body > a.see_more {
display: block;
width: 170px;
height: 45px;
border: 1px solid #131210;
border-radius: 4px;
text-align: center;
margin: 70px auto;
font-size: 18px;
line-height: 45px;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body {
width: 1300px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body {
width: 100%;
padding: 0 120px;
}
}
@media (max-width: 991px) {
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body {
width: 100%;
}
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul {
overflow: hidden;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul:after {
clear: both;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li {
width: 33.333%;
float: left;
padding: 10px;
}
@media (max-width: 991px) {
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li {
width: 100%;
padding: 10px 0;
}
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li > div:hover > div > div.play > img {
transform: scale(1.1);
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li > div > div {
position: relative;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li > div > div > img {
height: 270px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li > div > div > img {
height: 215px;
}
}
@media (max-width: 991px) {
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li > div > div > img {
height: auto;
}
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li > div > div > div.play {
width: 75px;
height: 75px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li > div > div > div.play > img {
transition: all 0.3s;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > ul li > div > div.tit {
font-size: 18px;
line-height: 36px;
padding-top: 11px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > div.pre_next {
width: 100%;
padding-top: 22.75px;
text-align: center;
font-size: 12px;
line-height: 30px;
color: #FFFFFF;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > div.pre_next .prev {
width: 80px;
height: 30px;
border-radius: 7px;
display: inline-block;
background: #337dff;
text-align: center;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > div.pre_next .prev.disable {
background: #FFFFFF;
color: #999999;
cursor: default;
border: 1px solid #CCCCCC;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > div.pre_next .page_step {
font-size: 12px;
line-height: 30px;
color: #999999;
margin-left: 30px;
display: inline-block;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > div.pre_next .next {
width: 80px;
height: 30px;
border-radius: 7px;
display: inline-block;
margin-left: 30px;
background: #337dff;
text-align: center;
}
.oldshell .content_news_video_s1 .wrapper_news_video_s1 .content_body > div.pre_next .next.disable {
background: #FFFFFF;
color: #999999;
cursor: default;
border: 1px solid #CCCCCC;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body {
overflow: hidden;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body:after {
clear: both;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left {
width: calc(78.125% - 30px);
float: left;
overflow: hidden;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left {
width: 100%;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul {
width: 100%;
float: left;
overflow: hidden;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul:after {
clear: both;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li {
width: 100%;
float: left;
padding: 35px 0;
cursor: pointer;
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li {
width: 100%;
padding: 22.75px 0;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li:hover > div .content_title_border {
width: 100%;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > img {
width: 30.833%;
height: 160px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > img {
width: 100%;
height: auto;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div {
width: 65.8333%;
height: 160px;
float: right;
position: relative;
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div {
width: 100%;
height: auto;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div {
position: relative;
top: 0;
transform: none;
margin-top: 20px;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div .content_title {
margin-top: 0;
color: #333333;
font-size: 18px;
font-weight: 600;
line-height: 22px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div .content_title_border {
margin-top: 20px;
margin-left: 0;
transform: none;
transition: width 0.3s;
-moz-transition: width 0.3s;
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div .content_title_border {
margin-top: 10px;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div .main_text {
max-height: 60px;
font-size: 16px;
line-height: 30px;
margin-top: 13px;
color: #666666;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div .main_text {
max-height: 50px;
margin-top: 5.5px;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div .date {
margin-top: 18.5px;
font-size: 12px;
line-height: 21px;
color: #999999;
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.left > ul li > a > div > div .date {
margin-top: 6px;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right {
width: 21.875%;
float: right;
margin-top: 35px;
}
@media (max-width: 991px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right {
width: 100%;
margin-top: 35px;
display: none;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right > .tit {
width: 100%;
height: 55px;
font-size: 22px;
line-height: 55px;
padding-left: 40px;
color: #FFF;
background: url("/imgs/pc/news/list_s1_1.jpg") no-repeat center center;
background-size: cover;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right > .tit {
padding-left: 25px;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right > ul {
padding: 30px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right > ul {
padding: 20px 25px;
}
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right > ul > li {
padding: 15px 0;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right > ul > li > a {
position: relative;
display: block;
cursor: pointer;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right > ul > li > a > img {
height: 145px;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.right > ul > li > a > div {
height: 36px;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
font-size: 14px;
line-height: 36px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #FFF;
background: rgba(0, 0, 0, 0.3);
padding: 0 10px;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.pagination-content {
width: 100%;
float: left;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.pre_next {
width: 100%;
padding-top: 22.75px;
text-align: center;
font-size: 12px;
line-height: 30px;
color: #FFFFFF;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.pre_next .prev {
width: 80px;
height: 30px;
border-radius: 7px;
display: inline-block;
background: #337dff;
text-align: center;
color: #FFFFFF;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.pre_next .prev.disable {
background: #FFFFFF;
color: #999999;
cursor: default;
border: 1px solid #CCCCCC;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.pre_next .page_step {
font-size: 12px;
line-height: 30px;
color: #999999;
margin-left: 30px;
display: inline-block;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.pre_next .next {
width: 80px;
height: 30px;
border-radius: 7px;
display: inline-block;
margin-left: 30px;
background: #337dff;
text-align: center;
color: #FFFFFF;
}
.oldshell .content_news_list_s1 .wrapper_news_list_s1 .content_body > div.pre_next .next.disable {
background: #FFFFFF;
color: #999999;
cursor: default;
border: 1px solid #CCCCCC;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .content_title {
margin-top: 40px;
width: calc(78.125% - 30px);
line-height: 40px;
font-size: 32px;
color: #333;
margin-bottom: 25px;
}
@media (max-width: 991px) {
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .content_title {
font-size: 22px;
line-height: 25px;
width: 100%;
margin-bottom: 13px;
text-align: center;
}
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content {
overflow: hidden;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content:after {
clear: both;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left {
width: calc(78.125% - 30px);
float: left;
}
@media (max-width: 991px) {
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left {
width: 100%;
}
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left .date_bar {
height: 46px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left .date_bar .date {
float: left;
font-size: 14px;
line-height: 44px;
color: #999;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left .date_bar .icon {
float: right;
height: 44px;
position: relative;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left .date_bar .icon > img {
margin: 9px 19px;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left .date_bar .icon > .split {
display: inline-block;
color: #CCC;
font-size: 26px;
line-height: 44px;
vertical-align: top;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left .date_bar .icon .wechat_share {
width: 200px;
position: absolute;
top: 50px;
left: -65px;
display: none;
border: 1px solid #EEE;
background-color: #fff;
box-shadow: 0 2px 10px #aaa;
text-align: center;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left .date_bar .icon .wechat_share .mini_text {
font-size: 12px;
line-height: 26px;
background: #F5F5F5;
color: #666;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left .date_bar .icon .wechat_share .qrcode {
margin: 5px 30px;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.content {
padding-top: 35px;
color: #333;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.content img {
max-width: 100% !important;
}
@media (max-width: 991px) {
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.content img {
height: auto !important;
}
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.pre_next {
margin-top: 70px;
text-align: left;
font-size: 14px;
line-height: 30px;
color: #FFFFFF;
padding-bottom: 100px;
}
@media (max-width: 991px) {
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.pre_next {
width: 100%;
text-align: center;
margin-top: 35px;
padding-bottom: 35px;
}
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.pre_next .prev {
width: 90px;
height: 30px;
border-radius: 7px;
display: inline-block;
background: #337dff;
text-align: center;
cursor: pointer;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.pre_next .prev.disable {
background: #FFFFFF;
color: #CCCCCC;
cursor: default;
border: 1px solid #CCCCCC;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.pre_next .next {
width: 90px;
height: 30px;
border-radius: 7px;
display: inline-block;
margin-left: 45px;
background: #337dff;
text-align: center;
cursor: pointer;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .left > div.pre_next .next.disable {
background: #FFFFFF;
color: #CCCCCC;
cursor: default;
border: 1px solid #CCCCCC;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right {
width: 21.875%;
float: right;
}
@media (max-width: 991px) {
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right {
width: 100%;
margin-top: 35px;
display: none;
}
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > .tit {
width: 100%;
height: 55px;
font-size: 22px;
line-height: 55px;
padding-left: 40px;
color: #FFF;
background: url("/imgs/pc/news/list_s1_1.jpg") no-repeat center center;
background-size: cover;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > .tit {
padding-left: 25px;
}
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > ul {
padding: 35px 40px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > ul {
padding: 20px 25px;
}
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > ul > li {
padding: 15px 0;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > ul > li > a {
position: relative;
display: block;
cursor: pointer;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > ul > li > a > img {
width: 100%;
height: 100%;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > ul > li > a > div.tit {
max-height: 52px;
margin-top: 8px;
width: 100%;
font-size: 16px;
line-height: 26px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.oldshell .content_news_content_s1 .wrapper_news_content_s1 .content_body .news_content .right > ul > li > a > div.date {
font-size: 14px;
color: #337dff;
margin-top: 8px;
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body {
width: 1290px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body {
width: 100%;
padding: 0 125px;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body {
width: 100%;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body .content_title {
text-align: center;
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul {
margin-top: 45px;
margin-bottom: 70px;
overflow: hidden;
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul {
margin-top: 10px;
margin-bottom: 50px;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li {
float: left;
width: 25%;
padding: 5px;
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li {
width: 100%;
padding: 0;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:first-child {
width: 100%;
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:first-child > div:first-child {
padding-left: 60px;
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:first-child > div:first-child {
padding-left: 0;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:first-child > div:first-child .content_title {
font-size: 36px;
text-align: left;
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:first-child > div:first-child .content_title {
font-size: 20px;
text-align: center;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:first-child > div:first-child .main_text {
padding: 0;
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:first-child > div:nth-child(2) {
height: auto;
}
@media (min-width: 992px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:hover > div:first-child {
top: 150px;
}
}
@media (min-width: 992px) and (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:hover > div:first-child {
top: 50px;
}
}
@media (min-width: 992px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:hover > div:first-child .main_text {
height: auto;
}
}
@media (min-width: 992px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:hover > div:nth-child(2) > div.color_bg {
display: block;
}
}
@media (min-width: 992px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li:hover:first-child > div {
top: calc(50% - 47.5px);
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:first-child {
z-index: 100;
color: #FFF;
position: absolute;
transition: all 0.5s;
top: calc(100% - 70px);
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:first-child {
position: relative;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:first-child .content_title {
color: #FFF;
font-size: 20px;
margin-top: 0;
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:first-child .content_title {
color: #333;
margin-top: 50px;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:first-child .main_text {
margin-top: 25px;
padding: 0 15px;
height: 0;
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:first-child .main_text {
height: auto;
padding: 0;
margin-top: 12px;
margin-bottom: 10px;
color: #333;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:nth-child(2) {
position: relative;
}
@media (max-width: 991px) {
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:nth-child(2) {
height: 120px;
}
}
.oldshell .content_biz_s1 .wrapper_biz_s1 .content_body > ul li > div:nth-child(2) > div.color_bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
background: #00498d;
opacity: 0.7;
}
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body {
width: 1333.33px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body {
width: 100%;
padding: 0 119px;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body {
width: 100%;
}
}
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body .content_title {
text-align: center;
color: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body .content_title {
margin-top: 20px;
}
}
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul {
margin-top: 150px;
overflow: hidden;
}
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul:after {
clear: both;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul {
margin-top: 80px;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul {
margin-top: 10px;
}
}
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul > li {
width: 10%;
padding: 0 26.666px;
float: left;
text-align: center;
margin-top: 5px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul > li {
padding: 0 12.22px;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul > li {
width: 20%;
padding: 0 3px;
}
}
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul > li > img {
width: 80px;
height: 80px;
}
@media (max-width: 991px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul > li > img {
width: 48px;
height: 48px;
}
}
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul > li > div.mini_text {
width: 100%;
text-align: center;
font-size: 18px;
margin-top: 30px;
color: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_biz_s2 .wrapper_biz_s2 .content_body > ul > li > div.mini_text {
font-size: 12px;
margin-top: 10px;
}
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body {
width: 1300px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body {
width: 100%;
padding: 0 120px;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body {
width: 100%;
}
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body .content_title {
text-align: center;
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul {
padding-top: 40px;
padding-bottom: 60px;
overflow: hidden;
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul:after {
clear: both;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul {
padding-top: 35px;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul {
padding-top: 30px;
padding-bottom: 40px;
}
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul > li {
width: 33.33%;
padding: 10px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul > li {
width: 100%;
padding: 10px 0;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul > li > div > div.img {
order: 2;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul > li > div > div.tit {
order: 1;
}
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul > li > div > div.img {
overflow: hidden;
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul > li > div > div.img > img {
transition: all 0.5s;
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul > li > div > div.img:hover > img {
transform: scale(1.3);
}
.oldshell .content_biz_s3 .wrapper_biz_s3 .content_body > ul > li > div > div.tit {
font-size: 18px;
line-height: 30px;
padding: 20px 0;
text-align: center;
background: #efefef;
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body {
width: 1340px;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body {
width: 100%;
padding: 0 100px;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body {
width: 100%;
}
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body .content_title {
text-align: center;
}
@media (max-width: 991px) {
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body .content_title {
line-height: 36px;
}
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body .flow {
margin-top: 45px;
padding: 0 30px;
}
@media (max-width: 991px) {
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body .flow {
margin-top: 40px;
padding: 0;
}
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form {
overflow: hidden;
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form > ul.c_form {
margin-top: 10px;
color: #666666;
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form > ul.c_form > li {
width: 50%;
padding: 20px 30px;
float: left;
}
@media (max-width: 991px) {
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form > ul.c_form > li {
width: 100%;
padding: 10px 0;
}
}
@media (max-width: 991px) {
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form > ul.c_form > li:last-child div:first-child {
display: none;
}
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form > ul.c_form > li > div:nth-child(2) {
margin-top: 10px;
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form > ul.c_form > li input {
width: 100%;
height: 46px;
border: 1px solid #cccccc;
padding-left: 8px;
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form > ul.c_form > li select {
width: 100%;
height: 46px;
border: 1px solid #cccccc;
padding-left: 8px;
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form .submit_btn {
float: left;
text-align: center;
margin: 40px 0 70px 50%;
transform: translateX(-50%);
}
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form .submit_btn button {
background-color: #1d56d8;
width: 430px;
height: 40px;
color: #fff;
border: none;
border-radius: 10px;
font-size: 18px;
}
@media (max-width: 991px) {
.oldshell .content_biz_s4 .wrapper_biz_s4 .content_body > div.form .submit_btn button {
width: 240px;
}
}
.oldshell #outer_link {
position: relative;
}
.oldshell #outer_link #outer_link_content {
display: none;
width: 318px;
position: absolute;
top: 30px;
margin-left: -130px;
padding: 10px 20px 10px 0;
background: rgba(19, 43, 214, 0.85);
cursor: default;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell #outer_link #outer_link_content {
width: 305px;
margin-left: -126px;
}
}
.oldshell #outer_link #outer_link_content > a {
float: left;
margin-left: 20px;
margin-top: 0;
cursor: pointer;
}
.oldshell .content_cooperation {
width: 100%;
position: relative;
float: left;
letter-spacing: 0;
}
.oldshell .content_cooperation .wrapper_cooperation {
width: 100%;
position: relative;
padding: 0;
background-color: whitesmoke;
}
.oldshell .content_cooperation .wrapper_cooperation .content_body {
width: 1320px;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_cooperation .wrapper_cooperation .content_body {
width: 100%;
padding: 0 110px;
}
}
@media (max-width: 991px) {
.oldshell .content_cooperation .wrapper_cooperation .content_body {
width: 100%;
}
}
.oldshell .content_cooperation .wrapper_cooperation .content_body:after {
clear: both;
}
.oldshell .content_cooperation .wrapper_cooperation .content_body .content_title {
text-align: center;
}
@media (max-width: 991px) {
.oldshell .content_cooperation .wrapper_cooperation .content_body .content_title {
margin-top: 60px;
}
}
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul {
margin-top: 30px;
overflow: hidden;
}
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul {
margin-top: 25px;
}
}
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul > li {
width: 50%;
float: left;
padding: 20px;
}
@media (max-width: 991px) {
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul > li {
width: 100%;
padding: 10px 0;
}
}
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul > li .input {
margin-top: 30px;
}
@media (max-width: 991px) {
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul > li .input {
margin-top: 15px;
}
}
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul > li .input input {
width: 100%;
height: 46px;
border: 1px solid #cccccc;
padding-left: 8px;
}
.oldshell .content_cooperation .wrapper_cooperation .content_body > ul > li .input select {
width: 100%;
height: 46px;
border: 1px solid #cccccc;
padding-left: 8px;
}
.oldshell .content_cooperation .wrapper_cooperation .content_body .submit_btn {
text-align: center;
margin-top: 30px;
margin-bottom: 70px;
}
@media (max-width: 991px) {
.oldshell .content_cooperation .wrapper_cooperation .content_body .submit_btn {
padding: 0;
margin-bottom: 50px;
}
}
.oldshell .content_cooperation .wrapper_cooperation .content_body .submit_btn button {
background-color: #0a61b9;
width: 430px;
height: 40px;
color: #fff;
border: none;
font-size: 18px;
}
@media (max-width: 991px) {
.oldshell .content_cooperation .wrapper_cooperation .content_body .submit_btn button {
width: 100%;
}
}
.oldshell .content_topic_3_s3 .wrapper_topic_3_s3 .content_body_new_2 ul li div.txt {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-left: 80px;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s3 .wrapper_topic_3_s3 .content_body_new_2 ul li div.txt {
top: 22px;
padding-left: 40px;
transform: none;
}
}
.oldshell .content_topic_3_s3 .wrapper_topic_3_s3 .content_body_new_2 ul li div.txt .content_title_topic_2 {
margin-top: 0;
color: white;
text-align: left;
}
.oldshell .content_topic_3_s3 .wrapper_topic_3_s3 .content_body_new_2 ul li div.txt .content_title_topic_2_desc {
color: white;
text-align: left;
display: none;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s3 .wrapper_topic_3_s3 .content_body_new_2 ul li.active div.txt {
top: 40px;
}
}
.oldshell .content_topic_3_s3 .wrapper_topic_3_s3 .content_body_new_2 ul li.active div.txt .content_title_topic_2_desc {
display: block;
}
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_1 .txt {
position: absolute;
top: 60px;
left: 80px;
width: 476px;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_1 .txt {
position: relative;
top: 0;
left: 0;
width: 100%;
}
}
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_1 .txt .content_title_topic_2_desc {
text-align: left;
}
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt {
float: left;
width: 270px;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt {
width: 100%;
padding: 0 12px 10px;
}
}
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt .tit {
font-size: 22px;
font-weight: bold;
letter-spacing: 0;
color: #333333;
margin-top: 45px;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt .tit {
font-size: 20px;
margin-top: 0;
}
}
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt ul {
margin-top: 18px;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt ul {
margin-top: 10px;
height: 126px;
}
}
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt ul li {
list-style: none;
color: #666;
}
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt ul li:before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background-color: #666;
border-radius: 50%;
margin-right: 5px;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s4 .wrapper_topic_3_s4 .content_body_new_2 ._content_2 .swiper-container .swiper-wrapper .swiper-slide .txt ul li {
font-size: 10px;
line-height: 18px;
}
}
.oldshell .content_topic_3_s5 .wrapper_topic_3_s5 .content_body_new_2 ul.visible-md li .hover .tit {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 20px;
font-size: 16px;
font-weight: bold;
text-align: center;
letter-spacing: 0;
color: #F9FBFD;
display: none;
}
.oldshell .content_topic_3_s5 .wrapper_topic_3_s5 .content_body_new_2 ul.visible-md li:hover .hover .tit {
display: block;
}
.oldshell .content_topic_3_s5 .wrapper_topic_3_s5 .content_body_new_2 ul.visible-xs li .hover .tit {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 12px;
font-size: 14px;
font-weight: bold;
text-align: center;
letter-spacing: 0;
color: #F9FBFD;
}
.oldshell .content_topic_3_s6 .wrapper_topic_3_s6 .content_body_new_2 .phone_group ul li .txt {
width: 310px;
float: right;
text-align: center;
font-size: 40px;
font-weight: bold;
letter-spacing: 0;
color: #FFFFFF;
margin-top: 4px;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s6 .wrapper_topic_3_s6 .content_body_new_2 .phone_group ul li .txt {
width: 180px;
font-size: 23px;
margin-top: 2px;
}
}
.oldshell .content_topic_3_s7 .wrapper_topic_3_s7 > .content_body_new_2:nth-child(2) .tit {
font-size: 20px;
font-weight: bold;
line-height: 36px;
text-align: center;
letter-spacing: 0.06em;
color: #666666;
margin-top: 80px;
}
.oldshell .content_topic_3_s7 .wrapper_topic_3_s7 > .content_body_new_2 .content_cooperation_2 .wrapper_cooperation_2 .content_body_new_2 > ul > li .label {
font-size: 14px;
}
.oldshell .content_topic_3_s7 .wrapper_topic_3_s7 > .content_body_new_2 .content_cooperation_2 .wrapper_cooperation_2 .content_body_new_2 > ul > li .input {
margin-top: 10px;
}
@media (max-width: 991px) {
.oldshell .content_topic_3_s7 .wrapper_topic_3_s7 > .content_body_new_2 .content_cooperation_2 .wrapper_cooperation_2 .content_body_new_2 > ul > li .input {
margin-top: 15px;
}
}
.oldshell .content_topic_3_s7 .wrapper_topic_3_s7 > .content_body_new_2 .content_cooperation_2 .wrapper_cooperation_2 .content_body_new_2 > ul > li .input input {
width: 100%;
height: 46px;
border: 1px solid #cccccc;
padding-left: 8px;
font-size: 16px;
}
.oldshell .content_topic_3_s7 .wrapper_topic_3_s7 > .content_body_new_2 .content_cooperation_2 .wrapper_cooperation_2 .content_body_new_2 > ul > li .input select {
width: 100%;
height: 46px;
border: 1px solid #cccccc;
padding-left: 8px;
}
.oldshell .content_topic_4_s0 .wrapper_topic_4_s0 .content_body_new_2 .logo {
float: left;
width: 280px;
height: 30px;
margin-top: 23px;
}
.oldshell .content_topic_4_s2 .wrapper_topic_4_s2 .s2_content .text .tit {
font-size: 24px;
font-weight: bold;
}
.oldshell .content_topic_4_s2 .wrapper_topic_4_s2 .s2_content .s2_form > ul > li .input {
width: 100%;
}
.oldshell .content_topic_4_s2 .wrapper_topic_4_s2 .s2_content .s2_form > ul > li .input input {
width: 100%;
height: 56px;
border: none;
background-color: #FFF;
padding-left: 15px;
}
.oldshell .content_topic_4_s2 .wrapper_topic_4_s2 .s2_content .s2_form > ul > li .input input::-webkit-input-placeholder {
font-size: 18px;
color: #333;
}
.oldshell .content_topic_4_s5 .wrapper_topic_4_s5 .s5_content .text .tit {
font-size: 24px;
font-weight: bold;
}
.oldshell .content_topic_4_s5 .wrapper_topic_4_s5 .s5_content .s5_form > ul > li .input {
width: 100%;
}
.oldshell .content_topic_4_s5 .wrapper_topic_4_s5 .s5_content .s5_form > ul > li .input input {
width: 100%;
height: 56px;
border: none;
background-color: #FFF;
padding-left: 15px;
}
.oldshell .content_topic_4_s5 .wrapper_topic_4_s5 .s5_content .s5_form > ul > li .input input::-webkit-input-placeholder {
font-size: 18px;
color: #333;
}
.oldshell .content_topic_4_s7 .wrapper_topic_4_s7 .content_body_new_2 > ul.img_list > li > div > div.txt {
position: absolute;
left: 20px;
bottom: 20px;
color: #FFF;
}
@media (max-width: 991px) {
.oldshell .content_topic_4_s7 .wrapper_topic_4_s7 .content_body_new_2 > ul.img_list > li > div > div.txt {
position: relative;
left: 0;
bottom: 0;
color: #333;
background: #F5F5F5;
padding: 10px 15px;
}
}
.oldshell .content_topic_4_s7 .wrapper_topic_4_s7 .content_body_new_2 > ul.img_list > li > div > div.txt > div.tit {
font-size: 24px;
font-weight: bold;
margin-top: 18px;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_topic_4_s7 .wrapper_topic_4_s7 .content_body_new_2 > ul.img_list > li > div > div.txt > div.tit {
font-size: 20px;
}
}
@media (max-width: 991px) {
.oldshell .content_topic_4_s7 .wrapper_topic_4_s7 .content_body_new_2 > ul.img_list > li > div > div.txt > div.tit {
font-size: 18px;
margin-top: 0;
}
}
.oldshell .content_topic_4_s7 .wrapper_topic_4_s7 .content_body_new_2 > ul.img_list > li > div > div.txt > div.desc.visible-xs {
margin-top: 10px;
font-size: 14px;
}
.oldshell .content_topic_4_s7 .wrapper_topic_4_s7 .content_body_new_2 > ul.img_list > li > div > div.hover_bg > div > div.logo {
color: #FFF;
font-size: 24px;
font-weight: bold;
width: 180px;
margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_topic_4_s7 .wrapper_topic_4_s7 .content_body_new_2 > ul.img_list > li > div > div.hover_bg > div > div.logo {
width: 150px;
}
}
.oldshell .content_topic_wwyt2_header .wrapper_topic_wwyt2_header .content_body_new_2 .logo {
float: left;
width: 280px;
height: 30px;
margin-top: 23px;
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body {
width: 1320px;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1540px) {
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body {
width: 100%;
padding: 0 110px;
}
}
@media (max-width: 991px) {
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body {
width: 100%;
}
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body:after {
clear: both;
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body .content_title {
text-align: center;
}
@media (max-width: 991px) {
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body .content_title {
margin-top: 60px;
}
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul {
margin-top: 30px;
overflow: hidden;
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul:after {
clear: both;
}
@media (max-width: 991px) {
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul {
margin-top: 25px;
}
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul > li {
width: 50%;
float: left;
padding: 20px;
}
@media (max-width: 991px) {
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul > li {
width: 100%;
padding: 10px 0;
}
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul > li .input {
margin-top: 30px;
}
@media (max-width: 991px) {
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul > li .input {
margin-top: 15px;
}
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul > li .input input {
width: 100%;
height: 46px;
border: 1px solid #cccccc;
padding-left: 8px;
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body > ul > li .input select {
width: 100%;
height: 46px;
border: 1px solid #cccccc;
padding-left: 8px;
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body .submit_btn {
text-align: center;
margin-top: 30px;
margin-bottom: 70px;
}
@media (max-width: 991px) {
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body .submit_btn {
padding: 0;
margin-bottom: 50px;
}
}
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body .submit_btn button {
background-color: #0a61b9;
width: 430px;
height: 40px;
color: #fff;
border: none;
font-size: 18px;
}
@media (max-width: 991px) {
.oldshell .content_topic_wwyt2_cooperation .wrapper_topic_wwyt2_cooperation .content_body .submit_btn button {
width: 100%;
}
}
.oldshell .nav_link_path .content_body > ul > li {
display: inline-block;
padding-right: 20px;
font-size: 20px;
color: #676767;
line-height: 74px;
}
.oldshell .nav_link_path .content_body > ul > li > a {
color: #676767;
}
.oldshell .nav_link_path .content_body > ul > li > a:hover {
color: #499DF2;
}
/* ============================================================
还原被 new.css 的全局规则改掉、而老站 main.css 没有的默认值
------------------------------------------------------------
oldshell.css 在 new.css 之后引入、且选择器多一层 .oldshell，
所以这里的还原生效；main.css 里更具体的规则（特异性更高）不受影响。
============================================================ */
/* new.css: img{display:block} —— 会让靠 text-align:center 居中的行内图片
（典型：移动页脚底部 logo 的 ）贴左 */
.oldshell img { display: inline; }
/* new.css: .container{width:100%;max-width:…;padding:0 24px} —— 老站没有裸 .container 规则，
老壳里的 .container 原是无样式；不还原会给老壳页脚多加 24px 内边距。
（只有页脚用到 .container，导航组件没有；PC 页脚更具体的规则会照常生效）*/
.oldshell .footer .container { width: auto; max-width: none; margin: 0; padding: 0; }
/* new.css: @media(max-width:768px){.footer{min-height:697px}} —— 那是给新版响应式页脚用的，
老壳页脚内容更矮时会在底部留出一大块空白 */
@media (max-width: 768px) {
.oldshell .footer { min-height: 0; }
}
/* ============================================================
main.css 的 @keyframes（原样引入，共 11 个）
老壳移动导航的汉堡动画等依赖它们；keyframes 名无法加作用域，
已核实与 new.css 无同名，故直接保留。
============================================================ */
@keyframes liner {
from {
width: 0; }
to {
width: 100%; } }
@keyframes ai-big-out {
0% {
z-index: 3;
transform: scale(1.1);
opacity: 1; }
50% {
transform: scale(1.2);
opacity: 0.5; }
to {
transform: scale(1.3);
opacity: 1; } }
@keyframes rotate_transform_x {
0% {
-webkit-transform: translateX(-50%) rotate(0deg); }
100% {
-webkit-transform: translateX(-50%) rotate(360deg); } }
@keyframes rotate_transform_xy {
0% {
-webkit-transform: translate(-50%, 50%) rotate(0deg); }
100% {
-webkit-transform: translate(-50%, 50%) rotate(360deg); } }
@keyframes opacity {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes clickfirst {
0% {
transform: translateY(4px) rotate(0deg); }
100% {
transform: translateY(0) rotate(50deg); } }
@keyframes clicksecond {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes clickthird {
0% {
transform: translateY(-4px) rotate(0deg); }
100% {
transform: translateY(0) rotate(-50deg); } }
@keyframes outfirst {
0% {
transform: translateY(0) rotate(-45deg); }
100% {
transform: translateY(-4px) rotate(0deg); } }
@keyframes outsecond {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes outthird {
0% {
transform: translateY(0) rotate(45deg); }
100% {
transform: translateY(4px) rotate(0deg); } }