.fixed-banner
{
overflow: hidden;
text-align: center;
height: 340px;
background: url(/static/index/zm001/images/zi_banner.jpg) no-repeat center top;
background-size: cover;
}
@media screen and (max-width: 765px)
{
.fixed-banner
{
height: 155px;
background: url(/static/index/zm001/images/zi_banner1.jpg) no-repeat center top;
background-size: 100%;
}
}
.fixed-banner h3
{
margin: 10% 0 15px!important;
font-size: 42px;
color: #fff;
line-height: 1;
}
.fixed-banner p
{
font-size: 16px;
color: #fff;
line-height: 30px;
}
@media screen and (max-width: 765px)
{
.fixed-banner h3
{
font-size: 32px;
}
.fixed-banner p
{
font-size: 14px;
}
}
.fixed-banner p i
{
display: inline-block;
}
.fixed-banner p a
{
color: #fff;
padding: 0 10px;
}
.common-inner
{
background: #fff;
}
.common-inner .inner-left .pro-sider
{
float: none;
}
.common-inner .inner-right
{
background: #fff;
height: auto;
padding: 30px 0;
}
@media screen and (max-width: 765px)
{
.common-inner .inner-right
{
width: 93%;
margin: 20px 15px 0;
padding: 0;
}
}
.common-inner .inner-right .rig-title
{
font-size: 18px;
color: #0058b1;
font-weight: bold;
height: 54px;
line-height: 60px;
overflow: hidden;
border-bottom: 1px solid #ededed;
}
.common-inner .inner-right .rig-title .crumbs
{
overflow: hidden;
margin-top: 6px;
float: right;
padding-left: 25px;
height: 48px;
line-height: 54px;
background: url(/static/index/zm001/images/home.png) no-repeat left center;
color: #b2b2b2;
font-size: 13px;
font-weight: normal;
max-width: 400px;
white-space: nowrap;
text-overflow: ellipsis;
}
.common-inner .inner-right .rig-title .crumbs a
{
color: #b2b2b2;
}
.common-inner .inner-right .rig-title .crumbs a:hover
{
color: #039b45;
text-decoration: underline;
}
.common-inner .inner-right .search-result
{
height: 50px;
line-height: 50px;
background: #f5f5f5;
margin: 12px 0 25px;
padding: 0 17px;
font-size: 14px;
color: #595959;
}
.common-inner .inner-right .search-result span
{
color: #0058b1;
font-weight: bold;
}
.common-inner .inner-right .search-result .search-record
{
float: right;
}
.common-inner .inner-right .de-about-content
{
padding: 30px 0 0;
}
.common-inner .inner-right .de-about-content img
{
margin: 0 auto;
max-width: 100%;
}
.de-news-list
{
min-height: 644px;
padding: 0;
}
.de-news-list ul li
{
padding: 2% 0;
transition: .5s;
position: relative;
border-bottom: 1px solid rgba(0,0,0,.1);
cursor: pointer;
}
.de-news-list ul li:before
{
position: absolute;
left: -20%;
top: 0;
width: 0;
height: 100%;
background: #f8f8f8;
content: '';
transition: .5s;
}
.de-news-list ul li .img
{
height: 0;
float: left;
padding-bottom: 10%;
position: relative;
overflow: hidden;
}
.de-news-list ul li .img img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
transition: .3s;
}
.de-news-list ul li .time
{
color: #c3002f;
font-size: 26px;
font-family: Bahnschrift;
text-align: center;
}
.de-news-list ul li .box h4
{
color: #333;
overflow: hidden;
margin: 0;
font-size: 22px;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: normal!important;
}
.de-news-list ul li .box p
{
color: #999;
line-height: 28px;
height: auto;
overflow: hidden;
padding: 2% 0!important;
}
.de-news-list ul li .box .more
{
color: #c3002f;
}
.de-news-list ul li .chakan
{
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: 0;
height: 100%;
background: rgba(195,0,47,.8);
text-align: center;
color: #fff;
padding-top: 6%;
transition: .3s;
}
.de-news-list ul li .chakan i
{
font-size: 20px;
}
.de-news-list ul li:hover img
{
transform: scale(1.1);
}
.de-news-list ul li:hover:before
{
width: 140%;
}
.de-news-list ul li:hover .chakan
{
width: 13%;
}
@media screen and (max-width: 1440px)
{
.de-news-list ul li .time
{
font-size: 24px;
}
}
@media screen and (max-width: 1200px)
{
.de-news-list ul li .time
{
font-size: 22px;
}
}
@media screen and (max-width: 1000px)
{
.de-news-list ul li .time
{
font-size: 17px;
}
.de-news-list ul li .box h4
{
font-size: 16px;
}
.de-news-list ul li .box p, .de-news-list ul li .box .more
{
font-size: 12px;
line-height: 20px;
}
}
@media screen and (max-width: 991px)
{
.de-news-list ul li .time
{
font-size: 14px;
}
}
@media screen and (max-width: 768px)
{
.de-news-list ul li .img
{
padding-bottom: 70%;
}
.de-news-list ul li .time
{
text-align: left;
line-height: 50px;
}
.de-news-list ul li .chakan
{
display: none;
}
}
.news-detail-title
{
padding-bottom: 15px;
text-align: center;
margin-bottom: 15px;
}
.news-detail-title .h3
{
font-size: 24px;
color: #323232;
height: auto;
line-height: 30px;
padding: 2% 0;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #efefef;
}
@media screen and (max-width: 768px)
{
.news-detail-title .h3
{
font-size: 16px;
height: 35px;
}
}
.news-detail-title .b
{
font-size: 13px;
color: #999;
text-align: left;
line-height: 20px;
margin-top: 3%;
}
.news-detail-title .b i
{
display: inline-block;
padding-right: 10px;
}
.news-detail-title p
{
text-align: left;
font-size: 1rem;
}
.news-detail-title p a
{
color: #ccc;
}
#xwtj
{
font-size: 1.8rem;
}
#xgxw
{
padding-top: 3%;
}
#xgxw li
{
height: 4rem;
line-height: 4rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: .3s;
}
#xgxw li a
{
color: #999;
}
#xgxw li:hover
{
background: #d10009;
padding-left: 2%;
}
#xgxw li:hover a
{
color: #fff;
}
.news-detail-content
{
background: #fff;
padding: 30px!important;
border-radius: 5px;
}
.news-detail-content .news-detail
{
line-height: 3rem;
padding: 0 0 30px;
color: #666;
}
.news-detail-content .news-detail p
{
font-size: 15px;
color: #666;
}
.news-detail-content .news-detail .img
{
text-align: center;
padding-bottom: 3%;
}
.news-detail-content .news-detail img
{
max-width: 100%;
margin: 0 auto;
}
.newsPage
{
padding: 2%;
font-size: 14px;
border-top: 1px solid #efefef;
color: #999;
line-height: 35px;
margin: 15px 0 30px;
}
.newsPage a
{
color: #999;
}
.newsPage a:hover
{
color: #c3002f;
}
.common-inner .inner-right .de-honor-list
{
overflow: hidden;
margin: 0 auto;
margin-top: 24px;
padding-top: 6px;
min-height: 556px;
}
.common-inner .inner-right .de-honor-list ul
{
margin: 0 -5px;
}
.common-inner .inner-right .de-honor-list ul li
{
float: left;
margin: 0 10px 30px;
overflow: hidden;
width: 270px;
background: #f6f6f6;
}
.common-inner .inner-right .de-honor-list ul li a
{
display: block;
}
.common-inner .inner-right .de-honor-list ul li .img
{
width: 270px;
height: 200px;
text-align: center;
line-height: 200px;
font-size: 0;
overflow: hidden;
}
.common-inner .inner-right .de-honor-list ul li .img img
{
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
transition: all .5s;
}
.common-inner .inner-right .de-honor-list ul li .title
{
text-align: center;
height: 48px;
padding: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 48px;
font-size: 14px;
color: #595959;
}
.common-inner .inner-right .de-honor-list ul li:hover
{
box-shadow: 0 0 4px 2px rgba(104,104,104,.1);
}
.common-inner .inner-right .de-honor-list ul li:hover .img img
{
transform: scale(1.1);
}
.de-job-list
{
overflow: hidden;
padding-bottom: 19px;
min-height: 645px;
padding: 5px 5px;
}
.de-job-list ul li
{
overflow: hidden;
padding: 0 55px 0 25px;
height: 128px;
border-bottom: 1px solid #ededed;
}
.de-job-list ul li .job-title
{
float: left;
width: 260px;
margin-right: 10px;
padding-top: 38px;
}
.de-job-list ul li .job-title h3
{
font-weight: bold;
font-size: 18px;
color: #333;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 15px;
}
.de-job-list ul li .job-title p
{
font-size: 16px;
color: #039b45;
line-height: 20px;
font-weight: bold;
}
.de-job-list ul li .job-title p em
{
font-weight: normal;
font-size: 12px;
}
.de-job-list ul li .job-info
{
float: left;
width: 200px;
padding-top: 38px;
}
.de-job-list ul li .job-info p
{
font-size: 13px;
color: #b2b2b2;
line-height: 20px;
margin-bottom: 15px;
}
.de-job-list ul li .job-info p span
{
color: #737373;
}
.de-job-list ul li .job-btn
{
display: none;
float: right;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 14px;
color: #fff;
background: #039b45;
margin-top: 50px;
}
.de-job-list ul li:hover
{
box-shadow: 0 0 4px 2px rgba(104,104,104,.1);
}
.de-job-list ul li:hover .job-btn
{
display: block;
}
.jobs-info
{
padding: 40px 10px 30px;
margin-bottom: 28px;
border-bottom: 1px dashed #ededed;
}
.jobs-info .h3
{
overflow: hidden;
margin-bottom: 15px;
}
.jobs-info .h3 .job-name
{
float: left;
font-weight: bold;
font-size: 20px;
color: #333;
width: 450px;
}
.jobs-info .h3 .job-price
{
float: right;
font-weight: bold;
font-size: 24px;
color: #039b45;
line-height: 1.1;
max-width: 360px;
}
.jobs-info .h3 .job-price em
{
font-weight: normal;
font-size: 16px;
}
.jobs-info .p
{
font-size: 13px;
color: #999;
line-height: 20px;
margin-bottom: 10px;
}
.jobs-info .p span
{
color: #595959;
}
.jobs-info .btn
{
padding-top: 10px;
overflow: hidden;
}
.jobs-info .btn a
{
display: block;
width: 230px;
height: 44px;
text-align: center;
line-height: 44px;
color: #fff;
background: #039b45;
font-size: 14px;
}
.jobs-info .btn a:hover
{
background: #0058b1;
}
.jobs-info-content
{
padding: 0 20px;
overflow: hidden;
}
.jobs-info-content h3
{
font-size: 18px;
color: #333;
font-weight: bold;
line-height: 1.1;
margin-bottom: 10px;
}
.jobs-info-content p
{
font-size: 14px;
color: #333;
line-height: 24px;
}
.apply-job
{
overflow: hidden;
margin-top: 20px;
}
.apply-job .job-tr
{
overflow: hidden;
}
.apply-job .job-tr .tr-over
{
overflow: hidden;
}
.apply-job .job-tr .error
{
padding-left: 75px;
height: 18px;
line-height: 18px;
font-size: 12px;
color: #f00;
}
.apply-job .job-tr .tr-title
{
float: left;
width: 50px;
min-height: 20px;
text-align: right;
font-size: 14px;
color: #808080;
margin-right: 25px;
line-height: 40px;
}
.apply-job .job-tr .tr-cont
{
float: left;
width: 640px;
}
.apply-job .job-tr .tr-cont h3
{
font-size: 14px;
color: #4c4c4c;
line-height: 40px;
font-weight: bold;
}
.apply-job .job-tr .tr-cont input[type=text]
{
line-height: 38px;
font-size: 14px;
color: #333;
display: block;
padding: 0 10px;
width: 618px;
height: 38px;
border: 1px solid #e6e6e6;
}
.apply-job .job-tr .tr-cont input[name='captcha']
{
font-size: 14px;
line-height: 38px;
color: #333;
width: 190px;
float: left;
margin-right: 30px;
}
.apply-job .job-tr .tr-cont .verify
{
cursor: pointer;
float: left;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 0;
}
.apply-job .job-tr .tr-cont .verify img
{
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.apply-job .job-tr .tr-cont textarea
{
font-size: 14px;
color: #333;
display: block;
height: 170px;
line-height: 20px;
padding: 5px 10px;
width: 618px;
border: 1px solid #e6e6e6;
}
.apply-job .job-tr .tr-cont.radio-cont
{
line-height: 40px;
}
.apply-job .job-tr .tr-cont.radio-cont input[type=radio]
{
margin-right: 10px;
}
.apply-job .job-tr .tr-cont.radio-cont label
{
margin-right: 30px;
color: #4c4c4c;
line-height: 40px;
font-weight: bold;
}
.apply-job .job-tr .tr-cont a.submit
{
display: block;
width: 190px;
height: 40px;
line-height: 40px;
text-align: center;
background: #039b45;
color: #fff;
font-size: 15px;
}
.apply-job .job-tr .tr-cont a.submit:hover
{
background: #0058b1;
}
.de-message
{
overflow: hidden;
padding: 0 5px;
}
.de-message .tips
{
font-size: 13px;
line-height: 55px;
color: #737373;
}
.mes-form
{
margin: 0 auto;
overflow: hidden;
margin-top: 3%;
padding: 0;
}
.mes-form .form-tr
{
overflow: hidden;
}
.mes-form .form-tr input
{
display: block;
width: 100%;
padding: 0 2%;
height: 4rem;
line-height: 4rem;
border: 1px solid #e7e7e7;
border-radius: 3px;
}
.mes-form .form-tr textarea
{
display: block;
width: 100%;
padding: 5px 10px;
height: 130px;
border: 1px solid #e7e7e7;
border-radius: 3px;
}
.mes-form .form-tr .code
{
overflow: hidden;
}
.mes-form .form-tr .code input
{
width: 40%;
float: left;
}
.mes-form .form-tr .code .verify
{
cursor: pointer;
float: left;
margin-left: 25px;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 0;
}
.mes-form .form-tr .code .verify img
{
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.mes-form .form-tr .submit
{
margin-top: 15px;
display: block;
width: 190px;
height: 40px;
text-align: center;
line-height: 40px;
background: #356bef;
color: #fff;
font-size: 15px;
}
.mes-form .form-tr .submit:hover
{
background: #0058b1;
}
.mes-form .form-tr .submit2
{
margin-top: 15px;
display: block;
width: 190px;
float: right;
height: 40px;
text-align: center;
line-height: 40px;
background: #c3002f;
color: #fff;
font-size: 15px;
transition: .3s;
}
.mes-form .form-tr .submit2:hover
{
background: #333;
}
.mes-form .form-tr .error
{
height: 1rem;
line-height: 1rem;
font-size: 12px;
color: #f00;
padding: 0 5px;
}
.de-contact
{
overflow: hidden;
}
.de-contact .contact-list
{
background: #fff;
padding: 0;
overflow: hidden;
}
.de-contact .contact-list .pic
{
text-align: center;
}
.de-contact .contact-list .pic img
{
max-width: 100%;
}
.de-contact .contact-list ul li
{
min-height: 40px;
padding-left: 50px;
float: left;
font-size: 14px;
color: #595959;
line-height: 20px;
padding-top: 8px;
margin-bottom: 14px;
word-wrap: break-word;
}
.de-contact .contact-list ul li span
{
display: block;
float: left;
color: #999;
}
.de-contact .contact-list ul li.icon-01
{
background: url(/static/index/zm001/images/contact-icon-01.png) no-repeat left top;
}
.de-contact .contact-list ul li.icon-02
{
background: url(/static/index/zm001/images/contact-icon-02.png) no-repeat left top;
}
.de-contact .contact-list ul li.icon-03
{
background: url(/static/index/zm001/images/contact-icon-03.png) no-repeat left top;
}
.de-contact .contact-list ul li.icon-04
{
background: url(/static/index/zm001/images/contact-icon-04.png) no-repeat left top;
}
.de-contact .contact-list ul li.icon-05
{
background: url(/static/index/zm001/images/contact-icon-05.png) no-repeat left top;
}
.de-contact .contact-list ul li.icon-06
{
background: url(/static/index/zm001/images/contact-icon-06.png) no-repeat left top;
}
.de-contact .contact-map
{
overflow: hidden;
}
.de-contact .contact-map #dituContent
{
width: 98%;
height: 475px;
margin: 30px auto;
border: 5px solid #efefef;
border-radius: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,.3);
}
.inner-contact
{
border-top: 2px solid #e6eaf2;
background: #f6f7f9;
padding: 10% 5%;
}
.inner-contact .more
{
background: #c3002f;
border: 1px solid #c3002f;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
border-radius: 30px;
width: 80%;
margin: 0 auto;
transition: .3s;
}
.inner-contact .more:hover
{
background: #ff6101;
color: #fff;
border: 1px solid #ff6101;
}
.inner-contact .tel
{
width: 80%;
margin: 5% auto 0;
}
.inner-contact .tel p
{
color: #aaadb5;
}
.inner-contact .tel span
{
color: #c3002f;
font-size: 30px;
font-weight: bold;
}
@media screen and (max-width: 1400px)
{
.inner-contact .tel span
{
font-size: 22px;
}
}
.inner-contact .title
{
padding: 7% 15% 5%;
overflow: hidden;
border-bottom: 1px solid #f4f4f4;
}
.inner-contact .title i
{
color: #000;
font-size: 36px;
float: left;
margin: 5px 10px 0 0;
}
.inner-contact .title h3
{
font-size: 14px;
color: #333;
margin-bottom: 5px;
}
.inner-contact .title em
{
font-size: 22px;
color: #c3002f;
}
.inner-contact .contact-box
{
background: #fff;
color: #666;
padding: 8%;
}
.inner-contact .contact-box .contact-item
{
overflow: hidden;
padding-left: 60px;
font-size: 14px;
color: #595959;
line-height: 20px;
margin-bottom: 10px;
word-wrap: break-word;
}
.inner-contact .contact-box .contact-item .act
{
float: left;
width: 60px;
margin-left: -60px;
color: #808080;
}
.prodect-Info
{
overflow: hidden;
}
.prodect-Info .info-crumbs
{
overflow: hidden;
height: 54px;
line-height: 58px;
font-size: 14px;
color: #999;
padding-left: 28px;
background: url(/static/index/zm001/images/home-icon.png) no-repeat 5px center;
}
.prodect-Info .info-crumbs a
{
color: #595959;
}
.prodect-Info .info-crumbs a:hover
{
color: #039b45;
text-decoration: underline;
}
.prodect-Info .info-main
{
overflow: hidden;
padding: 4% 3%;
}
@media screen and (max-width: 765px)
{
.prodect-Info .info-main
{
padding: 25px 0;
}
}
.prodect-Info .info-main .info-preview
{
background: #fff;
float: left;
}
.prodect-Info .info-main .info-main-rig
{
overflow: hidden;
float: right;
}
.prodect-Info .info-main .info-main-rig .title
{
font-size: 30px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
font-weight: bold;
}
@media screen and (max-width: 765px)
{
.prodect-Info .info-main .info-main-rig .title
{
font-size: 20px;
margin-top: 20px;
}
}
.prodect-Info .info-main .info-main-rig dl
{
padding: 3% 0 5%;
margin: 0;
border-top: 1px solid #d4d4d4;
margin-top: 3%;
}
.prodect-Info .info-main .info-main-rig dl dt
{
height: 30px;
line-height: 30px;
padding: 0 5% 0 4%;
font-weight: normal;
float: left;
color: #666;
transition: .3s;
cursor: pointer;
position: relative;
white-space: nowrap;
}
.prodect-Info .info-main .info-main-rig dl dt:before
{
position: absolute;
right: 0;
top: 25%;
content: '';
width: 1px;
height: 50%;
background: #ccc;
}
.prodect-Info .info-main .info-main-rig dl dt i
{
float: left;
color: #c3002f;
font-size: 25px;
padding-right: 2%;
}
.prodect-Info .info-main .info-main-rig dl dt:last-of-type:before
{
display: none;
}
.prodect-Info .info-main .info-main-rig .content
{
background: #fff;
color: #666;
}
.prodect-Info .info-main .info-main-rig .content table td
{
border-top: none;
border-bottom: 1px dashed #dcdcdc;
}
.prodect-Info .info-main .info-main-rig .content table td i
{
float: left;
color: #ea531f;
padding-right: 2%;
font-size: 10px;
}
.prodect-Info .info-main .info-main-rig .content table tr td:nth-of-type(1)
{
width: 25%;
}
.prodect-Info .info-main .info-main-rig .font
{
padding: 4% 2% 2%;
color: #999;
font-size: 16px;
line-height: 30px;
}
.prodect-Info .info-main .info-main-rig .cpys li
{
width: 33%;
float: left;
text-align: center;
position: relative;
cursor: pointer;
}
.prodect-Info .info-main .info-main-rig .cpys li:before
{
position: absolute;
right: 0;
top: 20%;
width: 1px;
height: 60%;
background: #d7dde1;
content: '';
}
.prodect-Info .info-main .info-main-rig .cpys li .pic
{
width: 42px;
height: 42px;
text-align: center;
line-height: 42px;
display: inline-block;
transition: .3s;
}
.prodect-Info .info-main .info-main-rig .cpys li i
{
color: #004da2;
font-size: 35px;
}
.prodect-Info .info-main .info-main-rig .cpys li p
{
color: #333;
font-size: 16px;
padding: 5% 0 0;
}
.prodect-Info .info-main .info-main-rig .cpys li span
{
color: #666;
font-size: 18px;
font-weight: bold;
}
.prodect-Info .info-main .info-main-rig .cpys li:last-of-type:before
{
display: none;
}
.prodect-Info .info-main .info-main-rig .cpys li:hover i
{
color: #c40e25;
}
.prodect-Info .info-main .info-main-rig .cpys li:hover span
{
color: #c40e25;
}
@media screen and (max-width: 765px)
{
.prodect-Info .info-main .info-main-rig .content table tr td
{
font-size: 12px;
}
.prodect-Info .info-main .info-main-rig dl dt
{
width: 45%;
}
.prodect-Info .info-main .info-main-rig .cpys li p
{
font-size: 12px;
}
.prodect-Info .info-main .info-main-rig .cpys li span
{
font-size: 16px;
}
}
.prodect-Info .info-main .info-main-rig .price
{
height: 65px;
background: #f6f6f6;
line-height: 65px;
padding: 0 20px;
color: #ff8111;
font-size: 22px;
font-weight: bold;
margin-bottom: 25px;
}
.prodect-Info .info-main .info-main-rig .price span
{
font-size: 14px;
color: #808080;
font-weight: normal;
margin-right: 25px;
}
.prodect-Info .info-main .info-main-rig .de-list
{
overflow: hidden;
padding: 0 20px;
min-height: 150px;
max-height: 223px;
}
.prodect-Info .info-main .info-main-rig .de-list .list-item
{
overflow: hidden;
padding-left: 60px;
font-size: 14px;
color: #333;
line-height: 20px;
word-wrap: break-word;
margin-bottom: 10px;
}
.prodect-Info .info-main .info-main-rig .de-list .list-item .item-title
{
width: 60px;
float: left;
margin-left: -60px;
color: #808080;
}
.prodect-Info .info-main .info-main-rig .order-btn
{
overflow: hidden;
padding: 0;
}
.prodect-Info .info-main .info-main-rig .order-btn
{
display: block;
height: 45px;
line-height: 45px;
border-radius: 3px;
text-align: center;
background: #c3002f;
color: #fff;
font-size: 14px;
margin-top: 2%;
transition: .3s;
}
.prodect-Info .info-main .info-main-rig .order-btn i
{
display: inline-block;
font-size: 20px;
padding-right: 10px;
}
.prodect-Info .info-main .info-main-rig .order-btn a
{
color: #fff!important;
}
.prodect-Info .info-main .info-main-rig .order-btn:hover
{
background: #333;
}
.prodect-Info .info-center
{
overflow: hidden;
}
.prodect-Info .info-center .infoCenter-left
{
padding-right: 0;
}
.prodect-Info .info-center .infoCenter-left .pro-sider
{
float: none;
}
.infoCenter-right
{
background: #fff;
padding: 2%;
margin-bottom: 2%;
height: auto;
}
.prodect-Info .info-center .infoCenter-right .content
{
padding: 5%;
font-size: 16px;
}
.infoCenter-right .center-title
{
font-size: 20px;
color: #333;
line-height: 60px;
margin-bottom: 20px;
position: relative;
height: 59px;
padding-left: 15px;
border-bottom: 1px solid #ededed;
}
.infoCenter-right .center-title:before
{
position: absolute;
left: 0;
top: 35%;
width: 3px;
height: 35%;
background: #c3002f;
content: '';
}
.infoCenter-right .center-title span
{
text-transform: uppercase;
color: #ddd;
font-size: 16px;
font-weight: bold;
padding-left: 10px;
}
.prodect-Info .info-center .infoCenter-right .center-content
{
overflow: hidden;
margin: 3% 0 5%;
line-height: 30px;
padding: 2% 2% 3%;
color: #666;
background: #f4f4f4;
}
.prodect-Info .info-center .infoCenter-right .center-content img
{
width: 100%;
}
.prodect-Info .info-center .infoCenter-right .center-content table
{
max-width: 100%;
}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab
{
font-family: '微软雅黑';
width: 100%;
border-collapse: collapse;
table-layout: fixed;
margin-bottom: 20px;
}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr th
{
width: 50%;
text-align: center;
font-size: 15px;
color: #262626;
background: #f6f6f6;
border: 1px solid #e6e6e6;
line-height: 48px;
font-weight: bold;
}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr td
{
line-height: 45px;
color: #595959;
font-size: 15px;
text-align: center;
border: 1px solid #e6e6e6;
}
#MagnifierWrap2
{
position: relative;
width: 100%;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 15px rgba(204,204,204,.3);
}
.MagnifierMain
{
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.MagnifierMain img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
}
.MagnifierDrag
{
position: absolute;
top: 0;
left: 0;
background-color: #ccc;
opacity: .4;
filter: alpha(opacity=40);
cursor: move;
}
.MagnifierPop
{
position: absolute;
top: 0;
overflow: hidden;
background: #fff;
}
.MagnifierImg
{
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.spec-items
{
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin: 5% auto;
}
@media screen and (max-width: 765px)
{
.spec-items
{
width: 100%;
}
.prodect-Info .info-center .infoCenter-right .content
{
font-size: 14px;
}
}
.spec-items ul
{
width: 100%;
}
.spec-items ul div
{
padding: 0 1%;
}
.spec-items ul *
{
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.spec-items li
{
width: 100%;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
float: left;
cursor: pointer;
border: 2px solid #c3002f;
}
.spec-items li img
{
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
position: absolute;
text-align: center;
}
.spec-items li.on
{
border: 2px solid #8fc320;
}
.spec-items li img
{
display: inline-block;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
span.spe_leftBtn, span.spe_rightBtn
{
position: absolute;
bottom: 0;
display: block;
width: 20px;
height: 69px;
line-height: 69px;
text-align: center;
font-size: 21px;
font-weight: bold;
color: #ddd;
cursor: default;
background-color: #f9f9f9;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
span.on
{
background-color: #f9f9f9;
color: #0058b1;
cursor: pointer;
}
span.spe_leftBtn
{
left: 0;
background: url(/static/index/zm001/images/p-detail-left.png) no-repeat center;
}
span.spe_leftBtn.on
{
background: url(/static/index/zm001/images/p-detail-left-active.png) no-repeat center;
}
span.spe_rightBtn
{
right: 0;
background: url(/static/index/zm001/images/p-detail-right.png) no-repeat center;
}
span.spe_rightBtn.on
{
background: url(/static/index/zm001/images/p-detail-right-active.png) no-repeat center;
}
.de-page-mian
{
overflow: hidden;
text-align: center;
font-size: 0;
margin: 3% 0 0;
}
.de-page-mian .page-inner
{
display: inline-block;
overflow: hidden;
}
.de-page-mian .page-inner a
{
display: block;
float: left;
min-width: 26px;
padding: 0 5px;
height: 36px;
border: 1px solid #ddd;
background: #fff;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin-right: -1px;
overflow: hidden;
}
.de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover
{
color: #fff!important;
border-color: #212325;
background: #212325;
}
.de-page-mian .page-inner a.prev
{
margin-right: 10px;
background: #fff url(../image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on
{
background: #fff url(../image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover
{
background-color: #fff;
border-color: #ddd;
}
.de-page-mian .page-inner a.next
{
margin-left: 10px;
margin-right: 15px;
background: #fff url(../image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on
{
background: #fff url(../image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover
{
background-color: #fff;
border-color: #ddd;
}
.de-page-mian .page-inner a.page-btn
{
font-size: 12px;
margin-right: 0;
width: 63px;
margin-left: 10px;
}
.de-page-mian .page-inner span
{
display: block;
font-size: 12px;
color: #333;
float: left;
line-height: 38px;
}
.de-page-mian .page-inner input
{
display: block;
float: left;
height: 36px;
width: 36px;
border: 1px solid #ddd;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin: 0 5px;
}
@media screen and (max-width: 765px)
{
.de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn
{
display: none;
}
}