﻿    .solurow-1 { position: relative; padding-bottom: 15px; overflow: hidden; background-color: #fff ;padding-bottom:90px; }
    .solurow-1.solurow-2 {  background-color: #f5f6f7 ; }

    .solurow-1 h1 { padding: 90px 0; font-size: 30px; text-align: center;}
    .solurow-1.solurow-2 h1 { padding-bottom:20px; }

    .solurow-1 ul { margin: -8px; } 
    .solurow-1 ul  li {width:25%;float:left;}
    .solurow-1 ul  li .soluview { position: relative;margin: 8px; display: block; background-color:#f7f8f9;  -webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-box-shadow:0 10px 40px 1px rgba(0,0,0,.1);-moz-box-shadow:0 10px 40px 1px rgba(0,0,0,.1);box-shadow:0 10px 40px 1px rgba(0,0,0,.1)}
    .solurow-1.solurow-2 ul  li .soluview {  background-color:#fff; }
    .solurow-1 ul  li .soluview:hover{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px);}

    .solurow-1 ul  li .picload { position: relative; display: block; text-align: center; }
    .solurow-1 ul  li .picload img {  width:100%; }
    .solurow-1 ul  li h3 { width: 100%; position: absolute; left: 0; bottom: 0; height: 40px; line-height: 40px; font-size: 18px; color: #FFFFFF; letter-spacing: 1.14px; background: rgba(0, 0, 0, 0.3);  }
    .solurow-1 ul  li h4 {  padding: 0px  20px;height:50px;line-height:50px; color:#000;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .solurow-1 ul  li p {  padding: 20px ;    color: #666; font-size:14px;min-height:120px; }
    .solurow-1.solurow-2 ul  li p {  padding:0 20px ;    min-height:120px; }

    .solurow-1 a.btn-more {  display: block;color: #777;padding-bottom:60px;text-align: center;transition: .3s;font-size:14px; } 
    .solurow-1 a.btn-more:hover { color: #d6000f; border-color: #d6000f; }


    


/*案例中心*/



@media (max-width: 767px) {


}

@media (min-width: 768px) and (max-width: 991px) {



}

@media (min-width: 992px) and (max-width: 1199px) {




}




/*sotions banner*/
.solution-banner{ height:630px; width:100%; margin:0px;overflow:hidden;position:relative;z-index:1}
.solution-banner img.pcpricata{display:block;position:absolute;left:50%;width:1920px;margin-left:-960px;}


.bansoltuion{position:relative;width:100%; overflow:hidden;}
.bansoltuion .back { }
.bansoltuion .back img{width:100%;}
.bansoltuion .textbox{position:relative;z-index:2;color:#ffffff;position: absolute; text-align: center; width: 100%; left: 0px; right: 0; top: 0; bottom: 0; display: flex;display:-webkit-flex; align-items: center; justify-content: center;}
.bansoltuion .textbox h2{font-size:3em;color:#ffffff;}
.bansoltuion .textbox p{padding-top:12px;line-height:26px;font-size:1.4em;}

.bansoltuion .textbox h5{font-size:6em;color:#ffffff;text-align:center;}
.bansoltuion .textbox h6{padding-top:20px;font-size:2.2em;color:#ffffff;text-align:center;}


.col-xs-12-case{padding:0 0 0px 0px;font-size:16px;line-height:1.5;text-align:center;}

@media (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}



/* row2 solution*/
.soluRow2 {
    background-color: #fff;
    padding-bottom: 20px;
}

.solutionRow2 {  /*border-bottom: 1px solid #d7d7d7;*/ display: table;  padding-top:10px;  background-color:#fff; margin-top:-120px;z-index:9;position:relative; } 
.solutionRow2 .kxdes{ margin:40px 0;}
.solutionRow2 h1{ font-size: 2.2em;   padding-left:30px; color:#000; }
.solutionRow2 p {   margin-bottom:15px; font-size: 1.0em;} 
.solutionRow2left{  padding-left:35px; }
.solutionRow2right{  padding-right:30px; }
.solutionRow2 p:first-child, .primaryrow2 p:first-child { margin-top: 0px; } 
.solutionRow2 ul li{ text-align: left; margin-bottom: 10px; padding-left: 24px; color: #6d6d6d; line-height: 24px; font-size: 16px; background: url("../images/point_gray.png") no-repeat 0px 2px; } 
.solutionRow2 .left { display: table-cell; vertical-align: top; width: 680px; } 
.solutionRow2 .quick_links { margin-top: 24px; } 
.solutionRow2 .quick_links a { font-weight: normal; color: #0267ff; }
.solutionRow2 .pull-right { position: relative; z-index: 99; padding-bottom: 32px; } 
.solutionRow2 .float-none { padding-bottom: 28px;float: none !important; } 


.soluRow2 {
    background-color: #fff;
    padding-bottom: 20px;
}

.solhomerow2 {  /*border-bottom: 1px solid #d7d7d7;*/ display: table;  padding-top:10px;  background-color:#fff; margin-top:-120px;z-index:9;position:relative; } 
.solhomerow2 .kxdes{ margin:40px 0;}
.solhomerow2 h1{ font-size: 2.2em;   padding-left:30px; color:#000; }
.solhomerow2 p {   margin-bottom:15px; font-size: 1.0em;} 
.solhomerow2left{  padding-left:35px; }
.solhomerow2right{  padding-right:30px; }
.solhomerow2 p:first-child, .primaryrow2 p:first-child { margin-top: 0px; } 
.solhomerow2 ul li{ text-align: left; margin-bottom: 10px; padding-left: 24px; color: #6d6d6d; line-height: 24px; font-size: 16px; background: url("../images/point_gray.png") no-repeat 0px 2px; } 
.solhomerow2 .left { display: table-cell; vertical-align: top; width: 680px; } 
.solhomerow2 .quick_links { margin-top: 24px; } 
.solhomerow2 .quick_links a { font-weight: normal; color: #0267ff; }
.solhomerow2 .pull-right { position: relative; z-index: 99; padding-bottom: 32px; } 
.solhomerow2 .float-none { padding-bottom: 28px;float: none !important; } 






 /* row3 solution*/
 .soluhomeh1{ background-color:#f2f2f2;  padding:6em 0; }
  .soluhomeh1  h2{ margin:0px; padding:0px;  font-weight:normal; text-align:center; width:100%; overflow:hidden; color:#000; line-height:2em; font-size:2.4em; }


 .soluhomeRow3{ background-color:#fff; border-top:solid 0px #f2f2f2; padding-top:50px;}
 .soluhomeRow3  h1{ margin:0px; padding:0px;  font-weight:500; text-align:center; width:100%;line-height: 1.5;font-size: 30px;margin-bottom: 25px;}
  .soluhomeRow3  h3{ margin:0px; padding:0px;  font-weight:normal; text-align:left; width:100%; overflow:hidden; color:#000; line-height:2em; font-size:1.8em; margin-top:0em;}

 .soluhomeRow3 .txtPic100{}
  .soluhomeRow3 .txtPic100 img{ width:100%; margin-top:50px; }

 /* row4 solution*/

 .soluhomeRow4{ background-color:#f2f2f2; border-top:solid 1px #f2f2f2; padding:6em 0;}
 .soluhomeRow4  h2{ margin:0px; padding:0px;  font-weight:normal; text-align:center; width:100%; overflow:hidden; color:#000; line-height:2em; font-size:1.8em; text-align:left;}
 .soluhomeRow4 .srow4pic1{ padding-right:3em; }
 .soluhomeRow4 .srow4pic2{ padding-left:3em; }
 .soluhomeRow4 .srow4pic1 div, .soluhomeRow4 .srow4pic2 div{ line-height:1.6em;margin-top:1em;}
 .soluhomeRow4 .srow4pic1 img, .soluhomeRow4 .srow4pic2 img{ width:100%; margin-top:1em; }


 .soluhomeRow6{ background-color:#f2f2f2; padding:4em 0;}
 .soluhomeRow6 h1{ margin:0px; padding:0px;  font-weight:normal; text-align:center; width:100%; overflow:hidden; color:#000;line-height:2em; font-size:2em; }
 .soluhomeRow6 div.h1des{ margin:0px; padding:0px;  font-weight:normal; text-align:center; width:100%; overflow:hidden; color:#333; line-height:2em; font-size:1.2em; text-align:center;}
 .soluhomeRow6 .solrow3 .thumbnail{border:none; padding:0em; margin-bottom:0em; }
  .soluhomeRow6 .solrow3  .thumbnail img{width:100% }
 .soluhomeRow6 .solrow3{ margin-top:3em;}
 .soluhomeRow6 .solrow3 .caption{  background-color:#fff;  padding:1em 0;}
 .soluhomeRow6 .solrow3 .caption h3{ width:100%; padding:0px 5px; margin:0px; height:1.2em; line-height:1.2em; font-size:1.1em;color:#000;text-align:left; overflow:hidden;}
 .soluhomeRow6 .solrow3 .caption p{ width:100%; padding:0px 5px;  margin:0px; line-height:1.5em; font-size:1.0em;color:#333; margin-top:0.5em;height:4.5em; overflow:hidden;}

 
.solucaseRow3{background-color:#f2f2f2; padding:4em 0;}
.solucaseRow3 .destext{  }
.solucaseRow3 .text-center{ margin-top:1.3em; }





.caseCenter { background-color:#f5f6f7;   padding:0px;padding-top:70px;padding-bottom:70px;}
.caseCenter .title   { padding-bottom:30px; }
.caseCenter .title  h2{font-size:36px;font-weight:normal;text-align:center;padding-bottom:15px;line-height:50px;color:#333;}
.caseCenter .title  p { color:#777;text-align:center;padding-bottom:10px; }
.caseCenter  .casecenterBtns{ padding-bottom:25px; text-align:center;}
.caseCenter  .casecenterlistbox>div{ margin-bottom:2em;}
.caseCenter  .btn{ margin-right:5px;}
.caseCenter ul { }
.caseCenter ul li { width:32.33%; margin-bottom:15px; display: inline-block;float:left;  -webkit-box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1); box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1); text-align: center; margin-right: 1%; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;  }
.caseCenter ul li.last { margin-right: 0%; }
.caseCenter ul li:hover {-webkit-box-shadow:0 10px 40px 1px rgba(0,0,0,.1);-moz-box-shadow:0 10px 40px 1px rgba(0,0,0,.1);box-shadow:0 10px 40px 1px rgba(0,0,0,.1)}
.caseCenter ul li .icons {   vertical-align: middle; position: relative; overflow: hidden; }
.caseCenter ul li img{width:100%;}
.caseCenter ul li .icons .icon-mask { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background: -o-radial-gradient(circle,#0e1833,#283968); background: radial-gradient(circle,#0e1833,#283968); opacity: .6; }
.caseCenter ul li .info { text-align: center; padding: 0 25px; font-size: 14px;padding-bottom:15px;background-color:#fff; }
.caseCenter ul li .info h3 { font-size: 16px;height:50px;line-height:50px;font-weight:600; color:#333;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.caseCenter ul li .info p { height:50px;line-height:25px;overflow:hidden;    text-align: left; }
.caseCenter ul li .icons .icon-mask  { display:none; }





@media (max-width: 767px) {
 
.caseCenter {padding-top:0px;}
.caseCenter .title  h2{font-size:20px;line-height:25px;}
.caseCenter .title   { padding-bottom:10px; display:none;}
.caseCenter .title  p { padding:0 15px; }
.caseCenter ul li { width:100%;float:none;  margin: 0%;  -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,.1); box-shadow: 0px 0px 0px 0 rgba(0,0,0,.1); }
.caseCenter ul li .info h3 {   height: auto; line-height:initial;text-align:center ;padding:0px; }
.caseCenter ul li .info { padding:  15px;}
.caseCenter ul li .info  p{ display:none;}


.bansoltuion .textbox h2{font-size:2em;padding-top:130px; text-align:center;}
.bansoltuion .textbox p{padding-top:12px;line-height:26px;font-size:1.4em;text-align:center;}

 .bansoltuion .textbox h5 { font-size: 2em;  }
.bansoltuion .textbox h6{padding-top:1.5em;font-size:1.2em;color:#ffffff;text-align:center;}



 /*solution*/
.soluRow2{ padding-bottom:0px;}
.solutionRow2 {  margin-top:0px;  padding-top:0px;} 
.solutionRow2 h1{ font-size: 1.6em; padding:0px; text-align:center;line-height:1.5em;   }
.solutionRow2left{  padding-left:0px; }
.solutionRow2right{  padding-right:0px; }

.soluhomeRow3 h1 {font-weight:600}
 .soluhomeh1 { padding: 3em 0; }
.soluhomeh1 h2 {line-height: 1.5em;font-size: 1.6em; }
.soluhomeRow3 h3 {line-height: 1.5em;font-size: 1.6em; text-align:center;}
.soluhomeRow4 { padding: 2em 0; }
.soluhomeRow4 h2 {  line-height: 1em; font-size: 1.6em; text-align: center; }
.soluhomeRow4 .srow4pic1 div, .soluhomeRow4 .srow4pic2 div { margin-top: 0em; }


 .soluhomeRow6 {  padding: 3em 0; }
 .soluhomeRow6 h1 { font-size: 1.6em; }
.soluRow3  h1{ height:3em; line-height:3em; font-size:1.4em;}
.soluRow4  h1{ height:4em; line-height:2em; font-size:1.4em;}
.soluRow5  h1{ height:4em; line-height:2em; font-size:1.4em;}
 .soluhomeRow4 .srow4pic1, .soluhomeRow4 .srow4pic2{ padding:0; }
 .soluhomeRow4 .srow4pic1 img , .soluhomeRow4 .srow4pic2 img{  margin-bottom:1em;}
.em6{ padding:2em 0;}
.solutionRow2 .kxdes { margin: 2em 0; }
 .nav-content {  width: 303px;}
 .nav-content li {width: 100px;  height: 30px;line-height:30px;}

 .soluhomeRow6 .solrow3 .caption h3 {  height: auto; line-height: 1.5em; font-size: 1.4em;  }
  .soluhomeRow6 .solrow3 .caption p{ line-height:1.5em; font-size:1.1em;height:auto; }

  .col-xs-12-case { text-align: left; }




}

@media (min-width: 768px) and (max-width: 991px) {

.caseCenter {padding-top:30px;}
.caseCenter .title   { padding-bottom:5px; }
.caseCenter .title  h2{font-size:22px;line-height:28px;}
.caseCenter ul li .info h3 { font-weight:normal;font-size: 14px;height:50px;line-height:50px;}



.bansoltuion  .back{height:351px}
.bansoltuion  .textbox{height:351px;}
.bansoltuion  .textbox h2{font-size:2em;padding-top:70px;}
.bansoltuion  .textbox p{padding-top:12px;line-height:26px;font-size:1.2em;}
.bansoltuion  .hidden-sm{ display:block !important;}/*案例中banner隐藏了，现在强制把文字显示*/
 /*   solutions home*/
  .solhomerow2{  padding:2em 0;}
  .solhomerow2 h1{ font-size:2em; }
   .solhomerow2 div.h1des{  font-size:1.1em; padding-bottom:2em;}

  .solhomerow2 .solrow3{ margin-top:3em;}
  
  .solhomerow2 .solrow3 .caption h3{ font-size:1.2em;}/*20151226 10:00*/
  .solhomerow2 .solrow3 .caption p{  font-size:1em;}/*20151226 10:00*/

  .solhomerow3{ background-color:#fff; padding:3em 0; line-height:1.8em; }
  .solhomerow3 h1{ height:1.2em; line-height:1.2em; font-size:1.6em;   margin-bottom: 0.5em; }
 .soluhomeh1 h2 {line-height: 2em;font-size: 1.8em; background-color:#f2f2f2;}
.soluhomeRow3 h3 {line-height: 1.5em;font-size: 1.6em; text-align:center;}
  .solhomerow3 .p100img img{width:100%;}
  .solhomerow3 p { margin-bottom: 0.5em; font-size: 1em;line-height:1.5em; }



  

 /*solution*/
.soluRow2{ padding-bottom:0px;}
.solutionRow2 {  margin-top:-100px;  padding-top:0px; } 
.solutionRow2 h1{ font-size: 1.8em; padding:0px; text-align:center;   }
.solutionRow2left{  padding-left:0px; }
.solutionRow2right{  padding-right:0px; }
.soluRow3  h1{ height:3em; line-height:2em; font-size:1.4em;}
.soluRow4  h1{ height:4em; line-height:2em; font-size:1.4em;}
.soluRow5  h1{ height:4em; line-height:2em; font-size:1.4em;}



.em6{ padding:2em 0;}

 .nav-content {  width: 453px;}
 .nav-content li {width: 150px;}


.soluhomeRow4 { padding: 2em 0; }

 .soluhomeRow3 h1 {line-height: 1.5em;font-size: 1.8em;}

  .soluhomeRow4 .srow4pic1, .soluhomeRow4 .srow4pic2{ padding:0; }
    .soluhomeRow4 .srow4pic1 img , .soluhomeRow4 .srow4pic2 img{  margin-bottom:1em;}


     .soluhomeRow6 {  padding: 3em 0; }
 .soluhomeRow6 h1 { font-size: 1.8em; }





 .soluhomeRow6 .solrow3 .caption h3{  font-size:1.2em; height:auto; line-height:1.5em;}
 .soluhomeRow6 .solrow3 .caption p{ line-height:1.5em; font-size:1em;}
 .primaryrow5 .caption h3 { font-size:1.2em; height:auto; line-height:1.5em;}


 .bansoltuion .textbox h5 { font-size: 3em;  }
.bansoltuion .textbox h6{padding-top:1.5em;font-size:2em;color:#ffffff;text-align:center;}







}

@media (min-width: 992px) and (max-width: 1199px) {

.caseCenter {padding-top:50px;}
.caseCenter .title   { padding-bottom:15px; }
.caseCenter  .title  h2{font-size:26px;line-height:30px; }
.caseCenter ul li .info h3 { font-weight:normal;font-size: 14px;height:50px;line-height:50px;}



.bansoltuion  .textbox h2{font-size:2.4em;padding-top:150px;}
.bansoltuion  .textbox p{padding-top:12px;line-height:26px;font-size:1.6em;}

 .soluhomeRow6 .solrow3 .caption h3{  font-size:1.2em; height:3em; line-height:1.5em;}
 .soluhomeRow6 .solrow3 .caption p{  font-size:1em; }

 .aboutus h3,.buyrow22 h1{  font-size: 2em;}



}

