/* 关于我们 */

#wBanner {
    overflow: hidden;
    position: relative;
	margin-top:1rem;
	z-index: 100;
}
#wBanner .img {
    position: relative;
    height:3.6rem;
}
.bg_cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#wBanner .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    display: flex;
    align-items: center;
}
.container-fulid {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
	width: 100%;
}
#wBanner .box .breadcrumb {
    padding-bottom:0.2rem;
}
.breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}
#wBanner .box .breadcrumb .breadcrumb-item {
    color: #fff;
	font-size:0.24rem;
	font-weight:bold;
}
#wBanner .box .text {
    font-size: 0.32rem;
	line-height:1.6;
}
.switch {
    width: 100%;
    height: 0.9rem;
    position: relative;
    z-index: 10;
}
.switch .show-view {
    width: 100%;
    height: 0.89rem;
    position: relative;
    background-color: #fff;
	padding:0 0.3rem;
    z-index: 400;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.switch .show-view p{
    color: #333;
    font-size: .30rem;
	font-weight:bold;
}
.switch .show-view .btn{
	position: relative;
	font-size:0.26rem;
	color:#333;
	font-weight:bold;
	padding-right:0.4rem;
}
.switch .show-view .btn:after {
    content: '';
    position: absolute;
    top: 0.08rem;
    right: 0;
    height: 0.20rem;
    width: 0.35rem;
    background: url(../img/topicon.png) no-repeat center;
    background-size:cover;
    transform: rotate(180deg);
	transition: all 400ms;
}
.switch.show .show-view .btn:after {
    transform: rotate(0);
}

.switch .link-list {
    position: absolute;
    width: 100%;
    height: auto;
    background: linear-gradient(to bottom, #0068b1, #008bd7);
    transition: transform 300ms;
    transform: translateY(-100%);
}
.switch .link-list .link {
    display: block;
    width: 100%;
    color: #fff;
    font-size: .26rem;
    padding:0.2rem 0.3rem;
	font-weight:bold;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.switch.show .link-list {
    transform: translateY(0%);
}


.huibj{
	background:#f0f0f2;
	overflow:hidden;
}
.hTitle {
    font-size:0.32rem;
    font-weight:bold;
    position: relative;
	margin-top:0.8rem;
}
.chanpin{
	margin-top:0.3rem;
}

.chanpin .row li{
	width:100%;
	margin-bottom:0.3rem;
    background-color: #ffffff;
}
.chanpin .row li .box {
    display: block;
}
.chanpin .row li .box .img {
    height:3.0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/modelsBg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	overflow: hidden;
}
.chanpin .row li .box .img img{
	max-height: 100%;
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), 
	-webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}
.chanpin .row li .box:hover .img img {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.chanpin .row li .box .con {
    padding: 0 0.3rem;
}
.chanpin .row li .box .con .title {
    height:0.9rem;
	line-height:0.9rem;
    font-size:0.30rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color:#333;
	font-weight:bold;
}
.chanpin .row li .box:hover .title{
	color:#da2228;
}
.chanpin .row li .box .con .text {
	font-size:0.24rem;
	color:#333;
}
.chanpin .row li .box .con .text .text_li {
    display: flex;
    width: 100%;
	height:0.68rem;
	line-height:0.68rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-position: left center;
    background-repeat: no-repeat;
	padding-left:0.3rem;
}
.chanpin .row li .box .con .text .text_li:nth-child(1) {
    background-image: url(../img/icon01.png);
    background-size:0.2rem auto;
}
.chanpin .row li .box .con .text .text_li .sou {
    flex: 1;
    text-align: right;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 0.5rem;
}
.chanpin .row li .box .con .text .text_li:nth-child(2) {
    background-image: url(../img/icon02.png);
    background-size: 0.2rem auto;
}
.chanpin .row li .box .con .text .text_li:last-child {
    border-bottom: none;
}

.webTop {
    cursor: pointer;
    font-size: 0.22rem;
    text-align: center;
	padding:0.2rem 0;
}
.webTop .img {
    width: 0.15rem;
    margin: 0 auto 0.1rem;
}
.webTop .img img {
    transform: rotate(-90deg);
	width:100%;
}