.title1{padding-top: 37px; height: 78px; line-height: 30px; font-size: 16px; text-align: center;}
.title1 span{display: block; line-height: 35px; font-size: 24px;font-weight: bold;}
.hot_title{height: 30px; border-bottom: 1px solid #c8c8c9;}
.hot_title dt{ display: block; width: 420px; font-size: 16px; line-height: 30px; float: left;}
.hot_title ul{float: right;}
.hot_title li{cursor: pointer;float: left;display: block; padding-left: 28px; font-size: 14px; line-height: 30px; float: left; text-align: center;}
.hot_title li.active{color: #12A5F8;}
/*热门案例*/
.hot_case{overflow: hidden;}
.hot_case.hot_case .hot_box{width: 1035px;height: auto; overflow: hidden;min-height: 150px;}
.hot_case_mk{background: url(../images/case_c.jpg) repeat-y; width: 310px; height: 179px; margin: 13px 35px 0 0; position: relative; float: left;}
.hot_case_mk h1{line-height: 32px; padding-top: 4px; padding-left: 20px; font-size: 16px; font-weight: normal; background: url(../images/case_t.jpg) no-repeat center top;}
.hot_case_mk .tag{ position: absolute; top: 1px; right: 1px;}
.hot_case_mk dl{height: 103px; padding: 0 16px; background: url(../images/case_b.jpg) no-repeat center bottom;}
.hot_case_mk dl dt{display: block; width: 83px; height: 97px; padding: 3px; float: left;}
.hot_case_mk dl dd{display: block; width: 183px; padding-left: 6px; height: 103px; line-height: 18px; font-size: 12px; color: #999; position: relative; float: left;}
.hot_case_mk dl dd .pic{ position: absolute; bottom: 11px; right: -8px;cursor:pointer;}
.hot_case_mk .bottom{height: 40px; line-height: 30px; padding: 0 4px; background: #e9e9eb; font-size: 14px; color: #999;}
.hot_case_mk .bottom a{float: right; color: #12a5f8; text-decoration: underline;}
.hot_case_mk .bottom a:hover{color: #ff0000;}
.qcode{position: absolute;right: -8px;bottom: 11px;}
.qcode div{right: 30px;bottom: -35px;}
.top_box .pic{position: relative;}
.top_box .pic .qcode{right: 0;bottom: 0;width: 100%;height: 100%;background: none;}
.top_box .pic .qcode:hover{background: rgba(0,0,0,.8);}
.top_box .pic .qcode div{top: 10px;left: 10px;border-radius: 0;box-shadow: none;}
/*top 10*/
.top_content{margin-top: 42px;padding-bottom: 90px;height: auto;overflow: hidden;}
.top_content .top{width: 465px;}
.top_content .item{width: 259px;background: #fff;float: right;height: 287px;}
.top_content .item li{display: block;height: auto;}
.top_content .item li a{display: block;height: 28px;line-height: 28px;padding: 0 15px 0 10px;font-size: 14px;color: #666;-webkit-transition: none;transition: none;}
.top_content .item li.on{background: #12a5f8;height: 30px;line-height: 30px;color: #fff;}
.top_content .item li.on a,.top_content .item li.on span{color: #fff;}
.top_content .item li a span{float: right;font-size: 12px;color: #999;}
.top_content .top_box{margin-top: 19px;height: auto;overflow: hidden;}
.top_content .top_show_item{display: none;}
.top_content .top_show_item.on{display: block;}
.top_content .top_show{width: 200px;height: 287px;background: #fff;float: left;}
.top_content .top_show p{height: 43px;padding: 0 10px;}
.top_content .top_show span{line-height: 26px;float: left;}
.top_content .top_show i{display: block;float: right;margin-top: 3px;}

.top_l{float: left;}
.top_r{float: right;}