/**
* author: WU
* 2015.7.15
**/
#content-div {
    width: 1000px;
	overflow:hidden;
    margin: 0 auto 30px auto;
}
.title-bar {
    width: 1000px;
    height: 45px;
    line-height: 35px;
    margin: 0 auto 10px auto;
    border-bottom: 1px solid #efefef;
}
.title-bar span:first-child {
    font-size: 24px;
    color: #109c92;
}
.title-bar .last-span {
    font-size: 14px;
    float: right;
    line-height: 35px;
}
.main-menu {
    width: 750px;
    border: 1px solid #ccc;
    padding: 20px 0;
    float: right;
}
.main-menu .goods {
    width: 212px;
    height: 270px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 0 0 15px 10px;
    padding: 10px;
    display: inline-block;
}
.main-menu .goods:hover {
    border-color: #08bf9f;
}
.photo {
    width: 210px;
    height: 210px;
    margin: 0 auto;
    overflow: hidden;
}
.photo a {
    display: block;
}
.photo img {
    width: 100%;
    transition: 1s;
}
.photo a:hover img {
    transform: scale(1.2);
}
.goods-info {
    font-size: 14px;
    width: 217px;
    margin: 8px auto;
}
.goods-info span a{
    font-size: 14px;
    color: #949494;
    display: inline-block;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    width: 110px;
}
.goods-info span:last-child {
    float: right;
}
.fun-div a {
    color: #666;
}
.fun-div div {
    width: 48%;
    height:15px;
    border-left: 1px solid #ccc;
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}
.fun-div a:first-child div {
    border: none;
}
.page-div {
    width: 720px;
    height: 50px;
    border-top: 1px solid #ccc;
    margin: 10px auto 0 auto;
    padding: 8px 0;
}
.page-div span {
    line-height: 45px;
}
.page-div .page {
    float: right;
}
.page-div .page a div {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    display: inline-block;
}
.page-div .page a:hover {
    color: #21d1b8;
}
.page-div .page a div:hover, .o-active {
    color: #fff;
    background-color: #21d1b8;
    border: 1px solid #21d1b8 !important;
}
.page-div .page a span {
    margin: 0 10px;
    padding: 5px;
}
.class-div {
    width: 225px;
    border: 1px solid #efefef;
    margin-bottom: 20px;
}
.title-bar-s {
    font-size: 18px;
    text-align: center;
    color: #109c92;
    margin: 0 auto;
    border-top: 3px solid #00bd9c;
    padding: 10px 0;
    background: #ecf0f1;
}
.side-menu {
    font-size: 14px;
}
.side-menu ul li {
	text-align:center;
    line-height: 30px;
    padding: 0 15px;
}
.side-menu .side-menu-child li {
    width: 170px;
    padding-left: 40px;
    margin-left: -15px;
}
.side-menu-child li.active {
    background: #f6f6f6;
}
.side-menu-child li.active a {
    color: #109c92;
}
.contact-div {
    width: 225px;
    height: 250px;
    color: #fff;
    background: url("../images/contact-bg.png") no-repeat;
}
.contact-div .header-icon {
    font-size: 24px;
    line-height: 70px;
    padding: 10px;
}
.contact-div .header-icon .icon {
    float: left;
    display: inline;
    width: 70px;
    height: 68px;
    margin-right: 10px;
    background: url("../images/icon.png") no-repeat -235px -210px;
}
.contact-div .info-div {
    font-size: 14px;
    line-height: 30px;
    padding-left: 15px;
}
.contact-div .api-div {
    width: 125px;
    margin: 15px auto;
    /*padding: 8px 15px;*/
}
.contact-div .api-div a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 10px;
    background: url("../images/icon.png") no-repeat;
}
.contact-div .api-div .qq-icon {
    background-position: -80px 0px;
}
.contact-div .api-div .ali-icon {
    background-position: -40px 0px;
}