@charset "utf-8";
@import url(../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css);
@import url(../common/styles.min.css);
@import url(../common/swiper.min.css);
@import url(../common/modal.min.css);

.pageProds .section-prod15 .swiper-slide {
    margin-right: 20px;
}

.pageProds .section-prod15 .swiper-slide:last-child {
    margin-right: 0;
}

.pageProds .section-prod15 .swiper-slide .new {
	color: red;
}

.pageProds .section-prod6 div.guide-list:nth-child(n+4) {
	margin: 26px 0;
}

.pageProds .section h4 {
    text-align: center;
    font-size: 22px
}

.pageProds .section-nav .nav-tabs > li {
    margin: 0 19px
}

.pageProds .section-prod6 {
    background: #f4f7ff;
    padding-bottom: 30px
}

.pageProds .section-prod6 h4 {
    padding-bottom: 50px
}

.pageProds .section-prod6 .media {
    padding: 0
}

.pageProds .section-prod6 .container .row {
    margin: 0 -25px
}

.pageProds .section-prod6 .col {
    margin-bottom: 40px;
    padding: 0 25px
}

.pageProds .section-prod6 .media .media-heading {
    margin-bottom: 10px;
    font-size: 16px
}

.pageProds .section-prod6 .media:hover {
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 rgba(0, 0, 0, .1)
}

.pageProds .section-prod1 {
    margin-bottom: 50px
}

.pageProds .section-prod1 .tit strong {
    font-size: 16px;
    font-weight: 600
}

.pageProds .section-prod1 .cont p {
    color: #666;
    font-size: 14px;
    height: 70px
}

.pageProds .section-prod1 .cont p em {
    color: #e50012;
    font-weight: 600
}

.pageProds .section-prod1 .col:hover .col-wrap {
    border: 1px solid #5868d0 !important
}

.pageProds .section-prod1 .col:hover .tit {
    background: #5868d0 url(../../images/website/basic/tit-bg.jpg)
}

.pageProds .section-prod1 .bot {
    height: 40px;
    line-height: 40px
}

.pageProds .section-prod4 {
    background: #f4f7ff
}

.pageProds .section-prod4 .col-wrap {
    border: none
}

.pageProds .section-prod4 .col-wrap p {
    height: 62px
}

.pageProds .section-prod4 .col {
    padding: 0 10px
}

.pageProds .section-prod4 .col-wrap:hover {
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 rgba(0, 0, 0, .1)
}

.pageProds .section-prod13, .pageProds .section-tabs {
    background: #f4f7ff
}

.pageProds .section-prod13 .col2 li .img01 {
    background: url(../../images/website/basic/img01.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li:hover .img01 {
    background: url(../../images/website/basic/img01_h.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li .img02 {
    background: url(../../images/website/basic/img02.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li:hover .img02 {
    background: url(../../images/website/basic/img02_h.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li .img03 {
    background: url(../../images/website/basic/img03.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li:hover .img03 {
    background: url(../../images/website/basic/img03_h.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li .img04 {
    background: url(../../images/website/basic/img04.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li:hover .img04 {
    background: url(../../images/website/basic/img04_h.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li .img05 {
    background: url(../../images/website/basic/img05_h.png) no-repeat 50% 50%
}

.pageProds .section-prod13 .col2 li:hover .img05 {
    background: url(../../images/website/basic/img05_h.png) no-repeat 50% 50%
}

.pageProds .section-prod8 {
    background: #f4f7ff;
    padding-bottom: 50px
}

.section-guide {
    padding-bottom: 50px
}

.section-guide h4 {
    margin-bottom: 50px
}

.section-guide .col {
    width: 120px;
    text-align: center
}

.section-guide .col .img {
    width: 41px;
    height: 41px;
    line-height: 41px;
    border-radius: 100%;
    display: inline-block;
    background: #d9d9d9;
    color: #fff;
    font-size: 24px;
    font-style: italic;
    margin: 0 auto 12px
}

.section-guide .col .text {
    color: #666
}

.section-guide .col2 {
    width: 90px;
    text-align: center
}

.section-guide .col2 .col-wrap {
    color: #d9d9d9;
    padding-top: 10px
}

.section-guide .col-wrap p {
    line-height: 20px
}

.section-guide a:hover {
    color: #333
}

.section-prod4 .row .col-md-2 {
    width: 19.666667%
}

.pageProds .sections-nav {
    width: 1200px;
    margin: 0 auto 40px;
    position: relative
}

.pageProds #navbar .table .table-col {
    color: #3075cf;
    margin: 10px 0 0;
    display: inline-block
}

.pageProds .table tr {
    width: 100%
}

.pageProds .section-prod3 table th {
    height: 74px;
    border: 1px solid #e8e8e8;
    background-color: #fcfcfc;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 21px;
    position: relative
}

.pageProds .section-prod3 table th.title1:hover:after, .pageProds .section-prod3 table th.title2:hover:after, .pageProds .section-prod3 table th.title3:hover:after {
    content: "";
    position: absolute;
    width: 263px;
    height: 1265px;
    left: 0;
    top: 0;
    border: 1px solid #494949 !important
}

.pageProds .section-prod3 table th.title1:hover, .pageProds .section-prod3 table th.title2:hover, .pageProds .section-prod3 table th.title3:hover {
    border: 1px solid #494949 !important;
    background: #494949;
    color: #ccc
}

.pageProds .section-prod3 table th.title1:hover span, .pageProds .section-prod3 table th.title2:hover span, .pageProds .section-prod3 table th.title3:hover span {
    color: #fff
}

.pageProds .table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e8e8e8;
    text-align: center
}

.pageProds .section-prod3 table th span {
    color: #000;
    font-size: 16px
}

.pageProds .table th.col1 {
    background-color: #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.pageProds .table td {
    width: 180px;
    line-height: 18px;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    color: #666;
    font-weight: 400
}

.pageProds .section-prod3 table a.vir_buy {
    height: 28px;
    line-height: 29px;
    width: 82px
}

.pageProds .table td span {
    color: #999
}

.pageProds .table td.col1 {
    width: 100px;
    background-color: #f8f8f8;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 0 10px
}

.pageProds .table td.col2, .pageProds .table td.col3 {
    width: 170px
}

.pageProds .section1 .container1 .row {
    margin: 0
}

.pageProds .section1 .container1 .col-wrap {
    padding-top: 30px
}

.popup-dialog h3 {margin-top:17px;}
.popup-diy-loading {margin-top:-6px;}

.footer-kefu .wx .code{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}