@charset "utf-8";
/* CSS Document */
#second_nav li{width:299px;}
#case_center_banner{background:#181f2f url(../images/solution_banner.jpg) center no-repeat;}
.case_list image{width: 387px;height: 257px;}
.case_list{margin:10px 0 50px;}
.case_list .case_list_info{width:361px;overflow: hidden;margin:0 auto;}
.case_list li{margin-top:20px;float: left;width:387px;height: 416px;border:1px solid #e6e6e6;position: relative;top:0;transition-duration: 0.5s;}

.case_list li:nth-child(3n+2){margin-left:16px;margin-right: 16px;}
.case_list li img{width: 387px;height: 253px;;}
.case_list .case_list_info h3{color:#323232;font-size:16px;line-height:52px;font-weight: bold;height: 52px;overflow: hidden;}
.case_list .case_list_info p{color:#969696;font-size:14px;line-height: 22px;display: block;height: 64px;overflow: hidden;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;}
.case_list .case_list_info span{line-height: 45px;font-size: 14px;color:#969696;}
.case_list .case_list_info span:last-child a{color:#cd091f;float:right;}
.case_list li:hover{background-color:#cd091f;top:-3px;box-shadow: 0px 5px 10px 3px #ccc;}
.case_list li:hover .case_list_info h3 a,.case_list li:hover .case_list_info p,.case_list li:hover .case_list_info span,.case_list li:hover .case_list_info span a{color:#fff;}




#case_parti_banner{height: 70px;background-color:#333;}

.case_parti_title{font-size:28px;font-weight: bold;}
.case_parti_title i{color:#cd091f;margin-right: 25px;font-size: 20px;font-weight: 400;}
#product_parti_banner{height: 70px;background-color:#2F4F4F;color: #fff;font-size:12px;}
#product_parti_banner a{color: #fff;}
#product_parti_banner .container{margin-top:35px;}

#case_parti_introduction{padding:60px 0;}
#case_parti_introduction h1{font-size:30px;font-weight: bold;text-align: center;margin-bottom: 35px;}
#case_parti_introduction .case_parti_info{margin-top:10px;}
#case_parti_introduction .case_parti_info .parti_info_left{width: 620px;font-size: 15px;padding-top: 5px;line-height: 26px;}
#case_parti_introduction .case_parti_info .parti_info_left p{line-height: 24px;font-size: 14px;margin:20px 0; }
#case_parti_introduction .case_parti_info .parti_info_left p{line-height: 24px;font-size: 14px;margin:20px 0; }
#case_parti_introduction .case_parti_info .parti_info_right{width: 520px;height: 334px;overflow: hidden;}
#case_parti_introduction .case_parti_info .parti_info_right img{width:100%;height:100%;}

#case_parti_parameter{background-color: #f5f5f5;padding:35px 0 50px;}
#case_parti_parameter small{display: block;margin:20px 0; color:#666;font-size: 14px;line-height: 24px;}

#case_parti_recommend{padding:40px 0 50px;}
#case_parti_recommend .parti_recommend_info {margin-top:40px;}
#case_parti_recommend .parti_recommend_info .recommend_info_left{width:400px;line-height: 22px;position: relative;height: 400px;word-break:break-word;font-size:14px;}
#case_parti_recommend .parti_recommend_info .recommend_info_left h3{font-weight: bold;font-size:20px;}
#case_parti_recommend .parti_recommend_info .recommend_info_left>p{font-size: 14px;line-height: 18px;margin:20px 0;}
#case_parti_recommend .parti_recommend_info .recommend_info_left .info_left_deploy{padding-top:20px;border-top:1px dashed #999;}
#case_parti_recommend .recommend_info_left .info_left_deploy li{float: left;width: 187px;margin-right: 20px;}
#case_parti_recommend .recommend_info_left .info_left_deploy li:last-child{margin-right: 0;}
#case_parti_recommend .recommend_info_left .info_left_deploy li h4{font-weight: bold;margin-bottom: 14px;}
#case_parti_recommend .recommend_info_left .info_left_deploy li p{font-size:12px;line-height: 14px;word-break: break-word;}
#case_parti_recommend .recommend_info_left  .info_left_btn{position: absolute;bottom: 0;}
#case_parti_recommend .recommend_info_left  .info_left_btn li{float: left;width: 190px;height: 40px;color:#fff;line-height: 40px;font-size:14px;margin-right:10px;}
#case_parti_recommend .recommend_info_left  .info_left_btn li i{margin-left: 14px;}
#case_parti_recommend .recommend_info_right{position: relative;width: 780px;}
#case_parti_recommend .recommend_info_right .info_right_btn{margin-top:-60px;position: absolute;right: 0;}
#case_parti_recommend .recommend_info_right .info_right_btn li{float: left;width:40px;height: 40px;border:1px solid #eee;line-height: 40px;border-radius: 5px;text-align: center;margin-left: 5px;cursor: pointer;}
#case_parti_recommend .recommend_info_right .info_right_btn li i{color:#666;}
#case_parti_recommend .recommend_info_right .info_right_btn li:hover{background-color: #666;}
#case_parti_recommend .recommend_info_right .info_right_btn li:hover i{color:#fff;}
#case_parti_recommend .info_right_list{width: 780px;height: 400px;}
#case_parti_recommend .info_right_list ul{width: 780px;overflow: hidden;display: block;height: 400px;display: block;}
#case_parti_recommend .info_right_list li{float: left;margin-right: 20px;position: relative;}
#case_parti_recommend .info_right_list li:last-child{margin-right: 0;}
#case_parti_recommend .info_right_list li img{width: 100%;height: 100%;}
#case_parti_recommend .info_right_list .right_list_info{width: 300px;height: 100px;box-sizing:border-box;padding:30px 20px 10px 30px;background-color:#fff;position: absolute;bottom:40px;left: 40px;}
#case_parti_recommend .info_right_list .right_list_info h4{font-weight: bold;line-height: 20px;font-size:16px;}
#case_parti_recommend .info_right_list .right_list_info h4 i{color:#cd091f;font-size: 18px;;}
#case_parti_recommend .info_right_list .right_list_info p{font-size: 14px;line-height: 20px;}

#case_recommendation{padding:30px 0 100px;background-color:#f5f5f5;}
#case_recommendation .case_reco_list{padding-bottom:15px;}
#case_recommendation .case_reco_list li{width:280px;height: 340px;position: relative;float: left;margin-left: 17px;border-radius: 10px;margin-top:40px;position: relative;top:0;transition-duration: 0.5s;}
#case_recommendation .case_reco_list li img{width:100%;height: 100%;border-radius: 10px;}
#case_recommendation .case_reco_list li>h3{position: absolute;top:270px;margin-left: 30px;font-size:20px;font-weight: bold;color:#fff;}
#case_recommendation .case_reco_list .reco_list_info{position: absolute;height: 100%;background:rgba(213, 0, 24, 0.6);top:0;padding-left: 30px;display: none;border-radius: 10px;}
#case_recommendation .case_reco_list .reco_list_info a{text-decoration:none;}
#case_recommendation .case_reco_list .reco_list_info h3{font-size:20px;color:#fff;font-weight: bold;margin-top:103px;height: 50px;overflow: hidden;line-height: 25px;}
#case_recommendation .case_reco_list .reco_list_info h3 a{color:#fff;}
#case_recommendation .case_reco_list .reco_list_info p{color:#C7EBE2FF;font-size:14px;line-height:20px;height:100px;overflow: hidden;}
#case_recommendation .case_reco_list .reco_list_info span{color:#fff;font-size:12px;line-height:20px;font-weight: bold;}
#case_recommendation .case_reco_list .reco_list_info span i{margin-left: 10px;font-size:12px;font-weight: bold;}
#case_recommendation .case_reco_list li:hover .reco_list_info{display: block;}
#case_recommendation .case_reco_list li:hover{top:-3px;box-shadow: 0px 5px 10px 3px #ccc;top:-3px;}
#case_recommendation .case_reco_list li:hover>h3{display: none;}