.product_content{height: 1000px;width: 100%;}
.product_content .product_img{height: 200px;width: 100%;display: block;}
.tp .tp1{display: block;width: 100%;height: 100%;}
.tp .tp2{display: none;width: 100%;height: 100%;}
.tp .tp3{display: none;width: 100%;height: 100%;}

.full_img{position: fixed;top: 0;z-index: 999;width: 100%;height: 100%;background-color: #666666;background-repeat: no-repeat;background-position: center;background-size: 60% 30%;display: none;}
.full_img .div_left{float: left;width: 44px;height: 100%;}
.full_img .left{height: calc(50% - 22px);cursor: pointer;}
.full_img .div_right{float: right;width: 44px;height: 100%;}
.full_img .right{height: calc(50% - 22px);cursor: pointer;}
.full_img .close{height: calc(50% - 22px);cursor: pointer;}
/* 所有元素也可以通过对父元素设置 text-align：center；的方式来实现居中。 */

.tp .tp11_content{display: none;width: 100%;height: 100%;}
.tp .tp12_content{display: none;width: 100%;height: 100%;}
.tp .tp13_content{display: none;width: 100%;height: 100%;}
.tp .tp14_content{display: none;width: 100%;height: 100%;}
.tp .tp15_content{display: none;width: 100%;height: 100%;}
.tp .tp16_content{display: none;width: 100%;height: 100%;}

.tp .tp21_content {float: left;width: 30%;height: 30%;border: 1px solid #dddddd;margin: 3% 1%;}
.tp .tp22_content {float: left;width: 70%;height: 30%;border: 1px solid #dddddd;margin-left: 15%;margin-top: 10%;}
.tp .tp21_content img{width: 96%;height: 96%;margin: 2%;cursor: pointer;}
.tp .tp22_content img{width: 96%;height: 96%;margin: 2%;cursor: pointer;}

.tp h3{font-weight: 500;color: #484848;padding: 10px 0 0 10px;}

.tp .tp11_content div{width: 90%;height: 9.375rem;border: 1px solid #dddddd;margin: 20px 7% 5px 3%;}
.tp .tp11_content img{float: left;width: 45%;height: 100%;margin-right: 5%;cursor: pointer;}
.tp .tp11_content p{float: right;width: 50%;height: 100%;font-size: 1rem;color: #7d7d7d;}
.tp .tp11_content span{font-size: 1.1rem;color: #242424;font-weight: 600;}

.tp .tp12_content div{width: 90%;height: 9.375rem;border: 1px solid #dddddd;margin: 20px 7% 5px 3%;}
.tp .tp12_content img{float: left;width: 45%;height: 100%;margin-right: 5%;cursor: pointer;}
.tp .tp12_content p{float: right;width: 50%;height: 100%;font-size: 1rem;color: #7d7d7d;}
.tp .tp12_content span{font-size: 1.1rem;color: #242424;font-weight: 600;}

.tp .tp13_content div{width: 90%;height: 26rem;border: 1px solid #dddddd;margin: 20px 7% 5px 3%;}
.tp .tp13_content .img1{float: left;padding: 5px 10px 5px 5px;width: 40%;height:50%;cursor: pointer;}
.tp .tp13_content p{float: right;width: 50%;height: 40%;font-size: 1rem;color: #7d7d7d;}
.tp .tp13_content .img2{width: 90%;height: auto;padding: 10px 20px;cursor: pointer;}
.tp .tp12_content span{font-size: 1.1rem;color: #242424;font-weight: 600;}

.tp .tp14_content div{width: 90%;height: 25rem;border: 1px solid #dddddd;margin: 20px 7% 5px 3%;}
.tp .tp14_content img{float: left;padding: 10px 10px 10px 10px;width: 45%;height: 40%;cursor: pointer;}
.tp .tp14_content p{float: right;width: 50%;height: 60%;font-size: 1rem;color: #7d7d7d;}
.tp .tp12_content span{font-size: 1.1rem;color: #242424;font-weight: 600;}

.tp .tp15_content div{width: 90%;height: 12rem;border: 1px solid #dddddd;margin: 20px 7% 5px 3%;}
.tp .tp15_content img{float: left;padding: 10px 10px 10px 10px;width: 45%;height: 90%;cursor: pointer;}
.tp .tp15_content p{float: right;width: 50%;height: 60%;font-size: 1rem;color: #7d7d7d;}
.tp .tp12_content span{font-size: 1.1rem;color: #242424;font-weight: 600;}

.tp .tp16_content div{width: 90%;height: 10rem;border: 1px solid #dddddd;margin: 20px 7% 5px 3%;}
.tp .tp16_content img{float: left;padding: 10px 20px 10px 10px;width: 45%;height: 90%;cursor: pointer;}
.tp .tp16_content p{float: right;width: 50%;height: 60%;font-size: 1rem;color: #7d7d7d;}
.tp .tp16_content span{font-size: 1.1rem;color: #242424;font-weight: 600;}