.content {
width: 100%;
height: auto;
}
.content .container {
width: 75%;
padding: 25px 0 50px;
box-sizing: border-box;
}
.content .container .Know {
width: 100%;
height: auto;
}
.content .container .Know .title {
width: auto;
height: auto;
display: inline-block;
line-height: 50px;
font-family: Arial,'helveticaltstd-bold',Helvetica,sans-serif !important;
font-size: 20px;
color: #333;
cursor: pointer;
}
.content .container .Know .title:hover{
color: #85c43f;
}
.content .container .Know .title i {
width: 5px;
height: 25px;
background: #86C440;
float: left;
margin-right: 20px;
margin-top: 12px;
}
.content .container .Know p {
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 14px;
color: #777;
line-height: 30px;
text-align: left;
}
.content .container .Know p span {
color: #86C440;
}
.content .container .specifics {
width: 100%;
height: auto;
overflow: hidden;
margin-top: 50px;
}
.content .container .specifics .left {
/* width: 20%; */
height: auto;
float: left;
margin-right: 5%;
}
.content .container .specifics .left .nav {
width: 100%;
background: #fafafa;
height: auto;
padding-bottom: 30px;
box-sizing: border-box;
}
.content .container .specifics .left .nav .title {
width: 100%;
height: 45px;
background: #86C440;
text-align: left;
padding-left: 5%;
color: #fff;
line-height: 45px;
font-size: 18px;
font-weight: bold;
font-family: Arial,'helveticaltstd-bold',Helvetica,sans-serif !important;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.content .container .specifics .left .nav ul li {
width: 90%;
height: auto;
line-height: 45px;
font-family: Arial,'helveticaltstd-bold',Helvetica,sans-serif !important;
font-size: 14px;
color: #666;
margin: 0 5%;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}
.content .container .specifics .left .nav ul li a {
width: 100%;
height: 100%;
display: block;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
}
.content .container .specifics .left .nav ul li.active a {
color: #86C440;
}
.content .container .specifics .left .nav ul li .arrow {
background: url(../img/arrow-right.png) no-repeat;
width: 5px;
height: 9px;
display: inline-block;
margin-top: 25px;
}
.content .container .specifics .left .nav ul li span:nth-child(2) {
padding-left: 5%;
box-sizing: border-box;
color: #666;
}
.content .container .specifics .left .nav ul li .tick {
width: 100%;
height: auto;
display: none;
}
.content .container .specifics .left .nav ul li .tick ul {
padding: 0;
border-top: 1px solid #ccc;
}
.content .container .specifics .left .nav ul li .tick ul li {
width: 100%;
height: auto;
line-height: 35px;
text-align: left;
border: none;
}
.content .container .specifics .left .nav ul li .tick ul li a {
display: block;
width: 100%;
height: 100%;
}
.content .container .specifics .left .nav ul li .tick ul li span {
width: 10px;
height: 10px;
border: 1px solid #ccc;
margin-top: 12px;
}
.content .container .specifics .left .nav ul li .tick ul li.active span {
color: #86C440;
}
.content .container .specifics .left .nav ul li .tick ul li.active .checkbox {
background: url(../img/check.png) no-repeat;
background-size: 100% 100%;
}
.content .container .specifics .left .side-show {
width: 100%;
height: auto;
margin-top: 30px;
/*padding: 0 3%;*/
box-sizing: border-box;
}
.content .container .specifics .left .side-show .title-name{
width: 100%;
height: 45px;
background: #86C440;
text-align: left;
padding-left: 5%;
color: #fff;
line-height: 45px;
font-size: 18px;
font-weight: bold;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.content .container .specifics .left .side-show a {
width: 100%;
height: 100%;
display: block;
text-align: center;
}
.content .container .specifics .left .side-show img {
width: 100%;
height: auto;
}
.content .container .specifics .left .side-show p {
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 1;
color: #666;
line-height: 35px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.content .container .specifics .right {
/* width: 75%; */
height: auto;
float: left;
}
/*.content .container .specifics .right.layout{
display: none;
}*/
.content .container .specifics .right .message {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 30px;
}
.content .container .specifics .right .message .title{
width: 100%;
height: 45px;
padding: 0 2%;
box-sizing: border-box;
background: #86C440;
margin-bottom: 20px;
}
.content .container .specifics .right .message .title h1{
font-size: 18px;
font-weight: bold;
color: #fff;
line-height: 45px;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
}
.content .container .specifics .right .message .imges {
width: 30%;
height: auto;
float: left;
font-size: 0;
}
.content .container .specifics .right.layout .message .imges {
width: 100%;
height: auto;
font-size: 0;
}
.content .container .specifics .right .message .imges img {
width: 100%;
height: auto;
}
.content .container .specifics .right .message .textfont {
width: 70%;
height: auto;
box-sizing: border-box;
float: left;
}
.content .container .specifics .right.layout .message .textfont {
width: 100%;
height: auto;
box-sizing: border-box;
line-height: 1;
}
.content .container .specifics .right .message .textfont .tit {
width: 100%;
height: auto;
line-height: 50px;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 24px;
color: #333;
cursor: pointer;
}
.content .container .specifics .right .message .textfont .tit:hover{
color: #85c43f;
}
.content .container .specifics .right .message .textfont .tit i {
float: left;
width: 5px;
height: 25px;
margin-top: 12px;
background: #86C440;
margin-right: 20px;
}
.content .container .specifics .right .message .textfont p {
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 14px;
color: #777;
line-height: 25px;
}
.content .container .specifics .right .message .textfont p.chang {
line-height: 35px;
}
.content .container .specifics .right .message .textfont p.chang span {
font-weight: 600;
}
.content .container .specifics .right .message .textfont p span {
color: #86C440;
}
.content .container .specifics .right .table {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.content .container .specifics .right .table .title {
width: 100%;
height: auto;
line-height: 45px;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 18px;
font-weight: bold;
background: #86C440;
color: #fff;
padding: 0 2%;
box-sizing: border-box;
}
.content .container .specifics .right .table .refer {
width: 100%;
height: auto;
overflow: hidden;
}
.content .container .specifics .right .table .refer .image {
width: 18%;
height: auto;
float: left;
margin-right: 2%;
}
.content .container .specifics .right .table .refer .image img {
width: 100%;
height: 100%;
}
.content .container .specifics .right .table .refer .formbox {
float: left;
width: 80%;
height: auto;
}
.content .container .specifics .right .table .refer .formbox table {
border-color: #ccc;
width: 100%;
height: auto;
}
.content .container .specifics .right .table .refer .formbox table tr {
width: 100%;
line-height: 30px;
overflow: hidden;
}
.content .container .specifics .right .table .refer .formbox table tr td:first-child {
width: 85%;
height: auto;
color: #666;
text-decoration: none;
}
.content .container .specifics .right .table .refer .formbox table tr td:nth-child(2) {
width: 15%;
height: auto;
text-align: center;
}
.content .container .specifics .right .table .refer .formbox table tr td {
font-family: Arial,'helveticaltstd-bold',sans-serif !important;
font-size: 14px;
color: #b1cdf0;
text-align: left;
padding: 0 2%;
box-sizing: border-box;
text-decoration: underline;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 300;
}
.content .container .specifics .right .table .refer .formbox table tr td a{
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 12px;
color: #b1cdf0;
}
.content .container .specifics .right .Company {
width: 100%;
height: auto;
}
.content .container .specifics .right .Company .title {
width: 100%;
height: auto;
line-height: 50px;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 24px;
color: #333;
text-align: center;
}
.content .container .specifics .right .Company ul {
width: 100%;
height: auto;
margin: 20px 0;
overflow: hidden;
}
.content .container .specifics .right .Company ul li {
float: left;
width: 22%;
height: auto;
margin-right: 4%;
/*position: relative;
overflow: hidden;*/
}
.content .container .specifics .right .Company ul li:nth-child(4n) {
margin-right: 0;
}
.content .container .specifics .right .Company ul li a {
display: block;
width: 100%;
height: 100%;
}
.content .container .specifics .right .Company ul li a .point{
width: 100%;
height: 180px;
overflow: hidden;
position: relative;
}
.content .container .specifics .right .Company ul li a .point img{
width: 100%;
height: 180px;
transform: matrix(1.005, 0, 0, 1.005, 0, 0);
transition: all 0.5s ease;
overflow: hidden;
}
.content .container .specifics .right .Company ul li a .point:hover img{
transform:translate3d(-2.005px, -1.07262px, 0px) scale(1.14746, 1.14746)
}
.content .container .specifics .right .Company ul li .point:hover .cover{
opacity: 0;
}
.content .container .specifics .right .Company ul li .point .cover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 180px;
background: #282b30;
opacity: 0.45;
z-index: 10;
}
.content .container .specifics .right .Company ul li p {
line-height: 50px;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 14px;
color: #86C440;
text-align: center;
}
.content .container .specifics .right .Gallery {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.content .container .specifics .right .Gallery .title {
width: 100%;
height: auto;
line-height: 45px;
text-align: left;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 0 2%;
box-sizing: border-box;
background: #86C440;
margin-bottom: 10px;
}
.content .container .specifics .right .Gallery ul {
width: 100%;
height: auto;
overflow: hidden;
}
.content .container .specifics .right .Gallery ul li {
width: 31.3%;
height: auto;
margin-right: 3.05%;
overflow: hidden;
float: left;
margin-bottom: 20px;
position: relative;
}
.content .container .specifics .right .Gallery ul li:nth-child(3n) {
margin-right: 0;
}
.content .container .specifics .right .Gallery ul li a {
display: block;
width: 100%;
height: 100%;
_font-size: 0;
}
.content .container .specifics .right .Gallery ul li .download_img {
/* width: 336px; */
/* height: 251px; */
overflow: hidden;
}
.content .container .specifics .right .Gallery ul li:nth-child(4n) {
margin-right: 0;
}
.content .container .specifics .right .Gallery ul li img {
width: 100%;
transform: matrix(1.005, 0, 0, 1.005, 0, 0);
transition: all 0.5s ease;
display: block;
}
.content .container .specifics .right .Gallery ul li .cover {
width: 100%;
height: 100%;
/* position: absolute;
top: -20px;
left: 0;
background: rgba(0,0,0,0.5);
opacity: 0;*/
z-index: 5;
/*transition: all 0.2s ease;*/
}
.content .container .specifics .right .Gallery ul li:hover img {
transform: translate3d(-2.005px, -1.07262px, 0px) scale(1.14746, 1.14746);
}
/*.content .container .specifics .right .Gallery ul li:hover .cover {
opacity: 1;
top: 0;
transition: all 0.2s ease;
}*/
.content .container .specifics .right .Gallery ul li .cover p{
/* position: absolute;
top: 50%;
left: 0;
*/
width: 100%;
height: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 8px 1%;
box-sizing: border-box;
/*text-align: center;*/
font-size: 14px;
color: #666666;
}
.content .container .specifics .right .loaddown {
width: 100%;
height: auto;
overflow: hidden;
}
.content .container .specifics .right .loaddown .deputy {
width: 30%;
float: left;
height: auto;
background: #fcfcfc;
padding-bottom: 30px;
text-align: right;
}
.content .container .specifics .right .loaddown .deputy .logo {
width: auto;
height: auto;
margin-top: 10px;
}
.content .container .specifics .right .loaddown .deputy .img {
width: 100%;
height: 243px;
text-align: center;
}
.content .container .specifics .right .loaddown .deputy span {
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 16px;
color: #999;
line-height: 40px;
padding-right: 10px;
font-weight: 600;
}
.content .container .specifics .right .loaddown .onload {
width: 70%;
float: left;
height: auto;
text-align: center;
}
.content .container .specifics .right .loaddown .onload p {
width: 100%;
height: auto;
line-height: 60px;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 24px;
color: #62d108;
margin-top: 50px;
}
.content .container .specifics .right .loaddown .onload .btn {
width: auto;
height: auto;
padding: 15px 30px;
box-sizing: border-box;
background: #62d108;
border: none;
outline: none;
line-height: 30px;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
font-size: 16px;
color: #fff;
text-align: center;
border-radius: 5px;
cursor: pointer;
}
.content .container .specifics .right .loaddown .onload .btn span {
font-size: 26px;
color: #fff;
}
.content .container .specifics .right.layout .loaddown .title{
width: 100%;
height: 45px;
padding: 0 2%;
box-sizing: border-box;
background: #86C440;
margin-bottom: 20px;
}
.content .container .specifics .right.layout .loaddown .title h2{
font-size: 20px;
color: #fff;
font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;
line-height: 45px;
}
.content .container .specifics .right .eachother p {
color: #666666;
font-size: 14px;
font-family: arial!important;
}
.content .container .specifics .right .Gallery ul li .download_img .cover {
position: absolute;
width: 100%;
height: 95.5%;
background: rgba(0,0,0,0.5);
opacity: 0;
z-index: 5;
top: -20px;
left: 0;
text-align: center;
transition: all 0.2s ease;
display: flex;
justify-content: center;
align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
}
.content .container .specifics .right .Gallery ul li:hover .download_img .cover {
opacity: 1;
top: 0;
transition: all 0.2s ease;
height: 88%;
}
.content .container .specifics .right .Gallery ul li .download_img .cover p {
width: 100%;
height: auto;
_position: absolute;
_top: 50%;
_left: auto;
padding: 0 2%;
box-sizing: border-box;
font-size: 26px;
color: #fff;
line-height: 32px;
overflow: hidden;
_white-space: nowrap;
white-space: normal;
text-overflow: ellipsis;
font-family: 'helveticaltstd-bold',Helvetica,Arial,!sans-serif !important;
}
.content .container .specifics .right .title .ga_more {
float: right;
font-size: 16px;
font-weight: lighter;
color: #fff;
}
.content .container .specifics .right .title .ga_more:hover{
color: #fff;
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
.content .container .specifics .right .table .refer {
display: flex;
flex-direction: column;
}
.content .container .specifics .right .table .refer .image {
width: 100%;
}
.content .container .specifics .right .table .refer .formbox {
width: 100%;
}
}
/* 适é…手机 */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 812px) {
.content>.container>.Know>p {
text-align: center;
}
.content .container .specifics .right>.eachother>p {
margin: 0 10px;
}
.content .container .specifics .right.layout .message .textfont div {
margin: 0 10px;
}
.content .container .specifics .right.layout .message .textfont>p {
margin: 0 10px;
}
#DB_gallery .DB_thumSet>.DB_thumLine {
left: 0;
}
}