@media screen and (max-width: 768px) {
   .ck-slidebox-title{
      padding: 0 20px;
   }
   .slideWrap-title .title-wrap{
      width: 100% !important;
   }
   .ck-slidebox-title ul li div.title h3{
      font-size: 28px !important;
   }
   .ck-slidebox-title ul li div.brief{
      width: 100% !important;
   }
}
.ck-slide { width: 100%; height: 400px;}
.ck-slide-wrapper li {width: 100% !important;}
.ck-slide-wrapper li a {display: block !important; width: 100% !important; height: 400px !important;}
.ck-slidebox-title ul {height:224px;}
.ck-slide img {
   border: 0;
}
.ck-slide ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   
}
.ck-slide {
   position: relative;
   overflow: hidden;
}
.ck-slide ul.ck-slide-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   margin: 0;
   padding: 0;
   width: 100%;
}
.ck-slide ul.ck-slide-wrapper li {
   position: absolute; margin-top:0px;
}
.ck-slide ul.ck-slide-wrapper li a{
   /*a标签是行内元素，宽高对a标签不起作用，这里必须添加line-height:0px;display:black，否则垂直滚动<li>之间会出现间隔*/
   line-height:0px;
   display:block;
   width: 100%;
}
.ck-slide .ck-prev, .ck-slide .ck-next {
   position: absolute;
   top: 50%;
   z-index: 2;
   width: 35px;
   height: 70px;
   margin-top: -35px;
   border-radius: 3px;
   opacity: .15;
   background: red;
   text-indent: -9999px;
   background-repeat: no-repeat;
   transition: opacity .2s linear 0s;
}
.ck-slide .ck-prev {
   left: 5px;
   background: url(../images/arrow-left.png) #000 50% no-repeat;
}
.ck-slide .ck-next {
   right: 5px;
   background: url(../images/arrow-right.png) #000 50% no-repeat;
}
.ck-slidebox {
   position: absolute;
   left: 50%;
   bottom: 12px;
   z-index: 30;
}
.ck-slidebox ul { 
   height: 20px;
   padding: 0 4px;
   border-radius: 8px;
   /*background: rgba(0,0,0,0.5);*/
}
.ck-slidebox ul li {
   float: left;
   height: 15px;
   margin: 8px 4px;
}
.ck-slidebox ul li em {
   display: block;
   width: 38px;
   height: 4px;
   border-radius: 10px;
   background-color: #fff;
   text-indent: -9999px;
   cursor: pointer;
}
.ck-slidebox ul li.current em {
   background-color: #2555FF;
}
.ck-slidebox ul li em:hover {
   background-color: #2555FF;
}
 
.ck-slidebox-title {
   position: absolute;
   z-index: 30;
   width: 100%;
}
.slideWrap-title{ width: 100%;margin: 0 auto;max-width: 1200px;}

.slideWrap-title .title-wrap{width:80%;float: left;}
.slideWrap-title .content-wrap{width: 50%;float: left;padding-top: 80px;}


.ck-slidebox-title ul {
   padding: 0;
   color:white;
}
.ck-slidebox-title ul li{
}
.ck-slidebox-title ul li div.title{
	margin-top:80px;
}
.ck-slidebox-title ul li div.title h3{
   margin:0 auto;
   font-size: 36px;
   font-weight: 600;
   color: #333;
}
.ck-slidebox-title ul li div.brief{
   margin-top: 25px;
   font-size: 26px;
   color: #333;
   width: 450px;
}
.ck-slidebox-title ul li div.brief p{
   /*text-indent: 2em;*/
   font-size: 16px;
   line-height: 40px;
}

.ck-slidebox-title ul li .go_more{
   display: block;
   text-align: center;
   width: 150px;
   height: 46px;
   line-height: 46px;
   color: #fff;
   font-size: 16px;
   border-radius: 4px;
   margin-top: 50px;
   background:#2555FF;
}

.ck-slidebox-title ul li .go_more:hover{
   background:#2449CC;
}