.web_2020_banner{ background:url(images/web_banner.jpg?v=2.05) no-repeat center; width:100%; height:630px;}
.web_2020_container{position: relative;top: -55px;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,.05);border-radius: 4px; height:110px; width:1200px; margin:0 auto}
.web_2020_container .t{ float:left; width:200px; background:#2964ee; height:80px; border-radius:4px 0 0 4px; text-align:center; font-size:18px; color:#fff; padding:30px 0 0 0; position:relative}
.web_2020_container .t:before {content: "";display: inline-block;position: absolute;right: -10px;top: 50%;width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #2964ee;border-bottom: 10px solid transparent; margin-top:-10px}
.web_2020_container ul{ float:left; width:1000px;}
.web_2020_container ul li{float: left}
.web_2020_container ul a{display:block; width:198px;text-align:center; font-size:16px;  padding:26px 0 5px;height: 77px;border: 1px solid #fff;border-right:#eee solid 1px;}
.web_2020_container ul li a:hover{color: #000;border: 1px solid #2964ee;}
.web_2020_container ul li:hover .p_txt{ color: #000;}
.web_2020_container ul li h3{  font-size:26px; font-weight:normal}
.web_2020_container ul li h3 em{ font-size:16px}
.web_2020_container ul li p{ color:#333}
.web_2020_title{ font-size:40px; text-align:center;padding:50px 0 40px; font-weight:bold; color:#160a40 }
.web_2020_title em{ color:#ff2626}
.web_2020_ys_t{ background:url(images/ys_ico.png) no-repeat; width:315px; height:80px; margin:50px auto 0; text-align:center; line-height:80px; font-size:32px; color:#fff; font-weight:bold;}
.web_2020_btn{width:300px;height:50px;position:relative;margin:50px auto 0}
.web_2020_btn_t{display:block;width:100%;height:50px;cursor:pointer;border-radius:50px;line-height:50px;background:#ff0101;font-size:18px;color:#fff;text-align:center;position:absolute;left:0;top:0;z-index:9;transition:.2s all}
.web_2020_btn_t:hover{top:6px;color:#fff}
.web_2020_btn_b{width:100%;height:46px;border-radius:50px;background:#cf0202;font-size:18px;color:#fff;text-align:center;position:absolute;left:0;top:8px;z-index:8}
.web_2020_btn:hover{color:#fff}
.web_2020_tx{ background:url(images/tx.png) no-repeat center; height:550px; width:100% ; position:relative}
.web_2020_tx .t{ position:absolute; font-size:20px; line-height:50px; width:300px}
.web_2020_tx .t i{ width:50px; height:50px; background:#6f61f6; border-radius:50%; color:#fff; line-height:50px; text-align:center; display:inline-block; font-size:24px}
.web_2020_tx .t1{left:164px;top:30px; text-align:right}
.web_2020_tx .t2{left:63px;top:170px; text-align:right}
.web_2020_tx .t3{left:63px;bottom:170px; text-align:right}
.web_2020_tx .t4{left:162px;bottom:30px; text-align:right}
.web_2020_tx .t5{right:164px;top:30px; text-align:left}
.web_2020_tx .t6{right:63px;top:170px; text-align:left}
.web_2020_tx .t7{right:63px;bottom:170px; text-align:left}
.web_2020_tx .t8{right:162px;bottom:30px; text-align:left}
.web_2020_jx img{ border-radius:20px;}
.web_2020_jx{-webkit-transition:all .2s linear;position:relative;transition:all 1s;animation:top .3s;}
.web_2020_jx:hover{z-index:2;-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);animation:move-item .3s;-webkit-animation:move-item .3s;top:-10px;}
@keyframes top{from{top:-10px}
    to{top:0}
}
@keyframes move-item{from{top:0}
    to{top:-10px}
}
.web_2020_mk{ margin-bottom:50px}
.web_2020_mk ul li{ float:left; width:239px; text-align:center;border-right:#eee solid 1px;border-bottom:#eee solid 1px;transition:.6s;height: 148px;}
.web_2020_mk ul li:hover{box-shadow: 0 0 20px #ddd}
.web_2020_mk ul li i{ font-size:40px; height:50px; line-height:50px;transition:2s; }
.web_2020_mk ul li h4{transition:2s; font-weight:normal;margin-top:25px;}
.web_2020_mk ul li:hover h4{ transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
.web_2020_mk ul li p{ font-size:14px; padding:10px 0 0 0}
.web_2020_mk ul .r{border-right:none}
.web_2020_mk ul .b{border-bottom:none}
.web_2020_project_bg{ background:#f5f5f5; padding:10px 0 60px}
.web_2020_project .hd{ text-align:center; width:280px; float:left}
.web_2020_project .hd ul li{ display:block; background:#ccc; color:#fff; height:80px; line-height:80px; font-size:14px;  cursor:pointer;position:relative;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s; }
.web_2020_project .hd ul li:nth-child(1) {background: #525252;}
.web_2020_project .hd ul li:nth-child(2) {background: #4d4d4d;}
.web_2020_project .hd ul li:nth-child(3) {background: #484848;}
.web_2020_project .hd ul li:nth-child(4) {background: #434343;}
.web_2020_project .hd ul li:nth-child(5) {background: #3e3e3e;}
.web_2020_project .hd ul li:nth-child(6) {background: #393939;}
.web_2020_project .hd ul li:nth-child(7) {background: #343434;}
.web_2020_project .hd ul li:nth-child(8) {background: #2f2f2f;}
.web_2020_project .hd ul li:nth-child(9) {background: #2a2a2a;}
.web_2020_project .hd ul li:nth-child(10) {background: #252525;}
.web_2020_project .hd ul li:nth-child(11) {background: #202020;}
.web_2020_project .hd ul li:nth-child(12) {background: #1b1b1b;}
.web_2020_project .hd ul li:nth-child(13) {background: #161616;}
.web_2020_project .hd ul li:nth-child(14) {background: #111;}
.web_2020_project .hd ul li:nth-child(15) {background: #0d0d0d;}
.web_2020_project .hd ul li.on{ height:80px; line-height:80px; font-size:18px;
background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
background-repeat: repeat;}
.web_2020_project .hd ul li.on:before {content: "";display: inline-block;position: absolute;right:-10px;top: 50%; margin-top:-10px;width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #1160ff;border-bottom: 10px solid transparent;}
.web_2020_project .bd{ width:920px; float:left; background:#fff; height:640px; overflow:hidden;box-shadow: 0 0 20px #ddd}
.web_2020_project .bd li{ overflow:hidden; background:#fff; padding:20px  }
.web_2020_project .bd li .pic{   }
.web_2020_project .bd li .con{ position:relative; padding:10px 0 0;  }
.web_2020_project .bd li .con .title{  font-size:22px; color:#000  }
.web_2020_project .bd li .con .intro{ color:#000;font-size:14px; line-height:26px;  }
.web_2020_project .bd li .con .intro h3{ font-size:18px;padding:10px 0 10px 0; font-weight:normal}
.web_2020_tab{ position:relative}
.web_2020_tab .hd{ width:1200px; margin:0 auto; padding:10px 0 20px; overflow:hidden}
.web_2020_tab .hd ul li{ float:left; text-align:center; width:240px; font-size:14px; cursor:pointer;}
.web_2020_tab .hd ul .on{ color:#2577e3}
.web_2020_tab .hd ul li img{ width:50px; margin-bottom:15px}
.web_2020_tab .bd{ background:#fff; width:100%;height:475px }
.web_2020_tab .bd .tab_show{ height:100%;display: table;}
.web_2020_tab .bd .tab_show .box{ color:#fff; position:relative;display: table-cell;vertical-align: middle; }
.web_2020_tab .bd .tab_show h3{ font-size:28px; padding:0px 0 20px; margin-top:0px}
.web_2020_tab .bd .tab_show p{ width:650px; font-size:16px; line-height:30px}
.web_2020_tab .bd .t1{ background:url(images/t1.jpg) no-repeat center; height:100%; width:100%}
.web_2020_tab .bd .t2{ background:url(images/t2.jpg) no-repeat center;height:100%; width:100%}
.web_2020_tab .bd .t3{ background:url(images/t3.jpg) no-repeat center;height:100%; width:100%}
.web_2020_tab .bd .t4{ background:url(images/t4.jpg) no-repeat center;height:100%; width:100%}
.web_2020_tab .bd .t5{ background:url(images/t5.jpg) no-repeat center;height:100%; width:100%}
.web_2020_bb{ width:100%;border:#000 solid 1px;border-collapse:collapse;font-size:14px}
.web_2020_bb th{border-collapse:collapse;border:#333 solid 1px; padding:10px}
.web_2020_bb td{border-collapse:collapse;border:#333 solid 1px; padding:10px; line-height:24px;}
.web_2020_bb .red{ color:#ff0000}
.web_2020_bb .green{ color:#25af41}
.web_2020_ts ul li{ float:left; width:240px; text-align:center; font-size:14px; line-height:24px}
.web_2020_ts ul li img{ width:80px}
.web_2020_ts ul li p{ padding:10px 0 0 0 }
.web_2020_kc_ys{padding-bottom:0}
.web_2020_kc_ys ul{margin-left:10px; border-left: 3px solid #2964ee;}
.web_2020_kc_ys ul li{position: relative; padding-left:40px; margin-bottom: 10px;}
.web_2020_kc_ys ul li .dot{display: block; width:20px; height: 20px; background: #2964ee; position: absolute; left: -14px; top:50%; margin-top: -12px; border-radius: 50%; border:2px solid #f5f5f5;}
.web_2020_kc_ys ul li .txt{background: #fff; padding:25px 30px; border-radius: 7px; position: relative; display:block; clear:both}
.web_2020_kc_ys ul li .txt:before{content: ''; position: absolute; top: 50%; margin-top: -15px; left: -15px; width: 0; height: 0; border-right:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; }
.web_2020_kc_ys ul li .txt h3{font-size: 20px; padding-bottom: 10px; position: relative; top:0; font-weight:normal}
.web_2020_kc_ys ul li .txt p{line-height: 24px; position: relative; top:0; font-size:14px}
.web_2020_kc_ys ul li .txt:hover h3,.web_2020_kc_ys ul li .txt:hover p{top:-5px;}
.web_2020_kc_ys ul li .txt .a_gd {transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.web_2020_kc_ys ul li .txt b{ color:#e62129}
.web_2020_kc_ys ul li .txt strong{ font-size:16px; font-weight:normal; clear:both; display:block; padding:10px 0 0 0 }
.web_2020_kc{ width:100%;border:#000 solid 1px;border-collapse:collapse;font-size:14px}
.web_2020_kc th{border-collapse:collapse;border:#333 solid 1px; padding:10px}
.web_2020_kc td{border-collapse:collapse;border:#333 solid 1px; padding:10px; line-height:24px;}
.web_2020_kc .tl{ width:200px; text-align:center}
.web_2020_kc .t33{ width:33.3333%; float:left}
.web_2020_kc .td1{ width:100px; text-align:center}
.web_2020_kc .td2{ width:150px; text-align:center}
.web_2020_kc .td3{ width:420px; }
.web_2020_kc .td4{ width:330px;}
.web_2020_kc .t50{ width:50%; float:left;}
.web_2020_jt{  position:relative; width:1200px; margin:0 auto; overflow:hidden}
.web_2020_jt ul li{ float:left; width:270px ; margin:0 40px 0 0; height:509px; position:relative; background:url(images/phone.png) no-repeat; list-style:none;}
.web_2020_jt ul li .img{ width:100%; padding-top:50px; text-align:center}
.web_2020_jt ul li .img img{ width:258px; height:400px}
.web_2020_jt .prev,.web_2020_jt .next{ color:#fff;  text-align:center;display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:0; width:40px; height:60px; background:rgba(0,0,0,.5);cursor:pointer; font-size:30px;text-align: center;line-height: 60px;}
.web_2020_jt .prev{left:0}
.web_2020_jt .next{ left:auto; right:0; }
.web_2020_jt .prev i,.web_2020_jt .next i{ line-height:60px;font-size:40px; color:#fff; font-style:normal; font-family:Simsun}

.web_2020_jy .hd{ background:#5d5e5e; color:#fff; font-size:16px}
.web_2020_jy ul li{ border-bottom:#ddd solid 1px; height:50px; line-height:50px; font-size:14px}
.web_2020_jy .l1{ width:80px; float:left; margin-left:20px}
.web_2020_jy .l2{ width:320px; float:left}
.web_2020_jy .l3{ width:200px; float:left}
.web_2020_jy .l4{ width:130px; float:left}
.web_2020_jy .l5{ width:330px; float:left}
.web_2020_jy .l6{ width:100px; float:left; text-align:center; background:#ff0101; color:#fff; margin-right:20px}

.fixedmeau{ width:110px; position: fixed; top: 150px; left:10px; display: none;background:url(images/web_kc_left.png) no-repeat bottom; color:#fff; padding-bottom:10px}
.fixedmeau li{ height:40px;line-height:40px; text-align: center; cursor: pointer; color:#fff}
.fixedmeau span{    border-top: #157cd0 solid 1px; margin:0 10px; display:block}
.fixedmeau .active{background:#e62129; color:#fff}
.fixedmeau .active span{border-top:none}
.louceng{ overflow:hidden}


.web_2020_bm{padding:40px 0;overflow:hidden;width:100%;text-align:center;
background-color: #5b72fe;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#5b72fe,#62b7ff);
background-image: -webkit-linear-gradient(top,#5b72fe,#62b7ff);
background-image: -o-linear-gradient(top,#5b72fe,#62b7ff);
background-image: linear-gradient(to bottom,#5b72fe,#62b7ff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b72fe', endColorstr='#62b7ff', GradientType=0);
}
.web_2020_bm1{background-color: #ff3141;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#ff3141,#ff5c68);
    background-image: -webkit-linear-gradient(top,#ff3141,#ff5c68);
    background-image: -o-linear-gradient(top,#ff3141,#ff5c68);
    background-image: linear-gradient(to bottom,#ff3141,#ff5c68);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3141', endColorstr='#ff5c68', GradientType=0);}
.web_2020_bm h2{font-size:36px;color:#fff}
.web_2020_bm p{font-size:24px;color:#fff;padding:5px 0 10px}
.web_2020_bm .form_l{margin:15px 0 0 0;display:inline-block}
.web_2020_bm .form_l .text{float:left;border:none;background:#fff;height:40px;line-height:40px;margin-right:10px;width:200px;padding-left:8px;border-radius:3px}
.web_2020_bm .form_l .btn{border:none;background:#ffe612;border-radius:3px;height:40px;color:#333;font-size:18px;padding:0 20px;cursor:pointer;-webkit-animation:bmbtn 2s linear infinite;-webkit-transform-origin:50% 70%}
@keyframes bmbtn{10%,20%{-webkit-transform:rotate(-8deg)}
15%,25%,5%{-webkit-transform:rotate(8deg)}
0%,100%,30%{-webkit-transform:rotate(0)}
}

.web_2023_title{ font-size:26px; padding:50px 0 25px; text-align:center; font-weight:bold}
.web_2023_kc{ width:100%;border:#000 solid 1px;border-collapse:collapse;font-size:14px; position:relative}
.web_2023_kc th{border-collapse:collapse;border:#333 solid 1px; padding:15px 0; font-size:16px}
.web_2023_kc td{border-collapse:collapse;border:#333 solid 1px; padding:10px; line-height:24px;}
.web_2023_kc .td1{ width:180px; text-align:center; }
.web_2023_kc .td2{ width:600px; line-height:30px;padding:10px 20px }
.web_2023_kc .td3{ font-weight:normal; padding:0 15px; vertical-align:text-top; text-align:left; font-size:14px; line-height:24px}
.web_2023_kc .td3 div{ height:auto !important; }
.web_2023_kc .td3 h3{ font-size:16px; padding:20px 0 10px}
.web_2023_kc .t50{ width:50%; float:left; font-size:16px}
.web_2023_kc .t100{ width:100%; font-size:16px}