/* ====== reset ====== */
.diepic {
position: relative;
width: 105%;
margin: 10px auto 0 auto;
}
.diepic h2 {
font-size: 36px;
margin-bottom: 17px;
text-align: center;
font-weight: normal;
line-height: 42px;
height: 60px;
}
.diepic .swiper-container {
padding-bottom: 30px;
}
.diepic .swiper-slide {
width: 50%;
height: 500px;
background: #fff;
box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1);
transition: all .4s cubic-bezier(.4, 0, .2, 1);
cursor: pointer;border-radius: 10px;overflow: hidden
}
.diepic .swiper-slide img {
width: 100%;
display: block; -o-object-fit: cover;
object-fit: cover;border-radius: 10px;
}
.diepic .swiper-slide p {
text-align: center;
color: #636363;
font-size: 2.2rem;
margin: 0;
position: absolute;
z-index: 9999;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
color: #fff;
line-height: 45px
}
.diepic .swiper-pagination {
width: 100%;
bottom: -20px;
}
.diepic .swiper-pagination-bullets .swiper-pagination-bullet, .cpfw .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
border: 3px solid #fff;
background-color: #030000;
width: 16px;
height: 16px;
opacity: .6;
}
.diepic .swiper-pagination-bullets .swiper-pagination-bullet-active, .cpfw .swiper-pagination .my-bullet-active {
width: 34px;
display: inline-block;
height: 16px;
border-radius: 15px;
transition: width .4s cubic-bezier(.4, 0, .2, 1);
background-image: linear-gradient(80deg, #0989c5, #995cb6);
opacity: 1;
}
.diepic .swiper-button-prev {
width: 45px;
height: 45px;
}
.diepic .swiper-button-next {
width: 45px;
height: 45px;
}
.diepic i {
font-size: 30px;
transition: all 0.5s ease 0s;
color: #265188;
}
.diepic i:hover {
color: #68B3DB;
}
@media(max-width:1680px) {
.diepic .swiper-slide {
height: 360px;
}
.diepic .swiper-button-prev {
top: 480px;
}
.diepic .swiper-button-next {
top: 480px;
}
.topp{margin-top:4% !important}
}
@media(max-width:1360px) {
.diepic .swiper-slide {
height: 300px;
}
.diepic .swiper-button-prev {
top: 430px;
}
.diepic .swiper-button-next {
top: 430px;
}
.topp{margin-top:1% !important}
}
.diepic .diepic-swiper-pagination {
bottom: -5px !important;
text-align: center;
position: absolute;
}
.qhd-content {
display: none;
}
.qhd-content:first-child {
display: block;
}
@media screen and (max-width:950px) {
.diepic .diepic-swiper-pagination {
bottom: -48px !important;
text-align: center;
}
.diepic .swiper-slide {
width: 75%;
height: 300px;
}
.topp {
margin-top: 2% !important
}
.topps {
margin-top:25px !important
}
.diepic .swiper-button-prev {
left: 80px;
}
.diepic .swiper-button-next {
right: 80px;
}
.diepic i {
font-size: 28px;
}
.diepic .swiper-slide p {
font-size: 1.65rem;
}
}
/* ====== clearfix ====== */
.clear {
clear: both;
visibility: hidden;
display: block;
font-size: 0;
line-height: 0;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
*zoom: 1;
}
/* ====== typo ====== */
.typo:before, .typo:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.typo:after {
clear: both;
}
.typo {
*zoom: 1;
}
.typo .typo-text {
overflow: hidden;
*zoom: 1;
}
.typo .typo-img {
float: left;
margin-right: 20px;
}
.typo .typo-img-right {
float: right;
margin-left: 20px;
margin-right: 0;
}
/* ====== Columns ====== */
.column:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
min-height: 0;
visibility: hidden;
*zoom: 1;
}
.column {
width: 100%;
}
.column .col-2-1, .column .col-3-1, .column .col-4-1, .column .col-4-2, .column .col-5-1, .column .col-3-2, .column .col-4-3, .column .col-5-2, .column .col-5-3, .column .col-5-4 {
float: left;
min-height: 1px;
height: auto !important;
_height: 1px;
}
/* default marg-per3 margin right 3% */
.column .col-1-1 {
width: 100%;
}
.column .col-2-1 {
width: 48.5%;
margin-right: 3%;
}
.column .col-3-1 {
width: 31.3333%;
margin-right: 3%;
}
.column .col-4-1 {
width: 22.75%;
margin-right: 3%;
}
.column .col-5-1 {
width: 17.6%;
margin-right: 3%;
}
.column .col-3-2 {
width: 65.6666%;
margin-right: 3%;
}
.column .col-4-2 {
width: 48.5%;
margin-right: 3%;
}
.column .col-4-3 {
width: 74.25%;
margin-right: 3%;
}
.column .col-5-2 {
width: 38.2%;
margin-right: 3%;
}
.column .col-5-3 {
width: 58.8%;
margin-right: 3%;
}
.column .col-5-4 {
width: 79.4%;
margin-right: 3%;
}
/* margin right 0% */
.marg-per0 > .col-2-1 {
width: 50%;
margin-right: 0;
}
.marg-per0 > .col-3-1 {
width: 33.3333%;
margin-right: 0;
}
.marg-per0 > .col-4-1 {
width: 25%;
margin-right: 0;
}
.marg-per0 > .col-5-1 {
width: 20%;
margin-right: 0;
}
.marg-per0 > .col-3-2 {
width: 66.6666%;
margin-right: 0;
}
.marg-per0 > .col-4-2 {
width: 50%;
margin-right: 0;
}
.marg-per0 > .col-4-3 {
width: 75%;
margin-right: 0;
}
.marg-per0 > .col-5-2 {
width: 40%;
margin-right: 0;
}
.marg-per0 > .col-5-3 {
width: 60%;
margin-right: 0;
}
.marg-per0 > .col-5-4 {
width: 80%;
margin-right: 0;
}
/* margin right 2% */
.marg-per2 > .col-2-1 {
width: 49%;
margin-right: 2%;
}
.marg-per2 > .col-3-1 {
width: 32%;
margin-right: 2%;
}
.marg-per2 > .col-4-1 {
width: 23.5%;
margin-right: 2%;
}
.marg-per2 > .col-5-1 {
width: 18.4%;
margin-right: 2%;
}
.marg-per2 > .col-3-2 {
width: 66%;
margin-right: 2%;
}
.marg-per2 > .col-4-2 {
width: 49%;
margin-right: 2%;
}
.marg-per2 > .col-4-3 {
width: 74.5%;
margin-right: 2%;
}
.marg-per2 > .col-5-2 {
width: 38.8%;
margin-right: 2%;
}
.marg-per2 > .col-5-3 {
width: 59.2%;
margin-right: 2%;
}
.marg-per2 > .col-5-4 {
width: 79.6%;
margin-right: 2%;
}
/* margin right 4% */
.marg-per4 > .col-2-1 {
width: 48%;
margin-right: 4%;
}
.marg-per4 > .col-3-1 {
width: 30.6667%;
margin-right: 4%;
}
.marg-per4 > .col-4-1 {
width: 22%;
margin-right: 4%;
}
.marg-per4 > .col-5-1 {
width: 16.8%;
margin-right: 4%;
}
.marg-per4 > .col-3-2 {
width: 65.3333%;
margin-right: 4%;
}
.marg-per4 > .col-4-2 {
width: 48%;
margin-right: 4%;
}
.marg-per4 > .col-4-3 {
width: 74%;
margin-right: 4%;
}
.marg-per4 > .col-5-2 {
width: 37.6%;
margin-right: 4%;
}
.marg-per4 > .col-5-3 {
width: 58.4%;
margin-right: 4%;
}
.marg-per4 > .col-5-4 {
width: 79.2%;
margin-right: 4%;
}
/* margin right 5% */
.marg-per5 > .col-2-1 {
width: 47.5%;
margin-right: 5%;
}
.marg-per5 > .col-3-1 {
width: 30%;
margin-right: 5%;
}
.marg-per5 > .col-4-1 {
width: 21.25%;
margin-right: 5%;
}
.marg-per5 > .col-5-1 {
width: 16%;
margin-right: 5%;
}
.marg-per5 > .col-3-2 {
width: 65%;
margin-right: 5%;
}
.marg-per5 > .col-4-2 {
width: 47.5%;
margin-right: 5%;
}
.marg-per5 > .col-4-3 {
width: 73.75%;
margin-right: 5%;
}
.marg-per5 > .col-5-2 {
width: 37%;
margin-right: 5%;
}
.marg-per5 > .col-5-3 {
width: 58%;
margin-right: 5%;
}
.marg-per5 > .col-5-4 {
width: 79%;
margin-right: 5%;
}
.column .last {
margin-right: 0;
*float: right;
*clear: right;
}
/* ====== row-savr ====== */
.ieCode-del {
display: block;
*display: none;
display: none\0;
}
:root .ieCode-del {
display: block\0;
}
.ieCode {
display: none;
*display: black;
display: block\0;
}
:root .ieCode {
display: none\0;
}
.row2-svar {
*zoom: 1;
}
.row2-svar:before, .row2-svar:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.row2-svar .col-2-1, .row2-svar .col-3-1, .row2-svar .col-4-1, .row2-svar .col-5-1 {
float: left;
min-height: 1px;
clear: right;
}
.row2-svar .col-2-1 {
width: 48.5%;
margin-right: 3%;
}
.row2-svar .col-3-1 {
width: 31.3333%;
margin-right: 3%;
}
.row2-svar .col-4-1 {
width: 22.75%;
margin-right: 3%;
}
.row2-svar .col-5-1 {
width: 17.6%;
margin-right: 3%;
}
.row2-svar .col-2-1:nth-of-type(2n+2), .row2-svar .col-3-1:nth-of-type(3n+3), .row2-svar .col-4-1:nth-of-type(4n+4), .row2-svar .col-5-1:nth-of-type(5n+5) {
margin-right: 0;
*float: right;
*clear: right;
}
.row2-svar .col-2-1:nth-of-type(2n+1), .row2-svar .col-3-1:nth-of-type(3n+1), .row2-svar .col-4-1:nth-of-type(4n+1), .row2-svar .col-5-1:nth-of-type(5n+1) {
clear: both;
}
/* ====== Form ====== */
.qhdform fieldset {
border: none;
margin: 0;
padding: 0;
}
.qhdform fieldset legend {
margin: 0;
padding: 0;
}
.qhdform .formHeader, .qhdform .formSection {
padding-bottom: 10px;
margin-bottom: 25px;
}
.qhdform .formHeader p, .qhdform .formSection p {
color: #666;
}
/* clear float for Form */
.qhdform .formrow {
font-size: 12px;
line-height: 100%;
}
.qhdform .formrow:before, .formrow:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.qhdform .formrow:after {
clear: both;
}
.qhdform .formrow {
#zoom: 1;
}
.qhdform .formrow .controls {
overflow: hidden;
#zoom: 1;
_float: left;
_clear: right;
}
/* ====== 默认表单布局 ====== */
/*表单抬头*/
.qhdform .formrow .label {
display: block;
float: left;
margin: 5px 15px 0 0;
line-height: 16px;
width: 100px;
}
.qhdform .formrow .label em {
display: inline-block;
float: right;
line-height: 22px;
margin-left: 5px;
}
/*帮助提示*/
.qhdform .inlineHint {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.qhdform .inlineHint, .qhdform .blockHint {
color: #777;
line-height: 20px;
}
/* 默认表单元素宽度 */
.qhdform .textInput, .qhdform .fileUpload, .qhdform .selectInput, .qhdform select, .qhdform textarea {
width: 95%;
}
/* 预设表单元素宽度 */
.qhdform .small {
width: 25% !important;
}
.qhdform .medium {
width: 50% !important;
}
.qhdform .auto {
width: auto !important;
height: auto !important;
overflow: visible;
}
.qhdform .textInput, .qhdform .textarea, .qhdform .selectInput, .qhdform .fileUpload {
color: #666;
margin: 0 5px 6px 0;
}
/* 表单组 */
.qhdform .controls ul {
padding: 0;
margin: 0 0 10px;
list-style: none;
}
.qhdform .controls li {
padding: 8px 0 0;
*padding: 5px 0 0;
list-style: none;
}
.qhdform .controls .inlinelabel li {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 15px;
}
.qhdform .controls li label .textInput, .qhdform .controls li label .textarea, .qhdform .controls li label .selectInput {
display: block;
margin-top: 8px;
}
.qhdform .controls .column li .textInput, .qhdform .controls .column li .textarea, .qhdform .controls .column li .selectInput {
width: 90%;
margin-right: 0;
}
.qhdform .controls .column {
margin-bottom: 0;
}
/* ====== 无边框/文本居右 表单布局 ====== */
.qhdform .labelRright .label {
text-align: right;
margin-left: 0;
}
.qhdform .labelRright .label em {
float: none;
line-height: normal;
margin: 0 5px 0 0;
}
.qhdform .labelRright .formrow {
border: none;
padding: 5px 0;
}
/* ====== 竖排结构 表单布 局====== */
.qhdform .blockLabels .label {
display: block;
float: none;
position: relative;
margin: 0 0 5px 0;
line-height: 18px;
width: 100%;
}
.qhdform .blockLabels .label em {
display: inline-block;
float: none;
line-height: 16px;
position: absolute;
left: -6px;
top: 2px;
margin-left: 0;
}
/* form skins */
.qhdform .formrow {
padding: 15px 10px 10px; /* width:100%;*/ overflow: hidden;
border-bottom: 1px solid #EFEFEF;
}
.qhdform .formbutton {
border-bottom: none;
}
.qhdform .textInput, .qhdform textarea {
padding: 5px;
line-height: normal;
border: solid 1px #ddd;
background: #FFF url(../images/input_bg.html) repeat-x top;
_background-image: none;
}
.qhdform textarea {
height: 12em;
line-height: 160%;
}
.qhdform select {
padding: 4px;
border: 1px solid #ddd;
background: #fff;
}
.qhdform .textInput:focus, .qhdform textarea:focus {
border-color: #c9c9c9;
outline: 0;
}
.qhdform .textInput, .qhdform textarea {
-webkit-transition: border linear 0.2s;
-moz-transition: border linear 0.2s;
-ms-transition: border linear 0.2s;
-o-transition: border linear 0.2s;
transition: border linear 0.2s;
}
/* Form Messages */
.qhdform .formrow.error, .qhdform .formrow.focused.error {
background: #ffdfdf;
border: 1px solid #f3afb5; /* CSS3 */ border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: px;
-o-border-radius: 4px;
-khtml-border-radius: 4px;
}
/* labelRright error Messages */
.qhdform .labelRright .formrow.error, .qhdform .labelRright .formrow.focused.error {
background: none;
border: none;
}
.qhdform .labelRright .formrow.error input.error, .qhdform .labelRright .formrow.error select.error, .qhdform .labelRright .formrow.error textarea.error {
color: #af4c4c;
border: 1px solid #F3AFB5;
}
/* 静态内容
------------------------------------------------------------------------------------------ */
.qhd-content h1 {
font-size: 34px;
font-size: 3.4rem;
padding-top: 25px;
margin-bottom: 15px;
font-weight: normal;
}
.qhd-content h2 {
font-size: 28px;
font-size: 2.8rem;
padding-top: 10px;
margin-bottom: 12px;
font-weight: normal;
}
.qhd-content h3 {
font-size: 22px;
font-size: 2.2rem;
padding-top: 20px;
margin-bottom: 10px;
font-weight: normal;
}
.qhd-content h4 {
font-size: 18px;
font-size: 1.8rem;
padding-top: 5px;
}
.qhd-content h5 {
font-size: 16px;
font-size: 1.6rem; /*padding-top:10px;*/
}
.qhd-content h6 {
font-size: 14px;
font-size: 1.4rem;
}
.qhd-content p {
line-height: 1.95;
font-size: 20px;
;
}
.qhd-content hr {
border-color: #ccc;
}
.qhd-content em {
font-style: italic;
}
.qhd-content sup {
vertical-align: super;
font-size: 12px;
}
.qhd-content sub {
vertical-align: sub;
font-size: 12px;
}
.qhd-content blockquote {
line-height: 1.6;
padding: 5px 10px 5px 15px;
background: none;
border-left: 3px solid #b3b3b3;
background-color: #f7f7f7;
color: #808080;
}
.qhd-content blockquote p {
margin-bottom: 5px;
}
.qhd-content ul, .qhd-content ol {
line-height: 1.8;
}
.qhd-content ul li, .qhd-content ol li {
padding-top: 2px;
padding-bottom: 2px;
}
.qhd-content ul.iconlist li {
background-position: 0 7px;
}
.qhd-content ol {
padding-left: 2.5em;
}
.qhd-content img {
vertical-align: middle;
max-width: 100%;
_max-width: none;
height: auto !important;
}
.qhd-content a:hover img {
opacity: 0.9;
filter: alpha(Opacity=90);
}
.qhd-content .typo .typo_text p:first-child {
margin-bottom: 5px;
}
/*.table th, .table td { padding:14px 18px; border-top:1px solid #ccc; }
.table th { background-color:#d9d9d9; font-size:16px; }
.table-row thead th { background-color:#d9d9d9; }
.table-row tbody th { background-color:#d9d9d9; }
.table-bordered th, .table-bordered td { border-left:1px solid #ccc; }*/
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
.qhd-content table {
width: 100% !important;
max-width: 100%;
border-collapse: collapse;
overflow: visible;
}
.qhd-content table th, .qhd-content table td {
padding: 14px 18px;
text-align: center;
border: 1px solid #57AB79;
}
.qhd-content table tbody tr.trhover td {
background-color: #f0f0f0;
}
.qhd-content table tbody tr:first-child td {
background-color: #529cd1;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.qhd-content table table tbody tr:first-child td {
background-color: transparent;
color: #333;
font-size: 14px;
font-weight: normal;
border: none;
}
.qhd-content table table tbody tr td {
padding: 0;
}
.qhd-content table tbody img[src*="file"] {
display: none;
}
.qhd-content table tbody p {
margin-bottom: 0;
}
.qhd-content table tbody tr.trhover table td {
background-color: #f0f0f0;
}
.qhd-content table tbody tr:first-child table td {
background-color: transparent;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 0;
}
.qhd-content .table {
overflow: visible;
}
.qhd-content .table th, .qhd-content .table td {
line-height: 1.8;
padding: 14px 18px;
}
.qhd-content .table th {
background-color: #529cd1;
color: #fff;
}
.qhd-content .table td {}
.qhd-content .table tbody tr:first-child td {
background-color: transparent;
color: #333;
font-size: 14px;
font-weight: normal;
}
.qhd-content .table tbody tr.trhover td {
background-color: #f0f0f0;
}
.qhd-content .table th {
background-color: #529cd1;
color: #fff;
font-size: 16px;
}
.qhd-content .table-row thead th {
background-color: #529cd1;
color: #fff;
}
.qhd-content .table-row tbody th {
background-color: #529cd1;
color: #fff;
}
.qhd-content .table tbody .even-row td {
background-color: #f0f0f0;
}
.video-responsive video.video-play-wrapper {
width: 100%;
height: auto !important;
text-align: center;
}
.video-responsive span.video-play-wrapper {
width: 100%;
*height: auto !important;
text-align: center;
}
/*IE8*/
@media \0screen {
.video-responsive .video-play-wrapper {
position: relative;
height: 0 !important;
padding-bottom: 56.25%;
padding-top: 0 !important;
overflow: hidden;
}
.video-responsive .video-play-wrapper iframe, .video-responsive .video-play-wrapper object, .article-detail .video-play-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.video-responsive span.video-play-wrapper {
position: relative;
height: 0 !important;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
}
.video-responsive span.video-play-wrapper {
*position: relative;
*height: auto !important;
*padding-bottom: 0;
*margin-top: -30px;
overflow: visible;
}
.video-responsive span.video-play-wrapper object, .video-responsive span.video-play-wrapper object embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-responsive span.video-play-wrapper object, .video-responsive span.video-play-wrapper embed {
*position: static;
}
/***************** buttons ******************/
.btn-small, button.btn-small em {
font-size: 13px;
padding: 0 20px 0 0;
}
.btn-small span {
height: 28px;
line-height: 27px;
padding: 0 0 0 20px;
}
.btn-medium, button.btn-medium em {
font-size: 15px;
padding: 0 25px 0 0;
}
.btn-medium span {
height: 36px;
line-height: 36px;
padding: 0 0 0 25px;
}
.btn-large, button.btn-large em {
font-size: 16px;
padding: 0 40px 0 0;
}
.btn-large span {
font-weight: bold;
height: 46px;
line-height: 46px;
padding: 0 0 0 40px;
}
.btn-medium-norm span, .btn-small-norm span, .btn-large-norm span {
color: #aaaeb3 !important;
text-shadow: none;
}
.btn-medium-main span, .btn-small-main span, .btn-large-main span {
color: #265188 !important;
text-shadow: none;
}
.btn-medium-assist span, .btn-small-assist span, .btn-large-assist span {
color: #79bb28 !important;
text-shadow: none;
}
.btn-medium-match span, .btn-small-match span, .btn-large-match span {
color: #8f8f8f !important;
text-shadow: none;
}
/* 小按钮 */
.btn-small-norm, button.btn-small-norm em {
background: url(../images/btn-small-norm.png) no-repeat right -30px;
_background: url(../images/btn-small-norm.gif) no-repeat right -30px;
}
.btn-small-norm span {
background: url(../images/btn-small-norm.png) no-repeat left 0;
_background: url(../images/btn-small-norm.gif) no-repeat left 0;
}
.btn-small-main, button.btn-small-main em {
background: url(../images/btn-small-main.png) no-repeat right -30px;
_background: url(../images/btn-small-main.gif) no-repeat right -30px;
}
.btn-small-main span {
background: url(../images/btn-small-main.png) no-repeat left 0;
_background: url(../images/btn-small-main.gif) no-repeat left 0;
}
.btn-small-assist, button.btn-small-assist em {
background: url(../images/btn-small-assist.png) no-repeat right -30px;
_background: url(../images/btn-small-assist.gif) no-repeat right -30px;
}
.btn-small-assist span {
background: url(../images/btn-small-assist.png) no-repeat left 0;
_background: url(../images/btn-small-assist.gif) no-repeat left 0;
}
.btn-small-match, button.btn-small-match em {
background: url(../images/btn-small-match.png) no-repeat right -30px;
_background: url(../images/btn-small-match.gif) no-repeat right -30px;
}
.btn-small-match span {
background: url(../images/btn-small-match.png) no-repeat left 0;
_background: url(../images/btn-small-match.gif) no-repeat left 0;
}
/*中型按钮*/
.btn-medium-norm, button.btn-medium-norm em {
background: url(../images/btn-medium-norm.png) no-repeat right -38px;
_background: url(../images/btn-medium-norm.gif) no-repeat right -38px;
}
.btn-medium-norm span {
background: url(../images/btn-medium-norm.png) no-repeat left 0;
_background: url(../images/btn-medium-norm.gif) no-repeat left 0;
}
.btn-medium-main, button.btn-medium-main em {
background: url(../images/btn-medium-main.png) no-repeat right -38px;
_background: url(../images/btn-medium-main.gif) no-repeat right -38px;
}
.btn-medium-main span {
background: url(../images/btn-medium-main.png) no-repeat left 0;
_background: url(../images/btn-medium-main.gif) no-repeat left 0;
}
.btn-medium-assist, button.btn-medium-assist em {
background: url(../images/btn-medium-assist.png) no-repeat right -38px;
_background: url(../images/btn-medium-assist.gif) no-repeat right -38px;
}
.btn-medium-assist span {
background: url(../images/btn-medium-assist.png) no-repeat left 0;
_background: url(../images/btn-medium-assist.gif) no-repeat left 0;
}
.btn-medium-match, button.btn-medium-match em {
background: url(../images/btn-medium-match.png) no-repeat right -38px;
_background: url(../images/btn-medium-match.gif) no-repeat right -38px;
}
.btn-medium-match span {
background: url(../images/btn-medium-match.png) no-repeat left 0;
_background: url(../images/btn-medium-match.gif) no-repeat left 0;
}
/*大型按钮*/
.btn-large-norm, button.btn-large-norm em {
background: url(../images/btn-large-norm.png) no-repeat right -48px;
_background: url(../images/btn-large-norm.gif) no-repeat right -48px;
}
.btn-large-norm span {
background: url(../images/btn-large-norm.png) no-repeat left 0;
_background: url(../images/btn-large-norm.gif) no-repeat left 0;
}
.btn-large-main, button.btn-large-main em {
background: url(../images/btn-large-main.png) no-repeat right -48px;
_background: url(../images/btn-large-main.gif) no-repeat right -48px;
}
.btn-large-main span {
background: url(../images/btn-large-main.png) no-repeat left 0;
_background: url(../images/btn-large-main.gif) no-repeat left 0;
}
.btn-large-assist, button.btn-large-assist em {
background: url(../images/btn-large-assist.png) no-repeat right -48px;
_background: url(../images/btn-large-assist.gif) no-repeat right -48px;
}
.btn-large-assist span {
background: url(../images/btn-large-assist.png) no-repeat left 0;
_background: url(../images/btn-large-assist.gif) no-repeat left 0;
}
.btn-large-match, button.btn-large-match em {
background: url(../images/btn-large-match.png) no-repeat right -48px;
_background: url(../images/btn-large-match.gif) no-repeat right -48px;
}
.btn-large-match span {
background: url(../images/btn-large-match.png) no-repeat left 0;
_background: url(../images/btn-large-match.gif) no-repeat left 0;
}
/* buttons hover */
.btn-small:hover, button.btn-small:hover em {
background-position: right -90px;
color: #fff !important;
}
.btn-small:hover span {
background-position: left -60px;
color: #fff !important;
}
.btn-medium:hover, button.btn-medium:hover em {
background-position: right -114px;
color: #fff !important;
}
.btn-medium:hover span {
background-position: left -76px;
color: #fff !important;
}
.btn-large:hover, button.btn-large:hover em {
background-position: right -144px;
color: #fff !important;
}
.btn-large:hover span {
background-position: left -96px;
color: #fff !important;
}
/* buttons active */
.btn-small:active, button.btn-small:active em {
background-position: right -150px;
color: #fff !important;
}
.btn-small:active span {
background-position: left -120px;
color: #fff !important;
}
.btn-medium:active, button.btn-medium:active em {
background-position: right -190px;
color: #fff !important;
}
.btn-medium:active span {
background-position: left -152px;
color: #fff !important;
}
.btn-large:active, button.btn-large:active em {
background-position: right -240px;
color: #fff !important;
}
.btn-large:active span {
background-position: left -192px;
color: #fff !important;
}
/* ====== Slideshow & Scrollable ====== */
.carousel-direction a {
display: block;
width: 30px;
height: 60px;
line-height: 60px;
overflow: hidden;
position: absolute;
top: 50%;
z-index: 100;
margin-top: -30px;
text-align: center;
color: #fff;
font-size: 30px;
text-decoration: none;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
_background-color: #666;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.carousel-direction a:hover {
background-color: #265188;
color: #fff;
text-decoration: none;
}
.carousel-direction a.disabled, .carousel-direction a.disabled:hover {
background-color: #dcf2ff;
color: #ccc;
cursor: default;
}
.carousel-prev {
left: 0;
}
.carousel-next {
right: 0;
}
.carousel-btn {
text-align: center;
margin: 10px 0;
}
.carousel-btn a {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 6px;
background: #ccc;
border-radius: 50%;
}
.carousel-btn .selected {
background: #265188;
cursor: default;
}
.carousel-btn a span {
display: none;
}
.carousel-btn-fixed {
width: 100%;
position: absolute;
bottom: 15px;
left: 0;
margin: 0;
z-index: 100;
}
.carousel-num {
position: absolute;
bottom: 7px;
right: 10px;
z-index: 100;
}
.carousel-num a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 22px;
height: 22px;
line-height: 22px;
margin: 0 0 0 5px;
text-align: center;
background: #333;
font-size: 12px;
color: #fff;
}
.carousel-num a:hover {
text-decoration: none;
color: #fff;
}
.carousel-num a.selected {
background: #998b81;
cursor: default;
}
.carousel-thumbs {
text-align: center;
}
.carousel-thumbs a {
border: 2px solid #ccc;
margin: 0 3px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.carousel-thumbs a img {
display: block;
}
.carousel-thumbs a:hover, .carousel-thumbs a.selected {
border-color: #f60;
}
.carousel {
position: relative;
}
.carousel-item {
position: relative;
float: left;
display: block;
}
.carousel-item .carousel-img {
display: block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
cursor: default;
}
.carousel-item .carousel-img img {
display: block;
}
.carousel-info {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: url(../images/opa70.png);
}
.carousel-info-inner {
font-size: 13px;
padding: 8px 10px;
color: #fff;
}
.carousel-info-inner a, .carousel-info-inner a:hover {
color: #fff;
}
.carousel-info-inner h3 {
font-size: 15px;
line-height: 20px;
color: #fff;
}
.carousel-info-inner p {
margin-top: 5px;
}
.responsive-carousel {
overflow: hidden;
}
.responsive-carousel .carousel-item img {
width: 100%;
height: auto !important;
}
.responsive-carousel .carousel-direction {
display: none;
}
.responsive-carousel:hover .carousel-direction {
display: block;
}
.responsive-carousel-set .carousel-info-inner h3 {
font-weight: normal;
}
.slideshow {
overflow: hidden;
}
.slideshow .carousel-direction a {
width: 55px;
height: 55px;
line-height: 55px;
}
.slideshow .carousel-direction a:hover {}
.slideshow .carousel-prev {}
.slideshow .carousel-next {}
.slideshow-gallery {
margin-bottom: 20px;
}
.slideshow-gallery .carousel-img a {
display: block;
text-align: center;
width: 100%;
}
.slideshow-gallery .carousel-img img {
display: inline;
}
.slideshow-gallery .carousel-info-inner h3 {
font-size: 14px;
line-height: 18px;
}
.slideshow-gallery .carousel-direction a {
display: none !important;
}
.slideshow-gallery:hover .carousel-direction a {
display: block !important;
}
.slideshow-gallery:hover .carousel-direction a {
display: block;
}
.slideshow-gallery-thumbs {
position: relative;
padding: 0 30px;
}
.slideshow-gallery-thumbs img {
float: left;
display: block;
margin: 0 2px;
border: 1px solid #ccc;
cursor: pointer;
width: 104px;
}
.slideshow-gallery-thumbs img:hover, .slideshow-gallery-thumbs img.selected {
border: 1px solid #f00;
}
.slideshow-gallery-thumbs-direction {
padding: 0 50px;
}
.slideshow-gallery-thumbs-direction a {
display: block;
width: 20px;
height: 76px;
line-height: 76px;
overflow: hidden;
position: absolute;
top: 50%;
z-index: 100;
margin-top: -38px;
text-align: center;
color: #fff;
font-size: 25px;
text-decoration: none;
cursor: pointer;
background-color: #ccc;
}
.slideshow-gallery-thumbs-direction a:hover {
background-color: #999;
color: #fff;
text-decoration: none;
}
.slideshow-gallery-thumbs-direction .thumbs-carousel-prev {
left: 0;
}
.slideshow-gallery-thumbs-direction .thumbs-carousel-next {
right: 0;
}
.slideshow-gallery-thumbs-direction .disabled, .slideshow-gallery-thumbs-direction .disabled:hover {
background-color: #dcf2ff;
color: #ccc;
cursor: default;
}
.scrollable {
overflow: hidden;
}
.scrollable .caroufredsel_wrapper {}
.scrollable ul {
padding: 0;
_margin-left: -5px !important;
list-style: none;
overflow: hidden;
width: 10000em;
}
.scrollable ul li {
padding: 0px;
margin: 0px;
display: block;
float: left;
text-align: center;
}
.scrollable ul li p a {
display: block;
}
.scrollable-style2 ul li {
padding-bottom: 15px;
width: 271.45px;
text-align: left;
background: url(../images/box_libt.png) no-repeat center bottom;
box-sizing: border-box;
padding: 10px
}
.scrollable-style2 ul li a {
display: block;
border: 1px solid #265188;
background: #fff;
transition: all 0.5s ease 0s;
}
.scrollable-style2 ul li a:hover {
border: 1px solid #529cd1;
}
.scrollable-style2 a .scrollable-style2-main {
padding: 0 20px;
}
.scrollable-style2 a .scrollable-style2-category {
margin-bottom: 15px;
padding: 6px 20px;
font-size: 16px;
color: #555;
transition: all 0.5s ease 0s;
}
.scrollable-style2 a:hover .scrollable-style2-category {
background: #529cd1;
color: #fff;
}
.scrollable-style2 ul li a h2 {
font-size: 16px;
color: #265188;
font-weight: normal;
transition: all 0.5s ease 0s;
}
.scrollable-style2 ul li a:hover h2 {
color: #0061b0;
}
.scrollable-style2 a .scrollable-style2-more {
padding: 5px 0 15px;
transition: all 0.5s ease 0s;
color: #999;
}
.scrollable-style2 a:hover .scrollable-style2-more {
color: #5d9cec;
}
.scrollable-style2 ul li .info {
font-size: 14px;
color: #666;
}
.scrollable-style2 .carousel-direction {
text-align: center;
margin-top: 20px;
}
.scrollable-style2 .carousel-direction a {
display: inline-block;
position: static;
width: 40px;
height: 40px;
line-height: 40px;
color: #bdbdbd;
font-size: 12px;
border: 1px solid #dfdfdf;
font-weight: bold;
}
.scrollable ul li h2 {
font-size: 14px;
margin-bottom: 10px;
line-height: 22px;
}
.scrollable ul li h2 a {
font-size: 14px;
font-weight: normal;
}
.scrollable ul li h2 a:hover {
text-decoration: none;
}
.scrollable .text-intro {
text-align: left;
font-size: 13px;
color: #808080;
line-height: 1.5;
}
.scrollable .carousel-direction a {
width: 40px;
height: 40px;
line-height: 40px;
margin-top: 0;
top: 74px;
color: #808080;
font-size: 22px;
background-color: transparent;
border: 1px solid #bfbfbf;
}
.scrollable .carousel-direction a:hover {
background-color: #265188;
color: #fff;
border-color: #265188;
}
.scrollable .carousel-direction a.disabled, .scrollable .carousel-direction a.disabled:hover {
color: #e5e5e5;
border: 1px solid #e5e5e5;
background-color: transparent;
}
.scrollable a.carousel-prev {
left: 0px;
}
.scrollable a.carousel-next {
right: 0px;
}
.scrollable-3col ul li {
width: 313px;
text-align: left;
}
.scrollable-3col ul li p {
margin-bottom: 15px;
}
.scrollable-3col ul li h2, .scrollable-3col ul li h2 a {
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
}
.scrollable-3col .carousel-direction a {
top: 190px;
}
.scrollable-3col .carousel-direction a:hover {
background-color: #1a1a1a;
}
.scrollable-inside-page ul li {
width: 160px;
}
.scrollable-height .carousel-direction a {
top: 150px;
}
.scrollable-height ul li {
text-align: left;
}
.full-scrollable ul li {
width: auto;
margin: 0;
}
.full-scrollable ul li a {
position: relative;
display: block;
}
.full-scrollable .scrollable-image {
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.full-scrollable a:hover .scrollable-image img {
transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.full-scrollable .scrollable-info {
position: absolute;
left: 0;
top: 50%;
z-index: 20;
margin-top: -100px;
text-align: center;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
}
.full-scrollable .scrollable-info h3 {
padding: 0 20px;
margin-bottom: 15px;
font-size: 22px;
line-height: normal;
font-weight: normal;
}
.full-scrollable .scrollable-info .scrollable-summarty {
padding: 0 10px;
margin-bottom: 20px;
line-height: 1.5;
font-size: 14px;
}
.full-scrollable .scrollable-info .icon-detail {
display: inline-block;
*display: inline;
*zoom: 1;
width: 41px;
height: 41px;
background: url(../images/icon-detail.gif) no-repeat;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
}
.full-scrollable .scrollable-info .icon-detail span {
display: none;
}
.full-scrollable .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #265188;
opacity: 0;
filter: alpha(opacity=0);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.full-scrollable a:hover .scrollable-info {
opacity: 1;
filter: alpha(opacity=100);
}
.full-scrollable .scrollable-info:hover .icon-detail {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.full-scrollable a:hover .opacity-overlay {
display: block;
filter: alpha(opacity=90);
opacity: 0.9;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.full-scrollable .carousel-direction {
text-align: center;
margin: 20px 0;
height: 30px;
}
.full-scrollable .carousel-direction a {
position: static;
display: inline-block;
*display: inline;
*zoom: 1;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 8px;
font-size: 22px;
}
.full-scrollable .carousel-direction a:hover {
border-color: #fff;
color: #fff;
}
.full-scrollable .carousel-direction a.disabled, .full-scrollable .carousel-direction a.disabled:hover {
color: #ccc;
cursor: default;
}
.scrollable-text {
width: 100%;
height: 25px;
overflow: hidden;
}
.scrollable-text .carousel-direction a {
top: 0px;
display: block;
width: 30px;
height: 20px;
overflow: hidden;
margin-top: 3px;
background-color: transparent;
background-image: url(../images/direction-s.gif);
background-repeat: no-repeat;
}
.scrollable-text .carousel-direction a.carousel-up {
background-position: 0 0;
right: 31px;
}
.scrollable-text .carousel-direction a.carousel-down {
background-position: -31px 0;
right: 0;
}
.scrollable-text .carousel-direction a.carousel-up:hover {
background-position: 0 -20px;
}
.scrollable-text .carousel-direction a.carousel-down:hover {
background-position: -31px -20px;
}
.scrollable-text .carousel-direction a span {
display: none;
}
.scrollable-text ul li {
padding: 0;
border: none;
width: 100%;
}
.scrollable-text .article-list-row {
margin-bottom: 0;
}
.scrollable-text .article-title {
margin-right: 10px;
}
.scrollable-text .article-list-row li {
overflow: hidden;
white-space: nowrap;
}
.scrollable-text .article-list-row li .article-title {
padding-left: 0;
background: none;
line-height: 25px;
}
/*
.scrollable .scrollable-item { position:relative; background-color:#fff; border:1px solid #e9eaea; border-bottom-width:4px; padding-bottom:15px; }
.scrollable .scrollable-item h2 { margin:15px 10px; }
.scrollable .scrollable-item em { display:block; width:70px; height:3px; overflow:hidden; background-color:#0e7dc7; position:absolute; top:0; left:50%; margin-left:-35px; }
*/
/* ====== Tab & Accordion ====== */
.tabs-default .tabs-nav {
font-size: 0;
}
.tabs-default .tabs-nav li {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 1px;
margin-bottom: 3px;
}
.tabs-default .tabs-nav li a {
float: left;
display: block;
padding: 0 30px;
line-height: 60px;
background-color: #f5f5f5;
font-size: 16px;
font-size: 1.6rem;
color: #808080;
text-decoration: none;
cursor: pointer;
transition: all 0.5s ease 0s;
}
.tabs-default .tabs-nav li a:hover {
background-color: #d9d9d9;
text-decoration: none;
}
.tabs-default .tabs-nav li a.current, .tabs-default .tabs-nav li a.current:hover {
background-color: #265188;
color: #fff;
}
.tabs-default .tabs-nav li a span {
display: inline-block;
*display: inline;
*zoom: 1;
}
.tabs-default .tabs-nav li a i {
float: left;
display: inline;
width: 20px;
height: 20px;
overflow: hidden;
margin-right: 5px;
position: relative;
top: 12px;
background-position: center center;
background-repeat: no-repeat;
}
.tabs-default .tabs-panes {}
.tabs-default .tabs-panes .tab-box {
display: none;
padding: 30px 0 0;
width: auto;
}
.tab-more {
float: none;
clear: both;
margin-top: 30px;
}
.tab-more a {
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 34px;
padding: 0 25px;
border: 1px solid #999;
color: #666;
transition: all 0.5s ease 0s;
}
.tab-more a:hover {
background-color: #265188;
border-color: #265188;
color: #fff;
text-decoration: none;
}
.tab-more-center {
text-align: center;
}
.tab-more-right {
text-align: right;
}
.tabs-down .tabs-nav li a.current, .tabs-down .tabs-nav li a.current:hover {
background-color: #265188;
color: #fff;
}
.tabs-down .tabs-panes .tab-box {
padding: 0 0 30px 0;
width: auto;
}
.tabs-left .tabs-nav {
float: left;
display: inline;
width: 25%;
height: auto;
background-color: transparent;
}
.tabs-left .tabs-nav li {
padding: 0;
border: none;
display: block;
width: 100%;
margin-bottom: 2px;
background-color: #f2f2f2;
*display: inline;
}
.tabs-left .tabs-nav li a {
display: block;
padding: 0 15px;
float: none;
width: auto;
}
.tabs-left .tabs-nav li a span {
line-height: normal;
padding: 12px 0;
}
.tabs-left .tabs-nav li a.current, .tabs-left .tabs-nav li a.current:hover {
background-color: #265188;
color: #fff;
}
.tabs-left .tabs-panes {
overflow: hidden;
*zoom: 1;
}
.tabs-left .tabs-panes .tab-box {
padding: 0 0 0 20px;
}
.tabs-right .tabs-nav {
float: right;
display: inline;
width: 25%;
height: auto;
background-color: transparent;
}
.tabs-right .tabs-nav li {
padding: 0;
border: none;
display: block;
width: 100%;
margin-bottom: 2px;
background-color: #f2f2f2;
*display: inline;
}
.tabs-right .tabs-nav li a {
display: block;
padding: 0 15px;
float: none;
width: auto;
}
.tabs-right .tabs-nav li a span {
line-height: normal;
padding: 10px 0;
}
.tabs-right .tabs-nav li a.current, .tabs-right .tabs-nav li a.current:hover {
background-color: #265188;
color: #fff;
}
.tabs-right .tabs-panes {
overflow: hidden;
*zoom: 1;
}
.tabs-right .tabs-panes .tab-box {
padding: 0 15px 0 0;
}
.tabs-center .tabs-nav {
text-align: center;
}
.tabs-center .tabs-nav li {
border: none;
margin: 0 5px 5px;
}
.tab-round {}
.tab-round .tabs-nav li {
margin: 0 24px 1px;
float: left;
_display: block;
}
.tab-round .tabs-nav li i.line-v {
display: block;
width: 1px;
height: 50px;
overflow: hidden;
position: relative;
left: 50%;
background-color: transparent;
}
.tab-round .tabs-nav li i.line-v-c {
background-color: #b5b5b5;
}
.tab-round .tabs-nav li a {
line-height: normal;
padding: 0;
margin: 0;
width: 146px;
height: 146px;
border: 2px solid #cbcbcb;
border-radius: 50%;
background-color: transparent;
color: #808080;
text-align: center;
}
.tab-round .tabs-nav li a span {
margin-bottom: 10px;
font-size: 18px;
margin-top: 60px;
}
.tab-round .tabs-nav li a em {
display: block;
font-size: 12px;
}
.tab-round .tabs-nav li a:hover {
background-color: #265188;
border-color: #265188;
color: #fff;
}
.tab-round .tabs-nav li a.current, .tab-round .tabs-nav li a.current:hover {
background-color: #265188;
border-color: #265188;
color: #fff;
}
.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {
margin-top: 47px;
}
.tab-round .tabs-panes .tab-box {
padding-top: 0;
}
.tab-round .tab-box-content-line i {
display: block;
width: 100%;
height: 1px;
overflow: hidden;
margin-bottom: 25px;
background-color: #b5b5b5;
clear: both;
}
.accordion {
max-width: 850px;
margin: 0 auto;
}
.accordion .accordion-handle {
position: relative;
background-color: #dadada;
color: #4d4d4d;
padding: 12px 0 12px 15px;
margin-bottom: 5px;
cursor: pointer;
*zoom: 1;
transition: All 0.5s ease;
}
.accordion .accordion-handle:hover {
background-color: #ccc;
}
.accordion .accordion-handle h4 {
font-size: 16px;
line-height: 20px;
font-weight: normal;
}
.accordion .accordion-pane {
display: none;
padding: 30px 30px 20px;
background-color: #f5f5f5;
margin-bottom: 5px;
margin-top: -5px;
}
.accordion .current, .accordion .current:hover {
background-color: #529cd1;
color: #fff;
}
.accordion .accordion-handle i {
display: block;
width: 50px;
height: 44px;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
background: #888888 url(../images/accordion.gif) no-repeat 0 0;
}
.accordion .current i {
border-color: #fff;
background: #028436 url(../images/accordion.gif) no-repeat 0 -44px;
}
/* 不规则多列 */
.izotope-wrapper {
margin: 0 -6px;
}
.izotope-container {
position: relative;
width: 100%;
}
.izotope .grid-sizer {
width: 25%;
}
.izotope .izotope-item {
box-sizing: border-box;
position: relative;
float: left;
width: 25%;
padding: 0 5px;
margin-bottom: 12px;
}
.izotope .izotope-item-50 {
width: 50%;
}
.izotope .izotope-item img {
width: 100%;
height: auto;
display: block;
}
.izotope-overflow {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1;
opacity: 0.85;
filter: alpha(opacity=85);
transition: all 0.35s ease-out 0s;
-moz-transition: all 0.35s ease-out 0s;
-o-transition: all 0.35s ease-out 0s;
-webkit-transition: all 0.35s ease-out 0s;
-ms-transition: all 0.35s ease-out 0s;
}
.izotope-item a {
display: block;
position: relative;
overflow: hidden;
}
.izotope-item-content-box {
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.35s ease-out 0s;
-moz-transition: all 0.35s ease-out 0s;
-o-transition: all 0.35s ease-out 0s;
-webkit-transition: all 0.35s ease-out 0s;
-ms-transition: all 0.35s ease-out 0s;
}
.izotope-item-content {
position: absolute;
left: 0;
top: 50%;
width: 100%;
width: 100%;
text-align: center;
z-index: 3;
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.izotope-item-content h3 {
padding: 10px 15px;
margin-top: -25px;
font-size: 16px;
font-weight: normal;
color: #fff;
transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-webkit-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.izotope-item-content-box .izotope-overflow {
background-color: #000;
opacity: 0;
filter: alpha(opacity=0);
}
.izotope-item-summary {
margin-top: -55px;
padding: 0 15px;
font-size: 13px;
color: #fff;
transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-webkit-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.izotope-item-content-min {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-webkit-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.izotope-item-content-min h3 {
position: relative;
padding: 6px 15px;
z-index: 3;
font-size: 14px;
font-weight: normal;
color: #000;
}
.izotope-item a:hover .izotope-item-content-box, .izotope-item a:hover .izotope-item-content {
opacity: 1;
filter: alpha(opacity=100);
}
.izotope-item a:hover .izotope-item-content-box .izotope-overflow {
opacity: 0.75;
filter: alpha(opacity=75);
}
.izotope-item a:hover .izotope-item-content h3 {
margin-top: 0px;
}
.izotope-item a:hover .izotope-item-summary {
margin-top: 0px;
}
.izotope-item a:hover .izotope-item-content-min {
opacity: 0;
filter: alpha(opacity=0);
}
.article-izotope-wrapper {
margin: 0 -10px;
}
.article-izotope-wrapper .izotope .izotope-item {
padding: 0 10px;
margin-bottom: 20px;
}
.article-izotope .izotope-item-title {
position: absolute;
left: 0;
bottom: 0;
z-index: 20;
width: 100%;
height: 50px;
overflow: hidden;
background-color: #fff;
}
.article-izotope .izotope-item-title h3 {
font-size: 14px;
font-weight: normal;
line-height: normal;
padding-top: 10px;
}
.article-izotope .icon-zoom {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
background: url(../images/icon-zoom.png) no-repeat center 30%;
}
.article-izotope .icon-video {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
background: url(../images/icon-video.png) no-repeat center 30%;
}
.article-izotope .izotope-item-50 .icon-zoom, .article-izotope .izotope-item-50 .icon-video {
background-position: center 40%;
}
.article-izotope img {
width: 100%;
display: block;
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.article-izotope .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #000;
opacity: 0.2;
filter: alpha(opacity=20);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.article-izotope a:hover .opacity-overlay {
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.article-izotope a:hover img {
transform: scale(1.2, 1.2) rotate(10deg);
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
/* 文章 & 产品 公用
------------------------------------------------------------------------------------------ */
.entry-item {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px dotted #e5e5e5;
}
.entry-item .typo .typo-img {
margin-right: 25px;
}
.entry-item .typo .typo-img-right {
margin-right: 0;
margin-left: 25px;
}
.entry-img {
margin-bottom: 10px;
}
.entry-img img {
display: block;
}
.entry-title {
margin-bottom: 15px;
}
.entry-title h2 {
font-size: 16px;
line-height: 1.4;
}
.entry-title a {
font-weight: normal;
}
.entry-title a:hover {
text-decoration: none;
}
.entry-meta {
font-size: 12px;
margin-bottom: 10px;
color: #999;
}
.entry-meta em {
margin: 0 8px;
}
.entry-meta strong {
font-weight: normal;
}
.entry-meta a {
color: #999;
}
.entry-meta a:hover {
color: #265188;
text-decoration: none;
}
.entry-summary {
color: #808080;
font-size: 13px;
margin-bottom: -5px;
}
.entry-summary p {
line-height: 1.6;
}
.entry-detail {
padding-right: 10px;
font-size: 13px;
color: #265188;
background: url(../images/arrow-r.gif) no-repeat right center;
}
.entry-detail:hover {
text-decoration: none;
color: #529cd1;
}
.entry-item .typo-img .entry-img {
margin-bottom: 0;
}
.entry-item .typo-text .entry-title {
margin-top: -2px;
_margin-top: -1px;
}
.entry-set .typo .typo-img {
margin-right: 15px;
}
.entry-set .typo .typo-img-right {
margin-left: 15px;
margin-right: 0;
}
.entry-set .entry-title {
margin-bottom: 10px;
}
.entry-set .entry-title h2 {
font-size: 15px;
}
.entry-set .entry-summary, .entry-set .entry-detail {
font-size: 12px;
}
.entry-set .entry-item .typo-text .entry-title {
margin-top: -2px;
_margin-top: -1px;
}
.entry-list-time-hl .entry-item {
position: relative;
padding-left: 100px;
border-bottom: 1px dotted #ccc;
min-height: 80px;
height: auto !important;
_height: 80px;
}
.entry-list-time-hl .time {
position: absolute;
left: 0;
top: 0;
width: 75px;
background-color: #f2f2f2;
text-align: center;
}
.entry-list-time-hl .time-day {
display: block;
line-height: 50px;
border-bottom: 1px solid #fff;
color: #666;
font-size: 30px;
}
.entry-list-time-hl .time-date {
display: block;
color: #999;
line-height: 22px;
font-size: 12px;
}
.entry-set-time-hl .entry-item {
padding-left: 80px;
min-height: 70px;
height: auto !important;
_height: 70px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.entry-set-time-hl .entry-title {
margin-bottom: 10px;
}
.entry-set-time-hl .entry-title h2 {
font-size: 14px; /*font-weight:normal; */
}
.entry-set-time-hl .entry-summary {
color: #808080;
font-size: 12px;
}
.entry-set-time-hl .time {
width: 60px;
}
.entry-set-time-hl .time-day {
font-size: 25px;
line-height: 40px;
}
.entry-set-time-hl .time-date {
font-size: 11px;
}
.entry-list-time-hl-col .entry-item {
border-bottom: none;
}
.entry-thumbnail-list .entry-item {
border-bottom: none;
padding-bottom: 9px;
margin-bottom: 9px;
}
.entry-thumbnail-list .entry-title h2 {
font-weight: normal;
font-size: 13px;
}
.entry-thumbnail-list .price strong {
font-weight: normal;
}
.detail-bottom {
border-top: 1px solid #c8c9cb;
margin: 15px 0;
padding-top: 15px;
}
.detail-bottom-button {
background: #cfcfcf;
padding: 0 5px;
}
.detail-bottom-button a {
color: #6e6e6e;
}
/* 博客列表 */
.blog-list .entry-img img {
width: 100%;
}
/* 头条 */
.headlines-list .entry-title h2 {
font-size: 16px;
}
.headlines-list .entry-summary {
margin-bottom: -10px;
}
.headlines-list .headlines-content {
border-bottom: none;
padding: 0;
margin: 0 0 10px;
padding: 0 0 10px;
}
.headlines-list .headlines-content .entry-item {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
background-color: transparent;
}
.headlines-list .headlines-content .entry-img {
margin-bottom: 0;
}
.headlines-list .headlines-content .typo-text {
padding: 0;
}
.headlines-list .headlines-content-bg {
padding-bottom: 0;
background-color: #e5e5e5;
}
.headlines-list .headlines-content-bg .entry-img {
overflow: hidden;
}
.headlines-list .headlines-content-bg .entry-img img {
display: block;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.headlines-list .headlines-content-bg .entry-img a:hover img {
transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.headlines-list .headlines-content-bg .entry-title {
padding: 7px 10px;
margin-bottom: 0;
}
.headlines-list .headlines-content-bg .entry-title h2 {
font-size: 15px;
}
.headlines-set .entry-summary {
margin-bottom: -20px;
}
.headlines-set .article-title {
font-size: 13px;
}
.headlines-set .entry-title {
margin-bottom: 10px;
}
.headlines-set .entry-title h2 {
font-size: 15px;
}
/* 多列图文 */
.portfolio-list {
min-height: 20px;
}
.portfolio-list li {
margin-bottom: 25px;
}
.portfolio-img {
margin-bottom: 10px;
overflow: hidden;
}
.portfolio-img a {
position: relative;
}
.portfolio-img a, .portfolio-img img {
width: 100%;
display: block;
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.portfolio-img .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #000;
opacity: 0;
filter: alpha(opacity=0);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.portfolio-img .icon-zoom {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
background: url(../images/icon-zoom.png) no-repeat center;
}
.portfolio-img .icon-video {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
background: url(../images/icon-video.png) no-repeat center;
}
.portfolio-img a:hover .opacity-overlay {
filter: alpha(opacity=70);
opacity: 0.7;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
transform: scale(1.2, 1.2) rotate(10deg);
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {
transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.portfolio-title {
margin-bottom: 10px;
line-height: normal;
}
.portfolio-title h2 {
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
.portfolio-title a {}
.portfolio-title a:hover {
text-decoration: none;
}
.portfolio-meta {
font-size: 12px;
margin-bottom: 10px;
color: #808080;
}
.portfolio-meta em {
margin: 0 8px;
}
.portfolio-meta strong {
font-weight: normal;
}
.portfolio-meta a {
color: #808080;
}
.portfolio-meta a:hover {
color: #cf2a2a;
text-decoration: none;
}
.portfolio-summary {
color: #808080;
font-size: 13px;
margin-bottom: -10px;
}
.portfolio-summary p {
line-height: 1.5;
}
.portfolio-detail {
padding-right: 10px;
color: #f30;
font-size: 13px;
background: url(../images/arrow-r.gif) no-repeat right center;
}
.portfolio-list .col-4-1 .portfolio-title h2 {
font-size: 14px;
}
.portfolio-list .col-4-1 .portfolio-summary {
font-size: 12px;
}
.portfolio-list .col-5-1 .portfolio-title h2 {
font-size: 14px;
}
.portfolio-list .col-5-1 .portfolio-summary {
font-size: 12px;
}
.portfolio-list-shown .portfolio-img .opacity-overlay {
filter: alpha(opacity=40);
opacity: 0.4;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolio-list-shown .portfolio-img a:hover .opacity-overlay {
filter: alpha(opacity=80);
opacity: 0.8;
}
.portfolio-list-shown .portfolio-title {
text-align: center;
}
.portfolio-gallery .portfolio-title {
text-align: center;
}
/*
.portfolio-item { padding-bottom:20px; background-color:#fff; text-align:center; }
.portfolio-item .portfolio-title h2 { }
.portfolio-item .portfolio-title a { color:#333 !important; }
.portfolio-item .portfolio-title a:hover { color:#cf2a2a !important; }
.portfolio-item .portfolio-title { padding:5px 10px; }
.portfolio-item .portfolio-summary { margin:0 10px; padding-top:5px; }
.portfolio-list .col-2-1 .portfolio-item { min-height:390px; height:auto !important; _height:390px; }
.portfolio-list .col-3-1 .portfolio-item { min-height:360px; height:auto !important; _height:360px; }
.portfolio-list .col-4-1 .portfolio-item { min-height:300px; height:auto !important; _height:300px; }
.portfolio-list .col-5-1 .portfolio-item { min-height:260px; height:auto !important; _height:260px; }
*/
.post-list-item {
background-color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.post-img {
overflow: hidden;
position: relative;
}
.post-img img {
width: 100%;
display: block;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.post-img span {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #000;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.post-img i {
display: block;
width: 57px;
height: 57px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -28px;
margin-top: -28px;
background: url(../images/icon-link.png) no-repeat center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
}
.post-text-box {
position: relative;
}
.post-text {
padding: 20px;
}
.post-text h2 {
line-height: normal;
font-size: 16px;
margin-bottom: 10px;
}
.post-text-summary {
font-size: 13px;
color: #808080;
overflow: hidden;
}
.post-text-summary .qhd-content p {
line-height: 1.6;
}
.post-arrow {
position: absolute;
z-index: 10;
display: block;
overflow: hidden;
background-image: url(../images/post-arrow.gif);
background-repeat: no-repeat;
}
.post-list-item:hover {
position: relative;
z-index: 5;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
/*-webkit-transform:scale(1.01, 1.01); -moz-transform:scale(1.01, 1.01); -o-transform:scale(1.01, 1.01); -ms-transform:scale(1.01, 1.01); transform:scale(1.01, 1.01);*/
}
.post-list-item:hover .post-img img {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.post-list-item:hover .post-img span {
opacity: 0.6;
filter: alpha(opacity=60);
}
.post-list-item:hover .post-img i {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
.post-text-center {
text-align: center;
}
.post-text-detail {
padding-top: 10px;
line-height: normal;
}
.post-text-detail a {
display: inline-block;
*display: inline;
*zoom: 1;
color: #999;
font-size: 12px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.post-text-detail a:hover {
color: #fab702 !important;
}
.light-box .post-text-detail a {
color: #999 !important;
}
.post-list-2col .post-img, .post-list-2col .post-text-box {
float: left;
width: 50%;
}
.post-list-2col .post-text {
padding: 30px;
}
.post-list-2col .post-text h2 {
margin-bottom: 15px;
}
.post-list-2col .post-list-item .post-arrow {
width: 10px;
height: 19px;
top: 50%;
left: -10px;
margin-top: -10px;
background-position: 0 -42px;
}
.post-list-2col .post-list-item-spec .post-img {
float: right;
}
.post-list-2col .post-list-item-spec .post-arrow {
top: 50%;
left: auto;
right: -10px;
margin-top: -10px;
background-position: 0 -11px;
}
.post-list-3col .post-list-item {
float: left;
width: 33.33333%;
}
.post-list-3col .post-list-item .post-text {
padding: 30px;
}
.post-list-3col .post-list-item .post-arrow {
width: 19px;
height: 10px;
top: -10px;
left: 50%;
margin-left: -10px;
background-position: 0 0;
}
.post-list-3col .post-list-item-spec .post-img {
top: 280px;
}
.post-list-3col .post-list-item-spec .post-text-box {
top: -280px;
}
.post-list-3col .post-list-item-spec .post-arrow {
top: auto;
bottom: -10px;
background-position: 0 -31px;
}
.post-list-4col .post-list-item {
width: 50%;
float: left;
}
.post-list-4col .post-img, .post-list-4col .post-text-box {
width: 50%;
float: left;
}
.post-list-4col .post-list-item .post-arrow {
width: 10px;
height: 19px;
top: 50%;
left: -10px;
margin-top: -10px;
background-position: 0 -42px;
}
.post-list-4col .post-list-item-spec .post-img {
float: right;
}
.post-list-4col .post-list-item-spec .post-arrow {
top: 50%;
left: auto;
right: -10px;
margin-top: -10px;
background-position: 0 -11px;
}
.post-list-4col .post-text h2 {
font-size: 15px;
}
.portfolio-grid {}
.portfolio-grid-item {
float: left;
}
.portfolio-grid-item a {
display: block;
position: relative;
}
.portfolio-grid-img {
overflow: hidden;
}
.portfolio-grid-img img {
display: block;
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.portfolio-grid-text {
position: absolute;
top: 38%;
left: 0;
z-index: 11;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.portfolio-grid-text h3 {
font-size: 15px;
text-align: center;
padding: 0 15px;
margin-top: -15px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.portfolio-grid-item .overlay {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-color: #000;
opacity: 0;
filter: alpha(opacity=0);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.portfolio-grid-item a:hover img {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.portfolio-grid-item a:hover .portfolio-grid-text {
opacity: 1;
filter: alpha(opacity=100);
}
.portfolio-grid-item a:hover .portfolio-grid-text h3 {
margin-top: 0px;
}
.portfolio-grid-item a:hover .overlay {
opacity: 0.8;
filter: alpha(opacity=80);
}
.portfolio-grid-4col .portfolio-grid-item {
width: 25%;
}
.portfolio-grid-3col .portfolio-grid-item {
width: 33.333%;
}
/* 放大镜 */
.cloud-zoom-lens {
background-color: #fede4f;
margin: 0;
cursor: move;
}
.cloud-zoom-title {
position: absolute !important;
top: 0px;
width: 100%;
padding: 3px;
text-align: center;
font-weight: bold;
background-color: #000;
font-size: 13px;
color: #fff;
}
.cloud-zoom-big {
overflow: hidden;
}
.cloud-zoom-loading {
color: #fff;
background: #222;
padding: 3px;
border: 1px solid #000;
}
.zoom-small-image {
float: left;
background-color: #fff;
}
.zoom-thumbs {
margin-top: 10px;
width: 450px;
}
.zoom-thumbs ul {
float: left;
display: inline;
}
.zoom-thumbs li {
float: left;
display: inline;
margin: 0 4px;
}
.zoom-thumbs li a {
display: block;
border: 1px solid #ccc;
}
.zoom-thumbs li a:hover {
border-color: #f30;
background-color: #fff;
}
.zoom-thumbs li a img {
margin: 0;
display: block;
}
.zoom-thumbs li.zoom-selected a {
border: 1px solid #f30;
background-color: #fff;
}
.zoom-thumbs .carousel-direction {
display: none;
}
.zoom-thumbs .carousel-direction a {
width: 20px;
font-size: 25px;
}
.zoom-thumbs:hover .carousel-direction {
display: block;
}
/* 详情附件下载 */
.detail-file-download {
padding: 10px 20px;
margin: 25px 0 20px;
border: 1px solid #ededed;
background-color: #fafafa;
}
.detail-file-download h4 {
font-size: 16px;
line-height: 1.5;
margin-bottom: 5px;
font-weight: bold;
color: #f30;
}
.detail-file-download li a {
padding-left: 15px;
background: url(../images/icon-dot.gif) no-repeat left center;
font-size: 13px;
color: #666;
}
.detail-file-download li a:hover {
color: #265188;
text-decoration: none;
}
/* 详情图库切换 */
.gallery-img-single {
text-align: center;
margin-bottom: 15px;
}
.gallery-img-single img {
max-width: 100%;
_width: 100%;
}
.gallery-detail {}
.gallery-detail-title {
text-align: center;
margin-bottom: 20px;
}
.gallery-detail-title h1 {
font-size: 24px;
line-height: 1.5;
font-weight: normal;
}
.gallery-detail .gallery-img-wrap {
margin-bottom: 30px;
}
.gallery-detail .ad-gallery {
width: 720px;
margin: 0 auto;
}
.gallery-detail .ad-gallery .ad-image-wrapper {
height: 504px;
}
.gallery-detail .ad-gallery .ad-nav .ad-thumbs {
margin: 0 30px;
width: 660px;
}
.gallery-detail .ad-gallery .ad-thumbs li a img {
width: 100px;
height: auto !important;
}
.gallery-detail .ad-gallery .ad-thumbs li a.ad-active img {
border-color: #f30;
}
.gallery-detail .gallery-detail-content {
padding-top: 10px;
}
.gallery-detail .text-center img {
max-width: 100%;
height: auto !important;
}
/* 分类 */
.category {}
.category ul {}
.category ul li {
position: relative;
border-bottom: 1px solid #e6e6e6;
}
.category ul li a {
display: block;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 10px;
line-height: normal;
color: #4d4d4d;
font-size: 14px;
*zoom: 1;
}
.category ul li i {
display: block;
width: 7px;
height: 7px;
overflow: hidden;
position: absolute;
top: 17px;
right: 0;
_right: 15px;
background: url(../images/page-menu.gif) no-repeat 0 0;
}
.category ul li a:hover {
text-decoration: none;
color: #529cd1;
}
.category ul li:hover i {
background-image: url(../images/page-menu-c.gif);
}
.category ul ul {
padding: 0 0 0 15px;
margin: 0 0 20px;
display: none;
}
.category ul ul li.last {
border-bottom: none;
}
.category ul li ul li {
border-bottom: none;
}
.category ul li ul li a {
color: #4d4d4d;
padding-left: 10px;
background: url(../images/page-menu-sub.gif) no-repeat left center;
}
.category ul li ul li a:hover {
color: #529cd1;
background: url(../images/page-menu-sub-c.gif) no-repeat left center;
}
.category ul ul li a {
background-image: none;
padding: 8px 0;
line-height: normal;
background-colot: #f2f2f2;
font-size: 13px;
}
.category ul li.current a {
color: #529cd1;
}
.category ul li.current i {
background-image: url(../images/page-menu-c.gif);
}
.category ul li.current ul {
display: block;
margin-top: 0;
}
.category ul li.current ul li {
border-bottom: none;
}
.category ul li.current ul li a {
color: #4d4d4d;
}
.category ul li.current ul li a:hover {
color: #529cd1;
}
.category ul li.current ul li.current > a {
color: #529cd1;
background: url(../images/page-menu-sub-c.gif) no-repeat left center;
}
/*竖排分类*/
.categoryNav-vertical {}
.categoryNav-vertical-content {
background-color: #fafafa;
border-bottom: 1px solid #eaeaea;
}
.categoryNav-vertical-content ul {
padding: 0;
font-size: 0;
text-align: center;
}
.categoryNav-vertical-content ul li {
border-bottom: none;
display: inline-block;
*display: inline;
*zoom: 1;
background-image: none;
border-right: 1px solid #eaeaea;
}
.categoryNav-vertical-content ul li a {
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 60px;
padding: 0 60px;
font-size: 16px;
font-size: 1.6rem;
color: #555;
background-color: #fafafa;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.categoryNav-vertical-content ul li a:hover, .categoryNav-vertical-content ul li.current a, .categoryNav-vertical-content ul li.active a {
background: #265188;
color: #fff;
}
.scrollable-category .category-img {
overflow: hidden;
margin-bottom: 15px;
}
.scrollable-category .category-name h2, .scrollable-category .category-name h2 a {
display: block;
font-size: 16px;
font-weight: bold;
text-align: left;
}
.scrollable-category .category-summary {
margin-top: 10px;
line-height: 1.5;
font-size: 13px;
color: #808080;
text-align: left;
}
.scrollable-category .carousel-direction a {
top: 62px;
}
.scrollable-category-product .carousel-direction a {
top: 110px;
}
.category-bg-img li a {
display: block;
position: relative;
background-color: #529cd1;
text-align: center;
padding: 60px 0;
color: #fff;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.category-bg-img li:nth-child(2n) a {
background-color: #265188;
}
.category-bg-img li a:hover {
background-color: #265188;
}
.category-bg-img .category-text {
position: relative;
z-index: 11;
color: #fff;
}
.category-bg-img .category-name {
margin-bottom: 15px;
line-height: normal;
font-size: 24px;
font-weight: normal;
}
.category-bg-img .category-summary {
max-width: 800px;
margin: 0 auto 15px;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
}
.category-bg-img span {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 40px;
line-height: 30px;
border: 2px solid #fff;
color: #fff;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.category-bg-img span:hover {
background-color: #fff;
border-color: #fff;
color: #333;
text-decoration: none;
}
.category-bg-img .category-bg-img-item .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #333;
opacity: 0.6;
filter: alpha(opacity=60);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.category-bg-img .category-bg-img-item a:hover .opacity-overlay {
background-color: #265188;
opacity: 0.9;
filter: alpha(opacity=90);
}
.portfolio-list-category li {
position: relative;
}
.portfolio-list-category li a {
display: block;
}
.portfolio-list-category .portfolio-img {
margin-bottom: 0;
}
.portfolio-list-category .portfolio-text {
position: absolute;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
text-align: center;
_height: expression((this.parentElement.clientHeight) +'px');
cursor: pointer;
}
.portfolio-list-category .portfolio-title {
padding: 30% 40px 0;
margin-bottom: 20px;
color: #fff;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
.portfolio-list-category .portfolio-title h2 {
font-size: 18px;
font-weight: bold;
}
.portfolio-list-category .col-4-1 .portfolio-title h2 {
font-size: 16px;
}
.portfolio-list-category .portfolio-summary {
padding: 0 40px;
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.portfolio-list-category .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #265188;
opacity: 0.3;
filter: alpha(opacity=30);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-list-category li a:before, .portfolio-list-category li a:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
z-index: 15;
content: '';
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.portfolio-list-category li a:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.portfolio-list-category li a:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.portfolio-list-category li:hover a:before, .portfolio-list-category li:hover a::after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio-list-category li:hover .portfolio-title, .portfolio-list-category li:hover .portfolio-summary {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio-list-category li:hover .opacity-overlay {
opacity: 0.8;
filter: alpha(opacity=80);
}
.portfolio-list-category li.col-4-1 a:before, .portfolio-list-category li.col-4-1 a:after {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
.portfolio-list-category li.col-4-1 .portfolio-title {
padding-left: 20px;
padding-right: 20px;
}
.portfolio-list-category li.col-4-1 .portfolio-summary {
padding-left: 20px;
padding-right: 20px;
}
.portfolio-list-category-article .portfolio-title {
padding-top: 20%;
margin-bottom: 5px;
}
.portfolio-list-category-article li.col-3-1 .portfolio-title {
margin-bottom: 15px;
}
/* Article 文章
------------------------------------------------------------------------------------------ */
.article-category {}
.article-list-row {}
.article-list-row li {
padding: 8px 0;
*vertical-align: text-top;
border-bottom: 1px solid #e5e5e5;
*zoom: 1;
_display: inline-block;
}
.article-list-row li .article-title {
padding-left: 15px;
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 20px;
background: url(../images/icon-dot.gif) no-repeat 0 8px;
}
.article-list-row li .article-title:hover {
text-decoration: none;
}
.article-list-row li .article-time, .article-list-row li .article-time strong, .article-list-row li .article-time em {
color: #999;
font-size: 12px;
font-weight: normal;
font-style: normal;
}
.article-list-row .article-time strong {
padding: 0 3px;
}
.article-list-row li .no-file {
cursor: default;
}
.article-list-row li .file-download {
background: url(../images/icon-download.gif) no-repeat left center;
padding-left: 18px;
font-size: 12px;
color: #265188;
}
.article-list-row li .file-download:hover {
color: #79BB28;
}
.article-list-row li .file-download-disabled, .article-list-row li .file-download-disabled:hover {
background: url(../images/icon-download-disabled.gif) no-repeat left center;
color: #ccc;
cursor: not-allowed;
}
.article-list-row li a {
text-decoration: none;
}
.article-list-row-noBorder li {
border-bottom: none;
padding: 3px 0;
}
.portfolio-typo-item {
margin-bottom: 35px;
}
.portfolio-typo-item .portfolio-typo-title {
margin-bottom: 10px;
}
.portfolio-typo-item .portfolio-typo-title h2 {
line-height: normal;
font-size: 15px;
}
.portfolio-typo-item .article-time {
margin-bottom: 5px;
font-size: 12px;
color: #999;
}
.portfolio-typo-item .portfolio-typo-summary {
font-size: 12px;
color: #808080;
line-height: 1.5;
}
.headlines-list-2col .headlines-content {
width: 48%;
float: left;
display: inline;
margin-right: 5%;
}
.headlines-list-2col .headlines-content p {
margin-bottom: 15px;
}
.headlines-list-2col .headlines-content p a {
display: block;
}
.headlines-list-2col .headlines-content p img {
display: block;
width: 100%;
}
.headlines-list-2col .headlines-content h2 {
font-size: 16px;
line-height: normal;
margin-bottom: 8px;
}
.headlines-list-2col .headlines-content-summary {
font-size: 13px;
line-height: 1.5;
color: #666;
}
.headlines-list-2col .headlines-others {
overflow: hidden;
*zoom: 1;
}
.headlines-list-2col .headlines-others .entry-set-time-hl .entry-item {
border-bottom: none;
margin-bottom: 10px;
padding-bottom: 10px;
}
.headlines-list-2col .headlines-others .entry-set-time-hl .entry-summary {
margin-bottom: -8px;
}
.carousel-item-content {
position: relative;
margin-bottom: 13px;
}
.carousel-item-content .carousel-info-inner h3 {
font-size: 13px;
}
.carousel-summary {
font-size: 12px;
color: #808080;
height: 43px;
overflow: hidden;
}
.carousel-summary .qhd-content p {
margin-bottom: 0;
}
.article-carousel .carousel-btn-fixed {
line-height: normal;
bottom: 65px;
text-align: right;
}
.article-carousel .carousel-btn-fixed a {
width: 10px;
height: 10px;
background-color: #265188;
margin: 0 8px 0 0;
}
.article-carousel .carousel-btn-fixed a.selected {
background-color: #fff;
}
.article-detail .article-title {
text-align: center;
margin-bottom: 15px;
}
.article-detail .article-title h1 {
font-size: 22px;
line-height: 1.5;
font-weight: normal;
}
.article-detail .entry-meta {
text-align: center;
margin-bottom: 20px;
padding-bottom: 10px;
font-size: 12px; /*border-bottom:1px dotted #ccc;*/
}
.article-detail .entry-meta span {
margin: 0 10px;
}
.article-detail .article-content {
margin-top: 25px;
}
.article-detail .video-player-content {
margin-top: 20px;
text-align: center;
}
.article-detail video.video-play-wrapper {
width: 100%;
height: auto !important;
text-align: center;
}
.article-detail span.video-play-wrapper {
width: 100%;
*height: auto !important;
text-align: center;
}
/*IE8*/
@media \0screen {
.article-detail .video-play-wrapper {
position: relative;
height: 0 !important;
padding-bottom: 56.25%;
padding-top: 0 !important;
overflow: hidden;
}
.article-detail .video-play-wrapper iframe, .article-detail .video-play-wrapper object, .article-detail .video-play-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.article-detail span.video-play-wrapper {
position: relative;
height: 0 !important;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
}
.article-detail span.video-play-wrapper {
*position: relative;
*height: auto !important;
*padding-bottom: 0;
*margin-top: -30px;
overflow: visible;
}
.article-detail span.video-play-wrapper object, .article-detail span.video-play-wrapper object embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.article-detail span.video-play-wrapper object, .article-detail span.video-play-wrapper embed {
*position: static;
}
.article-detail-fancybox {
*height: 600px;
}
.article-detail-fancybox .video-play-wrapper {
*position: relative;
*height: 0 !important;
*padding-bottom: 56.25%;
*padding-top: 30px;
*overflow: hidden;
}
.article-detail-fancybox .video-play-wrapper iframe, .article-detail-fancybox .video-play-wrapper object, .article-detail .video-play-wrapper embed {
*position: absolute;
*top: 0;
*left: 0;
*width: 100%;
*height: 100%;
}
.team-introduction .team-img {
margin-right: 50px;
}
.team-introduction .team-name {
margin-bottom: 15px;
font-size: 24px;
font-weight: normal;
line-height: normal;
color: #000;
}
.team-introduction .team-info p {
color: #666;
}
.team-cases-title {
text-align: center;
margin: 50px 0 30px;
padding-top: 50px;
border-top: 1px solid #d9d9d9;
}
.team-cases-title h4 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 20px;
font-size: 24px;
line-height: normal;
font-weight: normal;
}
.team-cases-title i {
display: inline-block;
*display: inline;
*zoom: 1;
width: 80px;
height: 1px;
position: relative;
top: -5px;
background: #999;
display: none;
}
.onePage-message {
height: 320px;
}
.onePage-message .caroufredsel_wrapper {
width: auto !important;
}
.onePage-message-item {
margin: 10px 0;
padding: 10px;
border-bottom: dotted 1px #a6a6a6;
}
.onePage-message-title {
margin-bottom: 7px;
line-height: 18px;
}
.onePage-message-title a {
font-size: 14px;
color: #666;
}
.onePage-message-info {
color: #838282;
font-size: 14px;
max-height: 80px;
overflow: hidden;
}
.onePage-message-title, .onePage-message-info {
padding-left: 25px;
position: relative;
}
.onePage-message-title .icon, .onePage-message-info .icon {
display: block;
width: 16px;
height: 16px;
position: absolute;
left: 0;
}
.onePage-message-title .icon {
background: url(../images/wd_w.png) #f00 no-repeat;
top: 1px;
}
.onePage-message-info .icon {
background: url(../images/wd_d.png) #6c6c6c no-repeat;
top: 4px;
}
.onePage-message-info .qhd-content p {
margin-bottom: 0;
}
/* Product 产品
------------------------------------------------------------------------------------------ */
.animate-border:before, .animate-border:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
z-index: 100001;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.animate-border:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.animate-border:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.animate-border-h:hover .animate-border:before, .animate-border-h:hover .animate-border:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.product-category {}
.product-category-scrollable ul li {
width: 290px;
margin: 0 21px;
text-align: left;
}
.product-category-scrollable ul li a {
position: relative;
display: block;
}
.product-category-scrollable .category-image {
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.product-category-scrollable .category-info {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 20;
text-align: center;
width: 100%;
height: 100%;
color: #fff;
}
.product-category-scrollable .category-info h3 {
margin-top: 120px;
margin-bottom: 60px;
font-size: 22px;
font-weight: normal;
}
.product-category-scrollable .category-info .icon-detail {
display: inline-block;
*display: inline;
*zoom: 1;
width: 41px;
height: 41px;
background: url(../images/icon-detail.gif) no-repeat;
}
.product-category-scrollable .category-info .icon-detail span {
display: none;
}
.product-category-scrollable .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #000;
opacity: 0;
filter: alpha(opacity=0);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.product-category-scrollable a:hover .category-image img {
transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transition: all 0.35s ease-out 0s;
-moz-transition: all 0.35s ease-out 0s;
-o-transition: all 0.35s ease-out 0s;
transition: all 0.35s ease-out 0s;
}
.product-category-scrollable a:hover .category-info {
display: block;
}
.product-category-scrollable a:hover .opacity-overlay {
display: block;
filter: alpha(opacity=70);
opacity: 0.7;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.product-category-scrollable .carousel-direction {
text-align: center;
margin: 30px;
}
.product-category-scrollable .carousel-direction a {
position: inherit;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 25px;
height: auto;
line-height: normal;
margin: 0 15px;
padding: 0 15px;
border: 1px solid #666;
}
.product-category-scrollable .carousel-direction a:hover {
border-color: #fff;
color: #fff;
}
.product-category-scrollable .carousel-direction a.disabled, .product-category-scrollable .carousel-direction a.disabled:hover {
border-color: #666;
color: #666;
cursor: not-allowed;
}
.product-filter {}
.product-filter dl {
border-bottom: 1px dotted #d9d9d9;
padding: 8px 0;
}
.product-filter dt {
width: 100px;
margin-right: 20px;
text-align: right;
font-size: 15px;
}
.product-filter dd a {
margin-right: 20px;
margin-top: 2px;
margin-bottom: 5px;
padding: 0 5px;
display: inline-block;
*display: inline;
*zoom: 1;
white-space: nowrap;
font-size: 13px;
}
.product-filter dd a:hover {
text-decoration: none;
}
.product-filter dd a.current {
background-color: #265188;
color: #fff;
}
.price {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #f30;
line-height: 1.2;
}
.price span {
}
.product-attr {
margin-bottom: 10px;
}
.product-attr dt {
text-align: right;
font-weight: bold;
}
.product-attr dd span {
margin-right: 10px;
}
.product-attr .share-toolbar {
margin-bottom: 10px;
}
.product-scrollable .scrollable-item {
position: relative;
}
.product-scrollable .scrollable-item .scrollable-info {
display: none;
position: absolute;
top: 25%;
left: 0;
z-index: 100;
width: 100%;
color: #fff;
}
.product-scrollable .scrollable-item .scrollable-info h2 {
line-height: normal;
font-size: 18px;
font-weight: normal;
margin: 0 15px 10px;
}
.product-scrollable .scrollable-item .scrollable-info .price {
color: #fff;
}
.product-scrollable .scrollable-item .scrollable-info .icon-detail {
display: inline-block;
*display: inline;
*zoom: 1;
width: 41px;
height: 41px;
background: url(../images/icon-detail.gif) no-repeat center;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
}
.product-scrollable .scrollable-item .scrollable-info .icon-detail span {
display: none;
}
.product-scrollable .scrollable-item .scrollable-info:hover .icon-detail {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.product-scrollable .scrollable-item a:hover .scrollable-info {
display: block;
}
.product-scrollable .scrollable-item .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #e92525;
opacity: 0;
filter: alpha(opacity=0);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.product-scrollable .scrollable-item a:hover .opacity-overlay {
filter: alpha(opacity=90);
opacity: 0.9;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.product-scrollable .carousel-direction a {
top: 110px;
}
/*
.product-list li { margin-bottom:45px; }
.product-list .product-item { position:relative; background-color:#fff; border:1px solid #e9eaea; border-bottom-width:4px; padding-bottom:15px; }
.product-list .product-item .portfolio-title h2 { margin-left:10px; margin-right:10px; }
.product-list em { display:block; width:70px; height:3px; overflow:hidden; background-color:#0e7dc7; position:absolute; top:0; left:50%; margin-left:-35px; }
*/
.product-item {
position: relative;
}
.product-list li {
margin-bottom: 25px;
text-align: center;
}
.product-item .portfolio-img {
background-color: #f2f2f2;
overflow: hidden;
position: relative;
margin-bottom: 13px;
}
.product-item .portfolio-text {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 20;
text-align: center;
width: 100%;
height: 100%;
color: #fff;
}
.product-item .portfolio-text h2 {
margin: 80px 20px 20px;
line-height: normal;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
}
.product-list .col-2-1 .product-item .portfolio-text h2 {
margin-top: 180px;
}
.product-list .col-3-1 .product-item .portfolio-text h2 {
margin-top: 80px;
}
.product-list .col-4-1 .product-item .portfolio-text h2 {
margin-top: 60px;
}
.product-list .col-5-1 .product-item .portfolio-text h2 {
margin-top: 40px;
}
.product-list .col-5-1 .product-item .portfolio-text .icon-detail {
width: 30px;
height: 30px;
}
.product-item .portfolio-text .icon-detail {
display: inline-block;
*display: inline;
*zoom: 1;
width: 41px;
height: 41px;
background: url(../images/icon-detail.gif) no-repeat center;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
}
.product-item .portfolio-text .icon-detail span {
display: none;
}
.product-item .portfolio-text .price {
color: #fff;
margin-bottom: 20px;
}
.product-item a:hover .portfolio-text {
display: block;
}
.product-item .portfolio-text:hover .icon-detail {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.product-item .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #e92525;
opacity: 0;
filter: alpha(opacity=0);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.product-item a:hover .opacity-overlay {
filter: alpha(opacity=90);
opacity: 0.9;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.product-list-popup li {
margin-bottom: 20px;
}
.product-detail .product-name {
margin-bottom: 10px;
}
.product-detail .product-name h1 {
font-size: 20px;
line-height: 1.5;
}
.product-detail .product-sku {
margin-bottom: 10px;
color: #999;
font-size: 13px;
}
.product-detail .product-sku strong {
font-weight: normal;
}
.product-detail .product-info-item { /*border-bottom:1px solid #f0f0f0;*/ padding-bottom: 5px;
margin-bottom: 5px;
}
.product-detail .product-info-item-last {
border-bottom: none;
margin-bottom: 0;
}
.product-detail .product-summary {
font-size: 13px;
color: #666;
}
.product-detail .product-info .book-btn {
margin-top: 35px;
}
.product-intr {
margin-bottom: 45px;
}
.product-intr .product-preview {
width: 50%;
float: left;
display: inline;
margin-right: 35px;
}
.product-intr .product-preview .single-img-wrap {
text-align: center;
}
.product-intr .product-preview .single-img-wrap img {
max-width: 100%;
_width: 100%;
}
.product-intr .product-preview .share-toolbar {
margin-bottom: 0;
}
.product-intr .product-info {
overflow: hidden;
*zoom: 1;
}
.product-intr .share-toolbar {
margin: 15px 0 10px;
}
.product-intr .back-category a {
background: url(../images/icon-back-cate.gif) no-repeat left center;
padding-left: 15px;
color: #808080;
}
.product-intr .back-category a:hover {
color: #265188;
}
.product-desc-title {
background-color: #265188;
margin-bottom: 20px;
}
.product-desc-title h3 {
height: 42px;
line-height: 42px;
float: left;
padding: 0 20px;
font-size: 16px;
color: #fff;
}
.product-desc-item {
margin-bottom: 50px;
}
.product-desc-item-title {
margin-bottom: 15px;
}
.product-desc-item-title h4 {
float: left;
height: 30px;
line-height: 30px;
background: #265188;
color: #fff;
font-size: 15px;
padding: 0 25px;
}
.product-detail-simple .product-img {
text-align: center;
margin-bottom: 15px;
}
.product-detail-simple .product-img img {
max-width: 100%;
_width: 100%;
}
.product-detail-simple .product-name {
text-align: center;
margin-bottom: 30px;
}
.product-detail-complete .tabs-nav {
background-color: #A5A5A5;
}
.product-detail-complete .tabs-nav li {
padding: 0;
margin-bottom: 0;
}
.product-detail-complete .tabs-nav li a {
font-size: 15px;
background-color: #A5A5A5;
color: #fff;
}
.product-detail-complete .tabs-nav li a:hover {
background-color: #265188;
color: #fff;
}
.product-detail-zoom .product-intr .product-preview {
width: 450px;
}
.product-detail-zoom .gallery-img-product-detail {
display: none;
}
.product-detail-zoom .gallery-img-product-detail .ps-caption-wrapper {
display: none;
}
/* 产品详情文件下载 */
.download-product-detail li {
padding: 3px 0;
}
.download-product-detail li a {
padding-left: 15px;
background: url(../images/icon-dot.gif) no-repeat left center;
font-size: 13px;
color: #666;
}
.download-product-detail li a:hover {
color: #cf2a2a;
text-decoration: none;
}
.gallery-zoom-img-wrap {
position: relative;
}
.gallery-zoom-img-wrap .icon-zoom {
padding-left: 20px;
position: absolute;
bottom: 15px;
right: 15px;
font-size: 13px;
color: #ccc;
background: url(../images/icon-zoom-tips.png) no-repeat left center;
}
@media only screen {
.gallery-zoom-img-wrap .icon-zoom {
background-image: url(../images/icon-zoom-tips%402x.png);
background-size: 16px 16px;
}
}
.pgwSlideshow-gallery-zoom .ps-list li .ps-item img {
height: 85px;
}
.pgwSlideshow-gallery-zoom .ps-list {
height: 87px;
}
.pgwSlideshow-gallery-zoom .ps-caption-wrapper {
display: none;
}
.product-detail-wrapper {
margin-bottom: 45px;
}
.product-detail-wrapper .product-detail-title {
border-bottom: 2px solid #c5c5c5;
text-align: center;
margin-bottom: 15px;
}
.product-detail-wrapper .product-detail-title h3 {
position: relative;
margin-bottom: -2px;
padding: 0 45px;
display: inline-block;
*display: inline;
*zoom: 1;
border-bottom: 2px solid #265188;
font-size: 18px;
}
.no-data-note {
font-size: 20px;
color: #f30;
padding: 30px 0;
text-align: center;
}
/* Link 链接
------------------------------------------------------------------------------------------ */
.link a img {
vertical-align: middle;
margin-right: 5px;
position: relative;
top: -1px;
*top: 0;
}
.link-line a {
margin: 0 15px 0 0;
}
.link-line em {
margin: 0 7px 0 -8px;
*zoom: 1;
font-style: normal;
}
.link-line-rtl {
text-align: right;
}
.link-line-rtl a {
margin: 0 0 0 15px;
}
.link-line-rtl em {
margin: 0 -10px 0 10px;
font-style: normal;
}
.link-line-center {
text-align: center;
}
.link-line-center a {
margin: 0 8px;
}
.link-line-center em {
margin: 0 -2px 0 0;
font-style: normal;
}
.link-block li {
padding: 4px 0;
line-height: 1.5;
}
.link-block-sign a {
display: block;
background: url(../images/icon-dot.gif) no-repeat 0 8px;
padding-left: 10px;
}
.link-list li {
margin-bottom: 15px;
}
.link-list .link-img {
margin-bottom: 5px;
overflow: hidden;
}
.link-list .link-img img {
display: block;
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.link-list .link-img a:hover img {
transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.link-list .link-name {
text-align: center;
}
.link-list .link-name h2 {
line-height: 22px;
font-size: 13px;
}
.link-list .link-name a {
font-size: 13px;
font-weight: normal;
}
.link-list .col-2-1 a {
font-size: 16px;
}
.link-scrollable ul {
_margin-left: -8px !important;
}
.link-scrollable ul li {
width: 166px;
margin: 0 10px;
}
.link-scrollable .carousel-direction a {
margin-top: 0;
top: 30px;
width: 35px;
height: 35px;
line-height: 35px;
}
.link-scrollable a.carousel-prev {
left: 0px;
}
.link-scrollable a.carousel-next {
right: 0px;
}
.link-scrollable-3col ul li {
width: 300px;
margin: 0 16px;
}
.link-scrollable-3col ul li h2 a {
font-size: 16px;
}
.link-scrollable-3col .carousel-direction a {
margin-top: 0;
top: 70px;
}
.link-icon {
text-align: center;
}
.link-icon {
font-size: 0;
}
.link-icon li {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
}
.link-icon li a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 140px;
height: 140px;
overflow: hidden;
background-color: #909090;
color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.link-icon li a:hover {
background-color: #265188;
color: #fff;
z-index: 2;
-webkit-transform: scale(1.10);
transform: scale(1.10);
}
.link-icon li a span {
display: block;
margin-top: 50px;
font-size: 16px;
}
.link-icon li a.link-img img {
margin: 30px 0 5px 0;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
}
.link-icon li a:hover img {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
.link-icon li a.link-img span {
margin-top: 0;
}
.link-bg-img li a {
display: block;
position: relative;
background-color: #529cd1;
text-align: center;
padding: 60px 0;
color: #fff;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.link-bg-img li:nth-child(2n) a {
background-color: #265188;
}
.link-bg-img li a:hover {
background-color: #265188;
}
.link-bg-img .link-text {
position: relative;
z-index: 11;
color: #fff;
}
.link-bg-img .link-name {
margin-bottom: 15px;
line-height: normal;
font-size: 24px;
font-weight: normal;
}
.link-bg-img .link-summary {
max-width: 800px;
margin: 0 auto 15px;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
}
.link-bg-img span {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 40px;
line-height: 34px;
border: 2px solid #fff;
color: #fff;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.link-bg-img span:hover {
background-color: #fff;
border-color: #fff;
color: #333;
text-decoration: none;
}
.link-bg-img .link-bg-img-item .opacity-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: pointer;
background-color: #333;
opacity: 0.6;
filter: alpha(opacity=60);
_height: expression((this.parentElement.clientHeight) +'px');
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.link-bg-img .link-bg-img-item a:hover .opacity-overlay {
background-color: #265188;
opacity: 0.9;
filter: alpha(opacity=90);
}
.link-fixed-side { /*width:80px;*/ margin-bottom: 1px;
font-size: 12px;
}
.link-fixed-side li {
margin-bottom: 1px;
position: relative;
}
.link-fixed-side li .link-name {
display: block;
width: 70px;
min-height: 70px;
height: auto !important;
_height: 70px;
background-color: #808080;
color: #fff;
text-align: center;
*margin-bottom: -4px;
}
.link-fixed-side li .link-name:hover, .link-fixed-side li.active .link-name {
background-color: #ee330a;
text-decoration: none;
}
.link-fixed-side li.first .link-name {
background-color: #ff3333;
}
.link-fixed-side li.first .link-name:hover {
background-color: #ee330a;
}
.link-fixed-side li i {
display: inline-block;
*display: inline;
*zoom: 1;
width: 32px;
height: 32px;
overflow: hidden;
margin-top: 6px;
background-repeat: no-repeat;
background-position: 0 0;
}
.link-fixed-side li span {
display: block;
line-height: normal;
padding-bottom: 5px;
}
.link-fixed-side li .link-name-min span {
display: block;
line-height: 70px;
}
.link-fixed-side .link-summary {
display: none;
position: absolute;
right: 70px;
top: 0;
min-width: 130px;
max-width: 200px;
_width: 130px;
min-height: 35px;
height: auto !important;
_height: 35px;
padding: 20px 15px 15px;
background-color: #ee330a;
}
.link-fixed-side .link-summary .arrow-section-r {
display: block;
width: 5px;
height: 9px;
position: absolute;
top: 22px;
right: 0px;
background: url(../images/arrow-section-r.gif) no-repeat;
}
.link-fixed-side .link-summary .link-summary-content {
font-size: 16px;
color: #fff;
font-weight: bold;
}
.link-fixed-side .link-summary .qhd-content p {
margin-bottom: 5px;
}
.link-fixed-side .link-summary .qhd-content p a {
color: #4d4d4d;
}
.link-fixed-side .link-summary .qhd-content p a:hover {
color: #1e78e8;
}
.fixed-left .link-fixed-side .link-summary {
right: 0;
left: 70px;
}
.fixed-left .link-fixed-side .link-summary .arrow-section-r {
right: auto;
left: 0;
background: url(../images/arrow-section-l.gif) no-repeat;
}
.link-justified ul {
display: table;
table-layout: fixed;
margin-bottom: -1px;
width: 100%;
background-color: #529cd1;
}
.link-justified ul li {
display: table-cell;
margin-bottom: 0;
width: 100%;
}
.link-justified ul li a {
display: block;
padding: 8px 0;
text-align: center;
border-left: 1px solid #265188;
border-right: 1px solid #265188;
color: #fff;
}
.link-justified ul li a:hover, .link-justified ul li a:active {
background-color: #79BB28;
color: #fff;
}
.link-justified ul li:first-child a {
border-left: none;
}
.link-justified ul li:last-child a {
border-right: none;
}
.link-justified ul li p {
line-height: normal;
font-size: 14px;
}
.link-justified ul li a i {
display: inline-block;
width: 24px;
height: 24px;
overflow: hidden;
margin-bottom: -5px;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.justified-area ul {
display: table;
table-layout: fixed;
margin-bottom: -1px;
width: 100%;
background: #fafafa;
border-bottom: 1px solid #eaeaea;
}
.justified-area ul li {
display: table-cell;
margin-bottom: 0;
width: 100%;
}
.justified-area ul li a {
display: block;
padding: 8px 0;
text-align: center;
margin-left: -1px;
border: 1px solid #ddd;
border-bottom: 1px solid #080808;
color: #a1a1a1;
}
.justified-area ul li a.current {
border-bottom: 1px solid #fff !important;
color: #080808;
border: 1px solid #080808;
position: relative;
z-index: 20;
}
.justified-area ul li a:hover, .justified-area ul li a:active {
background-color: transparent;
text-decoration: underline;
}
.justified-area ul li:first-child a { /*border-left:none;*/
}
.justified-area ul li:last-child a { /* border-right:none;*/
}
.justified-area ul li p {
line-height: normal;
font-size: 14px;
}
.justified-area ul li a i {
display: inline-block;
width: 24px;
height: 24px;
overflow: hidden;
margin-bottom: -5px;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.link-setion {
position: relative;
margin-bottom: 0;
}
.link-setion a {
display: block;
}
.link-setion .link-img img {
display: block;
width: 100%;
}
.link-setion .link-img-noimg {
min-height: 230px;
height: auto !important;
_height: 230px;
background-color: #dd5189;
}
.link-name-default {
position: absolute;
left: 30px;
bottom: 20px;
opacity: 1;
filter: alpha(opacity=100);
border-bottom: 1px solid #fff;
padding-bottom: 5px;
z-index: 3;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.link-name-default h3 {
font-size: 20px;
padding-right: 15px;
font-weight: normal;
color: #fff;
line-height: normal;
}
.link-setion-text {
display: block;
width: 100%;
position: absolute;
top: 50%;
left: 0;
z-index: 10;
color: #fff;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.link-setion-text h3 {
margin: 0 20px 15px;
margin-top: -20px;
font-size: 24px;
font-weight: normal;
color: #fff;
line-height: normal;
transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-webkit-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.link-setion-text p {
margin: 0 20px 15px;
margin-top: -55px;
font-size: 13px;
font-weight: normal;
color: #fff;
line-height: normal;
transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-webkit-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.link-setion-text .link-more {
line-height: normal;
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: 10px;
padding: 6px 20px;
border: 1px solid #fff;
font-size: 13px;
}
.link-setion .opacity-overlay {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
background: url(../images/link-bg.png) repeat-x bottom;
opacity: 1;
filter: alpha(opacity=100);
_height: expression((this.parentElement.clientHeight) +'px');
}
.link-setion a:hover .link-name-default {
opacity: 0;
filter: alpha(opacity=0);
}
.link-setion a:hover .link-setion-text {
opacity: 1;
filter: alpha(opacity=100);
}
.link-setion a:hover .link-setion-text h3 {
margin-top: 0px;
}
.link-setion a:hover .link-setion-text p {
margin-top: 0px;
}
.link-setion a:hover .opacity-overlay {
opacity: 0.85;
filter: alpha(opacity=85);
background: #265188;
}
/* 分页 & 面包屑
------------------------------------------------------------------------------------------ */
.breadcrumbs {
font-size: 12px;
color: #808080;
}
.breadcrumbs a {
color: #808080;
}
.breadcrumbs a:hover {
color: #666;
text-decoration: none;
}
.breadcrumbs i {
font-style: normal;
margin: 0 3px;
}
.breadcrumbs strong {
font-weight: normal;
color: #333;
}
/* search 搜索
------------------------------------------------------------------------------------------ */
.search-form .form-text {
height: 40px;
line-height: 40px;
padding: 0 8px;
color: #999;
font-size: 13px;
background-color: #fff;
border: 2px solid #ccc;
}
.search-form .form-btn {
border: none;
cursor: pointer;
height: 44px;
width: 60px;
color: #fff;
background: #ccc;
}
.search-form .form-btn:hover {
background-color: #7f7f7f;
}
.search-form .form-btn span {
display: block;
}
.search-form-responsive {
position: relative;
padding: 0 120px 0 10px;
margin-bottom: 30px;
background-color: #fff;
border: 2px solid #ccc;
}
.search-form-responsive .form-text {
width: 100%;
padding: 0;
border: none;
height: 44px;
overflow: hidden;
*zoom: 1;
}
.search-form-responsive .form-btn {
width: 110px;
height: 48px;
position: absolute;
right: -2px;
top: -2px;
}
.search-result-note {
background: #fffcf0;
border: 1px solid #ececec;
padding: 10px 20px;
margin-bottom: 30px;
color: #999;
}
.search-result-note .message-note {
color: #f30;
margin: 0 3px;
}
.search-no-result {
padding: 50px 0;
}
.search-no-result .search-result-note {
border: none;
background-color: transparent;
font-size: 16px;
text-align: center;
color: #4d4d4d;
}
/* module 外框容器
------------------------------------------------------------------------------------------ */
.module-default {
margin: 0;
padding: 0;
}
.module-default > .module-divider {
margin-bottom: 15px;
}
.module {
margin-bottom: 25px;
}
.module-title-default {
margin-bottom: 10px;
overflow: hidden;
}
.module-title-default > .module-title-content {
padding-top: 5px;
padding-bottom: 5px;
}
.module-title-default > .module-title-content h3 {
display: block;
float: left;
_display: inline;
line-height: 20px;
font-size: 16px;
}
.module-title-default > .module-title-content span {
margin-left: 5px;
float: left;
line-height: 22px;
color: #808080;
font-size: 14px;
}
.module-title-default > .module-title-content span strong {
font-weight: normal;
margin-left: 5px;
color: #808080;
}
.module-title-default > .module-title-content i {
display: block;
float: left;
_display: inline;
width: 8px;
height: 8px;
overflow: hidden;
position: relative;
top: 9px;
margin-left: 10px;
background: url(../images/icon-title-d.gif) no-repeat;
}
.module-more-default a {
color: #9d9d9d;
font-size: 20px;
}
.module-more-default a:hover {
color: #265188;
text-decoration: none;
}
.module-icon-default {
padding-left: 25px;
background-repeat: no-repeat;
background-position: left center;
}
.module-divider {
height: 1px;
overflow: hidden;
background-color: #ccc;
margin-top: 25px;
clear: both;
}
.module-no-margin, .module-no-margin .module-content p, .module-no-margin .module-content ul, .module-no-margin .module-content ol, .module-no-margin .module-content h1, .module-no-margin .module-content h2, .module-no-margin .module-content h3, .module-no-margin .module-content h4, .module-no-margin .module-content h5, .module-no-margin .module-content h6 {
margin: 0;
}
.module-hlbg {}
.module-hlbg > .module-inner {
background-color: #fffbf7;
}
.module-hlbg-title {
padding-left: 15px;
background: #265188;
}
.module-hlbg-title h3 {
font-size: 18px;
font-weight: normal;
height: 45px;
line-height: 45px;
color: #fff;
}
.module-hlbg-icon {
padding-left: 28px;
background-repeat: no-repeat;
background-position: left center;
}
.module-hlbg-content {
padding: 10px 15px 20px;
}
.module-hlbg-more {
text-align: right;
padding: 0 15px 15px;
}
.module-hlbg-more a {
display: inline-block;
*display: inline;
*zoom: 1;
height: 20px;
line-height: 20px;
padding: 1px 8px;
background-color: #b3b3b3;
color: #fff;
font-size: 12px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.module-hlbg-more a:hover {
background-color: #265188;
color: #fff;
text-decoration: none;
}
.module-hlbg > .module-divider {
margin-bottom: 10px;
margin-top: 10px;
}
.module-title-border {
border-bottom: 1px solid #d6d6d6;
margin-bottom: 20px;
margin-top: 25px;
}
.module-title-border > .module-title-content {
float: left;
display: inline;
padding-top: 5px;
padding-bottom: 7px;
margin-bottom: -1px;
border-bottom: 1px solid #265188;
}
.module-title-border > .module-title-content h3 {
float: left;
font-size: 26px;
line-height: normal;
}
.module-title-border > .module-title-content span {
margin-left: 5px;
float: left;
line-height: 22px;
color: #999;
font-size: 14px;
}
.module-title-border > .module-title-content span strong {
font-weight: normal;
margin-left: 5px;
color: #999;
}
.module-title-border > .module-more-default {
margin-top: 5px;
}
.module-title-hl {
margin-bottom: 20px;
border-bottom: 1px solid #d6d6d6;
}
.module-title-hl .module-title-content h3 {
display: inline-block;
*display: inline;
*zoom: 1;
padding-top: 5px;
padding-bottom: 5px;
font-size: 22px;
font-weight: normal;
color: #ee330a;
line-height: normal;
}
.module-title-hl > .module-title-content span {
position: relative;
top: 13px;
}
.module-title-hl > .module-more-default {
margin-top: 10px;
}
.module-full-screen > .module-inner {
padding: 60px 0 60px;
}
.module-full-screen > .module-inner .page-width {
width: auto;
max-width: 1200px;
_width: 1200px;
}
.module-full-screen .module-title-line {
margin: 13px auto 10px;
width: 16px;
height: 1px;
background: #7f7f7f;
}
.module-full-screen-title {
margin-bottom: 40px;
text-align: center;
}
.module-full-screen-title > h2 {
margin-bottom: 13px;
line-height: normal;
color: #4d4d4d;
font-size: 34px;
font-size: 3.4rem;
}
.module-full-screen-title > .module-title-content > h3 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 20px;
line-height: normal;
font-weight: normal;
color: #999;
font-size: 18px;
font-size: 1.8rem;
}
.module-full-screen-title > .module-title-content > i {
display: inline-block;
*display: inline;
*zoom: 1;
display: none;
position: relative;
top: -5px;
width: 180px;
height: 1px;
overflow: hidden;
background-color: #d9d9d9;
}
.module-full-screen-more {
float: none;
clear: both;
margin-top: 20px;
text-align: center;
}
.module-full-screen-more a {
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 34px;
padding: 0 35px;
border: 1px solid #999;
color: #666;
transition: all 0.5s ease 0s;
}
.module-full-screen-more a:hover, .module-full-screen-more a:active {
background-color: #265188;
border-color: #265188;
color: #fff;
text-decoration: none;
}
.module-divider-full {
margin: 40px 0 -35px;
height: 14px;
overflow: hidden;
background: url(../images/module-divider-full.png) no-repeat center;
}
.module-full-screen-gray {
background-color: #f9f9f9;
}
.module-full-screen-hl {
background-color: #265188;
color: #fff !important;
}
.module-full-screen-hl a {
color: #fff;
}
.module-full-screen-hl .module-title-line {
margin: 13px auto 10px;
width: 16px;
height: 1px;
background: #fff;
}
.module-full-screen-hl .module-full-screen-title > h2 {
color: #fff;
}
.module-full-screen-hl .module-full-screen-title > .module-title-content > h3 {
color: #fff;
}
.module-full-screen-hl .module-full-screen-title > .module-title-content > i {
background-color: #fff;
}
.module-full-screen-hl .page-width > .module-full-screen-content {
color: #fff !important;
}
.module-full-screen-hl .page-width > .module-full-screen-content p {
color: #fff !important;
}
.module-full-screen-hl .page-width > .module-full-screen-content a {
color: #fff !important;
}
.module-full-screen-hl .page-width > .module-full-screen-content a:hover {
color: #fff !important;
text-decoration: underline;
}
.module-full-screen-hl .module-full-screen-more a {
color: #fff;
border-color: #fff;
}
.module-full-screen-hl .module-full-screen-more a:hover {
background-color: #fff;
border-color: #fff;
color: #333;
text-decoration: none;
}
.module-full-screen-hl .module-divider-full {
background: url(../images/module-divider-full-white.png) no-repeat center;
}
.module-full-screen-bg-img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.module-full-screen-padding-bottom {
padding-bottom: 70px;
}
.module-full-screen-more-fixed > .module-inner .page-width {
position: relative;
}
.module-full-screen-more-fixed .module-full-screen-more {
position: absolute;
left: 50%;
z-index: 1000;
margin-left: -48px;
margin-top: 20px;
-webkit-animation: upAndDown 2s infinite;
animation: upAndDown 2s infinite;
}
.module-full-screen-more-fixed .module-full-screen-more a {
background-color: transparent;
padding: 0;
border: none;
color: #265188;
font-size: 16px;
width: 97px;
height: 97px;
line-height: 97px;
background: url(../images/module-full-screen-more-fixed.png) no-repeat 0 0;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
background-color: transparent;
background-position: 0 -97px;
color: #fff;
}
.module-full-screen-gray-expand > .module-inner {
padding-top: 50px;
padding-bottom: 70px;
}
.module-full-screen-gray-expand-box-t, .module-full-screen-gray-expand-box-b {
position: relative;
height: 10px;
}
.module-full-screen-gray-expand-box-t .module-full-screen-gray-expand-bg, .module-full-screen-gray-expand-box-b .module-full-screen-gray-expand-bg {
position: absolute;
top: 0;
width: 100%;
height: 20px;
}
.module-full-screen-gray-expand-box-t .module-full-screen-gray-expand-bg {
top: -10px;
}
.module-full-screen-gray-expand-box-t .module-full-screen-gray-expand-bg {
background: url(../images/module-full-screen-bg-wave-gray-t.png) no-repeat bottom center;
}
.module-full-screen-gray-expand-box-b .module-full-screen-gray-expand-bg {
background: url(../images/module-full-screen-bg-wave-gray-b.png) no-repeat bottom center;
}
.module-horizontal {}
.module-title-horizontal {
float: left;
margin-right: 10px;
}
.module-title-horizontal .module-title-content {
margin-top: 2px;
}
.module-title-horizontal .module-title-content > h3 {
font-size: 15px;
margin-top: 2px;
line-height: normal;
float: left;
}
.module-title-horizontal .module-title-content img {
vertical-align: middle;
position: relative;
top: 2px;
float: left;
margin-right: 5px;
}
.module-horizontal > .modult-inner > .module-content {
overflow: hidden;
*zoom: 1;
}
.module-horizontal > .modult-inner > .module-more-horizontal a {
margin-left: 10px;
margin-top: 3px;
display: block;
width: 20px;
height: 20px;
overflow: hidden;
background: url(../images/icom-more.gif) no-repeat center;
}
.module-horizontal > .modult-inner > .module-more-horizontal a span {
display: none;
}
.module-horizontal-hlbg {
background-color: #f7f7f7;
}
.module-horizontal-hlbg .modult-inner {
padding: 5px 10px;
}
.module-section {
padding: 50px 0;
}
.module-section-title-wrapper {
margin-bottom: 25px;
}
.module-section-title {
float: left;
}
.module-section-title h2 {
display: inline;
line-height: normal;
font-size: 28px;
font-weight: normal;
color: #1a1a1a;
}
.module-section-title h3 {
display: inline;
line-height: normal;
color: #999;
font-size: 16px;
font-weight: normal;
}
.module-section-title em {
line-height: normal;
padding: 0 6px;
color: #999;
font-size: 16px;
font-style: normal;
}
.module-section-more {
float: right;
margin-top: 10px;
}
.module-section-more a {
line-height: normal;
padding: 3px 0;
font-size: 16px;
border-bottom: 1px solid #1a1a1a;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.module-section-more a:hover {
color: #999;
border-bottom: 1px solid #999;
}
.module-section-gray {
background-color: #f2f2f2;
}
.module-section > .module-section-inner .page-width {
width: auto;
max-width: 1200px;
_width: 1200px;
}
/* 在线客服 */
.service {
clear: both;
margin-bottom: 20px;
width: 160px;
}
.service-title {
position: relative;
line-height: 36px;
border-bottom: 3px solid #f90;
background-color: #464a4b;
color: #fff;
*padding-top: 1px;
}
.service-title h3 {
font-size: 16px;
padding: 0 15px;
}
.service-title .service-title-icon {
padding-left: 35px;
background-repeat: no-repeat;
background-position: 10px center;
}
.service-close-btn {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 15px;
height: 15px;
overflow: hidden;
background: url(../images/icon-service-close-btn.gif) no-repeat center;
cursor: pointer;
}
.service-close-btn span {
display: none;
}
.service-content {
border: 1px solid #ccc;
border-top: none;
padding: 15px 10px;
background-color: #fff;
width: 138px;
}
.service-content .qhd-content, .service-content .qhd-content a {
color: #4d4d4d;
}
.service-content .qhd-content a:hover {
color: #f30;
text-decoration: none;
}
.service-content .qhd-content h1, .service-content .qhd-content h2, .service-content .qhd-content h3, .service-content .qhd-content h4, .service-content .qhd-content h5, .service-content .qhd-content p {
margin-bottom: 5px;
}
.service-content .qhd-content hr {
border-color: #e5e5e5;
height: 1px;
font-size: 0;
margin: 15px 0;
clear: both;
*margin: 7px 0;
}
.gotop {
display: none;
}
.service-max {
width: 160px;
position: relative;
}
.service-max .gotop {
margin-top: 5px;
text-align: center;
clear: both;
width: 160px;
}
.service-max .gotop a {
display: block;
line-height: 34px;
background-color: #6b7173;
text-align: center;
color: #fff;
text-decoration: none;
}
.service-max .gotop a:hover {
background-color: #464a4b;
color: #fff;
text-decoration: none;
}
.service-max .gotop a span {
padding-left: 30px;
background: url(../images/icon-gotop.gif) no-repeat left center;
}
.service-min {
display: none;
width: 46px;
clear: both;
}
.service-min .service-title {
height: auto;
line-height: normal;
border-bottom: none;
background-color: transparent;
padding: 0 0;
}
.service-min .service-title a {
display: block;
padding: 15px 13px;
width: 20px;
background-color: #f90;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #fff;
text-decoration: none;
}
.service-min .service-title a:hover {
background-color: #e58a00;
color: #fff;
text-decoration: none;
}
.service-min .service-title .service-title-icon {
background-position: center 15px;
padding-top: 45px;
}
.service-min .gotop {
margin-top: 2px;
clear: both;
}
.service-min .gotop a {
display: block;
width: 46px;
height: 46px;
overflow: hidden;
background: #6b7173 url(../images/icon-gotop.gif) no-repeat center;
color: #fff;
text-decoration: none;
}
.service-min .gotop a span {
display: block;
width: 36px;
height: 36px;
overflow: hidden;
padding: 6px 5px 4px;
line-height: 16px;
text-align: center;
font-size: 13px;
display: none;
cursor: pointer;
}
.service-min .gotop a:hover {
background-color: #464a4b;
background-image: none;
}
.service-min .gotop a:hover span {
display: block;
color: #fff;
text-decoration: none;
}
.fixed-left .service {
float: left;
}
.fixed-left .service-inner {
_float: left;
}
.fixed-right .service {
float: right;
}
.fixed-right .service-inner {
_float: right;
}
.fixed-right .service-min {
float: right;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
Pages style
----------------------------------------------------------------------------------------------------------------------------------------------------*/ ::selection {
color: #fff;
background-color: #316AC5;
}
::-moz-selection {
color: #fff;
background-color: #316AC5;
}
/*placeholder 颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */ color: #e2e2e2;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #e2e2e2;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #e2e2e2;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #e2e2e2;
}
@font-face {
font-family: "mengyuanheiti"; /* 定义字体名 */
src: url("../fonts/w19a.ttf"); /* 引入本体字体文件 */
}
.font-icon {
/* use !important to prevent issues with browser extensions that change fonts */
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px;
color: #808080;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-uniE600:before {
content: "\e600";
}
.icon-uniE601:before {
content: "\e601";
}
.icon-uniE602:before {
content: "\e602";
}
.icon-uniE604:before {
content: "\e604";
}
html {
background-repeat: repeat;
*overflow-x: hidden;
background-color: #fff;
}
body {
font-family: "黑体" !important;
color: #2e2f30;
line-height: 1.95;
font-size: 16px;
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
body.font-en-US, body.font-en-US .module-title-default > .module-title-content h3 {
font-family: "黑体" !important;
}
a {
color: #2e2f30;
text-decoration: none;
}
a:hover {
color: #265188;
text-decoration: none;
}
/* Common Class */
.float-left {
float: left;
display: inline;
}
.float-right {
float: right;
display: inline;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.dl-horizontal dt {
float: left;
display: inline;
}
.dl-horizontal dd {
overflow: hidden;
*zoom: 1;
}
.double-hr {
border-top: 3px double #ccc;
clear: both;
font-size: 0;
height: 0;
overflow: hidden;
margin-bottom: 20px;
display: none;
}
#wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #fff;
position: relative;
}
.page-width {
width: 1200px;
margin: 0 auto;
}
.page-width .page-width {
width: auto;
}
.layout-boxed {}
.layout-boxed #wrapper {
width: 1300px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
.home-page {}
.insi-page {}
/* 左右悬浮 */
.fixed-side {
position: absolute;
top: 150px;
z-index: 10001;
}
.fixed-left {
left: 0;
}
.fixed-right {
right: 0;
float: right;
}
.not-animated {
opacity: 0;
}
/* 返回顶部 */
.gotop-wrapper {
position: fixed;
bottom: 50px;
right: 15px;
z-index: 1001;
background-color: rgba(0, 0, 0, 0.3);
background-color: #969696\9;
}
.gotop-wrapper:hover {
background-color: rgba(0, 0, 0, 0.6);
background-color: #6d6d6d\9;
}
.gotop-wrapper a {
display: none;
_display: none !important;
width: 55px;
height: 55px;
overflow: hidden;
background: url(../images/icon-gotop-fixed.gif) no-repeat center;
}
/* ---------- side-header ---------- */
/*#wrapper { padding-left:260px; width:auto; } 启动后全局侧边栏导航模式*/
.side-header {
position: fixed;
top: 0; /*left:0;*/ z-index: 11;
width: 260px;
margin-left: -260px;
height: 100%;
background-color: #fff;
box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.2);
}
.side-header-wrapper {
position: relative;
height: 100%;
}
.side-header .top-main-content {
position: absolute;
bottom: 20px;
left: 0;
color: #666;
}
.side-header .top-main-content a {
color: #666;
}
.side-header .top-main-content a:hover {
color: #e60566;
}
.side-header .top-main-content em {
margin: 0 5px;
}
.side-header .top-main-content .language {
padding: 10px 35px;
}
.side-header .top-main-content .top-widget {
padding: 0 35px;
}
.side-header .logo {
margin-bottom: 20px;
padding: 30px 20px 20px;
text-align: center;
}
.side-header .logo img {
display: inline;
max-width: 100%;
}
.main-nav-vertical {}
.main-nav-vertical .sf-menu a, .main-nav-vertical .sf-menu a:visited {
color: #4d4d4d;
}
.main-nav-vertical .sf-menu a {
border: none; /* padding:0 40px; height:50px; line-height:50px;*/ padding: 15px 35px;
line-height: normal;
font-size: 14px;
}
.main-nav-vertical .sf-menu {
width: 260px;
}
.main-nav-vertical .sf-menu li {
width: 100%;
float: none;
background-color: transparent;
margin-bottom: 1px;
*margin-bottom: -3px;
}
.main-nav-vertical .sf-menu li strong {
font-weight: normal;
}
.main-nav-vertical .sf-menu li.current, .main-nav-vertical .sf-menu li.current .first-level, .main-nav-vertical .sf-menu li.current .first-level:visited {
color: #e60566;
}
.main-nav-vertical .sf-menu li:hover, .main-nav-vertical .sf-menu li.sfHover, .main-nav-vertical .sf-menu li.sfHover > a, .main-nav-vertical .sf-menu a:focus, .main-nav-vertical .sf-menu a:hover, .main-nav-vertical .sf-menu a:active {
background-color: #f8f8f8;
color: #e60566;
}
.main-nav-vertical .sf-menu .first-level .sf-sub-indicator {
display: none;
}
/* 二级 */
.main-nav-vertical .sf-menu ul {
width: 230px;
}
.main-nav-vertical .sf-menu li:hover ul, .main-nav-vertical .sf-menu li.sfHover ul {
left: 100%;
top: 0;
}
.main-nav-vertical .sf-menu li:hover ul.position-bottom, .main-nav-vertical .sf-menu li.sfHover ul.position-bottom {
top: auto;
bottom: 0;
}
.main-nav-vertical .sf-menu li li {
margin-bottom: 0;
background-color: transparent;
}
.main-nav-vertical .sf-menu li li a {}
.main-nav-vertical .sf-menu li li strong {
font-weight: normal;
}
.main-nav-vertical .sf-menu li li:hover, .main-nav-vertical .sf-menu li.sfHover li.sfHover, .main-nav-vertical .sf-menu li.sfHover li.sfHover > a, .main-nav-vertical .sf-menu li li a:focus, .main-nav-vertical .sf-menu li li a:hover, .main-nav-vertical .sf-menu li li a:active {
background-color: transparent;
}
/* 三级 */
.main-nav-vertical .sf-menu ul ul li {
background-color: #f8f8f8;
}
.main-nav-vertical .sf-menu ul ul li:hover, .main-nav-vertical .sf-menu li.sfHover ul ul li.sfHover, .main-nav-vertical .sf-menu li.sfHover ul ul li.sfHover > a, .main-nav-vertical .sf-menu ul ul li a:focus, .main-nav-vertical .sf-menu ul ul li a:hover, .main-nav-vertical .sf-menu ul ul li a:active {
background-color: #f2f2f2;
color: #e60566;
}
.main-nav-vertical .vertical-nav-bg {
position: fixed;
left: 260px;
top: 0;
width: 230px;
height: 100%;
background-color: #fcfcfc;
display: none;
}
.main-nav-vertical .sf-menu li.sfHover .vertical-nav-bg {
display: block;
}
.main-nav-vertical .sf-sub-indicator {
top: 1.4em;
background-position: 0 0;
}
.main-nav-vertical .sf-menu a:focus > .sf-sub-indicator, .main-nav-vertical .sf-menu a:hover > .sf-sub-indicator, .main-nav-vertical .sf-menu a:active > .sf-sub-indicator, .main-nav-vertical .sf-menu li:hover > a > .sf-sub-indicator, .main-nav-vertical .sf-menu li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0;
}
/* ============================= header ============================= */
.header { /*min-height:100px; height:auto !important; _height:100px;*/
}
/* ============================= page-title & page-name & page-menu ============================= */
.page-title .page-width {
overflow: hidden;
}
.page-title .page-name {
line-height: 44px;
}
.page-title .page-name h2 {
font-size: 16px;
}
.page-title .breadcrumbs {
line-height: 44px;
}
.page-title-inner {
background: none;
border-bottom: 1px solid #e5e5e5;
padding: 0;
margin-bottom: 30px;
}
.page-title-inner .breadcrumbs {
padding-left: 16px;
background: url(../images/icon-home.png) no-repeat left center;
}
.page-menu {
margin-bottom: 35px;
padding-bottom: 10px;
background-color: #fffbf7;
}
.page-menu-title {
background: #265188;
}
.page-menu-title h3 {
padding-left: 15px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 16px;
}
.page-menu-title-max h3 {
font-size: 24px;
}
.page-menu-title h4 {
margin-bottom: 5px;
padding-left: 35px;
line-height: normal;
color: #fff;
font-size: 25px;
font-weight: normal;
}
.page-menu-content {
padding: 10px 0 15px;
}
.page-menu-content ul {
padding: 0 15px;
}
.page-menu-content ul li {
position: relative;
border-bottom: 1px solid #e6e6e6;
}
.page-menu-content ul li a {
display: block;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 10px;
line-height: normal;
color: #4d4d4d;
font-size: 14px;
*zoom: 1;
}
.page-menu-content ul li i {
display: block;
width: 7px;
height: 7px;
overflow: hidden;
position: absolute;
top: 17px;
right: 0;
_right: 15px;
background: url(../images/page-menu.gif) no-repeat 0 0;
}
.page-menu-content ul li a:hover {
text-decoration: none;
color: #529cd1;
}
.page-menu-content ul li:hover i {
background-image: url(../images/page-menu-c.gif);
}
.page-menu-content ul ul {
padding: 0 0 0 15px;
margin: 0 0 20px;
display: none;
}
.page-menu-content ul ul li.last {
border-bottom: none;
}
.page-menu-content ul li ul li {
border-bottom: none;
}
.page-menu-content ul li ul li a {
color: #4d4d4d;
padding-left: 10px;
background: url(../images/page-menu-sub.gif) no-repeat left center;
}
.page-menu-content ul li ul li a:hover {
color: #529cd1;
background: url(../images/page-menu-sub-c.gif) no-repeat left center;
}
.page-menu-content ul ul li a {
background-image: none;
padding: 8px 0;
line-height: normal;
background-colot: #f2f2f2;
font-size: 13px;
}
.page-menu-content ul li.current a {
color: #529cd1;
}
.page-menu-content ul li.current i {
background-image: url(../images/page-menu-c.gif);
}
.page-menu-content ul li.current ul {
display: block;
margin-top: 0;
}
.page-menu-content ul li.current ul li {
border-bottom: none;
}
.page-menu-content ul li.current ul li a {
color: #4d4d4d;
}
.page-menu-content ul li.current ul li a:hover {
color: #529cd1;
}
.page-menu-content ul li.current ul li.current > a {
color: #529cd1;
background: url(../images/page-menu-sub-c.gif) no-repeat left center;
}
.full-page-title-wrap {
position: relative;
margin: 30px 0 40px;
text-align: center;
}
.full-page-title-wrap .module-title-line {
margin: 13px auto 10px;
width: 16px;
height: 1px;
background: #7f7f7f;
}
.full-page-title-wrap h2 {
margin-bottom: 13px;
line-height: normal;
color: #4d4d4d;
font-size: 34px;
font-size: 3.4rem;
}
.full-page-title-wrap .full-page-title h3 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 20px;
line-height: normal;
font-weight: normal;
color: #333;
font-size: 18px;
font-size: 1.8rem;
}
.full-page-title-wrap .full-page-title i {
display: inline-block;
*display: inline;
*zoom: 1;
display: none;
position: relative;
top: -5px;
width: 180px;
height: 1px;
background-color: #ccc;
}
.full-page-menu-content {
background: #fafafa;
border-bottom: 1px solid #eaeaea;
}
.full-page-menu-content ul {
padding: 0;
font-size: 0;
text-align: center;
}
.full-page-menu-content ul li {
border-bottom: none;
display: inline-block;
*display: inline;
*zoom: 1;
background-image: none;
border-right: 1px solid #eaeaea;
}
.full-page-menu-content ul li a {
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 60px;
padding: 0 60px;
font-size: 16px;
color: #555;
background-color: #FAFAFA;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.full-page-menu-content ul li a:hover, .full-page-menu-content ul li.current a {
background: #265188;
color: #fff;
}
.qhd-content table.slimtable {
width: 100% !important;
}
/* ============================= main ============================= */
.main {
min-height: 150px;
height: auto !important;
_height: 150px;
}
.home-page .main {}
.sidebar {
width: 230px;
padding: 35px 0 65px;
}
.sidebar-content {}
.content {
width: 940px;
padding: 35px 0 65px;
_overflow: hidden;
}
.content .scrollable ul li {
width: 246px;
}
.content .scrollable .carousel-direction a {
width: 35px;
height: 35px;
line-height: 35px;
}
.content .scrollable a.carousel-prev {
left: 0;
}
.content .scrollable a.carousel-next {
right: 0;
}
.content .product-set .carousel-direction a {
top: 100px;
}
.content .scrollable-3col .carousel-direction a {
top: 125px;
}
.content .link-scrollable ul li {
width: 180px;
}
.content .link-scrollable .carousel-direction a {
top: 37px;
}
/* 文章 */
.content .team-introduction .team-img {
margin-right: 15px;
}
.content .team-introduction .team-img img {
width: 300px;
}
.content .team-introduction .team-name {
margin-bottom: 10px;
font-size: 22px;
}
.content .team-cases-title {
margin: 35px 0 20px;
padding-top: 35px;
}
/* 产品 */
.content .product-list .col-2-1 .product-item .portfolio-text h2 {
margin-top: 120px;
}
.content .product-list .col-3-1 .product-item .portfolio-text h2 {
margin-top: 40px;
}
.content .product-list .col-4-1 .product-item .portfolio-text h2 {
margin-top: 30px;
}
.content .product-list .col-4-1 .product-item .portfolio-text .icon-detail {
display: none;
}
.content .product-list .col-5-1 .product-item .portfolio-text h2 {
margin-top: 15px;
margin-bottom: 10px;
}
.content .product-list .col-5-1 .product-item .portfolio-text .icon-detail {
display: none;
}
.content .product-detail-zoom .product-intr .product-preview {
width: 360px;
}
.content .product-detail-zoom .product-intr .zoom-small-image img {
width: 360px !important;
}
.content .product-detail-zoom .product-intr .zoom-thumbs {
width: 360px;
}
.content .product-detail-zoom .product-intr .zoom-thumbs img {
width: 80px;
height: auto !important;
}
/*
.content .product-detail-zoom .product-intr .product-preview .zoom-small-image img { width:360px !important; }
.content .product-detail-zoom .product-intr .product-preview .zoom-thumbs { width:360px; }
*/
.full-page-content {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 50px 0 85px;
}
.full-page-content-wrapper {
min-height: 150px;
height: auto !important;
_height: 150px;
}
.full-screen {
width: 100%;
overflow: hidden;
}
/* ============================= footer ============================= */
.footer {
overflow: hidden;
background-color: #265188;
color: #fff;
font-size: 13px;
font-size: 1.3rem;
}
.footer a {
color: #e5e5e5 !important;
}
.footer a:hover {
color: #fff !important;
}
.footer .module-title-default {
margin-bottom: 15px;
}
.footer .module-title-default > .module-title-content h3 {
color: #fff;
}
.footer .module-more-default a {
font-size: 12px;
}
.footer .module-divider {
margin-bottom: 20px;
margin-top: 20px;
background-color: #938981;
}
.footer .module-title-border {
border-color: #666;
}
.footer .module-title-border > .module-title-content h3 {
color: #fff;
}
.footer-main .page-width {
padding-top: 45px;
padding-bottom: 35px;
}
/* ============================= bottom ============================= */
.bottom {
overflow: hidden;
background: #3b3d42;
color: #fff;
font-size: 13px;
font-size: 1.3rem;
}
.bottom a {
color: #e5e5e5 !important;
}
.bottom a:hover {
color: #fff !important;
}
.bottom .module-title-default {
margin-bottom: 15px;
}
.bottom .module-title-default > .module-title-content h3 {
color: #fff;
}
.bottom .module-more-default a {
font-size: 12px;
}
.bottom .module-divider {
margin-bottom: 20px;
margin-top: 20px;
background-color: #938981;
}
.bottom .module-title-border {
border-color: #666;
}
.bottom .module-title-border > .module-title-content h3 {
color: #fff;
}
.bottom .page-width {
padding-top: 20px;
padding-bottom: 20px;
}
#dituContent .bottom {
background-image: none;
border: 0;
}
/* ==================== fixed-bottom ==================== */
.fixed-bottom {
position: fixed;
bottom: 0;
width: 100%;
z-index: 100001;
display: none;
}
/* ============================= popup ============================= */
.popup {
display: none;
}
.popup-content {
position: fixed;
top: 40%;
left: 50%;
z-index: 10000003;
min-width: 200px;
max-width: 10000px;
background-color: #fff;
padding: 20px;
_position: absolute;
_width: auto;
}
.popup-close-btn {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: -50px;
z-index: 10000003;
}
.popup-close-btn a {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
background: #808080 url(../images/icon-close.gif) no-repeat center;
}
.popup-close-btn a:hover {
background-color: #666;
}
.popup-close-btn a span {
display: none;
}
.popup-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10000002;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.8;
filter: alpha(opacity=80);
}
/* dark box */
.dark-box {
color: #fff !important;
}
.dark-box a {
color: #fff !important;
}
.dark-box a:hover {
color: #fff !important;
text-decoration: underline;
}
/* light box */
.light-box {
color: #4d4d4d !important;
}
.light-box a {
color: #4d4d4d !important;
}
.light-box a:hover {
color: #265188 !important;
text-decoration: none;
}
/* ============================= page-loading-cover ============================= */
.page-cover {
background: #fff url(../images/loading.gif) no-repeat center 350px;
width: 100%;
height: 0;
position: absolute;
bottom: 0;
z-index: 10000001;
}
/* 百度地图 */
#dituContent img {
max-width: inherit;
}
#dituContent .pop .bottom {
padding: 0;
}
#dituContent .iw_poi_title {
color: #cc5522;
font-size: 16px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap;
}
#dituContent .iw_poi_content {
font-size: 13px;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word;
}
.QHDEmptyArea {
line-height: 0;
height: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* ============================= animate ============================= */
@-webkit-keyframes bounceIn {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.80);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
}
@-moz-keyframes bounceIn {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.80);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
}
@-ms-keyframes bounceIn {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.80);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes bounceIn {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.80);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
}
@-webkit-keyframes upAndDown {
0% {
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
transform: translate(0, 15px);
}
50% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
transform: translate(0, 15px);
}
}
@-moz-keyframes upAndDown {
0% {
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
transform: translate(0, 15px);
}
50% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
transform: translate(0, 15px);
}
}
@-ms-keyframes upAndDown {
0% {
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
transform: translate(0, 15px);
}
50% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
transform: translate(0, 15px);
}
}
@keyframes upAndDown {
0% {
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
transform: translate(0, 15px);
}
50% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(0, 15px);
-ms-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
transform: translate(0, 15px);
}
}
/* ============================= 响应式 CSS ============================= */
.desktops-section {
display: block;
}
.mobile-section {
display: none;
}
.touch-top-wrapper {
padding: 10px 15px;
background-color: #fff;
}
.touch-logo {
text-align: center
}
.touch-logo img {
display: inline !important;
}
.touch-navigation {
display: none;
}
.touch-toggle-wrapper {
margin: 0 -10px;
}
.touch-toggle {
position: absolute;
left: 0;
top: 6px;
width: 100%;
}
.touch-toggle li {
float: left;
height: 70px;
padding: 0 12px;
text-align: center;
}
.touch-toggle li a {
height: 70px;
}
.touch-toggle li:hover, .touch-toggle li:active {}
.touch-toggle .touch-toggle-item-first {
border-left: none;
margin-left: 10px;
}
.touch-toggle .touch-toggle-item-last {
border-right: none;
float: right;
margin-right: 10px;
}
.touch-toggle li a {
display: block;
font-size: 12px;
}
.touch-toggle li i {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
overflow: hidden;
margin-top: 35px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.touch-toggle .touch-icon-language {}
.touch-toggle .touch-icon-user {}
.touch-toggle .touch-icon-search {}
.touch-toggle .touch-icon-menu {
background-image: url(../images/nav.svg);
}
.touch-toggle li span {
display: none;
text-align: center;
}
.drawer-section {
background-color: #265188;
padding: 20px 20px 35px;
display: none;
}
.touch-language li {
width: 49.9%;
float: left;
}
.touch-language li a {
display: block;
margin-bottom: 10px;
padding: 5px 0 5px 5px;
color: #fff;
}
.touch-language li a:hover, .touch-language li a:active {
background-color: #265188;
}
.touch-search {
border: 1px solid #ccc;
position: relative;
}
.touch-search-form {
padding: 0 50px 0 10px;
}
.touch-form-text {
border: none;
margin: 0;
background-color: transparent;
padding: 0;
color: #e5e5e5;
width: 100%;
height: 42px;
line-height: 42px;
}
.touch-form-btn {
border: none;
padding: 0;
margin: 0;
background-color: transparent;
position: absolute;
top: 0;
right: 0;
display: block;
width: 42px;
height: 42px;
overflow: hidden;
cursor: pointer;
background: url(../images/touch-icon-search-w.png) no-repeat center;
background-size: 16px 16px;
}
.touch-form-btn span {
display: none;
}
.touch-menu ul li {
border-bottom: 1px solid #529cd1;
position: relative;
}
.touch-menu ul li a {
color: #fff;
display: block;
font-size: 18px;
height: 48px;
line-height: 48px;
padding-left: 10px;
}
.touch-menu ul li a:hover, .touch-menu ul li a:active {
background-color: #265188;
}
.touch-menu ul li i {
position: absolute;
top: 19px;
right: 5px;
display: block;
width: 13px;
height: 13px;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.touch-menu ul li i.touch-arrow-right {
display: none;
background-image: url(../images/touch-arrow-r.html);
}
.touch-menu ul li i.touch-arrow-down {
background-image: url(../images/touch-arrow-d.png);
}
.touch-menu ul li i.touch-arrow-up {
background-image: url(../images/touch-arrow-u.png);
}
.touch-menu ul ul {
display: none;
margin: 0;
padding: 0 10px 30px 30px;
}
.touch-menu ul ul li {
border-bottom: none;
margin: 0;
padding: 0;
}
.touch-menu ul ul li a {
padding: 0;
padding-left: 5px;
font-size: 16px;
height: 38px;
line-height: 38px;
}
.touch-menu ul ul li i {
top: 13px;
}
@media (min-width:1200px) {}
@media (min-width:992px) and (max-width:1199px) {
.fixed-side {
display: none;
}
.scrollable a.carousel-prev {
left: 0;
}
.scrollable a.carousel-next {
right: 0;
}
.layout-boxed #wrapper {
width: 100%;
}
html, body {
background-image: none !important;
}
}
@media screen and (max-width:1120px) {
html {
-webkit-text-size-adjust: none;
}
.fixed-side {
display: none;
}
.gotop-wrapper {
background-color: rgba(0, 0, 0, 0.5);
}
.gotop-wrapper a {
width: 45px;
height: 45px;
}
.page-width, .boxed-layout {
width: 100%;
}
.layout-boxed #wrapper {
width: 100%;
}
html, body {
background-image: none !important;
}
.scrollable a.carousel-prev {
left: 0 !important;
}
.scrollable a.carousel-next {
right: 0 !important;
}
.module-default, .module {}
.module-no-margin {}
.module-full-screen {
margin: 0 -10px;
padding: 0 10px;
}
.module-full-screen > .module-inner {
padding: 30px 0;
}
.module-full-screen-more-fixed > .module-inner {
padding: 30px 0 50px;
}
.module-full-screen-more-fixed .module-full-screen-more {
margin-top: 15px;
margin-left: -40px;
}
.module-full-screen-more-fixed .module-full-screen-more a {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 14px;
background-size: cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
background-position: 0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {
margin-bottom: 0;
}
.default-top {
display: none;
}
.touch-top {
display: block;
}
.touch-top-wrapper .touch-logo {
margin: 0;
text-align: left
}
.touch-navigation {
display: block;
}
.touch-top-wrapper .touch-logo {
margin: 0 0;
}
.touch-top-wrapper .touch-logo img {
height: 80px;
display: block;
}
.header {
min-height: 30px !important;
}
.main {
padding: 0 10px;
}
.sidebar {
width: 100%;
padding: 0;
}
.sidebar .page-menu {
display: none;
}
.sidebar .sidebar-content {
padding: 15px 0 25px;
}
.content {
width: 100%;
padding: 10px 0 15px;
}
.full-screen {
overflow: inherit;
}
.page-title-inner {
display: none;
}
.full-page-content {
padding: 10px 0 25px;
}
.full-page-title-wrap {
display: none;
}
.full-page-menu {
display: none;
}
.footer, .bottom {
padding: 0 15px;
}
.bottom .module-default, .bottom .module {
margin-bottom: 0;
}
/* 文章、产品分类 */
.category-bg-img li a {
margin: 0 -10px;
}
.full-scrollable ul li {
margin: 0 10px;
text-align: left;
}
.full-scrollable .scrollable-image {
margin-bottom: 15px;
}
.full-scrollable .scrollable-info {
position: static;
margin-top: 0;
opacity: 1;
filter: alpha(opacity=100);
display: block;
color: #333;
text-align: left;
}
.full-scrollable .scrollable-info h3 {
padding: 0;
line-height: normal;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}
.full-scrollable .scrollable-info .scrollable-summarty {
padding: 0;
}
.full-scrollable .scrollable-info .icon-detail {
display: none;
}
.full-scrollable a:hover h3, .full-scrollable a:active h3 {
color: #265188;
}
.portfolio-list-category .portfolio-img {
margin-bottom: 15px;
}
.portfolio-list-category .portfolio-text {
position: static;
opacity: 1;
filter: alpha(opacity=100);
text-align: left;
}
.portfolio-list-category .portfolio-title {
padding: 0 !important;
margin-bottom: 0;
color: #333;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio-list-category .portfolio-summary {
padding: 0 !important;
margin: 15px 0 0px;
color: #808080;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio-list-category .opacity-overlay {
display: none;
}
.portfolio-list-category a:before, .portfolio-list-category a:after {
display: none;
}
.portfolio-grid-text {
top: auto;
bottom: 0;
opacity: 1;
filter: alpha(opacity=100);
background-color: rgba(0, 0, 0, 0.8);
}
.portfolio-grid-text h3 {
line-height: normal;
margin: 0;
padding: 10px 15px;
font-size: 14px;
font-weight: normal;
position: relative;
z-index: 10;
color: #ddd;
}
.portfolio-grid-item a .overlay, .portfolio-grid-item a:hover .overlay {
display: none;
}
/* 文章 */
.team-introduction .team-img, .content .team-introduction .team-img {
margin-right: 30px;
}
.full-scrollable ul li {
margin: 0 10px;
text-align: left;
}
.full-scrollable .scrollable-image {
margin-bottom: 15px;
}
.full-scrollable .scrollable-info {
position: static;
margin-top: 0;
opacity: 1;
filter: alpha(opacity=100);
display: block;
color: #333;
text-align: left;
}
.full-scrollable .scrollable-info h3 {
padding: 0;
line-height: normal;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}
.full-scrollable .scrollable-info .scrollable-summarty {
padding: 0;
}
.full-scrollable .scrollable-info .icon-detail {
display: none;
}
.full-scrollable .opacity-overlay, .full-scrollable a:hover .opacity-overlay {
display: none;
}
/* 产品 */
.product-list .product-item a {
display: block;
}
.product-list .product-item .portfolio-img {
margin-bottom: 15px;
}
.product-list .product-item .portfolio-text {
display: block;
position: static;
text-align: left;
color: #4d4d4d;
}
.product-list .product-item .portfolio-text .portfolio-title h2 {
margin: 0 !important;
}
.product-list .product-item a:hover .portfolio-text .portfolio-title h2 {
color: #265188;
}
.product-list .col-2-1 .product-item .portfolio-text .portfolio-title h2, .product-list .col-3-1 .product-item .portfolio-text .portfolio-title h2 {
font-size: 16px;
}
.product-list .product-item .portfolio-text .price {
color: #f30;
margin-bottom: 0;
}
.product-list .product-item .portfolio-text .icon-detail {
display: none;
}
.product-list .product-item .opacity-overlay {
display: none;
}
.product-scrollable .scrollable-item a {
display: block;
}
.product-scrollable .scrollable-item .portfolio-img {
margin-bottom: 15px;
}
.product-scrollable .scrollable-item .scrollable-info {
display: block;
position: static;
text-align: left;
color: #4d4d4d;
}
.product-scrollable .scrollable-item .scrollable-info h2 {
font-size: 16px;
margin: 0 0 15px !important;
}
.product-scrollable .scrollable-item a:hover .scrollable-info h2 {
color: #265188;
}
.product-scrollable .scrollable-item .scrollable-info .price {
color: #f30;
margin-bottom: 0;
}
.product-scrollable .scrollable-item .scrollable-info .icon-detail {
display: none;
}
.product-scrollable .scrollable-item .opacity-overlay {
display: none;
}
/* 链接 */
.link-bg-img li a {
margin: 0 -10px;
}
/* 图文交叉排版 */
.post-list-3col .post-list-item .post-text {
padding: 20px;
}
/* 产品多列 */
}
@media (min-width:768px) and (max-width:991px) {
/* slideshow */
.slideshow {
height: 380px !important;
}
.slideshow img {
height: 380px !important;
}
.slideshow-min {
height: 280px !important;
}
.slideshow-min img {
height: 280px !important;
}
.slideshow .carousel-direction {
display: none;
}
.carousel-thumbs a img {
width: 100px;
}
/* Tab */
.tab-more {
margin-top: 20px;
}
.tab-round .tabs-nav li {
padding: 0;
}
.tab-round .tabs-nav li a {
line-height: normal;
padding: 0 !important;
width: 115px;
height: 115px;
}
.tab-round .tabs-nav li a span {
margin: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.tab-round .tabs-nav li a em {
display: none;
}
.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {
margin: 0;
}
.tab-round .tabs-nav li i.line-v {
height: 35px;
}
/* 产品 */
.product-list li {
margin-bottom: 30px;
}
.product-item .portfolio-text h2 {
margin-top: 50px;
}
.product-detail-zoom .product-intr .product-preview {
width: 420px;
}
.product-detail-zoom .product-intr .zoom-small-image img {
width: 420px !important;
}
.product-detail-zoom .product-intr .zoom-thumbs {
width: 420px;
}
.product-detail-zoom .product-intr .zoom-thumbs img {
width: 80px;
height: auto !important;
}
.product-detail-zoom .zoom-section {
display: none;
}
.product-detail-zoom .gallery-img-product-detail {
display: block;
}
.module-divider-full {
margin-bottom: -20px;
}
/* 图文交叉排版 */
.post-list-2col .post-text {
padding: 20px;
}
.post-list-3col .post-list-item {
width: 100%;
float: none;
margin-bottom: 15px;
}
.post-list-3col .post-img, .post-list-3col .post-text-box {
width: 50%;
float: left;
}
.post-list-3col .post-list-item .post-text {
padding: 20px;
}
.post-list-3col .post-list-item .post-arrow {
width: 10px;
height: 19px;
margin: 0;
left: -10px;
top: 50%;
margin-top: -10px;
background-position: 0 -42px;
}
.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {
float: right;
}
.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {
left: auto;
right: -10px;
background-position: 0 -11px;
}
.post-list-3col .post-list-item-spec .post-img {
top: auto !important;
}
.post-list-3col .post-list-item-spec .post-text-box {
top: auto !important;
}
.post-list-4col .post-list-item {
width: 100%;
float: none;
margin-bottom: 15px;
}
.post-list-4col .post-list-item-spec .post-img {
float: left;
}
.post-list-4col .post-list-item:nth-of-type(2n+2) .post-img {
float: right;
}
.post-list-4col .post-list-item .post-arrow {
width: 10px;
height: 19px;
top: 50%;
left: -10px;
margin-top: -10px;
background-position: 0 -42px;
}
.post-list-4col .post-list-item:nth-of-type(2n+2) .post-arrow {
top: 50%;
left: auto;
right: -10px;
margin-top: -10px;
background-position: 0 -11px;
}
}
@media screen and (max-width:767px) {
.desktops-section {
display: none;
}
.mobile-section {
display: block;
}
/* 多列 */
.column .col-2-1, .column .col-3-1, .column .col-4-1, .column .col-4-2, .column .col-5-1, .column .col-3-2, .column .col-4-3, .column .col-5-2, .column .col-5-3, .column .col-5-4 {
width: 100% !important;
margin-right: 0 !important;
}
.row2-svar .col-4-1, .row2-svar .col-5-1 {
width: 31.33333%;
margin-right: 3%;
}
.row2-svar .col-4-1:nth-of-type(4n+4), .row2-svar .col-5-1:nth-of-type(5n+5) {
margin-right: 3%;
}
.row2-svar .col-4-1:nth-of-type(4n+1), .row2-svar .col-5-1:nth-of-type(5n+1) {
clear: none;
}
.row2-svar .col-4-1:nth-of-type(3n+3), .row2-svar .col-5-1:nth-of-type(3n+3) {
margin-right: 0;
clear: none;
}
.row2-svar .col-4-1:nth-of-type(3n+1), .row2-svar .col-5-1:nth-of-type(3n+1) {
clear: both;
}
/* 图文展示 */
.table-responsive {
width: 100%;
padding-bottom: 1px;
margin-bottom: 5px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive table th, .table-responsive table td {
white-space: nowrap;
}
.btn-medium, .btn-small, .btn-large {
margin: 2px;
}
/* slideshow */
.slideshow {
height: 350px !important;
}
.slideshow img {
height: 350px !important;
}
.slideshow-min {
height: 250px !important;
}
.slideshow-min img {
height: 250px !important;
}
.slideshow .carousel-direction {
display: none;
}
.carousel-thumbs a {
border: none;
width: 12px;
height: 12px;
margin: 0 5px;
margin: 0 5px;
border-radius: 50%;
background-color: #ccc;
}
.carousel-thumbs a.selected {
background-color: #998b81;
}
.carousel-thumbs a img {
display: none;
}
/* Tab */
.tabs-default .tabs-nav li a {
padding: 0 15px;
line-height: 38px;
font-size: 14px;
}
.tabs-default .tabs-nav li a i {
display: none;
}
.tabs-center .tabs-nav li {
margin: 0 3px 5px;
}
.tab-round .tabs-nav li {
padding: 0 5px;
}
.tab-round .tabs-nav li a {
line-height: normal;
padding: 0 !important;
width: 90px;
height: 90px;
}
.tab-round .tabs-nav li a span {
margin: 0;
font-size: 13px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.tab-round .tabs-nav li a em {
display: none;
}
.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {
margin: 0;
}
.tab-round .tabs-nav li i.line-v {
height: 35px;
}
/* 多列图文*/
.portfolio-list .column .col-2-1, .link-list .column .col-2-1 {
width: 48.5% !important;
margin-right: 3% !important;
}
.portfolio-list .column .col-3-1 {
width: 31.3333% !important;
margin-right: 3% !important;
}
.portfolio-list .column .col-4-1 {
width: 22.75% !important;
margin-right: 3% !important;
}
.portfolio-list .column .col-5-1 {
width: 17.6% !important;
margin-right: 3% !important;
}
.portfolio-list .column .last, .link-list .column .last {
margin-right: 0 !important;
}
.portfolio-grid-4col .portfolio-grid-item {
width: 50%;
}
.portfolio-grid-3col .portfolio-grid-item {
width: 33.333%;
}
/* 文章与产品 */
.category-bg-img li a {
padding: 40px 0;
}
.category-bg-img .category-name {
font-size: 18px;
font-weight: bold;
}
.category-bg-img span {
font-size: 13px;
line-height: 30px;
}
.entry-set .entry-detail {
display: none;
}
.gallery-detail-title h1 {
font-size: 18px;
font-weight: bold;
}
/*竖排分类*/
.categoryNav-vertical-content ul li a {
font-size: 16px;
font-size: 1.6rem;
}
/* 文章 */
.article-list-row {}
.download-list-row .article-title {
max-width: 65%;
}
.entry-img img {
width: 140px !important;
height: auto !important;
}
.entry-thumbnail-list .entry-item img {
width: 90px !important;
height: auto !important;
}
.blog-list .entry-img img {
width: 100% !important;
}
.headlines-list .headlines-content-bg .entry-img img {
width: 100% !important;
}
.team-introduction .team-img, .content .team-introduction .team-img {
margin-right: 20px;
}
.team-introduction .team-img img, .content .team-introduction .team-img img {
width: 250px;
}
/* 产品 */
.product-filter dt {
width: 80px;
}
.product-filter dt {
margin-right: 10px;
}
.product-detail .product-name {
margin-bottom: 20px;
}
.product-detail .product-name h1 {
font-size: 16px;
}
.content .product-detail-zoom .product-intr .product-preview, .product-detail-zoom .product-intr .product-preview {
width: 50%;
}
.product-detail-zoom .zoom-section {
display: none;
}
.product-detail-zoom .gallery-img-product-detail {
display: block;
}
/* 链接 */
.link-line, .link-line-rtl, .link-line-center {
text-align: left;
}
.link-line a, .link-line-rtl a, .link-line-center a {
margin: 0 15px 0 0;
}
.link-bg-img li a {
padding: 40px 0;
}
.link-block li {
padding: 12px 0;
}
/* 容器 */
.module-full-screen-title {
margin-bottom: 20px;
}
.module-full-screen-title > .module-title-content > h2 {
margin: 0 15px;
font-size: 20px;
font-weight: bold;
}
.module-full-screen-title > h3 {
display: none;
}
.module-full-screen-title > .module-title-content > i {
width: 80px;
}
.module-full-screen-more a {
line-height: 34px;
}
.module-divider-full {
margin: 20px 0 -20px;
}
/* 分页 */
.pagination {
margin: 15px 0 10px;
}
.pagination a, .pagination span {
display: none;
}
.pagination a:hover, .pagination a:active {
background-color: #179C44;
color: #fff;
}
.pagination .page-prev, .pagination .page-next {
margin: 0 1%;
padding: 0;
display: inline-block;
width: 47%;
height: 38px;
line-height: 38px;
background-color: #666;
color: #fff;
}
.pagination .page-prev {
border-radius: 30px 0 0 30px;
}
.pagination .page-next {
border-radius: 0 30px 30px 0;
}
.pagination .disabled {
background-color: #f7fafa;
color: #ccc;
}
/* touch menu */
.top-main-content {
display: none;
}
.touch-top-wrapper .touch-logo img {
height: 50px;
}
.touch-toggle li {
height: 60px;
}
.touch-toggle li a {
height: 60px;
}
.touch-toggle li i {
width: 28px;
height: 28px;
margin-top: 20px;
line-height: 28px;
font-size: 28px;
}
.footer .qhd-content p, .footer .qhd-content p, .bottom .qhd-content p, .bottom .qhd-content p {
text-align: left !important;
}
/* 图文交叉排版 */
.post-text h2 {
font-weight: normal;
font-size: 16px;
}
.post-text-summary {
font-size: 12px;
}
.post-list .post-list-item {
width: 100%;
float: none;
margin-bottom: 15px;
}
.post-list-2col .post-img, .post-list-2col .post-text-box {
width: 100%;
}
.post-list-2col .post-img img {
height: auto !important;
}
.post-list-2col .post-text-box {
height: auto !important;
}
.post-list-2col .post-text-summary {
height: auto !important;
}
.post-list-2col .post-text {
padding: 20px;
}
.post-list-2col .post-list-item .post-arrow {
width: 19px;
height: 10px;
margin: 0;
right: auto;
top: -10px;
left: 50%;
margin-left: -10px;
background-position: 0 0;
}
.post-list-3col .post-img, .post-list-3col .post-text-box {
width: 50%;
float: left;
}
.post-list-3col .post-list-item .post-text {
padding: 20px;
}
.post-list-3col .post-list-item .post-arrow {
width: 10px;
height: 19px;
margin: 0;
left: -10px;
top: 50%;
margin-top: -10px;
background-position: 0 -42px;
}
.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {
float: right;
}
.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {
left: auto;
right: -10px;
background-position: 0 -11px;
}
.post-list-3col .post-list-item-spec .post-img {
top: auto !important;
}
.post-list-3col .post-list-item-spec .post-text-box {
top: auto !important;
}
}
@media screen and (max-width:640px) {
.module-title-border > .module-title-content h3 {
font-size: 18px;
}
.module-more-default a {
font-size: 16px;
}
/* slideshow */
.slideshow {
height: 300px !important;
}
.slideshow img {
height: 300px !important;
}
.slideshow-min {
height: 200px !important;
}
.slideshow-min img {
height: 200px !important;
}
.scrollable .carousel-direction a {
width: 40px;
height: 40px;
line-height: 40px;
}
/* Tab */
.tabs-left .tabs-nav {
width: 30%;
}
.tab-round .tabs-nav li a {
width: 70px;
height: 70px;
}
.tab-round .tabs-nav li i.line-v {
height: 30px;
}
/* 图文展示 */
.qhd-content .typo .typo_img, .qhd-content .typo .imgtoright {
width: auto !important;
float: none;
margin-right: 0;
margin-left: 0;
}
.qhd-content .typo > a {
display: block;
}
.qhd-content div, .qhd-content a, , .qhd-content h1, .qhd-content h2, .qhd-content h3, .qhd-content h4, .qhd-content h5, .qhd-content h6 {
text-align: center;
}
.qhd-content p {
text-align: justify
}
/* 多列图文*/
.portfolio-list .column .col-4-1, .link-list .column .col-4-1 {
width: 48.5% !important;
margin-right: 3% !important;
}
.portfolio-list .column .col-4-1:nth-child(2n), .link-list .column .col-4-1:nth-child(2n) {
margin-right: 0 !important;
}
.portfolio-list .column .col-5-1, .link-list .column .col-5-1 {
width: 100% !important;
margin-right: 0 !important;
}
.portfolio-grid-4col .portfolio-grid-item {
width: 50%;
}
.portfolio-grid-3col .portfolio-grid-item {
width: 50%;
}
.row2-svar .col-3-1, .row2-svar .col-4-1, .row2-svar .col-5-1 {
width: 48.5%;
margin-right: 3%;
}
.row2-svar .col-5-1:nth-of-type(5n+5) {
margin-right: 3%;
}
.row2-svar .col-5-1:nth-of-type(5n+1) {
clear: none;
}
.row2-svar .col-3-1:nth-of-type(3n+3), .row2-svar .col-4-1:nth-of-type(3n+3), .row2-svar .col-5-1:nth-of-type(3n+3) {
margin-right: 3%;
}
.row2-svar .col-3-1:nth-of-type(3n+1), .row2-svar .col-4-1:nth-of-type(3n+1), .row2-svar .col-5-1:nth-of-type(3n+1) {
clear: none;
}
.row2-svar .col-3-1:nth-of-type(2n+2), .row2-svar .col-4-1:nth-of-type(2n+2), .row2-svar .col-5-1:nth-of-type(2n+2) {
margin-right: 0;
}
.row2-svar .col-3-1:nth-of-type(2n+1), .row2-svar .col-4-1:nth-of-type(2n+1), .row2-svar .col-5-1:nth-of-type(2n+1) {
clear: both;
}
/* 文章 */
.headlines-list-2col .headlines-content {
width: 100%;
float: none;
display: block;
margin-right: 0;
padding-bottom: 10px;
margin-bottom: 20px;
}
.headlines-others .entry-set-time-hl .entry-item {
border-bottom: 1px dotted #ccc;
margin-bottom: 15px;
padding-bottom: 15px;
}
.headlines-others .entry-set-time-hl .entry-summary {
margin-bottom: -8px;
}
.team-cases-title {
margin: 25px 0 25px;
padding-top: 25px;
}
.team-introduction .team-img, .content .team-introduction .team-img {
margin-right: 0px;
}
.team-introduction .team-img img, .content .team-introduction .team-img img {
width: 200px;
}
.team-introduction .team-name {
font-size: 18px;
font-weight: bold;
}
.full-scrollable ul li {
margin: 0 5px;
}
.full-scrollable .scrollable-info .scrollable-summarty {
font-size: 13px;
}
/* 产品 */
.product-intr .product-preview {
width: auto;
float: none;
margin-right: 0;
display: block;
margin-bottom: 30px;
}
.content .product-detail-zoom .product-intr .product-preview, .product-detail-zoom .product-intr .product-preview {
width: 100%;
}
.gallery-zoom-img-wrap .icon-zoom {
display: none;
}
/* 链接 */
.link-icon li {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.link-icon li a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 80px;
height: 80px;
}
.link-icon li a span {
display: block;
margin-top: 26px;
font-size: 14px;
}
.link-icon li a.link-img img {
width: 24px;
margin: 15px 0 5px 0;
}
.link-icon li a.link-img span {
margin-top: 0;
}
/* 容器 */
.module-horizontal .module-title-horizontal {
float: none;
margin-right: 0;
}
.module-title-horizontal .module-title-content {
margin: 0 0 10px 0;
}
.module-horizontal > .modult-inner > .module-more-horizontal a {
margin-top: 12px;
}
.fixed-bottom {
display: block;
}
/*竖排分类*/
.categoryNav-vertical-content {
margin-top: 20px;
}
.categoryNav-vertical-content ul li a {
line-height: 40px;
}
/* 图文交叉排版 */
.post-text h2 {
margin-bottom: 15px;
}
.post-list .post-img, .post-list .post-text-box {
width: 100%;
}
.post-list .post-img img {
height: auto !important;
}
.post-list .post-text-box {
height: auto !important;
}
.post-list .post-text-summary {
height: auto !important;
}
.post-list .post-list-item .post-arrow {
width: 19px;
height: 10px;
margin: 0;
right: auto;
top: -10px;
left: 50%;
margin-left: -10px;
background-position: 0 0;
}
.post-list .post-list-item-spec .post-img {
top: auto !important;
}
.post-list .post-list-item-spec .post-text-box {
top: auto !important;
}
.post-list .post-list-item:nth-of-type(2n+2) .post-arrow {
width: 19px;
height: 10px;
margin: 0;
right: auto;
top: -10px;
left: 50%;
margin-left: -10px;
background-position: 0 0;
}
}
@media screen and (max-width:480px) {
/* 多列 */
.column .col-4-1 {
width: 100% !important;
margin-right: 0 !important;
}
/* slideshow */
.slideshow {
height: 250px !important;
}
.slideshow img {
height: 250px !important;
}
.slideshow-min {
height: 180px !important;
}
.slideshow-min img {
height: 180px !important;
}
.slideshow .carousel-direction {
display: none;
}
.carousel-thumbs a img {
width: 80px;
}
.scrollable-text {
height: auto;
}
.scrollable-text .carousel-direction {
display: none;
}
.carousel-btn-fixed {
bottom: 8px;
}
/* Tab */
.tabs-default .tabs-nav li a {
padding: 0 10px;
line-height: 34px;
font-size: 14px;
}
.tabs-center .tabs-nav li {
margin: 0 2px 5px;
}
.tab-round .tabs-nav li {
width: auto;
margin-bottom: 10px;
}
.tab-round .tabs-nav li a {
width: 78px;
height: 78px;
}
.tab-round .tabs-nav li i.line-v {
display: none;
}
/* 文章产品公用 */
.entry-list-mobile .entry-summary {
display: none;
}
.entry-list-mobile .entry-detail {
display: none;
}
.portfolio-typo-item .portfolio-typo-summary {
display: none;
}
/* 多列图文*/
.portfolio-list .column .col-2-1, .portfolio-list .column .col-3-1, .portfolio-list .column .col-4-1, .portfolio-list .column .col-5-1, .link-list .column .col-2-1, .link-list .column .col-3-1, .link-list .column .col-4-1, .link-list .column .col-5-1 {
width: 100% !important;
margin-right: 0 !important;
}
.portfolio-grid-item {
margin-bottom: 10px;
}
.portfolio-grid-text h3 {
font-size: 13px;
}
.portfolio-grid-4col .portfolio-grid-item, .portfolio-grid-3col .portfolio-grid-item {
width: 50%;
}
/* 图库 */
.pgwSlideshow .ps-current {
min-height: 200px;
}
/* 文章 */
.article-list-row li .article-time {
display: none;
}
.entry-img img {
width: 120px !important;
height: auto !important;
}
.blog-list .entry-img img {
width: 100% !important;
height: auto !important;
}
.headlines-list .headlines-content-bg .entry-img img {
width: 100% !important;
height: auto !important;
}
.entry-list-time-hl .entry-item {
padding-left: 80px;
}
.entry-list-time-hl .time {
width: 60px;
}
.entry-list-time-hl .time-day {
line-height: 40px;
font-size: 26px;
}
.entry-list-time-hl .time-date {
line-height: 20px;
font-size: 12px;
}
.team-introduction .typo .typo-img {
float: none;
margin: 0 0 20px;
}
.team-introduction .team-img img, .content .team-introduction .team-img img {
width: auto;
max-width: 100%;
}
.scrollable-text .article-time {
display: none;
}
/* touch-menu */
.touch-top-wrapper .touch-logo img {
height: 50px;
}
.touch-toggle li {
height: 50px;
padding: 0 10px;
}
.touch-toggle li a {
height: 50px;
}
.touch-toggle li i {
width: 30px;
height: 30px;
margin-top: 20px;
line-height: 30px;
font-size: 24px;
}
/* 容器 */
.module-full-screen-title > .module-title-content > i {
width: 40px;
}
.module-horizontal .module-title-horizontal {
float: none;
margin-right: 0;
}
.module-title-horizontal .module-title-content {
margin: 0 0 10px 0;
}
.module-horizontal > .modult-inner > .module-more-horizontal {
margin: 6px 0 0;
}
/*静态文件*/
.qhd-content .typo a {}
.qhd-content .typo a, .qhd-content .typo .typo_text {
text-align: center;
}
/*不规则*/
.izotope .grid-sizer, .izotope .izotope-item, .izotope .izotope-item-50 {
width: 100% !important;
}
.top2{margin-top:20px;}
}
@media screen and (max-width:360px) {
/* slideshow */
.slideshow-min {
height: 150px !important;
}
.slideshow-min img {
height: 150px !important;
}
.slideshow .carousel-direction {
display: none;
}
/*竖排分类*/
.categoryNav-vertical-content ul li a {
margin-bottom: 5px;
}
.categoryNav-vertical-content ul li {
margin: 0 0px;
display: block;
width: 100%;
}
.categoryNav-vertical-content ul li a {
display: block;
}
}
.sbg-warp {
position: relative;
width:100%;
}
.sbg-warp img {
width:100%;
}
.sbg-warp::after {
content:"";
display: block;
top:0;
right:0;
bottom: 0;
left:0;
z-index: 1;
position: absolute;
/*background: rgba(0,0,0,0.15);*/
}
.s-cnt {
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 24px;
width:70%;
line-height: 1.5;
z-index:2;
text-align: center;
font-family: "黑体", Courier, monospace;
}
.sbg-warp .smain-title {
color: #fff;
font-size: 60px;
margin-bottom: 15px;
font-family: "黑体", Courier, monospace;
}
.s_btn {
background: #000;
color: #fff;
width: 180px;
text-align: center;
line-height: 50px;
border-radius: 25px;
margin-top: 20px;
}
a.s_btn:hover {
color: #fff;
background: #3d3c3c;
}
.s_btn {
background: #000;
color: #fff;
width: 180px;
text-align: center;
line-height: 50px;
border-radius: 25px;
margin-top: 20px;
outline: none;
border: none;
}
a.s_btn:hover {
color: #fff;
background: #3d3c3c;
}
.s-crad-main {
width: 103%;
overflow-x: auto;
margin-left: -1.5%;
}
.s-crad-warp {
display: flex;
width: 100%;
}
.s-crad-warp .s-crad {
width: 22%;
margin: 0 1.5%;
height: 0;
padding-top: 29.3%;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.s-crad-item {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.s-crad-item img {
width: 100%;
height: 100%;
object-fit: fill;
}
.s-crad-item::after {
content: "";
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
box-shadow: 0 200px 100px -100px #fff0 inset;
opacity: 0.3;
z-index: 0;
transition: all 0.5sease 0s;
}
.s-crad-item:hover .link{
opacity: 1;
}
.s-crad-item .h3-bold-2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index:1;
/*opacity: 0;*/
}
.s-crad-item.s-crad-item3 .h3-bold-2 {
opacity: 0;
}
.s-crad-item3::after {
opacity: 0;
}
.s-crad-item3:hover::after {
opacity: 0.8;
}
.s-crad-item3:hover .h3-bold-2 {
opacity: 1;
}
.s-crad-item .link {
position: absolute;
width: 100%;
left:0;
display: flex;
justify-content: center;
/*bottom: 20px;*/
/*后端加*/
bottom: 30px;
padding-left: 20px;
padding-right: 20px;
opacity: 0;
z-index:1;
}
a.link--white:hover {
color: #fff;
}
.s-crad1-main {
width: 100%;
overflow-x: auto;
}
.s-crad1-warp {
display: flex;
width: 100%;
}
.s-crad1-warp .s-crad1 {
width: 32%;
margin-right: 2%;
height: 0;
padding-top: 32%;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.s-crad1-warp .s-crad1:nth-of-type(3n) {
margin-right: 0%;
}
.s-crad1-item {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.s-crad1-item img {
width: 100%;
height: 100%;
object-fit: fill;
}
.s-crad1-item::after {
content: "";
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
transition: all 0.4s ease;
background: rgb(0 0 0 / 0.7);
box-shadow: 0 200px 100px -100px #fff0 inset;
opacity: 0.3;
z-index: 0;
}
.s-crad1-item:hover::after {
display: none;
}
.s-crad1-item .s-crad1-cnt {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 50%;
z-index:1;
width: 90%;
left:5%;
text-align: center;
font-family: "黑体";
}
.s-crad1-item .s-crad1-cnt h2{
font-size:2.8125rem;
}
.s-crad1-item .s-crad1-cnt .s-2p {
font-size: 1.5625rem;
line-height: 1.12;
margin-top: 1.5rem;
}
.s-crad1-item:hover .s-2p {
display: none;
}
@media screen and (max-width:767px) {
.s-cnt {
font-size: 14px;
width:85%;
}
.sbg-warp .smain-title {
font-size: 24px;
}
.font18{font-size: 1em !important}
.font16{font-size: 0.9em !important}
.s_btn {
background: #000;
color: #fff;
width: 160px;
text-align: center;
line-height: 40px;
border-radius: 20px;
margin-top: 15px;
font-size: 1em;
}
.s-crad-warp {
width: 410%;
}
.s-crad-main::-webkit-scrollbar {
height: 0;
}
.s-crad1-warp {
width: 300%;
}
.s-crad1-main::-webkit-scrollbar {
height: 0;
}
.s-crad1-warp .s-crad1 {
margin: 0 1%;
}
.s-crad1-warp .s-crad1:nth-of-type(3n) {
margin-right: 1%;
}
.s-crad1-item .s-crad1-cnt h2{
font-size:1.5rem;
}
.s-crad1-item .s-crad1-cnt .s-2p {
font-size:1rem;
line-height: 1.25;
margin-top: 1rem;
}
}