body {
background: #fff;
}
/*banneræ ·å¼*/
.info-banner {
background: url("./20191223/banner.png") no-repeat center;
}
.info-banner-sztg {
background: url("./20191223/yw-tuoguan-banner.jpg") no-repeat center;
}
/*模å—*/
.trusteeship-info {
padding: 65px;
background-color:#f8f8fa ;
}
.module-marg-top {
margin-top: 95px;
}
.group-title {
position: relative;
margin: 2px 0px 8px 0px;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 46px;
letter-spacing: 0px;
color: #333333;
font-weight: bold;
}
.idc-info {
font-size: 14px;
color: #666;
line-height: 26px;
}
.pd24 {
padding-bottom: 24px;
}
.address {
color: #ff6600;
font-size: 14px;
margin-top: 10px;
}
.engine_room li {
float: left;
width: 23%;
margin-left: 2.4%;
}
.engine_room li img {
width: 100%;
height: 100%;
}
.engine_room li:first-child {
margin-left: 0px;
}
.superiority-list {
position: relative;
margin-top: 15px;
height: 100px;
}
.superiority-list:hover .superiority-title {
background-color: #0088ff;
color: #fff;
}
.superiority-list span {
display: inline-block;
}
.superiority-list:first-child {
margin-top: 0px;
}
.superiority-title {
display: none;
float: left;
padding: 18px 10px;
width: 30px;
height: 100%;
text-align: center;
background-color: #f5f6f7;
font-size: 12px;
color: #999;
}
.superiority-list .superiority-left {
float: left;
display: inline-block;
position: relative;
top: 50%;
width: 27px;
height: 30px;
margin: 0 1%;
margin-top: -15px;
background-image: url(img/idc_advantage.png);
background-repeat: no-repeat;
}
.superiority-list1 {
background-position: 0 0;
}
.superiority-list:hover .superiority-list1{
background-position: -30px 0;
}
.superiority-list2 {
background-position: 0 -30px;
}
.superiority-list:hover .superiority-list2{
background-position: -30px -30px;
}
.superiority-list3 {
background-position: 0 -60px;
}
.superiority-list:hover .superiority-list3{
background-position: -30px -60px;
}
.superiority-list4 {
background-position: 0 -90px;
}
.superiority-list:hover .superiority-list4{
background-position: -30px -90px;
}
.superiority-list5 {
background-position: 0 -120px;
}
.superiority-list:hover .superiority-list5{
background-position: -30px -120px;
}
.superiority-right {
display: table;
float: left;
width: 90%;
height: 100%;
position: relative;
}
.superiority-info {
display: table-cell;
vertical-align: middle;
font-size: 14px;
color: #666;
line-height: 30px;
}
.superiority-list:hover .superiority-info {
color: #0088ff;
}
.product-type {
height: 70px;
background: #059fff;
width: 100%;
margin-top: 9px;
}
.jifang {
height: 68px;
line-height: 68px;
font-size: 20px;
color: #059fff;
text-align: center;
}
.table-info {
width: 100%;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
background: #fff;
}
.table-info tr {
height: 52px;
}
.table-info tr td {
text-align: center;
border-top: 1px solid #eee;
height: 50px;
border-right: 1px solid #eee;
}
.type-table{
padding-top: 35px;
}
.type-table tr td {
border-right: none;
}
.type-table tr td:last-child {
border-right: 1px solid #eee;
}
.table-info tr td strong {
display: inline-block;
font-style: normal;
font-size: 20px;
color: #ff6600;
}
.table-info tr td {
font-size: 14px;
color: #4c4c4c;
}
.table-info tr:first-child {
width: 166px;
font-size: 14px;
background: #fafafa;
height: 35px;
}
.table-info tr:first-child td {
color: #333;
font-size: 16px;
font-weight: bold;
}
.table-info tr td:first-child {
width: 219px;
/* background: #fafafa; */
font-size: 14px;
text-align: left;
padding-left: 30px;
}
.table-service tr td:first-child {
background: #fafafa;
}
.table-info tr td.huise {
width: 230px;
background: #fff;
font-size: 14px;
text-align: center !important;
padding-left: 0px;
}
.table-info tr td.huise span,.table-info tr td .addicon-wrap{
position: relative;
margin-right: 10px;
}
.table-info tr td.huise .addicon{
position: absolute;
top: -5px;
left: 9px;
font-size: 12px;
font-style: normal;
}
.table-info tr td .addicon-wrap .addicon{
position: absolute;
top: -5px;
left: 44px;
font-size: 12px;
font-style: normal;
}
.module-marg-top .type-table tr td:first-child {
width: auto;
/* background: #fff; */
font-size: 14px;
text-align: center;
padding-left: 0px;
}
.table-p {
margin: 0px;
}
.table-nasttd {
width: 234px;
}
.virtue-list {
margin-top: 52px;
}
.product-adv-wrap{
background-color: #f7f8fa;
padding: 80px 0;
}
.virtue-list li {
float: left;
width: 280px;
height: 260px;
margin-left: 27px;
background: #fff;
/* border: 1px solid #eee; */
}
.virtue-list li:hover {
/* box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12); */
}
.virtue-list li:first-child {
margin-left: 0px;
}
.virtue-info {
margin: 36px 20px;
}
.virtue-info-title {
margin: 34px 0px 10px 0px;
font-size: 18px;
color: #333;
text-align: center;
font-weight: bold;
}
.virtue-info-stand {
font-size: 12px;
color: #999;
line-height: 22px;
width: 100%;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.virtue-bg {
display: block;
margin: 0 auto;
height: 40px;
width: 38px;
}
.virtue-bg1 {
background: url(./20191223/product-spe-1.png) no-repeat center;
}
/* .virtue-info:hover .virtue-bg1 {
background-position: -100px 0;
} */
.virtue-bg2 {
background: url(./20191223/product-spe-2.png) no-repeat center;
}
/* .virtue-info:hover .virtue-bg2 {
background-position: -100px -100px;
} */
.virtue-bg3 {
background: url(./20191223/product-spe-3.png) no-repeat center;
}
/* .virtue-info:hover .virtue-bg3 {
background-position: -100px -200px;
} */
.virtue-bg4 {
background: url(./20191223/product-spe-4.png) no-repeat center;
}
/* .virtue-info:hover .virtue-bg4 {
background-position: -100px -300px;
} */
.table-service-wrap{
background-color: #fff;
padding: 80px 0;
}
.table-service {
margin-top: 50px;
}
.table-service-td {
display: inline-block;
text-align: center;
padding-left: 35px;
height: 34px;
line-height: 34px;
background-image: url(img/introduce_idc.png);
background-repeat: no-repeat;
}
.table-service-td1 {
background-position: 0px 5px;
}
.table-service-td2 {
background-position: 0px -29px;
}
.table-service-td3 {
background-position: 0px -63px;
}
.table-service-td4 {
background-position: 0px -97px;
}
.nesting {
width: 100%;
}
.nesting tr td {
background: #fff;
height: 40px;
}
.nesting tr td:first-child {
background: #fff;
text-align: center;
}
.nesting tr:first-child td {
border-top: 0px;
}
.wid432 {
width: 432px;
}
.nesting tr:first-child td.wid435 {
width: 435px;
}
.wid179 {
width: 179px;
}
.table-info tr:first-child td.wid179 {
width: 181px;
}
.table-info td.chengse {
color: #00b277;
}
.table-info .nesting tr:first-child td {
color: #4c4c4c;
}
/* æœºæˆ¿ä»‹ç» */
.idc-tabs {
width: 100%;
border-bottom: 1px solid #eee;
margin: 38px 0 0px 0;
display: flex;
justify-content: flex-start;
}
.dc-tabs{
justify-content:space-between
}
.idc-tabs li {
/* float: left; */
height: 50px;
line-height: 50px;
/* background: #fafafa; */
width: 160px;
text-align: center;
margin-right: 10px;
/* border: 1px solid #eee; */
margin-bottom: -1px;
font-size: 16px;
cursor: pointer;
}
.compare-wrap{
background-color: #fff;
padding: 80px 0;
}
.idc-tabs li.tab--active {
/* background-color: #fff; */
/* border: 1px solid #059fff; */
border-bottom:2px solid #059fff;
color: #059fff;
line-height: 48px;
}
.products-tabs {
width: 100%;
border-bottom: 1px solid #eee;
margin: 70px 0 0px 0;
}
.products-tabs li {
float: left;
height: 50px;
line-height: 50px;
background: #fafafa;
width: 166px;
text-align: center;
margin-right: 10px;
border: 1px solid #eee;
margin-bottom: -1px;
font-size: 16px;
cursor: pointer;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.products-tabs li:last-child{
margin-right: 0px;
}
.products-tabs li.tab--active {
background-color: #fff;
border: 1px solid #059fff;
border-bottom-color: #fff;
color: #059fff;
line-height: 48px;
}
.dc-block {
display: none;
font-size: 14px;
color: #666;
}
.dc-block-left {
float: left;
width: 66%;
}
.dc-block-right {
float: right;
width: 33%;
height: 240px;
}
.dc-brief {
line-height: 1.8em;
text-align: justify;
color:#333
}
.dc-location {
color: #00b277;
margin-top: 30px;
}
.dc-link-outer {
margin-top: 50px;
}
.dc-link-outer a {
display: inline-block;
width: 120px;
height: 36px;
border: 1px solid #059fff;
color: #059fff;
background: #fff;
line-height: 36px;
text-decoration: none;
text-align: center;
}
.dc-dl {
background: url(img/dc_dl.jpg) no-repeat center;
}
.dc-nm {
background: url(img/dc_nm.jpg) no-repeat center;
}
.dc-hongkong {
background: url(img/dc_hongkong.jpg) no-repeat center;
}
.dc-sz {
background: url(img/dc_sz.jpg) no-repeat center;
}
.dc-nj {
background: url(img/dc_nj.jpg) no-repeat center;
}
.dc-jiangsu {
background: url(img/dc_jiangsu.jpg) no-repeat center;
}
.none-bag .faq-wrap {
background-color: #f7f8fa;
padding: 60px 0;
}
/* æ–°å¢žæœºæˆ¿ä»‹ç» start */
.mech-wrap{
border: solid 1px #cfd6e3;
padding:40px;
background: #fff;
}
.product-power{
/* margin-top: 60px; */
/* border: solid 1px #cfd6e3; */
}
.product-power li{
/* border-bottom: solid 1px #cfd6e3; */
margin-bottom: 24px;
}
.product-power li:last-child{
/* border-bottom: solid 1px transparent; */
}
.pp-icon{
float: left;
display: inline-block;
width: 27px;
height: 27px;
margin:0px 16px 0 0;
}
.content-wrap{
float: left;
width: 90%;
/* padding-top: 18px; */
}
.content-title{
font-size: 18px;
font-weight: bold;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #000000;
}
.content{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: 0px;
color: #666666;
}
.pp-icon-1{
background: url('./20191223/product-adv-1.png') no-repeat center;
}
.pp-icon-2{
background: url('./20191223/product-adv-2.png') no-repeat center;
}
.pp-icon-3{
background: url('./20191223/product-adv-3.png') no-repeat center;
}
.pp-icon-4{
height: 34px;
background: url('./20191223/product-adv-4.png') no-repeat center;
}
.pp-icon-5{
height: 28px;
background: url('./20191223/product-adv-5.png') no-repeat center;
}
.pp-icon{
background-size: 100%;
margin-top: 6px;
/* margin-left: 8px; */
}
/* æ–°å¢žæœºæˆ¿ä»‹ç» end */
.idc-table .info-btn1{
background:#ff6600;
color:#fff
}
.idc-table .info-btn2{
background:#00b277;
color:#fff
}
.idc-table tr:first-child td{
width:140px;
}
.idc-table tr:first-child td:first-child{
width: 140px;
}
.idc-table tr:first-child td:last-child{
width: 305px;
}