@charset "utf-8";
* { margin:0; padding:0; }
html, body { font-family:'Microsoft YaHei'; font-family:"微软雅黑"; margin:0 auto; padding:0; border:none; text-align:center;}
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
ul, li { list-style:none; padding:0; margin:0; }/*ie、ff*/
form { margin:0; padding:0; }/*ie、ff*/
img { border:0px; }
img, input { vertical-align:middle; }/*实现居中*/
a, input, button, select, textarea { outline:none; }/*输入框点击上去不会出现蓝色边框*/
.zjl_bg{ height:50px; line-height:50px;}
.zjl_pad1{}
.zjl_pad1 img{ max-width:100%;}
.zjl_pad2{}
.zjl_pad2 img{ max-width:100%; height:auto;}
.zjl_pad3{ font-size:1.2em; color:#333333;}
.w100{ float:left; width:100%; height:auto; overflow:hidden;}
.transparent { background:#00000; opacity:0.8; filter:alpha(opacity=80); background:rgba(0, 0, 0, 0.8) none repeat scroll !important; filter:Alpha(opacity=80); }
.zjl_imgleft{ float:left; width:89px; height:67px; margin:0 0 0 10px;}
.zjl_info{ margin:0 10px 0 110px;}
.zjl_info p{ font-size:1em; color:#333333; font-weight:bold; height:40px;}
.zjl_info span{ float:left; font-size:0.825em; color:#888888;}
.zjl_info em{ float:right; font-size:0.825em; color:#888888; font-style:normal;}
.zjl_imglist{ margin:0;}
.zjl_imglist img{ display:block; width:100%;}
.cont_body{ float:left; width:100%; height:auto;  margin:0 auto 70px auto;}
.zjl_imglist span{ float:left; font-size:0.825em; color:#888888; margin:5px auto 10px auto;}
.zjl_imglist em{ float:right; font-size:0.825em; color:#888888; font-style:normal; margin:5px auto 10px auto;}
.end_file{ position:fixed; bottom:0; width:100%; left:0; background:#ffffff; padding-top:10px; z-index:9;}
.end_file a{ float:left; width:33.33%; height:auto; overflow:hidden; color:#2691d0;  text-align:center;}
.end_file a span{font-size:2em;}
.end_file a p{ float:left; width:100%; text-align:center; font-size:0.825em; color:#2691d0; line-height:24px;}
/*20170410*/
.fz-bg{ background:#eeeeee;}
.fz-bga{ background:#ffffff;}
.fz-bgb{ background:url(../images/news_bk.png) no-repeat center top; background-size:100% 100%; margin-top:15px;}
.fz-bgc{ background:#f2f7f3; border-top:1px solid #f2f7f3; margin-top:25px;}
.fz-bgd{ background:#eeeeee; margin:15px auto;}
.fz-tit1{ font-weight: 700;font-size:1.2em; color:#000; padding-top:15px;}
.fz-tit2{ font-size:1em; color:#111; padding-left:5px; padding-right:5px; border-bottom:1px solid #2691d0; padding-bottom:3px;}
.fz-tit3{ font-size:1.2em; color:#222; padding-top:15px;}
.fz-tit4{ font-size:1em; color:#999999; padding-left:5px; padding-right:5px; padding-bottom:3px;}
.fz-tit5{ font-size:1.2em; color:#333333; padding-bottom:15px;}
.server-box{ margin-top:25px; padding-bottom:15px; width:20%; float:left; }
.server-box p{-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#999999; font-size:0.725em; line-height:24px; text-decoration:none;}
.server-boxa{ margin-top:25px; padding-bottom:15px; width:20%; float:left; }
.server-boxa p{-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#999999; font-size:0.725em; line-height:24px; text-decoration:none;}

.server-img{ margin:0 auto; width:45px; height:45px; border:1px solid #2691d0; -webkit-border-radius:100%; }
.server-imga { background:url(../images/sevice_ios.png) no-repeat center center; background-size:19px 25px; }
.server-imga:hover { background:url(../images/sevice_ios_pre.png) no-repeat center center #2691d0; cursor:pointer; background-size:19px 25px; }
.server-imgb { background:url(../images/service_android.png) no-repeat center center; background-size:21px 25px; }
.server-imgb:hover { background:url(../images/service_android_pre.png) no-repeat center center #2691d0; cursor:pointer; background-size:21px 25px; }
.server-imgc { background:url(../images/service_h5.png) no-repeat center center; background-size:50% 50%; }
.server-imgc:hover { background:url(../images/service_h5_pre.png) no-repeat center center #2691d0; cursor:pointer;  background-size:50% 50%;}
.server-imgca { background:url(../images/pimg14.png) no-repeat center center; background-size:27px 25px; }
.server-imgca:hover { background:url(../images/pimg13.png) no-repeat center center #2691d0; cursor:pointer;  background-size:27px 25px;}

.server-imgd { background:url(../images/service_chat.png) no-repeat center center; background-size:55% 50%; }
.server-imgd:hover { background:url(../images/service_chat_pre.png) no-repeat center center #2691d0; cursor:pointer; background-size:55% 50%; }
.server-imge:hover { background:url(../images/service_live.png) no-repeat center center; background-size:26px 25px; }
.server-imge{ background:url(../images/service_live_pre.png) no-repeat center center #2691d0; cursor:pointer; background-size:26px 25px; }

.advantage-box{ margin-top:25px; padding-bottom:15px; width:30%; float:left; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#999999; font-size:0.725em; line-height:24px;}
.second-ul { text-align:center; margin-top:25px; }
.second-ul li { float:left; width:23%; margin:0 1%; background:#2691d0; padding-bottom:20px; }
.second-ul li a { float:left; width:100%; }
.second-ulimg { }
.second-ulimg img { display:block; margin:30px auto; height:30px;}
.second-ultit { font-size:1.2em; color:#ffffff; }
.second-ulfont { font-size:0.725em; color:#ffffff; line-height:24px; padding-left:5px; padding-right:5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*three*/
.three-ul { text-align:center; margin-top:25px; }
.three-ul li { float:left; width:14.285%; }
.three-ul li img { display:block; margin:0 auto; max-width:100%; }
.three-ul li p { display:block; font-size:0.725em; color:#ffffff; margin:10px auto; }
/*four*/
.four-ul{ margin-top:25px;}
.four-ul li{ float:left; width:50%; height:auto;   text-align:center;}
.four-ul li a{ float:left; width:94%; margin:0 3% 15px 3%; position:relative;height:auto; display:block;}
.four-ul li a img{ display:block; left:0; top:0; z-index:1; max-width:100%; }
.four-ul li a p{background:#00000; opacity:0.8; filter:alpha(opacity=80); background:rgba(0, 0, 0, 0.8) none repeat scroll !important; filter:Alpha(opacity=80);  position:absolute; z-index:2; left:0; bottom:0; height:30px; width:100%; *background:#5c5c5c; margin:0; }
.four-ul li a span{ position:absolute; z-index:3;font-size:1em; font-weight:bold; color:#ffffff; width:100%; height:30px; line-height:30px; left:0; bottom:0; }
.four-ulmargin{ margin-top:0;}
/*frive*/
.frive-box{ background:url(../images/news_bk.png) no-repeat center top; height:658px;}
.frive-ul{ float:left; width:32%; height:auto; overflow:hidden; margin-top:25px;}
.frive-titbox{ float:left; width:100%; height:35px; line-height:35px; background:#1b6c9f; margin:0;}
.frive-titbox span{ float:left; margin-left:5px; font-size:0.625em; color:#ffffff;}
.frive-titbox a{ float:right; margin-right:5px; font-size:0.625em; color:#ffffff;}
.frive-img{ float:left; width:100%; height:auto;}
.frive-img img{ display:block; margin:0 auto; max-width:100%;}
.frive-list{ float:left; width:100%; background:#ffffff; height:auto; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.frive-list li{ float:left; width:96%; height:auto; margin:0 2%; height:30px; line-height:30px;}
.frive-list li a.aa{ color:#1c6da0;}
.frive-list li em.aa{ color:#1c6da0;}
.frive-list li span{ float:left; width:4px; height:30px; background:url(../images/pimg7.png) no-repeat left center;}
.frive-list li a{ float:left; width:70%; margin-left:5px; font-size:14px; color:#888888; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.frive-list li em{ float:right; font-size:14px; color:#666666; font-style:normal;}
.frive-margin{ margin:25px 2% 0 2%;}
/*解决方案*/
.mt14{}
.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frbox { float:left; width:100%; height:auto; overflow:hidden;}
.mr_frBtnL { float: left; margin: 90px 10px 0px 0px; cursor: pointer; display: inline;  display:none; }
.mr_frUl { float: left; height: auto; text-align:center; margin-top:25px;  }
.mr_frBtnR { float: right; margin-top: 90px; cursor: pointer; display:none; }
.mr_frUl ul li { display: inline; float: left; height: auto; width: 32%; overflow: hidden; margin:0 1% 0 0; background:#f3f5f6;}
.mr_frUl ul li img { display: block; width:100%;}
.six-p{ font-size:0.825empx; color:#333333; margin:10px auto;}
.six-cont{ float:left; width:90%; margin:0 5%; font-size:0.725em; color:#888888; line-height:20px;  text-align:left; padding-bottom:20px;}
/*合作伙伴*/
.logo-box{ float:left; width:24%; height:auto; text-align:center; margin:18px 1px; background:#ffffff;}
.logo-boximg{ display:block; margin:0 auto; width:100%; height:35px; margin-top:20px;}
.logo-boximga{ background:url(../images/f_microsoft_gray_pre.png) no-repeat center center; background-size:75px 35px;}
.logo-boximga:hover{ background:url(../images/f_microsoft_gray.png) no-repeat center center; cursor:pointer; background-size:75px 35px;}
.logo-boximgb{ background:url(../images/f_cctv_ys.png) no-repeat center center; background-size:75px 35px;}
.logo-boximgb:hover{ background:url(../images/f_cctv_ys_pre.png) no-repeat center center; cursor:pointer; background-size:75px 35px; }
.logo-boximgc{ background:url(../images/f_zgrb_zg.png) no-repeat center center; background-size:75px 35px;}
.logo-boximgc:hover{ background:url(../images/f_zgrb_zg_pre.png) no-repeat center center; cursor:pointer; background-size:75px 35px;}
.logo-boximgd{ background:url(../images/f_beida_bd.png) no-repeat center center; background-size:75px 35px;}
.logo-boximgd:hover{ background:url(../images/f_beida_bd_pre.png) no-repeat center center; cursor:pointer; background-size:75px 35px;}
.logo-boximge{ background:url(../images/f_icon_zgyd.png) no-repeat center center; background-size:75px 35px;}
.logo-boximge:hover{ background:url(../images/f_icon_zgyd_pre.png) no-repeat center center; cursor:pointer; background-size:75px 35px;}
.logo-boximgf{ background:url(../images/f_logo_zl.png) no-repeat center center; background-size:75px 35px;}
.logo-boximgf:hover{ background:url(../images/f_logo_zl_pre.png) no-repeat center center; cursor:pointer; background-size:75px 35px;}
.logo-boximgg{ background:url(../images/f_aly.png) no-repeat center center; background-size:75px 35px;}
.logo-boximgg:hover{ background:url(../images/f_aly_pre.png) no-repeat center center; cursor:pointer; background-size:75px 35px;}
.logo-boximgh{ background:url(../images/f_kfc.png) no-repeat center center; background-size:75px 35px;}
.logo-boximgh:hover{ background:url(../images/f_kfc_pre.png) no-repeat center center; cursor:pointer; background-size:75px 35px;}
.logo-box p{font-size:0.725em; color:#000000; line-height:36px; }
.six-ul{ margin-bottom:1px;}
/*弹出下拉菜单*/
.fz-boxtita{ display:block; background:#ffffff; width:94%; margin:0 3%; border-bottom:1px solid #dddddd; font-size:1.2em; color:#333333;}
.fz-boxtita .aa{ color:#2691d0;}
.fz-boxtita:hover{ color:#2691d0;}
.fz-button{ border:none; background:none;}
/*资讯列表*/
.news-box{ border-bottom:1px solid #e1e1e1; padding-bottom:5px; margin-bottom:5px;}
.news-box img{ float:left; width:128px; height:85px;}
.news-boxa{  padding-bottom:15px;}
.news-boxa img{ float:left; width:117px; height:72px;}

.news-boxcont{ margin-left:137px; text-align:left;}
.news-boxtit{  display:block; margin-bottom:10px; text-align:left; line-height:20px;}
.news-boxtit em{ float:right; font-size:0.825em; color:#999999; font-style:normal; margin-right:10px;}
.news-boxcont p{font-size:0.725em; color:#444; margin-right:10px; text-align:left;}
.news-margin{ margin-top:20px;}
.hz-bg{ background:#eeeeee;}
.hz-bga{ background:#eeeeee; padding-bottom:10px;}
.hz-bgmg{ background:#eeeeee; margin-top:15px;}
.sever-button{ padding-bottom:15px;}
.sever-button a{ padding:6px 12px; font-size:0.825em; float:left; color:#999999; margin:15px 10px 0 10px; border:1px solid #f0f0f0; -webkit-border-radius:20px; background:#ffffff;}
.sever-button a.aa{ background:#2691d0; color:#ffffff;}
.sever-button a:hover{ background:#2691d0; color:#ffffff;}
.fz-font{ font-size:0.825em; color:#666666; padding-top:15px; line-height:20px; margin-bottom:10px;}
.fz-titline{ display:block; width:40px; height:1px; background:#2691d0; margin-top:5px; }
.sever-img{ padding:0;}
.sever-img img{ display:block; margin:0 auto; max-width:100%;}
.vido-tit{ height:45px; line-height:45px; font-size:1.3em; color:#333333;}
.vido-line{ height:1px; background:#333333; margin-top:22px;}
.vido-img{}
.vido-img img{ display:block; margin:0 auto; max-width:100%;}
/*four-class*/
.four-ula{ margin-top:25px;}
.four-ula li{ float:left; width:50%; height:auto; text-align:center;}
.four-ula li a{ float:left; width:94%; margin:0 3% 15px 3%; position:relative; height:auto; text-align:center; display:block;}

.four-ula li a img{ display:block;  left:0; top:0; z-index:1; max-width:100%;}
.four-ula li a p{background:#00000; opacity:0.8; filter:alpha(opacity=80); background:rgba(0, 0, 0, 0.8) none repeat scroll !important; filter:Alpha(opacity=80);  position:absolute; z-index:2; left:0; bottom:0; height:30px; width:100%; *background:#5c5c5c; margin:0; }
.four-ula li a span{ position:absolute; z-index:3;font-size:14px;color:#ffffff; width:100%; height:30px; line-height:30px; left:0; bottom:0; }
.programme-marka{ font-size:0.825em; color:#666666; line-height:20px; padding-top:10px; padding-bottom:10px;}
.programme-cont{ font-size:0.825em; color:#666666; line-height:22px; text-align:left;}
.programme-cont p{ margin-bottom:10px;}
.programme-cont strong{ margin-bottom:10px;}
.programme-mark{ background:#eeeeee; font-size:0.825em; color:#999999; line-height:20px; margin:15px auto;}
/*资讯详情*/
.programme-lefttita{font-weight: 900;font-size: 1.8em; color:#333333; text-align:center; margin:40px auto;}
.programme-leftmark{ border-bottom:1px solid #333333; padding-bottom:15px; margin-bottom:15px; font-size:14px; color:#999999; line-height:23px;}
.programme-lefttime{ float:left; background:url(../images/gimg2.gif) no-repeat left center; padding-left:20px; margin-right:15px;}
.programme-lefthand{ float:left; background:url(../images/gimg3.gif) no-repeat left center; padding-left:22px; margin-right:15px; color:#999999;}
.programme-lefteay{ float:left; background:url(../images/gimg4.gif) no-repeat left center; padding-left:25px; margin-right:15px;}
.programme-leftabstrac{ background:#eeeeee;font-size:14px; color:3333333; line-height:24px; text-align:left; margin-bottom:15px;}
.programme-leftabstrac p{ display:block; margin-bottom:10px;}
.programme-abstrac{ float:left; width:96%; margin:15px 2%; }
.programme-cont{ font-size:14px; color:3333333; line-height:24px; text-align:left;}
.programme-cont p{ margin-bottom:10px;}
.programme-cont img{ display:block; margin:15px auto; max-width:100%;}
.programme-cont strong{ margin-bottom:10px;}
.programme-mark{ background:#eeeeee; text-align:center; font-size:14px; color:#999999; line-height:30px; margin:15px auto;}
.programme-leftul{ margin:30px auto;}
.programme-leftul li{ float:left; width:100%; height:auto; overflow:hidden;}
.programme-leftul li a{ display:block; color:#666666;}
.programme-leftul li a span{ color:#333333;}
/*tab切换*/
#tab{width:100%;position:relative;margin:0 auto; float:left;}
#tab .tab_menu{width:100%;float:left; margin-bottom:15px; background:#eeeeee; z-index:1; padding-bottom:15px;}
#tab .tab_menu li{padding:5px 10px; font-size:0.825em; float:left; color:#999999; margin:4px 4px 0 4px; border:1px solid #f0f0f0; border-radius:20px; background:#ffffff;}
#tab .tab_box{width:100%;height:auto;clear:both;float:left; position:relative;}
#tab .tab_menu .selected{background-color:#2691d0; color:#ffffff; cursor:pointer;}
.hidea{display:none;}
.tab_box div{} 
/*关于我们*/
.our-mapbox{ box-shadow: 3px 3px 25px #dddddd; margin-bottom:20px;}
.our-mapbox img{ display:block; margin:0 auto; max-width:100%;}
.our-are{ margin:3px auto; text-align:left;}
.our-are img{ float:left; width:15px; height:15px;}
.our-arep{ margin-left:20px; font-size:0.825em; color:#333333;}
.our-img{text-align:left; color:#666666; font-size:0.825em;}
.our-img img{ display:block; margin:0 auto 15px auto; max-width:100%;}
.our-tit{ font-size:1.4em; color:#333333;}
.our-cont{ line-height:22px;}
.our-cont strong{ color:#333333; font-weight:normal;}
.our-recruit{box-shadow: 3px 3px 25px #dddddd; margin-bottom:20px; padding-bottom:15px; text-align:left; color:#666666; font-size:0.825em; line-height:22px;}
.our-recruit strong{ color:#333333; font-weight:normal;}
.our-recruit p{ margin:0;}
.our-tita{font-size:1.4em; color:#333333; text-align:center; margin-top:15px;}
.our-markmargin{ margin-top:25px;}
.our-mark{ line-height:22px;}
.our-mark img{ float:left; width:12px; height:12px; margin-top:5px;}
.our-markcont{ margin-left:22px; font-size:1em; color:#333333;}
/*
@media (max-width:320px) {
.four-ul li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:88px; text-align:center;}
.four-ul li img{ position:absolute; left:0; top:0; z-index:1; height:88px;}
.four-ula li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:155px; text-align:center;}
.four-ula li img{ position:absolute; left:0; top:0; z-index:1; height:155px;}
}
@media (min-width:375px) {
.four-ul li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:103px; text-align:center;}
.four-ul li img{ position:absolute; left:0; top:0; z-index:1; height:103px;}
.four-ula li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:200px; text-align:center;}
.four-ula li img{ position:absolute; left:0; top:0; z-index:1; height:200px;}
}

@media (min-width:414px) {
.four-ul li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:114px; text-align:center;}
.four-ul li img{ position:absolute; left:0; top:0; z-index:1; height:114px;}
.four-ula li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:200px; text-align:center;}
.four-ula li img{ position:absolute; left:0; top:0; z-index:1; height:200px;}
}
@media (min-width:412px) {
.four-ul li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:113px; text-align:center;}
.four-ul li img{ position:absolute; left:0; top:0; z-index:1; height:113px;}
.four-ula li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:200px; text-align:center;}
.four-ula li img{ position:absolute; left:0; top:0; z-index:1; height:200px;}
}

@media (min-width:768px) {
.four-ul li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:206px; text-align:center;}
.four-ul li img{ position:absolute; left:0; top:0; z-index:1; height:206px;}
.four-ula li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:360px; text-align:center;}
.four-ula li img{ position:absolute; left:0; top:0; z-index:1; height:360px;}
}
@media (min-width:1280px) {
.four-ul li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:320px; text-align:center;}
.four-ul li img{ position:absolute; left:0; top:0; z-index:1; height:320px;}
.four-ula li{ float:left; width:48%; margin:0 1.5% 15px 0.5%; position:relative; height:570px; text-align:center;}
.four-ula li img{ position:absolute; left:0; top:0; z-index:1; height:570px;}

}*/

.server-img img{ margin:8px auto auto auto; height:25px; }
.logo-boximg img{ margin:0 auto; height:35px; max-width:100%;}
.logo-boxhover{ display:none}
.sever-imghover{ display:none;}
.case_detail .case_title{
    padding:0 2%;
}
.case_detail .case_title h3{
    color:#0071be;
    font-family: '黑体';
    font-size:40px;
    font-weight:300;
    margin-bottom:20px;
}
.case_detail .case_title p{
    line-height: 28px;
    color:#333333;
    font-size:16px;
    text-align: left;
    padding: 0 2%;
}
.case_detail .case_content{
    width:100%;
    height:auto;
    border:1px solid #d1d1d1;
    padding:5% 0 5% 0;
    margin-top:20px;
    overflow: hidden;
    margin-bottom: 5%;
}
.case_detail .case_content ul li{
    width:48%;
    height:auto;
    box-shadow:0 0 7px #c1c1c1;
    border-radius:7px;
    padding:2%;
    margin: 1%;
    float: left;

}
.case_detail .case_content ul li.last{
    margin-right: 0;
}

.case_detail .case_content ul li img{
    display: block;
    width:100%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.case_detail .case_content ul li .box{
    width:100%;
    height:0;
    padding-bottom: 175%;
    position: relative;
    overflow: hidden;
    border:1px solid #D1D1D1;
}
.case_detail .case_content ul li:hover img{
    -webkit-transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -o-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1);
}
.case_detail .about_case{
    margin-top:56px;
}
.case_detail .about_case h3{
    font-size:40px;
    color:#0071be;
    padding-left:20px;
    font-family: '黑体';
    font-weight: 300;
}
.case_detail .about_case ul li{
    width:378px;
    height:308px;
    border:1px solid #d1d1d1;
    float: left;
    margin-right: 30px;
    margin-top:32px;
}
.case_detail .about_case ul li.last{
    margin-right: 0;
}
.case_detail .about_case ul li:nth-child(3n){
    margin-right: 0;
}
.case_detail .about_case ul li .img{
    width:378px;
    height:258px;
    overflow: hidden;
}
.case_detail .about_case ul li .img img{
    display: block;
    width:378px;
    height:258px;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.case_detail .about_case ul li p{
    text-align: center;
    line-height: 50px;
    color:#333333;
    font-size:16px;
}
.case_detail .about_case ul li:hover img{
    -webkit-transform:scale(1.1, 1.1);
    -moz-transform:scale(1.1, 1.1);
    -o-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1);
}