/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

/*公用*/
*{
    margin: 0;
    padding: 0;
}
body{
    _font-family: 'Microsoft YaHei' !important; font-family: 'Microsoft YaHei';
    margin:0 auto;
    width:100%;
}

/*更多选择标签*/
em,i{ font-style:normal;}

/*列表,图像,A重置*/
ul{ list-style:none;}
img{ border:0 none;}
a{ text-decoration:none; outline:none;}
li,img,label,input {vertical-align: middle; }

body{background-color:#ffffff;}
.cases_bannar{width:100%;}
.cases_bannar img{width:100%;}
.cases_content{position:relative;top:-120px;width:1300px;margin:0 auto;}
.cases_content .cases_title{width:100%;padding-left:40px;box-sizing: border-box;}
.cases_content .cases_title p{font-size:14px;color:#fff;line-height: 60px;}
.cases_content .cases_title p a{color:#fff;}
.cases_content .cases_nav{width:100%;padding:10px 50px;background-color:#fff;box-sizing: border-box;box-shadow: 1px 1px 10px #ccc;}
.cases_content .cases_nav ul li{padding:20px 0;border-bottom:1px solid #ebebeb;}
.cases_content .cases_nav ul li span{font-size:14px;font-weight:bold;line-height: 30px;margin-right:20px;display: inline-block;}
.cases_content .cases_nav ul li a{padding:0 20px;color:#000;font-size:14px;line-height: 30px;display: inline-block;}
.cases_content .cases_nav ul li a.on{color:#fff;background-color:#aa0000;}
.cases_content .cases_nav ul li a:hover{color:#fff;background-color:#aa0000;}
.cases_content .cases_nav ul li:last-child{border:none;}
.cases_content .cases_class_list{position:relative;width:100%;background-color:#f9f9f9;}
.cases_content .cases_class_list a{font-size:14px;color:#000;padding:0 50px;line-height: 70px;display: inline-block;}
.cases_content .cases_class_list a .img02{display: none;}
.cases_content .cases_class_list a.on{background-color:#f0f0f0;color:#aa0000;}
.cases_content .cases_class_list a:hover{background-color:#f0f0f0;color:#aa0000;}
.cases_content .cases_class_list span{position: absolute;right: 20px;top: 10px;width:295px;height:50px;background-color:#fff;padding-left:10px;border:1px solid #e0e0e0;display: inline-block;box-sizing: border-box;}
.cases_content .cases_class_list span img{margin-right:10px;}
.cases_content .cases_class_list span input{width:240px;height:45px;border:none;outline: none;}
.cases_content .cases_list{width:100%;padding:50px 0;background-color:#ffffff;box-sizing: border-box;}
.cases_content .cases_list ul{width:1365px;}
.cases_content .cases_list ul li{width:413px;margin-right:30px;margin-bottom:30px;float: left;}
.cases_content .cases_list ul li a span{width:100%;height:295px;display: block;overflow: hidden;}
.cases_content .cases_list ul li a span>img{width:100%;transition: all .3s;}
.cases_content .cases_list ul li .cases_text{position:relative;width:100%;height:120px;}
.cases_content .cases_list ul li .cases_text .cases_detail_t{position:relative;top:-25px;width:100%;height:100%;padding:30px 10px 15px 10px;;margin:0 auto;background-color:#fff;box-sizing: border-box;
box-shadow: 1px 1px 10px #ccc;transition: all .3s;}
.cases_content .cases_list ul li .cases_text .cases_detail_t span{position:absolute;left:30px;top:29px;width:60px;height:60px;border-radius: 100px;display: inline-block;position:absolute;overflow: hidden;}
.cases_content .cases_list ul li .cases_text .cases_detail_t span img{width:100%;}
.cases_content .cases_list ul li .cases_text .cases_detail_t h3{font-size:22px;color:#000;line-height: 30px;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cases_content .cases_list ul li .cases_text .cases_detail_t p{font-size:16px;color:#b8b8b8;line-height: 30px;}
.cases_content .cases_list ul li:hover .cases_detail_t{top:-50px;box-shadow: 1px 15px 20px #ccc;}
.cases_content .cases_list ul li:hover a span>img{transform: scale(1.1,1.1);}
.fgwx_page{width:1200px;margin:0 auto;text-align: center;}
.fgwx_page ul{display: inline-block;}
.fgwx_page ul li{float: left;border:1px solid #e2e2e2;background-color:#fff;}
.fgwx_page ul li a{padding:0 15px;height:35px;line-height: 35px;font-size:16px;color:#000;display: inline-block;}
.fgwx_page ul li.on{border:1px solid #aa0000;background-color:#aa0000;}
.fgwx_page ul li.on a{color:#fff;}



.cases_bannar{position:relative;width:100%;}
.cases_bannar img{width:100%;}
.cases_bannar .bannar_text{position:absolute;top:0;left:0;width:100%;height:100%;padding:160px 0;box-sizing: border-box;background:rgba(0,0,0,0.4);}
.cases_bannar .bannar_text table{width:1000px;display: block;margin:0 auto;}
.cases_bannar .bannar_text table tr td{width:10%;text-align: center;border-right:1px solid #fff;box-sizing: border-box;}
.cases_bannar .bannar_text table tr td span{font-size: 24px;line-height: 50px;color:#fff;display: block;}
.cases_bannar .bannar_text table tr td i{font-size: 14px;color:#fff;display: block;}
.cases_bannar .bannar_text table tr td:last-child{border:none;}
.cases_content{position:relative;top:-120px;width:1300px;margin:0 auto;}
.cases_content .cases_title{width:100%;padding-left:40px;box-sizing: border-box;}
.cases_content .cases_title p{font-size:14px;color:#fff;line-height: 60px;}
.cases_content .cases_title p a{color:#fff;}
.cases_detail{width:100%;background-color:#f5f5f5;box-shadow: 1px 1px 10px #ccc;}
.cases_detail .cases_detail_left{width:1000px;padding:30px 50px;background-color:#fff;float: left;box-sizing: border-box;}
.cases_detail .cases_detail_left .cases_left_one{position:relative;width:100%;padding:30px 0;}
.cases_detail .cases_detail_left .cases_left_one h3{font-size:25px;color:#000;}
.cases_detail .cases_detail_left .cases_left_one p{font-size:14px;color:#b8b8b8;line-height: 30px;margin-top:10px;}
.cases_detail .cases_detail_left .cases_left_one span{position:absolute;right:0;top:35px;width:140px;height:60px;}
.cases_detail .cases_detail_left .cases_left_one span em{width:100%;height:30px;line-height: 30px;text-align: center;color:#fff;font-size:14px;background-color:#aa0000;box-sizing: border-box;display: block;}
.cases_detail .cases_detail_left .cases_left_one span i{width:100%;height:30px;line-height: 30px;text-align: center;color:#999;font-size:14px;box-sizing: border-box;display: block;}
.cases_detail .cases_detail_left .cases_left_one span i b{font-weight: normal;color:#aa0000;}
.cases_detail .cases_detail_left .cases_left_two{width:100%;padding:30px 0;font-size:16px;color:#000;line-height: 30px;}
.cases_detail .cases_detail_left .cases_left_two img{width:100%;margin:30px 0;display: block;}
.cases_detail .cases_detail_left .cases_detail_more{width:100%;padding-bottom: 50px;text-align: center;}
.cases_detail .cases_detail_left .cases_detail_more a{width:240px;height:50px;line-height: 50px;font-size:14px;color:#000;background-color:#f5f5f5;padding:0 10px;box-sizing: border-box;text-align: center;display: inline-block;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cases_detail .cases_detail_left .cases_pinglun{width:100%;}
.cases_detail .cases_detail_left .cases_pinglun>h3{font-size:18px;font-weight:normal;color:#000;line-height:50px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.cases_pinglun_list{position:relative;width:100%;padding:40px 0 40px 80px;box-sizing: border-box;border-bottom:1px solid #e8e8e8;}
.cases_pinglun_list ul li{width:100%;position:relative;}
.cases_pinglun_list ul li span{position:absolute;left:-77px;top:1px;}
.cases_pinglun_list ul li h3{font-weight:normal;line-height: 30px;font-size:16px;color:#000;}
.cases_pinglun_list ul li em{display: block;}
.cases_pinglun_list ul li p{font-size:16px;line-height: 30px;margin-top:20px;}
.cases_pinglun_list ul li i{font-size:14px;color:#999;line-height: 30px;margin-top:20px;display: block;}
.cases_pinglun_input{position:relative;width:100%;padding:40px 0 0 80px;box-sizing: border-box;}
.cases_pinglun_input>span{position:absolute;left:0;top:40px;}
.cases_pinglun_input textarea{width:100%;height:240px;text-indent: 2em;padding:10px 0;box-sizing: border-box;font-size:16px;outline: none;display: block;background-color:#fafafa;border:1px solid #edecec;border-radius:10px;}
.cases_pinglun_input .cases_pinglun_yanz{width:100%;padding:20px 0;}
.cases_pinglun_input .cases_pinglun_yanz>input{width:25%;height:40px;padding-left:10px;background-color:#fafafa;border-radius: 5px;border:1px solid #edecec;outline: none;box-sizing: border-box;display: inline-block;}
.cases_pinglun_input .cases_pinglun_yanz>span{position:relative;width:25%;height:40px;margin-left:10px;display: inline-block;background-color:#fafafa;border-radius: 5px;border:1px solid #edecec;box-sizing: border-box;}
.cases_pinglun_input .cases_pinglun_yanz>span img{position:absolute;right:2px;top:2px;width:50%;height:90%;}
.cases_pinglun_input .cases_pinglun_yanz>span input{width:100%;height:100%;padding-left:10px;border:none;outline: none;box-sizing: border-box;}
.cases_pinglun_input .cases_manyi{width:25%;padding:0 10px;text-align: center;display: inline-block;box-sizing: border-box;}
.empstar,.fullstar {background: url(../images/star.gif);display: inline-block;width: 13px;height: 13px;margin: 0 3px;}
.empstar {background-position: right;}
.cases_pinglun_input .cases_pinglun_yanz a{width:22%;height:40px;line-height: 40px;display: inline-block;background-color:#aa0000;color:#fff;text-align: center;box-sizing: border-box;}
.cases_detail .cases_detail_right{width:300px;height:100%;float: right;}
.cases_design{width:100%;padding:50px 20px;box-sizing: border-box;}
.cases_design h3{font-size:24px;line-height: 30px;color:#000;font-weight:normal;}
.cases_design h3::after{content:'';width:40px;height:1px;display: block;background-color:#000;margin:20px 0 30px 0;}
.cases_design a{width:50%;display: inline-block;float: left;}
.cases_design a img{width:100%;}
.cases_design a:nth-of-type(2){padding:0 10px;box-sizing: border-box;}
.cases_design a i{font-size:22px;color:#000;line-height: 35px;display: block;}
.cases_design a em{font-size:14px;color:#000;line-height: 30px;display: block;}
.cases_design  span{width:100%;font-size:14px;line-height: 30px;text-align: center;display: block;}
.cases_design .zxzx{margin-top:20px;background-color:#fff;color:#000;display: inline-block;width: 123px;float:right;}
.cases_design .sqsj{margin:10px 0;background-color:#aa0000;color:#fff;width: 123px;float:right;cursor:pointer}
.cases_calc{width:100%;background-color:#fff;padding:50px 20px;box-sizing: border-box;}
.cases_calc h3{font-size:20px;text-align: center;line-height: 35px;color:#000;font-weight:normal;}
.cases_calc p{font-size:16px;color:#999;text-align: center;line-height: 30px;}
.cases_calc>input{width:100%;height:40px;padding-left:10px;border-radius: 2px;border:1px solid #edecec;font-size:14px;background-color:#fafafa;margin-top:10px;box-sizing: border-box;}
.cases_calc span{position:relative;width:100%;height:40px;margin-top:10px;border-radius: 2px;font-size:14px;border:1px solid #edecec;background-color:#fafafa;display: block;}
.cases_calc span i{position:absolute;right:10px;top:10px;font-size:14px;color:#999;}
.cases_calc span input{width:100%;height:40px;padding-left:10px;border:none;box-sizing: border-box;background:none;}
.cases_calc a{width:100%;height:40px;line-height: 40px;text-align: center;color:#fff;font-size:14px;background-color:#aa0000;margin-top:10px;display: block;}
.cases_tuijian{width:100%;padding:50px 20px;box-sizing: border-box;}
.cases_tuijian>h3{width:100%;height:60px;font-size:24px;line-height: 30px;color:#000;font-weight:normal;display: block;overflow: hidden;}
.cases_tuijian>h3::after{content:'';width:40px;height:1px;display: block;background-color:#000;margin:20px 0 10px 0;}
.cases_tuijian ul li{width:100%;padding:20px 0;border-bottom:1px solid #ebebeb;}
.cases_tuijian ul li .cases_tuijian_left{width:50%;height:95px;float: left;overflow: hidden;}
.cases_tuijian ul li .cases_tuijian_left img{width:100%;height:95px;transition: all .3s;}
.cases_tuijian ul li .cases_tuijian_left:hover img{transform: scale(1.1,1.1);}
.cases_tuijian ul li .cases_tuijian_right{width:50%;padding:0 10px;float: left;box-sizing: border-box;}
.cases_tuijian ul li .cases_tuijian_right h3{font-weight:normal;color:#000;font-size:16px;line-height: 30px;}
.cases_tuijian ul li .cases_tuijian_right span{width:90%;height:30px;display: block;line-height: 30px;text-align: center;color:#fff;font-size:14px;background-color:#aa0000;}

.video-frame{max-width: 100%;width:100%;height:600px;}
/* 案例展示模块优化样式 */
.jcases_content .swiper-slide {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
.jcases_content .swiper-slide:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-5px);
}
.jcases_content .swiper-slide img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.jcases_content .swiper-slide:hover img {
    transform: scale(1.05);
}
.jcases_text {
    padding: 20px;
    background: #fff;
}
.jcases_text h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #333;
    font-weight: 600;
}
.jcases_text span {
    display: block;
    margin-bottom: 12px;
}
.jcases_text span a {
    color: #666;
    font-size: 14px;
    margin-right: 5px;
    text-decoration: none;
}
.jcases_text p {
    color: #777;
    line-height: 1.6;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.jcases_text > a {
    display: inline-block;
    padding: 8px 20px;
    background: #3a7bd9;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s;
}
.jcases_text > a:hover {
    background: #2c65b5;
}
/* 导航按钮样式 */
.swiper-button-prev, .swiper-button-next {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.swiper-button-prev:hover, .swiper-button-next:hover {
    background: #fff;
    transform: scale(1.1);
}
/* 分页指示器样式 */
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #ccc;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #3a7bd9;
    width: 20px;
    border-radius: 4px;
}