@charset "utf-8";@media screen and (max-width:1200px){
body{min-width:1000px;}
.about .box,
.pros .box,
.news .box,
.store .box,
footer .cnq{max-width:1000px;}
.about .box .dect{width:500px;}
}

@media screen and (max-width:1000px){
body{min-width:860px;}
.about .box,
.pros .box,
.news .box,
.store .box,
footer .cnq{max-width:860px;}
header nav a{width:90px; margin:0 6px;}
.news .box{max-width:510px; height:700px; background-image:none;}
.news .box video,
.news .box embed{position:absolute; left:0; top:auto; right:0; bottom:40px; margin:auto;}
}

@media screen and (max-width:860px){
body{min-width:640px; font-size:12px;}
.pros .box,
.news .box,
footer .cnq{max-width:640px;}

header{background-image:none; padding-top:80px;}
header .logo{max-height:60px; left:10px; right:auto;}
header .tel{font-size:16px; top:30px; right:10px;}
header .tel a{color:#f00;}
header nav{height:auto; padding:10px 0;}
header nav a{width:90px; height:30px; line-height:30px; font-size:14px; margin:2px 8px;}

header .bn{height:200px;}
header .bn .box .main a{background-size:50% auto;}
header .bn .box.b1 .main .a2{background-position:center 42%;}
header .bn .box.b1 .main .a3{background-position:center 56%;}
header .bn .box.b2 .main .a1{background-size:30% auto;}
header .bn .box.b2 .main .a2{background-position:center 56%;}
header .bn .box.b2 .main .a3{background-position:center 72%;}
header .bn .box.b3 .main .a2{background-position:center 52%;}
header .bn .box.b3 .main .a3{background-position:center 78%; background-size:260% auto;}

.abt{height:60px; padding-left:20px;}
.abt strong{height:30px; font-size:26px;}

.about .box{margin:20px auto; height:540px;}
.about .box .dect{width:auto; line-height:22px; padding:0 20px;}
.about .box .more{margin-left:20px;}
.about .box .img{width:auto; position:absolute; left:0; right:0; bottom:20px; margin:auto;}
.about .box .img:before{display:none;}
.about .box .img img{width:100%; height:200px;}

.pros .box{max-width:320px; margin:20px auto;}

.join{height:180px;}
.join .tel{font-size:18px;}
.join .tel a{color:#f00;}

.news .box{height:auto; padding:0; margin:20px auto;}
.news .box .tag{margin:20px;}
.news .box .tag a{padding:0 10px; margin:0 6px;}
.news .box .boxs{width:auto; margin:0 20px;}
.news .box .video{display:none;}

.store .box{margin:20px auto;}
.store .box .info{width:auto; margin:0 20px 20px 20px; padding:0; border:0;}
.store .box .thum{width:300px; height:200px; margin:0 auto; float:none;}
.store .box .thum a{width:80px; height:80px; margin:5px;}

.contact{padding-top:150px; background-size:auto 150px;}
.contact strong{margin:10px 0;}
.contact p{font-size:18px; margin:10px 0;}
.contact span{font-size:16px;}

.pbt{height:80px; margin:20px 0; background-size:auto 50%;}
.pbt p.en{height:30px; line-height:20px; font-size:20px;}
.pbt p.kh{height:24px; line-height:24px; font-size:8px; color:#999;}
.pbt p.bt{height:20px; line-height:16px; font-size:16px;}

.body{min-height:0;}
.body .category li{width:90px; height:30px; line-height:30px; margin:5px; border-radius:36px;}
.body .category li a{font-size:12px;}
.body .content{border:0; padding:9px;}

.pros_ctg{height:80px; background-color:#ffc; margin-bottom:30px;}
.pros_ctg .img{width:100px; margin-right:10px;}
.pros_ctg strong{font-size:14px; margin:0;}
.pros_ctg p{height:40px; line-height:20px; margin-right:10px; font-size:11px;}

.pros_list{max-width:320px; margin:0 -9px;}
.pros_list p .img:before,
.pros_list p .img:after{display:none;}

.scl_body{margin-bottom:20px;}
.scl_body .img{height:120px;}
.scl_body .thum{margin:0;}
.scl_body .thum a{width:66px; height:46px; margin:2px;}
.scl_body .goto{top:10%;}

.act_form{margin:20px 10px;}
.act_form .kh{line-height:20px; font-size:16px; margin-bottom:20px;}
.act_form .list{width:100%;}
.act_form .list li{height:auto; line-height:30px; margin-bottom:10px;}
.act_form .list li label{width:60px; height:30px; font-size:12px;}
.act_form .list li input{width:calc(100% - 70px); height:20px; line-height:20px;}
.act_form .list li span{width:100%; height:20px; line-height:20px; margin:0; text-indent:60px; font-size:10px;}
.act_form .list li.btn{height:120px; position:relative; overflow:visible;}
.act_form .list li.btn a{width:90px; height:30px; margin-right:10px; font-size:16px;}
.act_form .list li.btn p{line-height:16px; font-size:10px; top:40px; right:auto;}
.act_form .tips{display:none;}

footer{width:auto; padding-top:20px; margin-top:20px; margin-bottom: 0;}
footer .cnq{background-image:none; padding:0 20px;}
footer .cnq .nav,
footer .cnq .qrc{display:none;}
footer .copyright{width:auto; line-height:16px; margin-top:20px; font-size:10px; padding:14px 20px;}

.customer_service{display:none;}

.huidian{display: none;}
}

@media screen and (max-width:650px){
body{min-width:320px;}
.pros .box,
.news .box,
.store .box,
footer .cnq{max-width:320px;}
}