@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}

}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.nav{ display:none;}
.menubtn{ display:block;} 

.logbtn .a1{ display:none;}

.loarea{ height:60px;}
.loarea .logo{ width:140px; padding-top:14px; }
.loarea .logo img{ height:32px;}
.tel{ display:none;}
.mtel{ display:block;}
.banarea{ overflow:hidden;}
.banimg{ width:150%; max-width:150%; margin-left:-25%;}
.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:-14px;}
.footer_wap{ display:block;}

.pcshow{ display:none;}
.wapshow{ display:inline-block;}

.h_ser{ padding:34px 0;}
.h_tit .tit{ font-size:22px;}
.hsul{ margin-top:30px;}
.hsul li p{ font-size:16px;}
.hsul li p br{ display:none;}

.h_exp{ padding:34px 0;}
.heul{ margin-top:30px;}
.heul li{ padding:28px 0;}
.heul li p{ font-size:14px;}

.h_enter{ padding:34px 0; }
.henteraera{ margin-top:20px; } 

.h_tit .tit .tit_wz{ height:24px; margin-right:16px;}
.h_design{ padding:24px 0;}

.hdul li{ font-size:16px;}
.hdul .num{ font-size:36px;  margin-right:16px; }
.hdul .num::after,.hdul .num::before{border-bottom:30px solid #4088f6;border-left: 18px solid transparent; }
.hdul .num::after{ right:-4px; bottom:8px;}
.hdul .num::before{ right:-3px; bottom:8px;border-bottom:30px solid #fff;}

.h_sale{ padding:34px 0;}
.hserul{ margin-top:44px;}
.hserul .box{ width:120px; height:120px;}
.hserul li .num{ font-size:18px; bottom:-90px; line-height:30px;}
.hserul li .des{ font-size:14px;}
.footer{ display:none;}
.floatpart{ display:none;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
.banner .slick-dots{ bottom:10px;}
.hdarea{ margin-top:24px;display:block;display: -webkit-block; }
.h_design .tparea{ width:576px; max-width:100%; text-align:center; margin:24px auto 0; float:none;}
.h_design .des{ width:90%; padding:0 5%;}
.hdul li{ font-size:14px;}

}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
.heul li{ width:100%; margin-bottom:10px;}
.h_sale{ padding:34px 0 0;}
.hserul li{ width:50%; margin-bottom:40px;}
}

/** width:480 **/
@media only screen and (max-width: 479px) {
.logbtn .a1{ border:none;}
.logbtn a{ padding:0 5px; }
.logbtn a i{ display:none;}
}

@media only screen and (max-width: 360px) {
.hsul li p{ font-size:12px;}
}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
.i_ban img{ width:150%; max-width:150%; margin-left:-25%;}
.i_main{ padding:20px 0; min-height:100px;}
.qus{ padding-bottom:20px;}
.qusul{}
.qusul li{ font-size:14px; padding:20px 0;}
.sbtn_bj{ font-size:12px;}
.sbtn_bl{ font-size:14px;}
.qusul .wen,.qusul .da{ padding-left:34px;}
.qusul .wen .letter,.qusul .da .letter{ width:24px; height:20px; font-size:14px; line-height:20px; top:4px;}
.qusul .da{ margin-top:8px;}

.quedel{ padding:0px 0 20px; }
.quedel .person{ width:60px; position:absolute; left:0; top:24px;}
.quedel .person .img{ width:60px; height:60px;}
.qusdelarea{ margin-left:80px; border-width:1px;}
.qusdelarea .arr{ width:13px; top:30px; left:-12px;}

.qusdelbox{ font-size:14px; padding:20px;}
.qusdelbox .wen,.qusdelbox .da{ padding-left:34px;}
.qusdelbox .wen .letter,.qusdelbox .da .letter{ width:24px; height:20px; font-size:14px; line-height:20px; top:4px;}
.qusdelbox .da{ margin-top:8px;}

.i_l{ width:100%; float:none;}
.lm_tit{ font-size:16px; height:44px; line-height:44px; -webkit-background-size:auto 80%; -moz-background-size:auto 80%; -ms-background-size:auto 80%;-o-background-size:auto 80%; background-size:auto 80%;}

.lmul{}
.lmul li{ width:25%; float:left; border:none;}
.lmul li a{  height:40px; line-height:40px; font-size:14px;}
.i_r{width:100%; float:none; margin-top:20px;}
.cooul{ padding-bottom:10px;}

.reg{ padding:50px 0;}

.regtab td{ padding:10px 0;}
.regtab .tj{  padding-top:10px;}
.regtab .tj  input{height:40px; font-size:14px;}


.prepare{ padding:34px 0;}
.prepare .div1{ font-size:14px; padding:12px 0; margin:20px auto 0;}
.prepare .div1 .nr{ padding:14px;}
.prepare .div2{ font-size:15px;  margin-top:20px; padding-bottom:30px;}
.prepare .div2::after{  margin-left:-5px; bottom:0; border-width:10px 6px;}
.prepare .div3{ font-size:15px !important; margin-top:0;}

.prepareul{ margin-top:40px;}
.prepareul li .num{ width:50px; height:50px; line-height:50px; font-size:20px; margin-left:-25px; top:-25px;}
.prepareul li .box{ padding:30px 20px; font-size:14px;  height:102px; overflow:hidden;}

.access{ padding:40px 0 20px;}
.access .item{ margin-bottom:30px;}
.access .h_tit{ margin-bottom:30px;}
.a_tit{ height:40px;font-size:18px; margin-left:24px;}
.a_tit .num{ width:66px; padding-left:4px;  left:-24px; top:-10px; font-size:18px; height:100%; line-height:40px; }
.a_tit .num::after{  border-width:20px 6px; right:-12px; top:0;}
.a_tit .num::before{ border-width:5px 12px ;left:0px; bottom:-10px;}
.a_tit .mc{ line-height:40px; font-size:16px; margin-left:80px;}
.access .item .morediv .sbtn_j .icon{ width:18px; margin-right:6px;}
.access .item .morediv .sbtn_j i{ font-size:12px;}
.access .item .nr{ margin-top:18px;  padding:0 20px;}

.explain1{ padding:24px 0;}
.explain1 .tp{ width:120px;}
.explain1 .des{ margin-left:20px; padding-left:20px;}
.explain1 .des .p1{ font-size:20px;  margin-bottom:10px;}
.explain1 .des .p2{ font-size:12px;}


.explain2{ padding:50px 0 40px;}
.explain2 .box{ padding:24px;}
.explain2 .tit{  font-size:22px; left:24px; top:-20px; padding:0 12px 0;}
.explain2 .tit .icon{ margin-right:8px; width:24px;}
.explain2 .wz{ margin:0 0px; font-size:14px;line-height:2; padding-left:16px; }
.explain2 .wz .circle{ top:12px;}

.order_tit span{ font-size:24px; padding-bottom:26px;}
.order_tit span::after{ width:20px; height:2px; margin-left:-10px;}
.orderul{ }
.orderul li{ font-size:16px; }
.orderul .num{ font-size:24px;  margin-right:10px; }
.orderul .num::after,.orderul .num::before{border-bottom:26px solid #aa7cf4;border-left:12px solid transparent; position:absolute; display:block; content:"";}
.orderul .num::after{ right:0px; bottom:3px;}
.orderul .num::before{ right:1px; bottom:3px;border-bottom:26px solid #fff;}

.cus_source{ padding:40px 0;}
.kitprint{ padding:40px 0; }
.kitprint .wp{display:flex;display: -webkit-flex; align-items:center;}
.kitprint .des .nr{  font-size:14px; }
.kitprint_tit span{ font-size:24px; padding-left:18px;}
.kitprint_tit span::after{ width:2px; height:26px;margin-top:-13px;}

.applet{ padding:34px 0;}
.appletul{ margin-top:30px;}
.appletul li .nr{ font-size:14px;}

.proprice{ padding:34px 0;}
.proprice .area .des .div1 span{ font-size:16px;  padding:4px 30px 4px 16px;}
.proprice .area .des .div1 span::after{ display:none;}
.proprice .area .des .div2{ font-size:16px; }
.proprice .area .des .morediv{ margin:14px 0;}
.proprice .area .des .morediv .sbtn{ padding:2px 34px;}
.proprice .area .des .div3{ font-size:16px;}

}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.cooul li{ width:97%;}
.cooul .p1,.cooul .p2{ font-size:14px;}
.cooul .p3{ font-size:12px; height:auto;}
.prepareul li{ width:97%; margin-bottom:38px;}
.prepareul li .box{ height:auto;}

.order { padding:30px 0;}
.order .wp{display:block;display: -webkit-block;}
.order .tp{ width:100%; margin-right:0%; text-align:center;}
.order .des{ width:100%; margin-top:30px;}

.proprice{ padding-top:0;}
.proprice .area{display:block;display: -webkit-block; margin:20px auto 0;}
.proprice .area .tp{ width:100%; margin-right:0%; text-align:center;}
.proprice .area .tp img{ max-width:40%;}
.proprice .area .des{ width:100%; margin-top:30px;}

	}
/** max-width:640 **/
@media only screen and (max-width: 639px){
.lmul li{ width:33.33%;}
.reg_tit{ font-size:22px;}
.regtab .mc{ font-size:14px; width:80px;}
.regtab .text{ font-size:14px;}

.appletul{ background:none; padding:0;}
.appletul li .box{ width:60px; height:60px;}
.appletul li .box .icon{ width:36px; height:36px; padding-top:12px;}
.appletul li .box::after{ display:none;}
.appletul li .nr{ position:relative; margin:0 !important; left:0 !important; top:0 !important; bottom:0 !important; font-size:12px;}
	}
/** width:480 **/
@media only screen and (max-width: 479px) {
.quedel .person{ width:60px; position:relative; margin:0 auto; left:0; top:0px;}
.qusdelarea{ margin:20px 0 0px 0px;}
.qusdelarea .arr{ display:none;}
.lmul li{ width:50%;}
.regtab{ width:100%;}
	}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){
.lmul li{ width:100%;}
	}
/*******************************************************************/