@charset "utf-8";
/* -------------------------------
 --css     响应式框架系统
 --by      dedeking.com  2019-12-16
 --响应式框架
----------------------------------*/
@media (min-width:1600px){.container{width:80%}
.advantage_item{width: 73.911%;}
}
@media (min-width:1025px){.website_top_t{width:80%; margin: 0 auto;}
.advantage{ background:url("../images/sphy/advantage-bg.jpg") no-repeat center; padding:96px 0 96px 0;} 
}

@media screen and (min-width: 1351px) and (max-width: 1450px){
	.header .logo{width: 25%;margin-top: 15px;}
	.header .logo img{width: 204px;max-width: none;}
	.advantage_item{width: 82%;}
}
@media screen and (min-width: 900px) and (max-width: 9999px){
 .four_dt{display: -webkit-flex;justify-content: center;text-align: center;}
 }
@media screen and (min-width: 1171px) and (max-width: 1350px){
	.header .logo{width: 20%;margin-top: 20px;}
	.header .logo img{width: 204px;max-width: none;}
	.w_1280 { width: 96%; }
  .Partner ul li { width: 20%; }
  .Partner ul li a figure img { max-height: 50px; }
  .Partner ul li:last-child { display: none; }
  .left_side { width: 21.09%; }
  .right_side .right_sidewrap { margin-left: 23.44%; }
 .yjcp_list_w .yjcp_list .yj_img {min-height:100px;}
.col-xs-6{width:31% ;padding-left: 8px;padding-right: 9px;} 
.footer .footer_link{display: none;}
 .product_nav_list li a {
     font-size: 14px;
     color: #6e798b;;
     background: transparent;
     display:block;
     display: inline-block;
     margin:10px 10px 10px 10px;
     padding: 4px 30px;
     min-width:120px;
     text-align: center;
     border:1px solid #E8F0F2;
     border-radius: 30px;
}
 .product_nav_list li a:hover, .product_nav_list li a.active {
    background-color: #0080ff;
    color: #fff;
     border:1px solid #0080ff;
    border-radius: 30px;
} 
.detial_goods{width:69%;margin: 0 0 0 20px;} 
 
}

@media only screen and (max-width: 1170px) { .m_navbtn { display: block; }
  .nav { display: none; }
  .hidden-nav { display: none; }
  .header .tel { display: none; }
  .header .search_btn { background: none; border-radius: 0; }
  .header{ height: 60px;}
  .header .search_btn{ margin-top: 12px;}
  .m_navbtn{ margin-top: 13px;}
  .page_wrap{padding-top: 60px;}
.inner_banner{height: 260px;}
  .inner_banner > div{ margin-top: 60px; position: absolute;} 
.detial_goods{width:69%;margin: 0 0 0 20px;}
.header .logo img{width: 178px;max-width: none;}

.four_dt dl{float: left;}
   }
   /* ipad por*/ 
@media screen and (max-width: 1024px) and (min-width: 320px){
	.w95{width:95%;margin:auto;}
	 	  /*联系*/
  .lef_inr_img{display: none;}
  .ri_js{    width: 100%;margin: auto;}
  .four_dt{width: 100%;}
  .four_dt dl{ width:23%;}

}

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

  .left_side { float: none; width: 100%; margin-top: 0; position: static; display: none; }
  .left_side .menue ul { display: none; }
  .right_side .right_sidewrap { margin-left: 0; }
  .cont_casepage .inner_casename h2 { float: none; width: 100%; }
  .cont_casepage .inner_casename .share { float: none; width: 100%; }
  .left_side .menue .title { padding-left: 5px; }
  .list_picpage .list_pic li a { padding-top: 20px; }
  .list_picpage .list_pic li a .img { padding-bottom: 20px; }
  .list_picpage .list_pic li .img_bg { width: 80%; margin: 0 auto; padding-bottom: 45.42%; }
  .list_picpage .list_pic li .img_bg .img_mask { height: 80.68%; }
  .list_picpage .list_pic li .img_bg .img_mask { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 5.68%; }
  .list_picpage .list_pic li a .img::after { height: 40%; }
  .list_picpage .list_pic li, .list_picpage .list_pic li:nth-child(3n) { width: 48.725%; margin-right: 2.55%; }
  .list_picpage .list_pic li:nth-child(2n) { margin-right: 0; }
  .list_picpage .list_pic { padding-bottom: 0; }
  .right_side { padding-bottom: 20px; }
  .list_aboutpage .list_aboutdl dt .wrap { padding-top: 20px; }
  .list_aboutpage .list_aboutdl dt .wrap h3 { font-size: 26px; }
  .list_aboutpage .list_aboutdl dd { width: 39.94%; }
  .list_aboutpage .list_aboutdl dt { width: 59.96%; }
  .solution_dltxt dt { float: none; width: 100%; margin-bottom: 25px; }
  .solution_dltxt dd { float: none; width: 100%; text-align: center; }
  .solution_txt dl { float: none; margin-right: 0; width: 100%; }
  .solution_dltxt dd img { max-width: 450px; }
  .list_messagepage .message_top .dl1, .list_messagepage .message_top .dl2, .list_messagepage .message_top .dl3, .list_messagepage .dl3 { width: 100%; }
  .list_messagepage .dl2 dd .ddwrap, .list_messagepage .message_top .dl3 dd .ddwrap { margin-left: 84px; }
  .list_messagepage .dl2 dt, .list_messagepage .message_top .dl3 dt { width: 84px; }
  .list_messagepage dl dt { text-align: left !important; }
  .footer .footer_nav{width: 85.56%;}
  .footer .footer_nav dl{width: 14%;margin-right: 0%}
  .banner a { padding-bottom: 38%; }
  .detial_goods{width:69%;margin: 0 0 0 20px;}
  .col-xs-6{width:24% ;padding-left: 8px;}
/* 产品详情*/
.three_but{margin:10px 0 10px 0;}
.three_but a{width:110px;}
.big,.mask{display: none;}
.news_list{min-height: 240px;}
 .news_list .news_text{width: 66%;}
 .news_list .news_text .text_w h4{width: 80%;}
 .news_list .news_text .text_w .new_con{width:80%;}
 /* sphy*/
 .J-function{width: 98% !important;}
  .website_top_t{width: 99% !important;}
  .website_top_r{    margin: -35px 20px 0 30px;}
  .advantage_item{width: 91.5%;}
  .advantage{background-color: #fb6358 !important;padding:50px 0 25px 0; } 
  .J-function-ul li{width: 20% !important; margin: 0 10px 10px 0 !important;}

  }

  /* ipad*/
@media only screen and (max-width: 991px) {
    .banner .swiper-button-prev, .banner .swiper-button-next{display: none;}
    .banner .swiper-pagination{bottom: 0;}
 .hidden_searchwrap .text { font-size: 18px; }
  .case ul li a { height: auto; }
  .case ul li figure { padding-bottom: 60.89%; height: 0; }
  .case ul li figcaption h3 { padding-top: 12%; }
  .case ul li a .hidden_txt { display: none; }
  .Partner { padding-bottom: 27px; }
  .Partner ul li { width: 25%; margin-bottom: 10px; }
  .Partner ul li a figure img { max-height: 50px; }
  .news .company_news, .industry_news { width: 100%; float: none; }
  .news .company_news { margin-bottom: 25px; }
  .custom-made .w_1280 { padding-top: 25px; padding-bottom: 25px; }
  .custom-made .img { margin-right: 0; width: 50%; float: none; margin-left: 25%; }
  .custom-made .txt { float: none; width: 90%; padding-left: 5%; padding-right: 5%; max-width: 991px; text-align: center; padding-top: 15px; }
  .custom-made .txt .title { margin-bottom: 15px; }
  .custom-made .txt .line { margin: 0 auto 14px; }
  .video-conference ul li figcaption h3 { font-size: 24px; }
  .video-conference ul li figcaption h4 { line-height: 24px; max-height: 48px; height: auto; font-size: 14px; }
  .device .cont .item ul li, .device .cont .item ul li:nth-child(3n) { width: 49%; margin-right: 2%; }
  .device .cont .item ul li:nth-child(2n) { margin-right: 0 !important; }
  .footer .footer_nav { float: none; width: 100%; }
  .footer_link { float: none; width: 100%; }
  .footer .footer_link dd ul li { float: left; width:auto; }

.banner{ margin-bottom: 25px;}
.case{padding-bottom: 25px;}
.news{padding-bottom: 15px;}
.device .title span{font-size: 24px;}
  .custom-made .txt .title{font-size: 24px;}
.case .title,.video-conference,.Partner .title{ font-size: 30px;}
.news .company_news .title{font-size: 22px;}
.industry_news .title{font-size: 22px;}
.industry_news ul li figcaption h3{font-size: 18px;}

.right_side{padding-top: 25px;}
.right_side .inner_title{font-size: 22px;}


.hidden_joinwrap{ border-width: 5px;}

.Mobile-device .title span {font-size: 24px;}
.Mobile-device {padding: 20px 0;}

.lasticonwrap{ display: none;}
.detial_goods{width:58%;}

.news_list{min-height:100px;}
    .news_list .news_text .text_w{;min-height:auto;} 
    .news_list  .btn_r_more {display: none;}  
/*联系*/
.tab_top2_cont{overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
.four_dt dl{ width:22.3%;}
.page_contact .top .weixin{display: none;}
.page_contact .top .kefu{display: none;}
.page_contact{width:100%;}
.page_contact .top li{width:50%;}
 /* sphy*/
 .website_top{ padding: 0 0 50px 0 !important;}
  .website_top_r{margin: -35px 20px 0 30px !important;}
  .advantage_item{width: 91.5%;}
  .advantage{background-color: #fb6358 !important;padding:50px 0 25px 0 ; } 

  .website_top_l .tt{font-size: 18px !important;}
  .website_top_l .rr{padding:1px 0 7px 0 !important;}
  .website_top_item ul li{width: 80px !important;}
  .J-function{width: 98% !important;}
  .J-function-ul{width: 100% !important;}
  .J-function-ul li{width: 32% !important;    margin: 0 10px 10px 0 !important;}
  .cooperative-partner ul{width: 98% !important;}
  .cooperative-partner ul li{width: 14.5% !important;}
.advantage_item ul li{width:25% !important;}
   }

@media only screen and (max-width: 778px) { 
	.header .logo img{width: 130px;max-width: none;}
    .w_1280 { width: 92%; }
    .Partner ul li { width: 33.33%; }
  .Partner ul li:last-child { display: block; }
  .footer .footer_top { padding-bottom: 20px; }
  .footer_bot { padding: 10px 0; }
  .footer_bot .copyright, .footer_bot .link { float: none; width: 100%; text-align: center; }
  .footer_bot .copyright { margin-bottom: 0; }
  .footer .footer_nav dl { width: 100%; margin-right: 0; margin-bottom: 15px; line-height: 0; }
  .footer .footer_nav dl dt { float: none; width: 100%; margin-bottom: 10px; padding-bottom: 10px; }
  .footer .footer_nav dl dd { float: none; display: inline-block; margin-right: 5px; }
  .footer .footer_link dt { margin-bottom: 15px; }
  .list_aboutpage .list_aboutdl { height: auto; }
  .list_aboutpage .list_aboutdl dd { width: 100%; padding-bottom: 50%; height: 0; position: relative; }
  .list_aboutpage .list_aboutdl dt { width: 100%; }
  .list_aboutpage .list_aboutdl dt .wrap { margin-top: 50%; }
  .list_aboutpage .list_aboutdl dd { margin-left: -100%; position: relative; }
  .list_aboutpage .list_aboutdl:nth-child(2n) dd, .list_aboutpage .list_aboutdl:nth-child(2n) dt { float: left; }
  .list_contactpage .contact_txt dl { padding: 4%; }
  .list_contactpage .contact_txt dl dt { margin-bottom: 15px; }
  .list_contactpage .contact_txt dl dt, .list_contactpage .contact_txt dl .dd1, .list_contactpage .contact_txt dl .dd2 { float: none; width: 100%; height: 24px; margin-right: 0; padding-right: 0; border: none; text-align: left; max-width: 1200px; }
  .list_honorpage .list_honordl3 dd { float: left; width: 100%; }
  .list_honorpage .list_honordl3 .img, .list_honorpage .list_honordl3 ul, .list_honorpage .list_honordl ul li { float: none; width: 100%; }
  .list_joinpage dl dt .btn { display: inline-block; float: left; margin-left: 100px; margin-top: 15px; width: 100%; max-width: 120px; }

.video-conference ul li { width: 100%; float: none; margin-right: 0; }
.lasticonwrap{ margin-top: -10px;}
.lasticonwrap .lasticon{ bottom: 0;text-align: center;}


.case .w_1280,.Partner,.footer .footer_top,.big,.mask{display: none;}
.inner_banner .title { font-size: 30px;  line-height:1; } 
.Mobile-device{ display: block!important; }
.footer{ padding-top: 0;}
.video-conference ul li figure{ padding-bottom: 45.12%;}
.video-conference ul li figcaption{ height: auto; bottom: 20px;}
.case ul li{ margin-bottom: 10px;}
.float_right{ display: none;}
.lasticonwrap{ display: none!important;}
.backold_btn{ display: inline-block;}
.col-xs-6{width:31.7% ;padding-left: 8px;}
/*banner*/
 .cont_casepage .inner_casename h2 a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
    display:block;font-size: 22px; }
    .cont_casepage .inner_casename h2 a.lianjie{padding-right: 60px;  }
.cont_casepage .case_title{ font-size: 22px;}
.cont_casepage .inner_casename h2 a.lianjie:after{ width: 30px;height: 30px; background-size: 30px auto;}
.big,.mask{display: none;}

.news_list .news_text .text_w .new_con{width:100%;}  
 .news_list{padding:10px 0;overflow: hidden;margin: 0 auto;}
 .news_list .news_text{width: 65%;padding-left: inherit;}
 .news_list .news_text .text_w h4{width: 74%;}
 .news_list .news_text .text_w .new_con{width: 74%;}



.about .w_1280 .gsgk img{display:none;}
.about .w_1280 .gsgk p{width:100%;float: none;}
.more_btn{width:15%}
   }


@media only screen and (max-width: 750px) {
	#pcbanner{display:none}
	#wapbanner{display:block}
	/*新闻*/
	.news_banner_w { max-height: auto; width: 100%; background-color: #F0F1EE } 
    .news_banner_w .pc{display: none !important;}
    .news_banner_w .m{display: block !important;}
	.text_w .news_date{display: none }
	.news_list .news_text .text_w .new_con{width:100%;}
	.news_img{display: none}
	.news_list .news_text{width:100%;}
	.Thenext .next_t{    float: left;}
	.Thenext .last_t{margin-bottom:inherit;}
	
	 /* sphy*/
 .website_top{ padding: 30px 0 50px 0 !important;}
  .website_top_r{margin: -35px 20px 0 30px !important;}
  .advantage_item{width: 97.5%;}
  .advantage{background-color: #fb6358 !important;padding:50px 0 25px 0 ; } 

  .website_top_l .tt{font-size: 18px !important;}
  .website_top_l .rr{padding:1px 0 7px 0 !important;}
  .website_top_item ul li{width: 80px !important;}
  .J-function{width: 98% !important;}
  .J-function-ul{width: 100% !important;}
  .J-function-ul li{width: 32% !important;    margin: 0 10px 10px 0 !important;}
  .cooperative-partner ul{width: 98% !important;}
  .cooperative-partner ul li{ width: 50% !important;}
}
@media  screen and (max-width: 680px) {
    .product_nav_list{
     line-height: 32px;
     padding:10px 0;
     margin:0px auto 10px 0;
     background-color:transparent;   
    }
     .product_nav_list li a {
     font-size: 14px;
     color: #6e798b;;
     background: #FFF;
     border:1px solid #c7d2df;
     border-radius: 30px;
     margin:0 10px;    
     padding: 4px 20px;
     white-space: nowrap;
}
   .product_nav_list li a:hover, .product_nav_list li a.active {
    background-color: #0080ff;
    border:1px solid #0080ff;
    color: #fff;
    border-radius: 30px;
}
  .product_nav_list li a:hover {
      color: #6e798b;
      background: #FFF;
      background-color: rgb(255, 255, 255);
      border: 1px solid #c7d2df;
}
   .product_nav_list ul{
       white-space: nowrap;
       height: 42px; 
       overflow-x: scroll;
       overflow-y: hidden; 
       white-space: nowrap; 
       -webkit-overflow-scrolling: touch;
      -webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */
      -webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */
    }
	 /* 列表页分类 */
	.yjcp_list_w li .i_free{right: 10px;top: 10px;}
	.yjcp_list_w li .i_recommend{right: 10px;top: 10px;}
	.yjcp_list_w li .i_hot{right: 10px;top: 10px;}
	.yjcp_list_w li .i_new{right: 10px;top: 10px;}
	.footer .footer_link{display: none;}
	#magnifier{float:none;margin: auto;}
	.detial_goods{max-width:100%;float:none;margin:auto;width: 100%;}
	.cp_tit{ float:none; text-align: center;}
	.three_but{margin:0 0 10px 0;}
	.big,.mask,.info_pro,.three_but{display: none;}
}

@media only screen and (max-width: 500px){
.list_newsul.qlNewsList li a{height: auto;padding-left: 0;}
.list_newsul.qlNewsList li a .pic{width: 100%;height: 0;padding-bottom: 66.3%;position: relative;}
.list_newsul.qlNewsList li h3{padding-top: 12px;}
/*联系我们*/
.four_icon ul li{width:100%;}
.four_dt dl{width: 47%;margin: 0 5px 10px 5px;}
.page_contact .top li{width:100%;}
.advantage_item ul li{width:33% !important;}
}
@media screen and (max-width: 9999px) and (min-width: 700px) {
.yjcp_list_w .yjcp_list img{max-height: 160px;}
}
@media screen and (max-width:480px) {

  .yjcp_list_w { padding: 0px 0 0px 0; }
  .yjcp_list_w li{padding-left: 5px;padding-right: 5px;width:100%}
  .yjcp_list_w .yjcp_list h4 a {font-size: 16px;}
  .yjcp_list_w .yjcp_list p { margin: 20px 0px;font-size:12px;}
  .yjcp_list_w .yjcp_list { line-height: 24px;  padding:10%; margin-bottom: 10px;} 
  .yjcp_list_w .btn_r_more, .yjcp_list_w .btn_free_trial {padding: 0 21px; height: 38px;line-height: 38px; margin: 0px 10px 0px 10px;text-align: center; font-size: 12px; }
.tab4_ul li{float:none}
.footer .footer_link{display: none;}
.crumbs_box{font-size: 12px;width: 90%;}

.bantitle{    width: 90% !important;
    padding-top: 20px !important;
    padding-bottom: 41px !important;}
.bantitle .ban-title3{width: 72% !important;    font-size: 14px !important;}
.ban-contact{    margin-top: 20px !important;}
.website_top_r{width: 80% !important}
.website_top_l{width: 99% !important;text-align: center;}
.cooperative-partner ul li{ width: 46% !important;}
.website_top_item ul{width: 56.2%;margin: auto;}
}

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

  .device .cont .item ul li, .device .cont .item ul li:nth-child(3n) { width: 100%; float: none; }
  .case .clearfix ul li { width: 100% !important; }
  .Partner ul li a figure img { max-height: 42px; max-width: 100px; }
  .industry_news ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 10px; }
  .list_picpage .list_pic li, .list_picpage .list_pic li:nth-child(3n) { float: none; width: 100%; margin-right: 0 !important; } 
  .news_list .news_img{display: none;}
  .news_list .news_text{width: 100%;padding-left: 0px;margin: initial;}
.news_top{width:100%;}
.website_top_item ul{width: 76.2%;margin: auto;}
.advantage_item ul li{width:49% !important;}
.centera_h2{font-size: 24px !important;}
.J-function-ul li{    width:48.5% !important;margin: 0 5px 10px 0 !important;}
.cooperative-partner ul li{width: 29% !important;height: 58px !important;}
.more_btn{    width: 25%;}
}
@media screen and (max-width:360px) {

  .yjcp_list_w li{width:100%;padding-left: 0px;padding-right: 0px;}
  .yjcp_list_w .yjcp_list { line-height: 24px;  padding:20px; margin-bottom: 20px;} 
.footer .footer_link{display: none;}
.yjcp_list_w li{padding-left: 0px;padding-right: 0px;width:100%}

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

  .yjcp_list_w li{width:100%;padding-left: 0px;padding-right: 0px;}
  .yjcp_list_w .yjcp_list { line-height: 24px;  padding:20px; margin-bottom: 20px;} 
.footer .footer_link{display: none;}
.tab_top2_cont li{margin: 0 15px;}
.container{min-width: initial;}
.w95{width:95%;margin:auto;}
.four_dt dl{width: 100%;margin: 0 0 10px 0;}
.news_top_cont h2{font-size: 1.3em;}

.bantitle .ban-title3{width: 84% !important;}
.website_top_item ul{width: 84.2%;}
.describe{width:99%;}
.J-function-ul li{width: 47.5% !important;}
.cooperative-partner ul li{width: 28% !important;}
}