@media screen and (max-width:1440px){
  .index-product .left {padding:2% 2% 4% 0% }
  .abo6b {padding:80px 0% 0% 2%;width: 60%;}
  .abo6ba {margin: 40px 0;}
  .abou2aab {margin:20px 0;}
  
}
@media screen and (max-width:1024px){
	.dht {display: none;}
  .sp_nav {display: block;}
  
  .top_bj {padding: 0 1%;}
  
  .swiper-father {padding:0 1%; margin: 40px 0 5% 0;}
  
  .new8a {padding:0 1%;}
  
  .top_aoss {padding:0 1%;}
  
  .fott_1 {padding: 50px 1% 3% 1%;}
  
  .x-poj{height:350px;}
  
  .mis {margin:29px 10px 0 0px;border-radius:5px;}
  
  .top_ss {width: 30px; height: 19px;}
  
  .tis_sa .mis {margin:12px 10px 0 0px;}
  
  .swiper-father .swiper-button-next {right: 10px;}
  
  .swiper-father .swiper-button-prev {left: 10px;}
  
  .wrapper {width: 100%; padding: 0 1%;}
  
  .company-intro {padding: 5% 1%;}
  
  .t-adv-type05-list {padding: 0 1%;}
  
  .cpzs {margin: 40px 0 5% 0;}
  .top_ao_s0 { margin-bottom: 5%;}
  .in_aost_b {margin: 40px 0 5% 0;}
  
  
}
@media screen and (max-width:768px){
	.x-poj{height:280px;}
  
  .home-news-content {padding: 0 1%;}
  .new8a {display:inline;}
  .new8aa {width: 100%;border-bottom: 1px solid #e6e6e6; margin-bottom: 4%;}
  .new8ab {width: 100%;}
  
  .to_biti_10 {margin-top: 5%;}
  
  .top_ao_zuo {width: 100%;}
  
  .top_ao_you {width: 100%;}
  
  .foot_list {display: none;}
  
  .fot_rms {width: 100%;text-align: center;} 
  
  .crumbs-list {display: none;}
  
  .ab_0_zuo {width: 100%;}
  .ab_0_yuo {width: 100%; margin-top:3%; padding: 0 1%;}
  
  .cp_prou {display:none;}
  
  .cp_prou_1 {width:100%;}
  
  .nes_zyi dd {display:none;}
  
  .nes_zyi dt {width:100%;}
  .nes_zyi dt .nes_zyi_sj{margin-bottom: 10px;}
  
  .lsm_new_you_ne {width:100%;}
  
  .in_newss_a {width:100%; margin-top: 20px;background: #ffff;}
  .in_newss_a ul { margin-left: -2%;}
  .in_newss_a li {width:48%;float: left; margin-left: 2%;background: #f4f4f4; padding:1%;border-radius: 15px;}
  
  .contact-inner .text { width:100%;}
  .contact-inner .pic { width:100%;}
  
  .contact-form .bd .iptBox input{width:100%; margin-bottom: 20px;padding: 1.25rem 1rem;}
  .contact-form .bd .txtBox textarea  {margin-bottom: 20px;padding: 1.25rem 1rem;}
  
  .contact-form .bd {margin-top: 20px;}
  .contact-form .bd .txtBox {margin-top: 20px;}
  .contact-form .bd .btnBox { margin-top: 20px;}
	.contact-form .bd .btnBox a { width:100%;}
  
  .product-show-intro .text .btnBox li {width:100%; margin-bottom: 20px;}
   .product-show-form .bd .iptBox input {width:100%; margin-bottom: 15px;padding: 1.25rem 1rem;}
   .product-show-form .bd .txtBox textarea {margin-bottom: 20px;padding: 1.25rem 1rem;}
   .product-show-form .bd .txtBox {margin-top: 20px;}
    .product-show-form .bd .btnBox {margin-top: 20px;}
   .product-show-form .bd .btnBox a {width:100%;}
}
@media screen and (max-width:450px){
	
	.mis {display: none;}
  
  .x-poj{height:auto;}
  
  .new8aba {display: none;}
  
  .new8abb {width: 100%; padding: 0 2%;}
  
  .swiper-father .swiper-button-next {background: url("https://www.howtoraiseaboyfriend.com/Data/starpow/template/cn/images/sanjian_66.png") center no-repeat rgba(255,255,255,0.5);right:0px; height: 60px; transform:translateY(-0%);  }
  
  .swiper-father .swiper-button-prev {background: url("https://www.howtoraiseaboyfriend.com/Data/starpow/template/cn/images/sanjian_55.png") center no-repeat rgba(255,255,255,0.5);left:0px;height: 60px; transform: translateY(-0%);}
  
  .swiper-father {margin: 40px 0 40px 0;}
  
  .fott_a {padding: 3% 2%;}
  
  .banner .text {display: none;}
  
  .t-adv-type05-list .item {width:100%;}
  
  .sp_nav {margin-top:20px;}
  
  .logo img {width:250px;}
  
  .am_1 {display: none;}
  .am_2 {display: block;}
  
  .prx {margin-top: 84px;}
  
  .company-intro .text .hd span {font-size: 24px;}
  
  .nav_show {top: 82px;}
  
  .huanjin li {width:48%;}
  
  .cp_ans { margin: 30px 0;width: 100%;}
  
  .pro_a1 li {width:48%;}
  
   .product-show-intro .slideBox {width: 100%;}
   
   .product-show-intro .text {width: 100%; margin-top:20px;}
   
   .crumbs-wrap.gray {display: none;}
   
   .cp_prou_1 li {width:48%;}
   
   
   .relate-product .item {width:45%; margin:10px;}
  
   
   .szbs_a {padding: 0 2%;}
   .szbs_a li {width:98%;}
   
  .lsm_new_you_ne {width:100%;}
  
  .nes_zyi dd {display: block;width: 100%;}
  .nes_zyi dt .nes_zyi_2{display: none;}
  .nes_zyi dt .nes_zyi_1 {margin-top:10px;}
  
  .contact-inner .text .infos h2 { font-size: 24px;}
  
  .cp_pr_s1 .cp_ro_1 .cp_ro_1_b {width:100%;}
  .cp_pr_s1 .cp_ro_1 .cp_ro_1_a {width:100%;}
}