/**
* author: WU
* 2015.7.13
**/

.title-div {
    position: relative;
    font-size: 24px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
}
.title-div img {
    margin: 0 10px -8px 0; /* 与文字对齐 */
}
/* 热销产品 */
.hot-product {
    padding-bottom: 50px;
    background: url("../images/hotsale-bg.png") center;
}
.hot-product .title-div {
    width: 210px;
    margin-bottom: 35px;
}
.hot-product .title-div span {
    height: 50px;
    line-height: 50px;
}
.hot-product .title-div .icon-basket {
    width: 72px;
    height: 60px;
    background: url("../images/icon.png") no-repeat -240px 0;
}
.goods-div {
    /* 清除 inline-block 元素间的缝隙 */
    /*font-size:0;*/
    /*word-spacing: 0px;*/
    /* 清除 inline-block 元素间的缝隙 */
    overflow: hidden; /* 清除子元素的浮动 */
}
.goods-div .left-part {
    display: inline-block;
    width: 480px;
    height: 355px;
    margin: 0 8px;
}
.goods-div .left-part .goods-pic {
    width: 355px;
    height: 355px;
	background:#fff;
    overflow: hidden;
}
.goods-div .left-part .goods-pic a {
    height:355px;
    display: block;
}
.goods-div .left-part .goods-pic a img {
    width:100%;
    transition: 1s;
}
.goods-div .left-part .goods-pic a:hover img {
    transform: scale(1.2);
}
.goods-div .left-part .goods-info {
    font-size: 18px;
    width: 125px;
    height: 315px;
    padding: 20px 0;
    background-color: #24a7a6;
    color: #fff000;
    line-height: 30px;
    text-align: center;
}
.goods-div .left-part .goods-info p {
    height: 150px;
    overflow: hidden;
    color: #fff;
}
.goods-div .left-part .goods-info a {
    display: block;
    width: 85px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}.goods-div .left-part .goods-info a:hover {
    color: #fff000;
}
.goods-div .left-part .goods-info .ask {
    border-bottom: 1px solid #ccc;
}
.goods-div .left-part .goods-info .count {
    font-size: 12px;
    line-height: 80px;
    color: #fff;
}
.classify {
    font-size: 14px;
    margin: 30px auto;
    text-align: center;
}
.classify p {
    font-size: 30px;
    width: 202px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    color: #666;
}
.classify p span {
    float: left;
    display: inline;
}
.classify p .text {
    width: 148px;
	line-height: 48px;
	border:0px;
}
.classify .classify-button {
    margin-left: -25px;
}
.classify .classify-icon {
    width: 52px;
    height: 50px;
    background: url("../images/icon.png") no-repeat -245px -75px;
}
.classify .classify-button a {
    display: inline-block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 15px 0 10px 19px;
    overflow: hidden;
    transition: 0s;
}
.classify .classify-button a:hover {
    border: 1px solid transparent;
    color: #fff;
    background: url("../images/button-bg.png") center;
}
/* 热销产品 */

/* 多元功能入口 */
.api-div {
    margin: 30px 0;
    color: #666666;
}
.api-div .title-text {
    font-size: 24px;
    width: 235px;
    margin: 0 auto 10px auto;
    color: #1abc9c;
}
.api-div .title-text .icon {
    width: 160px;
    height: 65px;
    background: url("../images/icon.png") no-repeat 2px -735px;
}
.api-div .title-text .text {
    line-height: 60px;
	border: 0px;
}
.api-btn {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 110px;
    line-height: 30px;
    margin-right: 46px;
    text-align: center;
    background: url("../images/icon.png") no-repeat;
}
.api-btn a {
    display: block;
    height: 110px;
}
.api-btn p {
    font-size: 14px;
    width: 130px;
    margin-left: -15px;
}
.mobile-btn {
    background-position: 2px -40px;
}
.e-mail-btn {
    background-position: 2px -163px;
}
.data-btn {
    background-position: 2px -287px;
}
.zan-btn {
    background-position: 2px -408px;
}
.place-btn {
    background-position: 2px -531px;
}
.qq-btn {
    background-position: -115px -40px;
}
.ali-btn {
    background-position: -115px -163px;
}
.contact-info {
    font-size: 14px;
    line-height: 35px;
    padding: 0 50px;
    margin-top: 50px;
    background: #f8f8f8;
}
.contact-info>span {
    margin: 0 50px;
}
.contact-info>span:first-child {
    margin-left: 100px;
}
/* 多元功能入口 */

/* 最新供应 */
.new-product {
    padding: 10px 0 30px 0;
}
.new-product .title-bar {
    font-size: 30px;
    width: 202px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    color: #666;
}
.new-product .title-bar span {
    float: left;
    display: inline;
}
.new-product .title-bar .text {
	line-height:48px;
	border:0px;
    width: 148px;
	
}
.new-product .title-bar .new-product-icon {
    width: 52px;
    height: 50px;
    background: url("../images/icon.png") no-repeat -245px -143px;
}
.new-product .lunbo-div {
    font-size: 14px;
}
.new-product .lunbo-div .menu {
    float: left;
    display: inline;
    width: 155px;
}
.new-product .lunbo-div .menu a {
    display: block;
    width: 155px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: #eeeeee;
    transition: 0.5s;
}
.new-product .lunbo-div .menu div {
    width: 120px;
    height: 69px;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}
.new-product .lunbo-div .menu a:hover, .menu-active {
    color: #fff !important;
    background-color: #30b2e6 !important;
}
.new-product .lunbo-div .menu div:hover, .menu-border-active {
    border-color: #30b2e6 !important;
}
.new-product .lunbo-div .show-product {
    width: 845px;
    height: 350px;
    position: absolute;
    right: 0;
    display: none;
}
.new-product .lunbo-div .show-product .goods {
    width: 385px;
    height: 265px;
    border: 1px solid #ccc;
    margin: 40px 5px 40px 20px;
    display: inline-block;
}
.new-product .lunbo-div .show-product .goods .goods-info {
    float: left;
    display: inline;
    width: 120px;
    height: 265px;
    background-color: #3e3e3e;
    color: #FC8530;
    line-height: 45px;
    text-align: center;
}
.new-product .lunbo-div .show-product .goods .goods-info p:first-child {
    color: #fff;
    margin-top: 20px;
}
.new-product .lunbo-div .show-product .goods .goods-info a {
    display: block;
    width: 85px;
    height: 30px;
    line-height: 30px;
    margin: 15px auto;
}
.new-product .lunbo-div .show-product .goods .goods-info a.first {
    margin-top: 30px;
}
/* 最新供应 */

/* 顶部轮播 */
.banner {
    position: relative;
    height: 450px;
    background: #eee;
}
.banner .front {
    position: absolute;
    width: 100%;
    height: 415px;
    top: 0px;
}
.front .title {
    width: 325px;
    height: 85px;
    margin: 160px auto;
    text-align: center;
}
.front .title p {
    font-size: 45px;
    color: #fff;
    line-height: 45px;
}
.sliderBox {
    min-width: 1000px;
}
.slider li {
    height: 450px;
    min-width: 1000px;
}
.slider li a {
    height: 450px;
}
.control {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 9;
}
.control li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #fff;
    height: 14px;
    line-height: 14px;
    width: 14px;
    text-align: center;
    background: #fff;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
    font-family: "arial";
    text-indent: -9999em;
}
.control li.current,
.control li:hover {
    background: #30B2E6;
}
.sliderSwitch span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -37px;
    display: block;
    width: 54px;
    height: 74px;
    z-index: 9;
    cursor: pointer;
    background: url("../images/slider-icon.png") no-repeat;
}
.sliderSwitch .preview {
    margin-left: -500px;
}
.sliderSwitch .next {
    margin-left: 446px;
    background-position: -54px 0;
}
/* 顶部轮播 */
/* 公司相册 */
.support_list {
    position: relative;
    margin-top: 15px; }
.support_list .swiper-container {
    width: 890px;
    height: 345px;
    margin: 0 auto; }
.support_list .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
.support_list .swiper-slide .slide-item {
    background: #f9f9f9;
}
.support_list .swiper-slide .slide-item:hover {
}
.support_list .swiper-slide .pro_photo {
    display: table-cell;
    width: 210px;
    overflow: hidden;
	vertical-align:middle;
	height: 210px;
}
.support_list .swiper-slide img {
    width: 100%;
    transition: 1s;
}
.support_list .swiper-slide .pro_photo:hover img {
    transform: scale(1.2);
	vertical-align:middle;

}
.support_list .swiper-slide p {
    padding: 15px 10px;
    color: #666;
}
.support_list .swiper-slide .ask, .support_list .swiper-slide .buy {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #008c8e;
    border: 1px solid #42d9ce;
    margin-bottom: 10px;
}.support_list .swiper-slide .ask:hover, .support_list .swiper-slide .buy:hover {
    color: #fff;
    background: url("../images/button-bg.png") 0px center;
} 
.support_list .swiper-slide .pro_title {
    font-size: 16px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background: #f7f7f7; }
.support_list .swiper-slide .pro_title a {
    display: block;
    color: #000;
}
.support_list .swiper-btn-next, .support_list .swiper-btn-prev {
    background: url("../images/swiper-icon.png") no-repeat;
}
.support_list .swiper-btn-next {
    background-position: 2px -652px;
    position: absolute;
    top: 50%;
    right: 0;
    width: 45px;
    height: 50px;
    margin-top: -20px;
    cursor: pointer; }
.support_list .swiper-btn-prev {
    background-position: 5px -417px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 45px;
    height: 50px;
    margin-top: -20px;
    cursor: pointer; }
/* 公司相册 */