.bg{ background:#eb6ea5;}
.bg2{ background:#ffdceb;}
.wrap{ width:1100px; margin:0 auto; overflow:hidden;}
.bannerpc{ display:block; overflow:hidden;}
.bannerphone{ display:none; overflow:hidden;}
.img1bg .con{ position:relative;}
.img1bg .con div{ position:absolute; z-index:5; color:#fff; font-size:30px; margin-top:165px; margin-left:300px;}
.img1bg .con div p{ margin-bottom:20px; overflow:hidden;}
.img1bg .con div p span{ display:block; float:left; height:50px; line-height:50px;}
.img1bg .con div input{ width:550px; height:50px; line-height:50px; border:0; background:#fff; padding-left:10px; font-size:30px; float:left;}
.img1bg .con div button{ width:550px; height:50px; line-height:50px; border:0; background:#ffd427; color:#eb6ea5; border-radius:5px; font-size:30px; float:right;}
.img5pc{ display:block; background:url(../images/img8-pc-bg.jpg) no-repeat center bottom; overflow:hidden;}
.img5phone{ display:none; overflow:hidden;}
.img6pc{ display:block; overflow:hidden;}
.img6phone{ display:none; overflow:hidden;}


.order .con{ position:relative;}
.order .con .wrap{ position:absolute; z-index:5; color:#fff; font-size:30px; width:100%; left:0;}
.order .con .wrap div{ width:650px; position:relative; left:50%; margin-left:-325px; margin-top:7%;}
.order .con .wrap div p{ margin-bottom:20px;}
.order .con .wrap div p span{ display:block; float:left; height:50px; line-height:50px; width:130px; text-align:center;}
.order .con .wrap div input{ width:480px; height:50px; line-height:50px; border:0; background:#fff; padding-left:10px; font-size:30px;}
.order .con .wrap div button{ width:480px; height:50px; line-height:50px; border:0; background:#ffd427; color:#eb6ea5; border-radius:5px; font-size:30px; margin-left:130px;}


.banner2pc{ background:url(../images/img14-pc.jpg)#eb6ea5 no-repeat center bottom; overflow:hidden;}
.banner2pc .swiper-container{ padding-bottom:100px;}
.banner2pc .swiper-pagination-bullet{ background:#eb6ea5; opacity:.3; width:100px; height:16px; border-radius:16px;}
.banner2pc .swiper-pagination-bullet-active{ opacity:.6; width:170px;}
.banner2pc .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0;}


.btnpc .con{ position:relative;}
.btnpc .con .wrap{ position:absolute; z-index:5; width:100%; left:0;}
.btnpc .con .wrap div{ width:1100px; margin:0 auto; margin-top:30px;}
.btnpc .con .wrap div button{ border:0; height:80px; line-height:80px; font-size:36px; font-weight:bold; color:#fff; text-align:center; width:320px; border-radius:20px; margin:0 20px;}

.btn-blue{ background:#2fd0fe;}
.btn-green{ background:#21e0b5;}
.btn-purple{ background:#ad5efd;}

.footer{ position:fixed; z-index:20; bottom:0; left:0; width:100%; background:rgba(0,0,0,.8); color:#fff; font-size:18px; height:80px; line-height:80px;}
.footer input{ width:120px; border-radius:5px; border:0; height:40px; line-height:40px;}
.footer span{ margin-right:5px; margin-left:10px;}
.footer select{ margin-right:5px;
font-size: 14px;
width: 80px;
padding-left: 10px;
color: #999999;
height: 40px;
border-radius: 5px;
border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-repeat: no-repeat;
background-color: rgba(255,255,255,1.00);
background-attachment: scroll;
background-image: url(" ../images/sj_s.png");
background-position: right center;
}
.footer button{ height:40px; line-height:40px; text-align:center; border-radius:5px; background:#ff5f31; color:#fff; font-size:18px; width:100px; border:0;}

.copyright{ padding-bottom:80px; overflow:hidden;}


.footerphone{ display:none;}


.goTop {
    position: fixed;
    right: 20px;
    bottom: 120px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: none;
	z-index:200;
}


.floatW {
    width: 18%;
    position: fixed;
    right: 1%;
    top: 8%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	z-index:100;
	display:block;
}


.btn2 button{ width:45%; margin:0 2.5%; height:80px; line-height:70px; border:4px #f7a0c4 solid; background:#ffcde2; border-radius:20px; font-size:30px; color:#db2821; float:left;}


.btn3 .con{ position:relative;}
.btn3 .con div{ position:absolute; z-index:10; margin-top:15.5%; margin-left:74%;}
.btn3 .con div button{ width:110px; height:40px; line-height:30px; color:#fff; font-size:16px; background:#e94d3e; border:0; border-radius:40px;}
.btn3 .con div button img{ margin-top: 5px; margin-left: 10px; float: left;}


.btn4 button{ width: 350px; background: #e94d3e; color: #fff; height: 80px; line-height: 80px; text-align: center; border: 0; border-radius: 20px; font-size: 30px; font-weight: bold; }


@media (min-width: 751px) and (max-width: 1079px) {
.wrap{ width:100%;}
.bannerpc{ display:none;}
.bannerphone{ display:block;}
.img1bg .con div{ font-size:24px; margin-top:15%; margin-left:30%; width:60%;}
.img1bg .con div p{ margin-bottom:10px; overflow:hidden;}
.img1bg .con div p span{ height:40px; line-height:40px; width:20%; float:left;}
.img1bg .con div input{ width:80%; height:40px; line-height:40px; padding-left:10px; font-size:24px; float:left;}
.img1bg .con div button{ width:80%; height:40px; line-height:40px; font-size:24px; float:left; margin-left:20%;}
.img5pc{ display:none;}
.img5phone{ display:block;}
.img6pc{ display:none;}
.img6phone{ display:block;}

.order2 .con{ position:relative;}
.order2 .con div{ position:absolute; z-index:5; color:#fff; font-size:24px; margin-top:12%; margin-left:20%; width:60%;}
.order2 .con div p{ margin-bottom:10px;}
.order2 .con div p span{ display:block; float:left; height:40px; line-height:40px; width:17%;}
.order2 .con div input{ width:83%; height:40px; line-height:40px; border:0; background:#fff; padding-left:10px; font-size:24px;}
.order2 .con div button{ width:83%; height:40px; line-height:40px; border:0; background:#ffd427; color:#eb6ea5; border-radius:5px; font-size:24px; float:right;}

.banner2phone{ background:url(../images/img14-phone.jpg)#eb6ea5 no-repeat center bottom; overflow:hidden;}
.banner2phone .swiper-container{ padding-bottom:70px; width:96%; margin-left:2%;}
.banner2phone .swiper-pagination-bullet{ background:#eb6ea5; opacity:.3; width:60px; height:12px; border-radius:12px;}
.banner2phone .swiper-pagination-bullet-active{ opacity:.6; width:100px;}
.banner2phone .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0;}


.btnphone .con{ position:relative;}
.btnphone .con .wrap{ position:absolute; z-index:5; width:100%; left:0;}
.btnphone .con .wrap div{ width:100%; margin:0 auto; margin-top:3%;}
.btnphone .con .wrap div button{ border:0; height:60px; line-height:60px; font-size:30px; font-weight:bold; color:#fff; text-align:center; width:30%; border-radius:20px; margin:0 1.2%;}


.footer{ color:#fff; font-size:16px; height:auto; line-height:50px; padding:20px 0; overflow:hidden; max-width:1920px;}
.footer input{ width:150px; border-radius:5px; border:0; height:40px; line-height:40px;}
.footer span{ margin-right:5px; margin-left:10px;}
.footer select{ margin-right:5px;
font-size: 14px;
width: 120px;
padding-left: 10px;
height: 40px;
}
.footer button{ height:40px; line-height:40px; text-align:center; border-radius:5px; background:#ff5f31; color:#fff; font-size:16px; width:100px; border:0;}

.copyright{ padding-bottom:140px;}

.footerphone{ display:none;}


.floatW{ display:block;}


.btn2 button{ width:45%; margin:0 2.5%; height:60px; line-height:50px; border:4px #f7a0c4 solid; background:#ffcde2; border-radius:20px; font-size:24px; color:#db2821; float:left;}


.btn3 .con{ position:relative;}
.btn3 .con div{ position:absolute; z-index:10; margin-top:14%; margin-left:74%;}
.btn3 .con div button{ width:110px; height:40px; line-height:30px; color:#fff; font-size:16px; background:#e94d3e; border:0; border-radius:40px;}
.btn3 .con div button img{ margin-top: 7px; margin-left: 15px; float: left; width:20px;}

.btn4 button{ width: 30%; background: #e94d3e; color: #fff; height: 60px; line-height: 60px; text-align: center; border: 0; border-radius: 20px; font-size: 24px; font-weight: bold; }


}
@media (max-width: 750px) {
.wrap{ width:100%;}
.bannerpc{ display:none;}
.bannerphone{ display:block;}
.img1bg .con div{ font-size:14px; margin-top:15%; margin-left:26%; width:60%;}
.img1bg .con div p{ margin-bottom:5px; overflow:hidden;}
.img1bg .con div p span{ height:25px; line-height:25px; width:20%; float:left;}
.img1bg .con div input{ width:80%; height:25px; line-height:25px; padding-left:10px; font-size:14px; float:left;}
.img1bg .con div button{ width:80%; height:25px; line-height:25px; font-size:14px; float:left; margin-left:20%;}
.img5pc{ display:none;}
.img5phone{ display:block;}
.img6pc{ display:none;}
.img6phone{ display:block;}

.order2 .con{ position:relative;}
.order2 .con div{ position:absolute; z-index:5; color:#fff; font-size:14px; margin-top:12%; margin-left:20%; width:60%;}
.order2 .con div p{ margin-bottom:5px;}
.order2 .con div p span{ display:block; float:left; height:25px; line-height:25px; width:20%;}
.order2 .con div input{ width:80%; height:25px; line-height:25px; border:0; background:#fff; padding-left:10px; font-size:14px;}
.order2 .con div button{ width:80%; height:25px; line-height:25px; border:0; background:#ffd427; color:#eb6ea5; border-radius:5px; font-size:14px; float:right;}

.banner2phone{ background:url(../images/img14-phone.jpg)#eb6ea5 no-repeat center bottom; overflow:hidden;}
.banner2phone .swiper-container{ padding-bottom:45px; width:96%; margin-left:2%;}
.banner2phone .swiper-pagination-bullet{ background:#eb6ea5; opacity:.3; width:30px; height:8px; border-radius:8px;}
.banner2phone .swiper-pagination-bullet-active{ opacity:.6; width:45px;}
.banner2phone .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0;}

.btnphone .con{ position:relative;}
.btnphone .con .wrap{ position:absolute; z-index:5; width:100%; left:0;}
.btnphone .con .wrap div{ width:100%; margin:0 auto; margin-top:2%;}
.btnphone .con .wrap div button{ border:0; height:35px; line-height:35px; font-size:16px; font-weight:bold; color:#fff; text-align:center; width:30%; border-radius:10px; margin:0 1.2%;}


.footer{ display:none; color:#fff; font-size:14px; height:auto; line-height:40px; padding:20px; overflow:hidden;}
.footer input{ width:150px; border-radius:5px; border:0; height:30px; line-height:30px; float:right; width:75%; margin:5px 0;}
.footer span{ margin-right:1%; margin-left:0; float:left; display:block; width:24%; height:40px; line-height:40px;}
.footer select{ margin:5px 0; margin-right:1%; float:left; width:24%;
font-size: 14px;
padding-left: 0;
text-indent:10px;
height: 30px;
}
.footer select.je{ float:right; width:74%;}
.footer button{ height:35px; line-height:35px; text-align:center; border-radius:5px; background:#ff5f31; color:#fff; font-size:16px; width:100%; border:0; float:left; margin-top:15px;}

.copyright{ padding-bottom:50px;}

.footerphone{ display:block; position:fixed; z-index:20; bottom:0; left:0; width:100%; background:#fff; border-top:1px #ddd solid;}
.footerphone ul li{ width:33.33%; float:left; height:50px; line-height:50px; text-align:center; font-size:16px; border-right:1px #ddd solid;}
.footerphone ul li:last-child{ border-right:0;}
.footerphone ul li a{ color:#666;}

.floatW{ display:none;}

.btn2 button{ width:45%; margin:0 2.5%; height:40px; line-height:35px; border:2px #f7a0c4 solid; background:#ffcde2; border-radius:20px; font-size:14px; color:#db2821; float:left;}


.btn3 .con{ position:relative;}
.btn3 .con div{ position:absolute; z-index:10; margin-top:12%; margin-left:74%;}
.btn3 .con div button{ width:60px; height:30px; line-height:30px; color:#fff; font-size:12px; background:#e94d3e; border:0; border-radius:40px;}
.btn3 .con div button img{ margin-top: 9px; margin-left: 0; float: left; width:16px;}

.btn4 button{ width: 30%; background: #e94d3e; color: #fff; height: 35px; line-height: 35px; text-align: center; border: 0; border-radius: 10px; font-size: 14px; font-weight: bold; }

}