*{margin:0;padding: 0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
body{font-family:"微软雅黑";}

.INSTANT-CAMERA-TITLE h2{text-align: center;padding: 50px;font-size: 3rem;font-weight: bold;}
.INSTANT-CAMERA-TITLE-CHOOSE{width: 100%;}
.INSTANT-CAMERA-TITLE-CHOOSE h2{padding: 50px 0;font-size: 2.5rem;font-weight: bold;}
.INSTANT-CAMERA{width: 100%;}

.camera-use{background-color: #fefaf8;margin-top: 100px;}
.camera-action{background-color: #fefaf8;}
.camera-choose{width: 100%;background-image: url('bg-1.jpg') !important;background-size: cover; background-repeat: no-repeat;background-position: center;}

.camera-banner{width: 100%;background-image: url('banner-bg-04.png') !important;background-size: cover; background-repeat: no-repeat;background-position: center;}
.banner{padding: 200px 50px;}
.banner-txt h1{font-size: 3vw; color: #fff;font-weight: bold;}
.banner-contact {margin-top: 100px;}
.banner-contact a{padding: 15px 25px; border: 2px solid #fff;border-radius: 10px; font-size: 22px;color: #fff;transition:0.5s;}
.banner-contact a:hover{transition:0.5s;background-color: rgba(255, 255, 255, 1);color: #111;}

.banner-contact-m{display: none;}
.banner-contact-m a{padding: 15px 25px; border: 2px solid #fff;border-radius: 10px; font-size: 22px;color: #fff;transition:0.5s;}
.banner-contact-m a:hover{transition:0.5s;background-color: rgba(255, 255, 255, 1);color: #111;}

@media screen and (max-width:1280px){
.banner-txt h1{font-size:32px;}
.banner-contact a{padding: 10px 15px; font-size: 20px;}}

@media screen and (max-width:768px){
.camera-banner{background-image: url('banner-bg-04-m.png') !important;}
.banner{padding: 100px 50px;}
.banner-contact{display: none;}
.banner-contact-m{display: block;margin-top: 80px;}
.banner-contact-m a{padding: 10px 15px; font-size: 16px;}}

.camera-about{margin-top:50px;}
.camera-about-TV{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;width: 80%;max-width: 1550px;padding: 50px 0;}
.camera-about-t{width: 46%;}
.camera-about-v{width: 46%;display: flex;align-items: center;}
.camera-about-t p{margin-bottom: 20px;line-height: 1.5;font-size: 1.2rem;}

.camera-about-t a{text-decoration: none;color: #f36f2f;font-weight: bold;}
.camera-about-t a:hover{text-decoration: underline;}

iframe{background-image: url('ytb-bg.png') !important;background-size: cover; background-repeat: no-repeat;background-position: center;}

@media screen and (max-width:1280px){
.camera-about-TV{width: 90%;}
.camera-about-t{width:48%;}
.camera-about-v{width: 48%;}}

@media screen and (max-width:768px){
.camera-about-t{width: 100%;}
.camera-about-v{width: 100%;}}

.product-ul-li {display: grid;grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin: 30px auto;width: 80%;max-width: 1550px;}
.product-ul-li li {border-radius: 10px;overflow: hidden;position: relative; padding-bottom: 70px;box-sizing: border-box;}
.product-ul-li li img {width: 100%;}
.product-ul-li li .pro-txt {padding: 10px 0 50px;display: flex;flex-wrap: wrap;justify-content: center;}
.product-ul-li li .pro-txt p {color: #636363;}
.product-ul-li li .pro-txt-top{width: 80%;margin: 0 auto;}
.product-ul-li li .pro-txt-top h3{font-weight: bold;}
.product-ul-li li .pro-txt-bottom {padding: 20px 0 20px;width: 90%; margin: 0 auto;}
.learn-pad{display: none;}
.pro-learn {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);margin-top: 20px;}
.pro-learn a{color: #111;padding:10px 20px;border: 1px solid #111; border-radius: 10px;transition:0.5s;font-size: 20px;text-decoration: none;display: inline-block;}
.product-ul-li li:hover .pro-learn a{padding:10px 40px;background-color: rgba(255, 255, 255, 0.8);color: #111;transition:0.3s;}
@media screen and (max-width:1280px){
.product-ul-li {width: 90%;grid-template-columns: 1fr;}
.learn-pad{display: block;}
.learn-pad a{color: #111;padding:10px 20px;border: 1px solid #111; border-radius: 10px;transition:0.5s; }
.learn-pad a:hover {padding:10px 40px;background-color: rgba(255, 255, 255, 0.8);color: #111;transition:0.3s;}
.pro-learn{display: none;}
.product-ul-li li {width:100%;padding-bottom:10px;margin-bottom: 20px;display: flex;align-items: center;}
.product-ul-li li .pro-img{width: 50%;}
.product-ul-li li .pro-txt{width: 50%;padding:0; justify-content: flex-start;}
.product-ul-li li .pro-txt-bottom {width:100%;}
.product-ul-li li .pro-txt-top {width:100%;}}
@media screen and (max-width:768px){
.product-ul-li{grid-template-columns: 1fr; gap: 15px; width: 90%;}
.learn-pad{display: none;}
.pro-learn{display: block;}
.product-ul-li li{width: 90%;margin: 0 auto 20px;flex-wrap: wrap;justify-content:center;position: relative; padding-bottom: 70px;}
.product-ul-li li .pro-txt-bottom {width:90%;}
.product-ul-li li .pro-txt-top {width:90%;}
.product-ul-li li .pro-img{width: 100%;}
.product-ul-li li .pro-txt{width: 100%;padding: 10px 0 50px;justify-content:center;}}


.use-ul-li{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 30px auto 30px;width: 80%;max-width: 1550px;}
.use-ul-li li{width: 32%;margin-bottom:40px;}
.use-ul-li li img{width:100%;border-radius: 10px;overflow: hidden;}
.use-ul-li li .use-txt p{color: #636363;}
.use-ul-li li .use-txt-top{padding: 10px;margin:10px 0;height:65px;}
.use-ul-li li .use-txt-top h3{font-weight: bold;}
.use-ul-li li .use-txt-bottom{padding: 10px;}
@media screen and (max-width:1280px){
.use-ul-li{width: 90%;}}
@media screen and (max-width:768px){
.use-ul-li{width: 100%;}
.use-ul-li li{width: 80%;margin: 0 auto 40px;}
.use-ul-li li .use-txt-top{height:30px;}
}

.choose-ul-li{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 30px auto 0px;width: 80%;max-width: 1550px;color: #fff;}
.choose-ul-li li{width: 45%;margin-bottom:40px;display: flex;/* flex-wrap: wrap; */justify-content: space-between;}
.choose-num{width: 10%;}
.choose-num p{padding: 10px;margin:10px 0;font-size: 22px;border: 1px solid #f36f27;border-radius: 5px;color: #f36f2f; }
.choose-ul-li li .cho-txt p{color: #fff;line-height: 1.4;font-size: 18px;}
.choose-ul-li li .cho-txt-top{padding: 10px;margin:10px 0;font-size: 22px;}
.choose-ul-li li .cho-txt-top h3{font-weight: bold;}
.choose-ul-li li .cho-txt-bottom{padding: 10px;}
@media screen and (max-width:1280px){
.choose-ul-li{width: 90%;}
.choose-num{width: 15%;}}
@media screen and (max-width:768px){
.choose-ul-li{width: 100%;}
.choose-num{width: 20%;}
.choose-ul-li li{width: 95%;margin: 0 auto 20px;}}

.camera-action{background-color: #131029;}
.camera-contact{color: #fff;width: 80%;margin: 0 auto; padding: 100px 0;max-width: 1550px;}
.camera-contact h3{font-size: 3.5rem;margin-bottom: 50px;font-weight: bold;}
.camera-contact p{font-size: 20px;}
.action-buttom {margin: 50px 0;}
.action-buttom a{font-size: 22px;color: #fff;padding:10px 20px;border: 1px solid #f36f3f; border-radius: 5px; background-color: #f36f3f;transition:0.5s;}
.action-buttom a:hover{color: #111;border: 1px solid #fff;background-color: #fff;transition:0.8s;}
@media screen and (max-width:1280px){
.camera-contact{width: 90%;}}

/* foot-size */


@media screen and (max-width:768px){

.INSTANT-CAMERA-TITLE h2{font-size: 1.8rem;}
.INSTANT-CAMERA-TITLE-CHOOSE h2{font-size: 1.8rem; text-align: center;}
.banner-txt h1{font-size:22px;}
.camera-about-t p{font-size: 18px;}
}



