@charset "utf-8";
 @import "global.css";
/*案例*/

.case { margin: 30px auto 50px auto; overflow: hidden; }
.case .left,  .case .right { float: left; }
.case .left { width: 830px; margin-right: 30px; }
.case .right { width: 340px; }
.case .left .list { position: relative; margin-bottom: 50px; width: 790px; border: 1px solid #ddd; padding: 20px 20px 70px 20px; overflow: hidden; }
.case .left .list .header img { float: left; margin-right: 15px; overflow: hidden; width: auto; height: auto; }
.case .left .list .header div p:first-child { font-size: 18px; font-weight: 500; line-height: 30px; }
.case .left .list .header div p:last-child { font-size: 14px; color: #666; }
.case .left .list .content { margin: 20px auto auto 73px; line-height: 26px; text-align: justify; }
/*缩略图*/

.case_thumb { margin-right: 10px; }
.case_thumb:hover { cursor: url(../../img/icon_view.ico), default; }
.share { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; }
.share img { vertical-align: middle; }
.share li { float: left; height: 50px; line-height: 50px; border-top: 1px solid #ccc; cursor: pointer; }
.share li:first-child { background: url(../../img/caes_icon-zan.png) 130px 12px no-repeat; border-right: 1px solid #ccc; width: 414px; }
.share li:last-child { background: url(../../img/caes_icon-ma.png) 110px center no-repeat; width: 415px; position: relative; }
.share li:first-child:hover { background: #f5f5f5 url(../../img/caes_icon-zan.png) 130px 12px no-repeat; }
.share li:last-child:hover { background: #f5f5f5 url(../../img/caes_icon-ma.png) 110px center no-repeat; }
.qrcode { display: none; position: absolute; width: 150px; height: 168px; left: 132px; bottom: 50px; z-index: 10; background: url(../../img/qrcode_bg.png) center no-repeat; }
.qrcode img { margin-top: 10px; }
.awesome_active { background: url(../../img/caes_icon-zan1.png) 130px 12px no-repeat !important; border-right: 1px solid #ccc; width: 424px; }
.awesome_active:hover { background: #f5f5f5 url(../../img/caes_icon-zan1.png) 130px 12px no-repeat !important; }
/*右侧内容*/

.case .right > .list { width: 340px; background: #fafafa; margin-bottom: 30px; padding-bottom: 30px; overflow: hidden; position: relative; }
.case .right .list span.mark { display: inline-block; background-color: #f63756; position: absolute; height: 20px; width: 4px; left: 0; top: 30px; }
.case .right .list span.more { position: absolute; top: 30px; right: 30px; }
.case .right .list span.more a { color: #bbb; }
.case .right .list span.more a:hover { color: #333; }
.case .right .list span.title { font-size: 20px; font-weight: 400; padding: 25px 30px 0; display: inline-block; margin: 0; }
.case .right .list span.line { display: block; height: 1px; width: 100%; background: #f0f0f0; }
.case .right .list .tags { margin: 20px 30px; overflow: hidden; }
.case .right .list .tags a { float: left; display: block; padding: 5px 5px 5px 0; }
.case .right .list .search { margin: 20px 30px; overflow: hidden; }
.case .right .list .weixin { margin: 20px 30px; overflow: hidden; text-align: center; }
.case .right .list .search input[type='text'] { width: 268px; height: 38px; padding: 5px; border: 1px solid #f0f0f0; text-indent: 1em; }
.case .right .list .search input[type='text']:hover { border: 1px solid #09f; }
.case .right .list .search input[type='submit'] { width: 100%; height: 50px; margin-top: 10px; background: #3ca5f6 url(../../img/icon_search.png) 80px center no-repeat; color: #fff; font-size: 18px; text-align: center; }
.case .right .list .search input[type='submit']:hover { background: #2f99ea url(../../img/icon_search.png) 80px center no-repeat; }
/*推荐*/

.case .right .sd_list ul { margin-top: 10px; }
.case .right .sd_list ul li { width: 280px; padding: 20px 30px; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.case .right .sd_list ul li:last-child { border-bottom: 0 !important; }
.case .right .sd_list ul li .art-img { width: 280px; height: 158px; overflow: hidden; margin-bottom: 20px; }
.case .right .art-img img { width: 280px; transition: all 0.5s; }
.case .right .art-img img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -transform: scale(1.1, 1.1); }
.case .right .art-txt { font-size: 16px; line-height: 28px; text-align: center; }
.case .right .comm_list .art-txt { text-align: left !important; }
.case .right .category_list { width: 280px; padding: 20px 30px; overflow: hidden; }
/*联系*/

.comm_model_box { width: 1200px; margin: 20px auto; clear: both;}
.comm_model_box #comm_nav { margin-top: 20px; padding-left: 35px; height: 23px; line-height: 23px; background: url(../../img/comm.png) no-repeat 0 0; font-size: 14px; float: right;}
.comm_model_box #comm_nav a { color: #09f; }
.comm_model_box .title { text-align: center; }
.comm_model_box .title h1 { font-weight: normal; font-size: 30px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin: 20px auto; }
.comm_model_box .content { font-size: 16px; line-height: 30px; color: #333; padding-top: 25px; }
.comm_model_box .content img { padding: 20px 0; }
.comm_model_box .content br { line-height: 60px; display: inline; }
.comm_model_box .content p { margin-bottom: 20px; }
.comm_model_box .content .contact { overflow: hidden; margin: 60px 0 30px 0; }
.comm_model_box .content .contact li { float: left; padding: 30px 25px; background: #f0f0f0; height: 200px; width: 315px; margin-right: 52px; }
.comm_model_box .content .contact li:last-child { margin-right: 0 !important; }
.comm_model_box .content .contact .title { font-size: 22px; padding-bottom: 20px; }
.comm_model_box .content .contact p { margin-bottom: 0 !important; }