/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的UC浏览器不支持max-device-width
* data: 2016-08-18
*/


/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1024px);
@import url(./Mobile.css) screen and (max-width: 760px);

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}


@media only screen and (max-width:1441px){
  .solution02 .content .item .cover .box{padding:40px 30px;}
  .solution02 .content .item .cover .box .line{margin:10px 0 20px;}
  .solution02 .content .item .cover .box .more{margin-top:30px;}
  .solution02 .content .item .cover{width:43%;}
  .solution03 .content .item .box .info{font-size:15px;}

  .solu_detail01 .intro .tit{font-size:30px; line-height:40px;}





}










/*
* PcMode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
/*
* PadMode
*/
@media only screen and (max-width: 1240px) {

  body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  html,body,.wrap { min-width:0;}
  html { overflow-x:hidden;}
  body,input,textarea,button,select { font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%; width:940px;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}
  .top_left {padding: 29px 0px 29px;width: 25%;}

  /* 20240326 */
  .solu_list01 .item .info_ .box{padding:30px;}
  .solu_list01 .item .info_ .box .tit i{width:40px;}
  .solu_list01 .item .info_ .box .con{line-height:25px; max-height:75px; -webkit-line-clamp:3; margin:10px 0 15px;}

  .solution01 .content li .box{padding:45px 25px;}
  .solution02 .content .item .cover .box{padding:25px;}

  .footer_top{padding-bottom:20px;}
  .footer_top .foot_left{width:40%;}
  .footer_top .foot_midd{padding:0 2%; width:35%;}
  .footer_top .foot_right{width:21%;}
  .foot_right .erweima{width:100%;}
  .foot_right .links{width:100%;}
  .friendship_link{margin-top:0;}
  .solution02 .content .item .cover .box .more{margin-top:10px;;}
  .solution02 .content .item .cover .box .tit{font-size:20px; line-height:25px;}
  .solution02 .content .item .cover .box .line{margin:5px 0 10px;}
  .solution01 .infor .tit,
  .solution02 .infor .tit,
  .solution03 .infor .tit,
  .solu_detail02 .infor .tit,
  .solu_detail03 .left .tit,
  .solu_detail04 .infor .tit,
  .solu_detail05 .infor .tit{font-size:25px; line-height:30px;}

  .solu_detail04 .content .item .intro .tit{font-size:20px; line-height:25px; height:50px;}
  .solu_detail01 .big_img{width:85.5%; margin-left:4%; margin-right:0;}
  .solu_detail01 .intro{width:100%; margin-top:20px;;}
  .solu_detail01 .intro .tit{margin-bottom:10px; font-size:25px; line-height:30px;}
  .solu_detail01{padding:60px 0;}
  .solu_detail04 .content .item .intro{padding:25px;}
  .solu_detail05 .content .item .intro .tit{font-size:18px; line-height:25px;}
  .solu_detail05 .content .item .box .contain{padding:50px;}


  /* 头部修改 */
  .mobile_key {display: block;}
  .mobile_key{position:absolute;top:0;right:20px; margin-left:20px;}
  .h_link{display:none;}
  .top_right .service_phone{font-size:18px;}
  .pageHeader .lan_ico .iconfont{vertical-align:middle;}
  ._form { padding-right:0px; text-align:right; height:60px;}
  ._form .search{ display: inline-block;position:static; margin-left:0; margin-top:3px; }
  ._form input,._form:hover input { position:static; width:240px; max-width:70%; vertical-align:middle; border-width:0; }
  .pageHeader .navs .nav{display:none;}
  ._form .search .ion{vertical-align:-5px;}


  .footer_top .foot_midd{width: 75%}
  .friendship_link{margin-top: 170px;margin-left: -725px;}



  
}

@media only screen and (max-width: 1024px) {
  .top_right .service_phone{margin-right: 20px; font-size: 18px;}
  .wrap{padding-left:2%;padding-right:2%; width:740px;}


  .solution03 .content .left{width:100%;}
  .solution03 .content .right{width:100%;}
  .solution03 .content .rect-110{padding-bottom:30%;}
  .solution03 .content .right{margin-top:2%;}
  .solution03 .content .right .item{width:49%; margin-left:0; margin-right:2%;;}
  .solution03 .content .right .item:nth-child(2n){margin-right:0;}
  .solution01 .content li .box .tit{font-size:20px; line-height:25px;}
  .solution01 .content li .box .con{font-size:14px;}
  .solu_list01 .item .info_ .box .tit{padding-bottom:10px;}
  .solu_list01 .item .info_ .box .con{ margin:5px 0 10px;}
  .solu_list01 .item .info_ .box .tit i{margin-right:10px;}

  /* 头部修改 */
  .top_right .service_phone{font-size:15px;}
  .top_right{padding-bottom:0;}
  .top_right .service_phone:nth-child(2){display:none;}
  .cbanner1 .txt_box ._tit{font-size:30px;}





}


@media only screen and (max-width:992px){
  /* 20240326 */
  .solu_list01 .item .info_ .box .con{line-height:25px; max-height:50px; -webkit-line-clamp:2; margin:5px 0 10px;}
  .solu_list01 .item .info_ .box .tit i{width:40px;}


  .solution02 .content .item .cover .box .con{font-size:14px; line-height:25px; height:50px; -webkit-line-clamp:2;}
  .solu_detail03 .right{margin-right:5%;}








}

@media only screen and (max-width:820px){
  .wrap{padding-left:2%;padding-right:2%; width:auto;}

}






/*
* MobileMode
*/
@media only screen and (max-width: 760px) {

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}


  /* 20240326 */
  .solu_list01{padding-top:30px;}
  .solu_list01 .item{margin-bottom:15px;}
  .solu_list01 .item .img_{width:100%;}
  .solu_list01 .item .info_{width:100%;}
  .solution01{padding-top:30px;}
  .solution01 .infor .con{font-size:14px; line-height:25px; margin-top:10px; padding:0 2%;}
  .solution01 .content{margin-top:20px; height:auto; padding:20px 0; background-size:cover;}
  .solution01 .content li{width:100%; margin-bottom:10px; height:auto;}
  .solution01 .content li:last-child{margin-bottom:0;}
  .solution01 .content li .box{padding:25px;}
  .solution01 .content li:after{width:100%;}
  .solution01 .content li.hover{background:none;}
  .solution02{padding:30px 0 50px;}
  .solution02 .content .owl-carousel{width:100%;}
  .solution02 .content .item .cover .box .tit{font-size:17px;}
  .solution02 .content .item .cover .box .more{font-size:15px;}
  .solution01 .infor .tit, .solution02 .infor .tit, .solution03 .infor .tit{font-size:20px; line-height:25px;}
  .solution03{padding:30px 0;}
  .solution03 .content{margin-top:20px;}
  .solution03 .content .item .box{width:200px;}
  .solution03 .content .item .box .icon{width:30px;}
  .solution03 .content .item .box .info{font-size:13px;}
  .solution02 .owl-dots{bottom:-26px;}
  .solution02 .content{margin-top:0;}

  .solu_detail01{padding:30px 0;}
  .solu_detail01 .intro .tit{font-size:20px; line-height:25px;}
  .solu_detail02{padding:30px 0;}
  .solution01 .infor .tit, 
  .solution02 .infor .tit, 
  .solution03 .infor .tit, 
  .solu_detail02 .infor .tit, 
  .solu_detail03 .left .tit, 
  .solu_detail04 .infor .tit, 
  .solu_detail05 .infor .tit{font-size:20px; line-height:25px;}
  .solu_detail02 .content .info:hover .panel span{font-size:14px; padding:0 15px;}
  .solu_detail03{padding:30px 0;}
  .solu_detail03 .left{width:100%;}
  .solu_detail03 .left .con{margin-top:10px;}
  .solu_detail03 .right{width:100%; margin-right:0; text-align:center;}
  .solu_detail03 .right .icon{width:60px; height:60px;}
  .solu_detail04{padding:30px 0;}
  .solu_detail04 .content{margin-top:5px;}
  .solu_detail05{padding:30px 0;}
  .solu_detail05 .content{margin-top:5px;}
  .solu_detail05 .content .item .box .contain{padding:30px;}
  .solu_detail05 .content .item .more{font-size:14px;}








  /* 头部修改 */
  .top_right{border-bottom:1px solid #f1f1f1; padding:10px 0}
  .top_left{padding:15px 0; width:auto;}
  .top_left h4 a{margin-top:0;}
  .top_left a{line-height:inherit;}
  .mobile_key{margin-top:-54px;}
  ._form{display:none}
  ._form .search{width:auto; height:34px; line-height:34px;}
  ._form .search .ion{margin-right:0;}
  .pageHeader{box-shadow:0 0 15px rgba(0,0,0,.1);}
  .cbanner1 img{display:block;}
  .cbanner1 .txt_box ._tit{font-size:20px;}




}

@media only screen and (max-width: 480px) {
  /* .pageHeader .lan_menu{margin-top: -10px;} */
  .top_left{padding: 15px 0px 15px;}

  .solution03 .content .right .item{width:100%; margin-right:0;}
  .solution03 .content .rect-110{padding-bottom:0; height:auto;}
  .solution03 .content .rect-526{padding-bottom:0; height:auto;}
  .solution03 .content .item .box{position:static; transform:translate(0,0); width:auto; padding:20px; margin-bottom:0;}

}