@charset "utf-8"; * { padding:0; margin:0;}/*品牌蓝色#006FDD 改为克莱因蓝 #1c355f  配色-亮黄#FFFF00底部背景#001344 底部浮动#00103C */body {padding: 0;margin: 0 auto;font-size:15px;color: #666;background-color: #fff;font-family: "Microsoft YaHei";width:100%;} li {list-style: none;} img{border: none;vertical-align: middle;} a:link,a:visited{color:#666666;text-decoration:none}a {text-decoration: none;}.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}.clearfix {*zoom:1;clear:both;}/*IE/7/6*/.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } /*首页*/.head{width:100%;overflow:hidden;}.head .logobg{height:70px;background: #1c355f;}.head .logobg  img { height:50px; padding-top:10px; float:left; padding-left:5PX;}.head .Tel{float:right; margin-RIGHT:5px;margin-top:20px;}.head .Tel span {color:#B1D3F5; margin-top:10px;font-family:Microsoft YaHei;}.head .Tel a{color:#CCCCCC;}.head .navlist{ height:auto; border-left:solid 1px #19325d;background: linear-gradient(to top, #00103C, #1c355f,#1c355f);
    height: 101px;}.head .navlist ul{ height:auto;}.head .navlist ul li{ height:50px; line-height:50px;width:25%;float:left; }.head .navlist ul li a{ font-size:13px; color:#fff; display:block;text-align:center; border-right:solid 1px #19325d;border-top:solid 1px #19325d;}.Banner{ position: relative;overflow: hidden;height:180px; width:100%;}.Banner .slogen{ width:100%;height:200px; position:relative;}.Banner .slogen .baioti img{ width:100%}.main{ width:96%; margin:0 auto;clear:both;overflow:hidden; }.top10{margin-top:10px;}.bot10{ margin-bottom:10px;}.main li {padding: 8px 0;border-bottom: solid 1px #EEEEEE;overflow: hidden;clear: both;}.main li .tu{float: left;position: relative;overflow: hidden;margin-right: 10px;}.main li .tu img{ width:120px; height:90px;border-radius:10px 0 0 10px;}.main li .biaoti {line-height:25px;font-weight: bold;height:25px;overflow: hidden;}.main li .daodu {font-size: 13px;color: #999;line-height: 20px;padding-top: 5px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}.main .JJwenzi{padding:10px;line-height:35px; font-size:18px; border:1px solid #1c355f;border-radius:20px;background-color:#ffff00;}.JJwenzi span{text-align:center; font-weight:600;}.main2 { width:100%; margin:0 auto;clear:both;overflow:hidden; }.main2 .tip {width:100%;height: 50px;line-height: 50px;background: linear-gradient(to top, #1c355f, #1c355f, #1c355f, #1c355f, #1c355f, #1c355f, #1c355f, #FFFF00);position: relative;color: #FFFF00;}.main2 .tip a{ color: #FFFF00;}.main2 .tip span{position: absolute;font-size:18px;font-weight: bold; padding-left:15px;}.main2 .tip span a{ color: #FFFF00;}.main2 .lanmu1{width:100%;font-size:18px;height:50px;line-height: 50px;text-align:center;margin:0 auto;margin-bottom:10px; margin-top:10px;background: radial-gradient(ellipse, #FFFF00, #1c355f);}.main2 .lanmu1 a{color:#1c355f;font-weight: bold;}.main2 .lanmu1 span {font-size:11px;line-height:22px;color:#ffffff; width:150px;margin:0 auto;border:1px solid #888888;border-radius:10px; padding:3px 15px;}.main2  .about li{float: left; width: 29%;  text-align: center; height: 80px; margin-left:2%; margin-right:2%;}.main2  .about li .img{height: 40px; line-height: 40px; overflow: hidden; margin-top: 10px; font-size:30px; font-family: arial; font-weight: bold; color:#1c355f;}.main2  .about li .txt{margin-top: 10px; text-align:center;font-size: 13px;line-height: 18px;color: #999;}.main2 .lanmuming{width:96%;font-size:18px;height:70px;text-align:center;margin:0 auto;margin-bottom:10px; margin-top:10px;}.main2 .lanmuming a{line-height:40px; color:#1c355f;font-weight: bold;}.main2 .lanmuming span {font-size:11px;line-height:22px;color:#888888; width:150px;margin:0 auto;border:1px solid #888888;border-radius:10px; padding:3px 15px;}.main2  .anli{width:46%;float:left;position:relative;margin-top:10px; margin-left:2%; margin-right:2%;}.main2  .anli img{width:100%; max-height:230px;border-radius:10px;}.main2  .anli H5{text-align: center;font-size:15px;line-height:25px;font-weight: bold;height:25px;overflow: hidden;}.main2  .anli .daodu{font-size: 13px;color: #999;line-height: 20px;padding-top: 5px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}/*底部*/.footer{width:100%; background: linear-gradient(to top, #001344, #1c355f);color:#ffffff; padding:20px 0px; padding-bottom:50px; margin-bottom:10px;clear: both; overflow:hidden; }.footer a{color:#fff;}.footer .weixin{ width:96%; margin-top:20px; margin-bottom:20px;}.footer .weixin img{width:200px; height:400px; display:block;text-align:center;margin:0 auto;}.footer .didao{width: 96%; text-align: center;clear:both; margin:0 auto; margin-bottom:20px;}.footer .didao li{display: inline-block;line-height: 45px;height:45px;font-size: 14px; width:33.3%;}.footer .didao li span{padding:5px 10px; margin:2px 4px;border:1px solid #c30000;border-radius:10px; }.footer .banquan {width:96%;margin-left:2%; padding-top:20px; font-size:13px; text-align: left;line-height:30px; color:#ffffff;}.footer .banquan img{display:inline-block;height:30px;line-height:30px; border:0;}.footer .banquan a{color:#ffffff;}.fudong{ width:100%; padding:5px 0px; z-index:9999; position:fixed; height:50px; background: linear-gradient(to top, #00103C, #1c355f); bottom:0px;overflow:hidden;}.fudong ul{ height:50px; overflow:hidden;}.fudong ul li{ width:25%; float:left; height:50px; overflow:hidden; text-align:center;}.fudong ul li a{ display:block; height:50px; font-size:13px; color:#fff;}.fudong ul li img{ width:25px; height:25px;}.fudong ul li em{ font-weight:bold; color:#fff; font-size:12px;}/*列表页*/.Banner4{ width:100%; position: relative;background-color:#1c355f;  border-top:solid 1px #19325d;overflow:hidden;}.Banner4  h2{line-height:60px; height:60px;font-size:24px; color:#c30000; text-align:center; margin:0 auto; padding-top:10px;}.Banner4  h2 a{ color: #c30000;}.Banner4 .mianbaoxie{background: linear-gradient(to top, #0043F2, #1c355f); padding-left:30px;height:40px;line-height:40px; font-size:10px; color: #CCCCCC;overflow:hidden;}.Banner4 .mianbaoxie a{ color: #CCCCCC;}.main3 .biaoti {line-height:50px; height:50px;font-weight: bold;overflow: hidden; text-align:left;}.main3 .daodu {font-size: 13px;color: #999;line-height: 20px;padding-top: 5px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}.main3 .tu{float: left;position: relative;overflow: hidden;margin-right: 10px;}.main3 .tu img{ width:120px; height:90px;border-radius:10px 0 0 10px;}.main3 .liulan {height: 26px;line-height: 26px;font-size: 11px;color: #b8b8b8;margin-top: 5px;}.main3 .liulan .eye {float:right;background: url(eye.png) no-repeat 0px 0px;display:inline-block;height:14px;line-height:14px; border:0; text-indent:1.2em;}.main3 .liulan .time {float:left;background: url(time.png) no-repeat 0px 0px;display:inline-block;height:14px;line-height:14px; border:0; text-indent:1.2em;}/*详情页-单页*/.main5{ width:96%; margin:0 auto;clear:both;overflow:hidden; }.main5 .biaoti{line-height:60px;color:#1c355f;; text-align:center;}.main5 .biaoti h1{color:#1c355f; font-size:16px;}.main5 .shijian{ height:25px; line-height:25px;text-align:center;color:#888888; font-size:11px;}.main5 .daodu{ padding:5px 5px; margin:5px 5px; line-height:25px; border:1px solid #888888;border-radius:10px; text-align:left; color:#888888; font-size:13px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}.main5 .neirong{ height:auto; overflow:hidden; margin:20px auto;color:#444; line-height:32px;}.main5 .neirong img{ max-width:100%; text-align:center}.main5 .tuijian{ height:50px;line-height:50px; text-align: center; color: #1c355f; font-size:17px; font-weight: 600;}.main5 .xiayitiao{ padding:15px; color:#fff; font-size:12px; overflow:hidden;  display:block; background-color:#1c355f;line-height:30px}.main5 .xiayitiao a{color:#fff; text-decoration:none;}.main5 .lie{ height:auto; overflow:hidden}.main5 .lie ul{ height:auto; overflow:hidden; margin:0px 10px 10px }.main5 .lie ul li{ height:30px; line-height:30px; background:url(../images/dot.png) no-repeat left center; padding-left:20px; border-bottom:dashed 1px #ddd; margin-bottom:5px;}.main5 .lie ul li em{ float:right; font-size:12px; color:#666}.main5 .lie ul li a{ font-size:12px; color:#444;}.main5 .dayemian{padding-left:5%; z-index: 11; overflow:hidden;}.main5 .dayemian a{width:45%; margin-right:3%; height: 40px; line-height:40px; border: 1px solid #1c355f;text-align: center; display: block; float: left; margin-top:10px; margin-bottom:5px;}

/*新增*/

 /* 轮播容器：溢出隐藏，避免轮播项超出显示 */
        .Banner {
            position: relative;
            width: auto;
            overflow: hidden;
            /* 可根据图片比例设置高度，示例高度50vw（响应式），可自行调整 */
            height: 120px;
        }
        /* 轮播列表：保持原结构，默认相对定位 */
        .Banner .slider {
            position: relative;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        /* 轮播项：默认隐藏，绝对定位重叠在同一位置 */
        .Banner .slider li {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0; /* 初始隐藏 */
            visibility: hidden; /* 避免隐藏时占空间 */
            transition: opacity 0.5s ease; /* 切换平滑过渡 */
        }
        /* 激活状态：显示当前轮播项 */
        .Banner .slider li.active {
            opacity: 1;
            visibility: visible;
        }
        /* 轮播内容器：居中显示，适配图片 */
        .Banner .slider .w1200,
        .Banner .slider .w1200B,
        .Banner .slider .w1200C {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            /* 若需要固定1200px宽度（适配大屏），可添加：max-width: 1200px; */
        }
        /* 轮播图片：填充容器，避免变形 */
        .Banner .slider img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 图片按比例填充，裁剪多余部分 */
        }
        /* 指示器样式：底部居中，美化交互 */
        .bx-controls {
            position: absolute;
            bottom: 15px;
            left: 0;
            width: 100%;
            text-align: center;
            z-index: 10; /* 确保在轮播图上方显示 */
        }
        .bx-pager {
            display: inline-block;
            padding: 8px 12px;
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 15px;
        }
        .bx-pager-item {
            display: inline-block;
            margin: 0 6px;
        }
        .bx-pager-link {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        /* 激活的指示器：高亮显示 */
        .bx-pager-link.active {
            background-color: #fff;
            width: 22px;
            border-radius: 5px; /* 激活时变成长圆形，更易识别 */
        }

.mainindex{background:#f8f8f8;padding:30px 0}
.title_zhu{font-size:22px;text-align:center;color:#06356d}
.title_fu{font-size:14px;text-align:center;color:#555;line-height:30px;margin-bottom:5px}
.title_xian{height:2px;background:#ccc;width:50px;margin:auto}
.fuwuxiangmu{width:96%; margin:30px auto;clear:both;overflow:hidden;}
.fuwuxiangmu li{float:left;width:25%;text-align:center}
.fuwuxiangmu li h5{font-size:16px;margin-top:20px;font-weight:normal}
.main2{background:#f8f8f8;padding:30px 0;}
.liucheng{width:100%; margin-top:20px;}
.liucheng li{float:left;text-align:center;width:33%;background:url(lc_0.png) no-repeat right 15px;    margin-bottom: 30px;}
.liucheng li h5{font-size:16px;margin-top:20px}
.fuwu{width:100%;margin:50px auto}
.fuwu li{width:37%;padding:4% 6%;text-align:center;border-right:solid 1px #5782B6;float:left;    height: 180px;
    margin-bottom: 20px;}
.fuwu li:nth-child(2n){border-right:none;}
.fuwu li h5{font-size:16px;margin:15px 0 10px 0;font-weight:normal}
.fuwu li p{line-height:22px;font-size:12px}
.fuwu li a{line-height:38px;width:160px;display:block;text-align:center;font-size:18px;color:#FFF;background:#06356d;margin:10px auto;border-radius:5px}
.fuwu li a:hover{background:#F90}
.main3{padding:30px 0;}
.jizhang{width:100&;margin:30px auto}
.jizhang li{float:left;text-align:center;width:33%;background:url(jz_0.png) no-repeat right 15px; margin-bottom:20px;}
.jizhang li h5{font-size:14px;margin-top:20px}
.jizhang1{width:1057px;margin:auto}
.jizhang1 li{float:left;position:relative}
.jizhang1 li p a{color:#FFF}
.jizhang1 li p a:hover{text-decoration:underline}
.jizhang1 li p.wz1{position:absolute;left:395px;top:290px}
.jizhang1 li p.wz2{position:absolute;left:67px;top:290px}
.hui{padding:30px 0;background:#f8f8f8}
.zizi{margin-top:30px;width: 100%;}
.zizi li{width:43%;margin:0 1%;border:solid 1px #ccc;text-align:center;background:#FFF;padding:2% 2% 0 2%;float:left; height:200px; margin-bottom:20px}
.zizi li img{border:solid 1px #ccc;padding:5px;border-radius:50%}
.zizi li h5{font-size:16px;color:#06356d;margin:10px 0;border-bottom:dotted 1px #ccc;padding-bottom:5px}
.zizi dl{border-bottom:dotted 1px #ccc;padding-bottom:5px}
.zizi dd{padding-left:10px;line-height:24px;background:url(../images/arr1.jpg) no-repeat left center;text-align:left}
.zizi dd a{font-size:12px}
.zizi .more1{line-height:24px;width:80%;font-size:12px;display:block;text-align:center;color:#333;background:#e8e8e8;border:solid 1px #ccc;margin:15px 5px;border-radius:5px;}
.zizi .more1:hover{background:#06356d;border:solid 1px #06356d;color:#FFF}
.fuwu_center{height:120px;margin-top:30px}
.fuwu_center ul{width:1200px}
.fuwu_center li{width:380px;height:120px;float:left;margin-right:20px;position:relative;overflow:hidden}
.fuwu_center li img{width:380px;height:120px;transition:all 0.5s}
.fuwu_center li:hover img{cursor:pointer;-webkit-transform:scale(1.1);moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.fuwu_center p{color:#fff;font-size:16px;line-height:24px;padding:5px 10px;width:360px;position:absolute;left:0;bottom:0px;z-index:1;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);transition:all 0.5s}


.con_3{ width:96%; margin:20px auto; clear:both}
.zcfg{ width: 100%;
    float: left;
    clear: both; margin-bottom:10px}
.pxzx{width: 100%;
    float: left;
    clear: both;margin-bottom:10px}
.jsjl{ width:100%; float:left; margin-bottom:20px;}
.liebiao{ width:100%; margin-top:10px;}
.liebiao ul li{ color:#555; font-size:14px; line-height:38px;width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.liebiao ul li a{ color:#555;}
.liebiao ul li a:hover{ color:#06356d;}
.liebiao ul li img{ margin-right:20px; margin-bottom:3px;}

.dht{ width:100%; height:36px; background:#f2f2f2; margin-top:15px; margin: 0 auto;}
.dht ul li{ height:36px; width:105px; float:left; background:#06356d; line-height:36px; text-align:center; font-size:16px; color:#fff;}
.dht .more a{ float:right; color:#555; font-size:14px; margin-right:10px; line-height:36px;}
.dht .more a:hover{ color:#06356d;}

.dw{ margin-top:10px;}
.dw ul li{ font-size:14px; color:#555; line-height:36px; overflow: hidden;    background-image: url(tz3.PNG);background-repeat: no-repeat;
    background-position: 0px 15px;    padding-left: 18px; border-bottom: 1px dashed #ddd;}
.dw ul li a{ float:left; color:#555;height: 37px;
    overflow: hidden;}
.dw ul li a:hover{ color:#06356d;}
.dw ul li span{ float:right;    color: #a5a5a7; font-size:12px;}
.blank30{ margin-top:20px}



/* about */



.ab_bg{

  width: 100%;


  margin: 0 auto;

  background: #fafafa;

  overflow: hidden;

}



.ab_bg .about{

  width: 98%;

  margin: 0  auto;

  padding-top: 30px;height: 400px;

}



.ab_bg .about .ab_l{
width: 96%;
    margin: 0 auto;

}



.ab_bg .about .ab_l h5{

  font-size: 23px;

  color: #1b1b1b;

  font-family: "微软雅黑 Light";

  line-height: 50px;



}



.ab_bg .about .ab_l h6{

  font-size: 16px;

  color: #656565;

  line-height: 36px;



}



.ab_bg .about .ab_l h6 span{

  font-size: 18px;

  color: #c30000;

  font-weight: bold;

}



.ab_bg .about .ab_l i{

  display: block;

  font-size: 12px;

  color: #333333;

  font-family: Arial, Helvetica, sans-serif;

  opacity: 0.3;

  margin-top: 35px;

}



.ab_bg .about .ab_l em{

  display: block;

  background: url(buttom1.png) no-repeat  center;

  width: 48px;

  height: 8px;

  margin-top: 15px;

}





.ab_bg .about .ab_r{

 width: 96%;
    margin: 20px auto;

}



.ab_bg .about .ab_r h5{

  font-size: 20px;

  color: #333333;

  font-weight: bold;

}



.ab_bg .about .ab_r p{

  font-size: 15px;

  color: #7c7c7c;

  line-height: 30px;

  overflow: hidden;

  height: 120px;

  margin: 10px 0 20px 0;

}



.ab_bg .about .ab_r .more{

  display: block;

  width: 258px;

  height: 41px;

  line-height: 41px;

  background:  #1c355f;

  border-radius: 45px;

  text-align: center;

  float: left;

}



.ab_bg .about .ab_r .more i{

  display: inline-block;

  text-align: center;

  padding-right: 110px;

  font-size: 14px;

  color: #fff;

  background: url(more.png) no-repeat right center;

}



.ab_bg .ab_num{

  margin: 0 auto;

  height:630px;

  width: 100%;

 background: linear-gradient(to top, #76abd7, #2165AF);

}



.ab_bg .ab_num ul li{
  position: relative;

  z-index: 5;

  width: 98%; margin: 40px auto;

  text-align: center;

}



.ab_bg .ab_num ul li h5{

  position: relative;

  padding-top: 38px;
    padding-left: 10px;


}



.ab_bg .ab_num ul li h5 span{

  display: inline-block;

  font-size: 40px;

  color: #fff;

  font-weight: bold;

  font-family: Arial, Helvetica, sans-serif;

  

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;    padding-top: 20px;

}



.ab_bg .ab_num ul li h5 i{

  font-size: 14px;

  color: #fff;

  font-weight: bold;

  position: relative;

  top: -17px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ab_bg .ab_num ul li:nth-child(1) h5 i{

  font-size: 14px;

  color: #fff;

  font-weight: normal;

}



.ab_bg .ab_num ul li h5 em{

  display: inline-block;

  border-radius: 50%;

  border: 1px solid #fff;

  width: 15px;

  height: 15px;

  position: relative;

  left: -20px;

  top: 3px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ab_bg .ab_num ul li:nth-child(1) h5 em{

  background: url(ab1.png) no-repeat center; 



}



.ab_bg .ab_num ul li:nth-child(2) h5 em{

  background: url(ab2.png) no-repeat center; 



}



.ab_bg .ab_num ul li:nth-child(3) h5 em{

  background: url(ab3.png) no-repeat center; 



}



.ab_bg .ab_num ul li p{

  font-size: 13px;

  color: #fff;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;margin: 20px auto;


}



.ab_bg .ab_num ul li b{

  display: block;

  margin: 0 auto;


  width: 63px;

  height: 1px;

  background:  #fff;

  opacity: 0.3;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ab_bg .ab_num ul li::after{

  position: absolute;

  top: 10%;

  left: 22%;

  content: "";

  background: #fff;

  width: 0px;

  height: 0;

  opacity: 0.2;

  border-radius: 50%;

  z-index: -2;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ab_bg .ab_num ul li::before{

  position: absolute;

  top: 50%;

  left: 50%;

  content: "";

  background: #fff;

  width: 0px;

  height: 0;

  opacity: 0.9;

  border-radius: 50%;

  z-index: -1;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ab_bg .ab_num ul li.on::after{

  width: 180px;

  height:180px;


}



.ab_bg .ab_num ul li.on::before{

  width: 150px;

  height: 150px;

     left: 90px;
    top: 31px;


}



.ab_bg .ab_num ul li.on h5 span{

  color: #c72525;

}



.ab_bg .ab_num ul li.on h5 i{

  color: #c72525;

}



.ab_bg .ab_num ul li.on p{

  color: #4b4b4c;

}



.ab_bg .ab_num ul li.on b{

  background: #a8abaf;



}



.ab_bg .ab_num ul li.on h5 em{

  border: 1px solid #c72525;



}



.ab_bg .ab_num ul li:nth-child(1).on h5 em{

  background: #fff url(ab11.png) no-repeat center; 



}



.ab_bg .ab_num ul li:nth-child(2).on h5 em{

  background:  #fff url(ab22.png) no-repeat center; 



}



.ab_bg .ab_num ul li:nth-child(3).on h5 em{

  background:  #fff url(ab33.png) no-repeat center; 



}


.caseMenu {
    width: 100%;
    
    color: #999;
}

.caseMenu a {
    color: #999;
}

.caseMenuTop span a {
    color: #333;
}

.caseMenuTop {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
    color: #999;
    font-size: 15px;
}

.caseMenuTop a {
    color: #999;
}

.caseMenuR i {
    float: right;
    padding-right: 5px;
}

.caseMenuR img {
    padding-left: 5px;
}

.caseMenuR a:hover {
    color: #333;
}

.caseMenuBottom {
    padding-top: 24px;
}

.caseTitleL {
    font-size: 24px;
    color: #333;  float:left;    width: 18.6666666%;
}
.caseTitleR {
    margin-top: 5px;width: 81.33333333%;    float: left;
}
.caseRe {
    float: left;
}

.caseRer {
    float: left;
    text-align: right;
    margin-top: 6pxm;
}

.text-center {
    margin-top: 20px;
}

.caseTitleR ul li {
    float: left;
    padding: 5px 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
    margin-right: .1rem;
    -webkit-transition: .4s;
    transition: .4s;
    margin-right: 0px;
    margin-bottom: 0.03rem;
}

.caseRe i {
    font-size: 22px;
}

.caseTitleR ul li a {
    display: block;
    line-height: 20px;
    -webkit-transition: .5s;
    transition: .5s;
}

.caseTitleR ul li a::before {
    width: 10px;
    height: 10px;
    border: 2px solid #ddd;
    content: "";
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    line-height: 20pz;
    vertical-align: unset;
}

.caseTitleR ul li:hover {
    box-shadow: 0 0 10px rgba(32, 107, 209, 0.2);
}

.caseList {
    padding-top: 40px;
    margin-bottom: 40px;
}

.caseList li {
    margin-bottom: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 0 0 30px 30px;
    overflow-y: hidden;
}

.caseList li i {
    display: block;
    position: relative;
    padding: 34%;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 5px 5px 0 0;
}

.caseList li img.caseImgList1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: auto;
    bottom: 0;
    right: 0;
    border-radius: 5px;
}

.caseLdd .caseListdd {
    display: block;
    margin: 1%;
    position: absolute;
    width: 98%;
    height: 96.1%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.caseListBg {
    width: 100%;
    height: 100%;
    display: block;
    top: 0%;
    left: 0%;
    position: absolute;
    z-index: 2;
    -webkit-transition: .5s;
    transition: .5s;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.caseListhide {
    width: 0%;
    height: 0%;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transition: .8s;
    transition: .8s;
    background: rgba(255, 255, 255, .2) url(../img/See.png) no-repeat center;
    position: absolute;
    z-index: 1;
    -moz-transform: rotateX(90deg);
}

.newsMeenu .caseMenu {
    width: 100%;
    height: 150px;
    background: url(../img/aboutMenu.jpg) no-repeat center;
    color: #999;
}

.aboutMenu .caseMenu {
    width: 100%;
    height: 150px;
    background: url(../img/aboutMenu1.jpg) no-repeat center;
    color: #999;
}

.contactMenu .caseMenu {
    width: 100%;
    height: 150px;
    background: url(../img/contact.jpg) no-repeat center;
    color: #999;
}

.caseList li:hover .caseListhide {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0;
}

.caseList li .caseListTitle {
    font-size: 18px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px 5%;
    -webkit-transition: 1.2s;
    transition: 1.2s;
}

.caseLdd:hover .caseListTitle {
    font-weight: bold;
}

.caseLine {
    width: 20px;
    height: 1px;
    margin: 8px auto 10px;
    background: transparent;
}

.caseList li p {
    font-size: 14px;

    line-height: 2;
    padding: 0 10px;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999;
    -webkit-transition: 1.2s;
    transition: 1.2s;
    text-align: center;
}

.caseLdd:hover .caseText {
    border-bottom: 1px solid transparent;
}



.caseList li:hover p {
    color: #fff;
}

.caseList li .caseMore {
    font-size: 36px;
    display: block;
    text-align: center;
    margin-top: 8px;
    font-weight: 100;
    color: #fff;
}

.caseList li .caseMore img {
    position: relative;
    animation: lr linear 3s infinite alternate;
}

.caseText {
    -webkit-transition: .5s;
    transition: .5s;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0px;
    height: 100%;
    background: #f2f2f2;
}

    .container,dl-container {

        width: 1200px; margin:0 auto

    }
	
	
	
.aboutNewBox {

  padding-top: 40px; width: 78%; margin: 0 auto;    float: right;

}


.aboutNewBox .aboutBoxTitle h3 {

  text-align: center;

  font-size: 36px;

  font-weight: bold;

  line-height: 1;

}

.aboutNewBox .aboutBoxTitle i {

  display: block;

  width: 70px;

  height: 3px;

  background: #000;

  margin: 20px auto;

}

.aboutNewBox .aboutBoxCenter {

  padding-bottom: 80px;

  color: #666;

}

.aboutNewBox .aboutBoxCenter  {

  color: #666;

  font-size: 16px;

  line-height: 35px;

}


.cont-list{
    margin-top: 40px;
}
.cont-list ul{
    display: table;
}
.cont-list ul li{
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 310px;
    height: 180px;
    margin-right: 35px;
    border: 1px solid #eeeeee;
    padding: 30px;
    transition: all 0.35s ease;
}
.cont-list ul li:hover{
    transform: translateY(-5px);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}
.cont-list ul li:last-child{
    margin-right: 0;
}
.cont-list ul li span{
    width: 100px;
    height: 100px;
    text-align: center;
    display: block;
    position: absolute;
    right: 20px;
    top: 40px;
}
.cont-list ul li span img{
    width: 100%;
    opacity: 0.1;
}
.cont-list ul li h3{
    font-size: 20px;
    color: #0b0b0b;
    font-weight: normal;
}
.cont-list ul li strong{
    font-size: 16px;
    color: #0b0b0b;
    font-weight: normal;
    display: block;
}
.cont-list ul li:nth-child(1) p{
    width: 68%;
    font-size: 16px;
    color: #0b0b0b;
    line-height: 24px;
    padding-top: 16px;
}
.cont-list ul li:nth-child(2) p{
    font-size: 26px; 
    line-height: 30px;
    color: #d81e06;
    padding-top: 16px;
}



/* title */



.title{

  margin: 0 auto;

  text-align: center;


  width: 98%;

  height: 133px;

  padding-top: 33px;

}


.youshi {
  background: #fcfcfc url(ysbg.jpg) center 0 no-repeat;
}
.youshi .ysBox {
  height: 816px;
}
.youshi .ysBox .ysTit {
 
  padding-top: 70px;
  line-height: 1;
  text-align: center;
  color: #3d98f3;
  font-weight: bold;
  font-size: 36px;
}
.youshi .ysCont {
  margin-top: 40px;
}
.youshi .ysCont:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.youshi .ysCont .ysL {
  width: 297px;
  height: 630px;
  background: url(ysLbg.jpg) center bottom no-repeat;
  background-color: #ffffff;
  border-radius: 8px;
  float: left;
  text-align: center;
  padding: 50px 20px 0;
}
.youshi .ysCont .ysL h4 {
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
}
.youshi .ysCont .ysL p {
  line-height: 36px;
  font-size: 16px;
  margin-top: 29px;
}
.youshi .ysCont .ysL .tel {
  color: #1c355f;
  margin-top: 38px;
  font-size: 24px;
  line-height: 1;
}
.youshi .ysCont .ysL .tel:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  margin: auto;
  margin-bottom: 16px;
  animation: msClock2 1.4s linear infinite;
  background: url(ystel.png) center center no-repeat;
  background-color: #f3f3f3;
  border-radius: 100%;
}
.youshi .ysCont .ysR {
  width: 100%;
}
.youshi .ysCont .ysR ul:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.youshi .ysCont .ysR li {
  margin-bottom: 30px;
  width: 48%;
  background-color: #ffffff;
  border-radius: 8px;
  text-align: center;
  float: left;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 1;margin-right: 10px; border:1px solid #fefefe;
}

.youshi .ysCont .ysR li:nth-child(2n){margin-right: 0;}
.youshi .ysCont .ysR li:before {
  content: "";
  display: block;
  position: absolute;
  width: 367px;
  height: 28px;
  bottom: 0;
  left: 50%;
  margin-left: -183px;
  background: url(../images/ysli.png) center center no-repeat;
  z-index: -1;
  -webkit-transform: scale(0.8) rotate(0);
  -moz-transform: scale(0.8) rotate(0);
  -o-transform: scale(0.8) rotate(0);
  transform: scale(0.8) rotate(0);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.youshi .ysCont .ysR li * {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.youshi .ysCont .ysR li i {
  display: block;
  width: 80px;
  height: 65px;
  overflow: hidden;
  margin: auto;
}
.youshi .ysCont .ysR li i:before,
.youshi .ysCont .ysR li i:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.youshi .ysCont .ysR li i.ico1:before,
.youshi .ysCont .ysR li i.ico1:after {
  background: url(ysico1.png) center center no-repeat;
}
.youshi .ysCont .ysR li i.ico2:before,
.youshi .ysCont .ysR li i.ico2:after {
  background: url(ysico2.png) center center no-repeat;
}
.youshi .ysCont .ysR li i.ico3:before,
.youshi .ysCont .ysR li i.ico3:after {
  background: url(ysico3.png) center center no-repeat;
}
.youshi .ysCont .ysR li i.ico4:before,
.youshi .ysCont .ysR li i.ico4:after {
  background: url(ysico4.png) center center no-repeat;
}
.youshi .ysCont .ysR li i.ico5:before,
.youshi .ysCont .ysR li i.ico5:after {
  background: url(ysico5.png) center center no-repeat;
}
.youshi .ysCont .ysR li i.ico6:before,
.youshi .ysCont .ysR li i.ico6:after {
  background: url(ysico6.png) center center no-repeat;
}
.youshi .ysCont .ysR li .line {
  width: 12px;
  height: 1px;
  background-color: #1c355f;
  margin: 14px auto 0;
}
.youshi .ysCont .ysR li .text {
  font-size: 14px;
  color: #666666;
  line-height: 26px;
  margin-top: 20px;height: 52px;
    overflow: hidden;
}
.youshi .ysCont .ysR li h4 {
  font-size: 20px;
  margin-top: 32px;
  line-height: 1;
}
.youshi .ysCont .ysR li h5 {
  text-transform: uppercase;
  font-family: Arial;
  font-size: 12px;
  line-height: 10px;
  margin-top: 18px;
  color: #999999;
}
.youshi .ysCont .ysR li.on {
  background-color: #f7fafc;
}
.youshi .ysCont .ysR li.on:before {
  bottom: -18px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
.youshi .ysCont .ysR li.on i:before,
.youshi .ysCont .ysR li.on i:after {
  top: -100%;
}
.youshi .ysCont .ysR li:hover i {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.youshi .ysCont .ysR li:hover .line {
  width: 20px;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.youshi .ysCont .ysR li:hover .text {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}
.youshi .ysCont .ysR li:hover h4 {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.youshi .ysCont .ysR li:hover h5 {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}


.title img{

  display: block;

  margin: 0 auto; width: 98%;

}



.title h3{

  font-size: 25px;

  color: #333333;

  line-height: 40px;

  margin-top: -50px;

  position: relative;

  z-index: 5;

  letter-spacing: 1px;



}



.title h3 a{

  display: block;

  font-size: 25px;

  color: #333333;

}



.title h3 i{

  font-size: 23px;

  color: #1c355f;

}



.title p{

  font-size: 14px;

  color: #6d6d6d;

  margin: 20px auto 0 auto;

}

.news {
  padding: 40px 0; clear: both;
}
.news .newsBox .tit {
  height: 22px;
  line-height: 22px;
}
.news .newsBox .tit:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.news .newsBox .tit h3 {
  font-weight: bold;
  font-size: 22px;
  float: left;
}
.news .newsBox .tit h3 i {
  display: inline-block;
  vertical-align: top;
  background: url(newstit.png) center center no-repeat;
  width: 20px;
  height: 22px;
  margin: 0 6px;
}
.news .newsBox .tit .more {
  font-size: 14px;
  text-transform: uppercase;
  color: #666;
  line-height: 22px;
  display: block;
  float: right;
}
.news .newsBox .tit .more:hover {
  color: #1c355f;
}
.news .newsBox .moreBtn {
  display: block;
  margin-top: 24px;
  width: 85px;
  height: 32px;
  line-height: 32px;
  background-color: #1c355f;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  -webkit-transition: background-color 0.6s, color 0.3s;
  transition: background-color 0.6s, color 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsBox .moreBtn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #3d98f3;
  border-radius: 5px;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  box-sizing: border-box;
}
.news .newsBox .moreBtn:hover {
  background: none;
  color: #3d98f3;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.news .newsBox .moreBtn:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.news .newsBox .newsList {
  width: 96%;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.05);
  border-radius: 10px;margin: 20px auto;padding-bottom: 20px; padding-top: 20px; padding-left: 10px;padding-right: 10px;
}
.news .newsBox .newsList:first-child {
}
.news .newsBox .newsList .list {
  margin-top: 20px;
}
.news .newsBox .newsList .list li {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
}
.news .newsBox .newsList .list li .pic {
  width: 100%;
  height: 0;
  border-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative;
}
.news .newsBox .newsList .list li .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1.1) rotate(0);
  -moz-transform: scale(1.1) rotate(0);
  -o-transform: scale(1.1) rotate(0);
  transform: scale(1.1) rotate(0);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.news .newsBox .newsList .list li .tt {
  position: relative;
  padding-right: 60px;
  line-height: 36px;
  height: 36px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-top: 0;
  overflow: hidden;
}
.news .newsBox .newsList .list li .tt .bt {
  font-size: 16px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .newsBox .newsList .list li .tt .bt:before {
  content: "-";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  font-size: 18px;
  font-weight: bold;
  width: 18px;
  height: 18px;
  background-color: #9c9c9c;
  text-align: center;
  line-height: 16px;
  color: #fff;
  margin-right: 15px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsBox .newsList .list li .tt .date {
  position: absolute;
  right: 0;
  top: 0;
  color: #666666;
  font-size: 16px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsBox .newsList .list li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 30px;
  height: 60px;
  height: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: #666666;
}
.news .newsBox .newsList .list li:hover .pic img {
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
.news .newsBox .newsList .list li:hover .tt .bt {
  color: #3d98f3;
}
.news .newsBox .newsList .list li:hover .tt .bt:before {
  background: #3d98f3;
}
.news .newsBox .newsList .list li.on .pic {
  height: 180px;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
.news .newsBox .newsList .list li.on .tt {
  padding-right: 0;
  margin-top: 10px;
}
.news .newsBox .newsList .list li.on .tt .bt {
  font-weight: bold;
}
.news .newsBox .newsList .list li.on .tt .bt:before {
  content: "+";
}
.news .newsBox .newsList .list li.on .tt .date {
  right: -60px;
}
.news .newsBox .newsList .list li.on p {
  height: 60px;
}
.news .newsBox .newsR {
 
  overflow: hidden;
  width: 96%;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.05);
 margin-top:30px; margin: 0 auto;padding-top: 20px; padding-left: 10px;padding-right: 10px;
}
.news .newsBox .newsR .list {
  margin-top: 10px;
}
.news .newsBox .newsR .list li {
  height: 110px;
  border-bottom: 1px dashed #e5e5e5;
  padding: 20px 0;
  position: relative;
}
.news .newsBox .newsR .list li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #3d98f3;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  bottom: -1px;
  left: 0;
  transition: transform 0.7s;
  transform: scaleX(0);
  transform-origin: right;
}
.news .newsBox .newsR .list li:hover:after,
.news .newsBox .newsR .list li.on:after {
  transform: scaleX(1);
  transform-origin: left;
}
.news .newsBox .newsR .list li .pic {
  width: 118px;
  height: 120px;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.news .newsBox .newsR .list li .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1.1) rotate(0);
  -moz-transform: scale(1.1) rotate(0);
  -o-transform: scale(1.1) rotate(0);
  transform: scale(1.1) rotate(0);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.news .newsBox .newsR .list li .cont {
  float: right;
  height: 120px;
  width: 195px;
}
.news .newsBox .newsR .list li .cont .bt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsBox .newsR .list li .cont .bt:hover {
  color: #3d98f3;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.news .newsBox .newsR .list li .cont p {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 30px;
  height: 60px;
  color: #666666;
}
.news .newsBox .newsR .list li .cont .more {
  display: block;
  width: 24px;
  height: 10px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-top: 10px;
  background: url(../images/newsli.png) center center no-repeat;
}
.news .newsBox .newsR .list li .cont .more:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.news .newsBox .newsR .list li:hover .pic img {
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
.news .newsBox .newsR .list li:hover .cont .bt {
  color: #3d98f3;
}
.news .newsBox .newsR .list li:hover .cont .more {
  background: url(../images/newslih.png) center center no-repeat;
}

.ipro{margin-bottom: 20px;}
.case_list11{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; width: 96%; margin: 0 auto;
}
.case_list11 li{
    position: relative;
    width: 49%;
    margin-top: 25px;
    transition: all .5s;
}
.case_list11 li a{
    display: block;
}
.case_list11 li a img{
    width: 100%;
}
.case_list11 li .fu{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 15px 0;
    background: rgba(0,0,0,.6);
    text-align: center;
    transition: all .5s;
}

.case_list11 li .fu h3{
    font-size: 14px;
    color: #f7f7f7;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.case_list11 li .fu i{
    width: 110px;
    line-height: 30px;
    border-radius: 5px;
    background: #2184c7;
    text-align: center;
    color: #fff;
    font-style: inherit;
    font-size: 12px;
    margin: 10px 0;
    display: none;
    transition: all .5s;
}
.case_list11 li:hover .fu i{
     display: inline-block;
}