.pt {
    margin-top: 96px;
}

.bn {
    position: relative;
    height: 455px;
	background-size:cover
}

.bn .txt {
	letter-spacing:5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    font-weight: bold;
    transform: translate(-50%,-50%);
}

.mian {
    display: flex;
    height: 100%;
}

.mian .left,
.mian .right {
    padding-top: 67px;
}


.mian .left {
    width: 100%;
    max-width: 545px;
    margin-right: 86px;
    background-color: #efefef;
}

.mian .left .nav {
    width: 285px;
    margin-left: auto;
    margin-right: 0;
}

.mian .left .nav .li {
    position: relative;
    display: block;
    margin-bottom: 28px;
    padding-left: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #4d4d4d;
}

.mian .left .nav .first {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 24px;
    font-size: 20px;
    font-weight: bold;
    color: #373737;
    transition: all .4s;
    border-bottom: 1px solid #dbdbdb;
}

.mian .left .nav .li.active,
.mian .left .nav .li:hover {
    color: #a2062b;
    transition: all .4s;
}

.mian .left .nav .li.active::before,
.mian .left .nav .li:hover::before {
    content:"";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 50%;
    left: 10px;
    border-radius: 50px;
    background-color: #a2062b;
    transform: translateY(-50%);
}

.mian .right {
    width: 100%;
    max-width: 1030px;
}

.mian .right .head {
    margin-bottom: 70px;
    font-size: 35px;
    font-weight: bold;
    color: #373737;
}

.mian .right .ul {
    padding-bottom: 130px;
}


.mian .right .ul .li {
    float: left;
    width: 33%;
    max-width: 333px;
    margin-bottom: 60px;
}

.mian .right .ul .li:not(:nth-child(3n)) {
    margin-right: 14px;
}

.mian .right .ul .li .putImg {
    overflow: hidden;
}

.mian .right .ul .li img {
    transition: all .55s;
}

.mian .right .ul .li .name {
	font-weight:bold;
    display:-webkit-box;
    margin-top: 15px;
    font-size: 16px;
    color: #373737;
    -webkit-line-clamp:2;
    overflow:hidden;
    -webkit-box-orient:vertical;
    min-height: 19px;
}

.mian .right .ul .li .type {
    margin-top: 15px;
    font-size: 14px;
    color: #929292;
}

.mian .right .ul .li:hover .putImg img {
    transform: scale(1.2);
}

.product_view {
    padding-top: 70px;
}

.product_view .top {
    display: flex;
    justify-content: space-between;
}

.product_view .top .left {
    max-width: 748px;
    width: 100%;
}

.product_view .top .left .proImg {
    max-width: 100%;
    margin-bottom: 45px;
}

.product_view .top .left .shareLink {
    display: flex;
    max-width: 300px;
    height: 40px;
    margin: 0 auto;
    justify-content: space-between;
}

.product_view .top .left .shareLink .item {
    width: 40px;
    height: 40px;
    background-image: url(../img/nav.png);
    background-repeat: no-repeat;
}

.product_view .top .left .shareLink .item1 {
    background-position: 0 0;
}

.product_view .top .left .shareLink .item2 {
    background-position: -63px 0;
}

.product_view .top .left .shareLink .item3 {
    background-position: -124px 0;
}

.product_view .top .left .shareLink .item4 {
    background-position: -188px 2px;
}

.product_view .top .left .shareLink .item6 {
    background-position: -313px 2px;
}
.product_view .top .left .shareLink .item5 {
    background-position: -250px 0;
	position:relative;
}

.product_view .top .left .shareLink .item7 {
    background-position: -383px 2px;
}

.product_view .top .left .shareLink .item5:hover img{ display:block}

.product_view .top .left .shareLink .item5 img{ display:none; position:absolute;top: -100px;left: -25px;    max-width: none;
    z-index: 9;}


.product_view .top .left .aForm {
    width: 100%;
    height: 410px;
    margin-top: 55px;
    padding: 45px;
    padding-top: 40px;
    padding-left: 30px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #f4f4f4;
}

.product_view .top .left .aForm input {
    height: 38px;
    outline: none;
    border: 0;
}

.product_view .top .left .aForm .title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.product_view .top .left .aForm .item {
    margin-bottom: 12px;
    padding-left: 16px;
    border-radius: 3px;
    background-color: white;
    box-sizing: border-box;
}

.product_view .top .left .aForm .item::placeholder {
    font-size: 16px;
    color: #8e8e8e;
}

.product_view .top .left .aForm textarea {
    width: 100%;
    height: 90px;
    margin-bottom: 20px!important;
    resize: none;
    border: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    outline: none;
	font-weight:bold;
   font-family:family, "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体,Arial, sans-serif;
}

.product_view .top .left .aForm .longIp {
    display: inline-block;
    width: 100%;
}

.product_view .top .left .aForm .shortIp {
    display: inline-block;
    width: 50%;
    max-width: 328px;
}

.product_view .top .left .aForm .shortIp.l {
    margin-right: 12px;
}

.product_view .top .left .aForm .btn {
    display: block;
    width: 135px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    font-size: 16px;
    background-color: #a2072c;
    border-radius: 20px;
    border: 0;
}

.product_view .top .right {
    max-width: 568px;
    width: 100%;
}

/* .product_view .top .right .detial {
    width: 450px;
} */

.product_view .top .right .detial .headTitle .bTitle {
    font-size: 30px;
    font-weight: bold;
    color: #373737;
}

.product_view .top .right .detial .headTitle .stag {
    margin-top: 15px;
    font-size: 16px;
    color: #8e8e8e;
}

.product_view .top .right .detial2 {
    margin-top: 45px;
}

.product_view .top .right  .midTitle {
    margin-bottom: 20px;
	text-transform:uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #373737;
}

.product_view .top .right  .detial2 .txt {
	line-height:20px;
    font-size: 14px;
    color: #979797;
}

table,table tr th, table tr td { border:1px solid #373737; }
table { width: 100%;  text-align: left; border-collapse: collapse; }

.product_view .top .right table {
    margin-top: 40px;
}

.product_view .top .right table td {
    height: 43px;
    line-height: 43px;
    padding-left: 22px;
    box-sizing: border-box;
    font-size: 15px;
    color: #979797;
}

.maybeLike .right_btn{ bottom:0;}


@media (max-width:1024px){
.bn{ height:auto; padding:20% 0; text-align:center;}	
.bn .txt{ position:static;transform: translate(0);}	
.mian{ display:block; overflow:hidden;}
.mian .left{ width:100%; overflow:hidden; padding:5% 15px;max-width:inherit}
.mian .left .nav{ margin:0; width:100%;}
.mian .left .nav .li{ float:left; margin:1% 0;}
.mian .right{ padding-left:15px; padding-right:15px; padding-top:10%;}
.mian .right .head{ margin-bottom:10%;}
.mian .right .ul .li{ width:31.33%;}
.mian .right .ul .li:not(:nth-child(3n)){ margin-right:1.5%;}
.mian .right .ul{ padding-bottom:15%;}
.product_view .top{ display:block;}
.product_view .top .left,.product_view .top .right{ max-width:inherit}
.product_view .top .right{ margin:5% 0;}
.maybeLike{ margin:10% 0 15% 0;}
.product_view .top .left .aForm .shortIp{ max-width:451px;}
}

@media (max-width:768px){
.bn .txt{ font-size:40px;}
.mian .right .head{ font-size:30px;}
.product_view .top .left .aForm .shortIp{ max-width:323px;}
}

@media (max-width:640px){
.product_view .top .left .aForm .shortIp{ width:100%; max-width:inherit}
.product_view .top .left .aForm{ height:auto;}
}

@media (max-width:480px){
.mian .right .head{ font-size:22px;}
.bn .txt{ font-size:26px;}
.mian .left{ padding-top:10%; padding-bottom:10%;}
.bn{ margin-top:80px;}
.mian .right .ul .li .name{ font-size:15px;}
.mian .right .ul .li{ margin-bottom:10%;width:45%; margin-right:1.75% !important}
.maybeLike .right_btn{ bottom:-8px;}
.maybeLike .head{ font-size:22px;}
.product_view .top .left .aForm .title{ font-size:14px;}
.product_view .top .right .detial .headTitle .bTitle{ font-size:24px;}
}