/**
 * PgwMenu - Version 1.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */


/*css reset*/


/*css #main_con*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
form,
input,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font-family: '微软雅黑';
}

img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

img {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

dl,
dd {
    margin: 0;
}

.pic1 {
    background: url(../../images/banner/banner_conglintaozhuang.jpg)no-repeat;
    background-size: 100%;
}

.pic2 {
    background: url(../../images/banner/banner_babi.jpg) no-repeat;
    background-size: 100%;
}

.pic3 {
    background: url(../../images/banner/banner_taili.jpg) no-repeat;
    background-size: 100%;
}

.pic4 {
    background: url(../../images/banner/banner_friendkace.jpg)no-repeat;
    background-size: 100%;
}

.pic5 {
    background: url(../../images/banner/banner_anxinyong.jpg) no-repeat;
    background-size: 100%;
}

.pic6 {
    background: url(../../images/banner/banner_baowenbei.jpg)no-repeat;
    background-size: 100%;
}

.pic7 {
    background: url(../../images/banner/banner_jichangchuxing.jpg)no-repeat;
    background-size: 100%;
}

.swiper-button-prev .swiper-button-next {
    top: 14%;
    height: 10px;
}

.main_con .swiper-slide {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.swiper-slide img {
    width: 100%;
}

html {
    background-color: #f2f6f9;
}

.main_con {
    width: 100%;
    max-width: 960px;
    _width: expression((documentElement.clientWidth >960) ? "960px": "auto");
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    background-color: #f2f6f9;
}

.main_inf {
    width: 100%;
    margin: .2rem auto 0;
    overflow: hidden;
}


/* 悬浮按钮 */

.main_con .shouye {
    position: fixed;
    top: 85%;
    left: 68%;
    z-index: 999;
}

.main_con .shouye img {
    width: 1.2rem;
}


/* 导航 */

.wrapper03 {
    position: relative;
    height: .96rem !important;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.wrapper03 .scroller {
    width: 100% !important;
    position: absolute;
    background-color: #fff;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.wrapper03 .scroller li {
    width: 1.8rem;
    height: .96rem;
    color: #999;
    float: left;
    font-size: .24rem;
    line-height: .96rem;
    text-align: center;
    background-color: #fff;
}

.main_inf .nav li.active {
    font-size: .28rem;
    color: #4d7adf;
    font-weight: 800;
    position: relative;
}

.main_inf .nav li.active::after {
    content: '';
    width: 30px;
    height: 3px;
    background-color: #4d7adf;
    position: absolute;
    bottom: .15rem;
    left: 50%;
    transform: translateX(-50%);
}


/* 信息 */

.info ol {
    width: 100%;
    background-color: #fff;
    padding: 0.1rem 0;
}


/* 热卖 */

.info ol>li {
    display: none;
    box-sizing: border-box;
    padding: 0 3%;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.info ol>li:first-of-type {
    display: block;
}

.info ol a {
    display: inline-block;
    width: 48%;
    background-color: #fff;
    border-radius: .12rem;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    -khtml-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    margin-bottom: .3rem;
}

.info ol a:nth-child(odd) {
    float: left;
}

.info ol a:nth-child(even) {
    float: right;
}

.info ol a img {
    display: block;
    width: 100%;
}

.info ol a span {
    display: block;
    font-size: .24rem;
    line-height: .36rem;
    color: #333;
    padding: 0.1rem 0.2rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info ol a p {
    display: block;
    font-size: .2rem;
    line-height: .32rem;
    color: #666;
    padding: 0rem 0.2rem 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 产品图片 */

.info .kazuzhi_tu {
    width: 94%;
    margin: 0 auto;
    padding: 0;
}

.info .kazuzhi_tu li {
    width: 100%;
    margin: 0 auto .2rem;
}

.info .kazuzhi_tu li:last-of-type {
    margin-bottom: 0;
}


/*   更改  */

.info .kazuzhi_tu li img {
    width: 100%;
    border-radius: .12rem;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
    -khtml-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
}


/*   更改  */


/* 卡组织 */

.kazuzhi {
    width: 100%;
    margin: .2rem auto 0;
    background-color: #fff;
    overflow: hidden;
}

.kazuzhi .text {
    width: 94%;
    margin: 0 auto;
    padding-top: 0.2rem;
}

.kazuzhi h1 {
    font-size: .32rem;
    text-align: left;
    line-height: 0.36rem;
    padding-left: 0.15rem;
    color: #111;
    position: relative;
}

.kazuzhi h1::after {
    content: '';
    width: 2px;
    height: 0.32rem;
    background-color: #4d7adf;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.kazuzhi h1 img {
    display: inline;
    width: 0.52rem;
    vertical-align: middle;
    margin-right: .2rem;
}

.kazuzhi ul {
    width: 100%;
}

.kazuzhi ul li {
    width: 25%;
    float: left;
    padding: .2rem;
    box-sizing: border-box;
}

.kazuzhi ul li:nth-of-type(1) img {
    width: 100%;
}

.kazuzhi ul li:nth-of-type(2) img {
    width: 100%;
}

.kazuzhi ul li:nth-of-type(3) img {
    width: 100%;
}

.kazuzhi ul li:nth-of-type(4) img {
    width: 100%;
}