/*con1*/
.con1{height: 380px;margin-top: -90px;}
.con1-l{width: 232px;position: relative;}
.con1-l:before{width: 719px;height: 560px;position: absolute;left: -308px;top: -150px;background: url("") no-repeat;content: '';}
.con1-l .con1-btn{display: block;transition: 0.3s all;text-indent: -9999px;position: relative; transform: translateX(0) scale(1); backface-visibility: hidden}
.con1-l .con1-btn:hover{filter: brightness(130%);}
.con1-l .sp{background: url(/images/i_btn_con1_sp.png) no-repeat;}
.con1-l .btn1{height: 120px; margin-bottom: 9px;}
.con1-l .btn2{height: 67px;background-position: 0 -133px;margin-bottom: 8px;}
.con1-l .btn3{height: 67px;background-position: 0 -207px;margin-bottom: 8px;}
.con1-l .btn5{height: 67px;background-position: 0 -281px;}
.c-nav{position: fixed;top: 20%;margin-left: 21px;z-index: 99;}
.btn5-ul{background: url(/images/i_con1_l_menu.png) no-repeat;width: 200px;height: 280px;padding: 8px 7px 102px;align-content: space-between;}
.btn5-ul li.r_hover {position: relative;}
.btn5-ul li.r_hover img {position: absolute;left: 80px;top: -30px;max-width: inherit; opacity: 0;transition: .3s all; pointer-events: none;}
.btn5-ul li.r_hover:hover img {left: 100px; opacity: 1;}
.btn5-ul li a{display: block;width: 90px;height: 73px;text-indent: -9999px;}
.con1-l li:hover .btn5-ul{height: 385px;padding: 15px;visibility: visible;}

.con1-m{position: relative;width: 650px;height: 358px;overflow: hidden;border: 1px solid #303030;}
.con1-list,.con1-list2{display: none;}
.con1-list img{width: 100%;height: 356.86px;object-fit: cover;}
.con1-tab{position: absolute;right: 0;color: #ceab83;background: #070707;z-index: 9;}
.con1-tab li{width: 60px;text-align: center;line-height: 28px;border: 1px solid #292929;}
.con1-tab li.active{background: #612020;border: 1px solid #862324;}
.swiper-pagination1,
.swiper-pagination2{position: absolute;right: 0;bottom: 15px;z-index: 8;}
.swiper-pagination-bullet{background: #999999;opacity: 1;width: 12px;height: 12px;}
.swiper-pagination-bullet-active{background: #612020;border: 1px solid #862324;}
.swiper-container-horizontal>.swiper-pagination-bullets {width: 120px;left: auto;right: 0;bottom: 14px;}

.con1-r{background: url("/images/con1-r.jpg") top left / 100% 100% no-repeat;width: 538px;height: 359px;position: relative;background-color: #000;}

.con1-tab2 {border-bottom: 1px solid #1e1e1e;padding-top: 5px;}
.con1-tab2 li{line-height: 40px;text-align: center;width: 100px;font-size: 18px;}
.con1-tab2 li.active{color: #cab993;border-bottom: 2px solid #cab993;}
.con1-tab2 a{display: block;line-height: 40px;}
.con1-list2{margin: 0 30px;height: 262px;overflow: hidden;}
.con1-list2 li{line-height: 42px;border-bottom: 1px solid #1e1e1e;color: #ccc;position: relative;height: 42px;overflow: hidden;}
.con1-list2 li.active,.con1-list2 li:hover{color: #a13031;}
.con1-list2 li .newsLtit{border: 1px solid;width: 45px;text-align: center;display: inline-block;line-height: 18px;vertical-align: text-bottom;margin-right: 7px;}
.con1-list2 li .news-T{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;width: 420px;vertical-align: middle;}
.con1-list2 li .data{position: absolute;right: 0;}

.con1-more{position: absolute;left: 0;bottom: 3px;width: 100%;}
.con1-more a{display: block;line-height: 40px;width: 150px;text-align: center;margin: 0 auto;}
.con1-more a:hover{color: #a13031;}

/*con1*/

/*tool*/
.tool_list {margin-top: 40px; margin-bottom: 80px; padding: 0 40px;}
.tool_list .btn{background: url(/images/i_btn_tool_btn.png) no-repeat;}
.tool_list a {display: block; width: 310px; height: 150px;transition: .3s filter; will-change: filter; image-rendering: pixelated;}
.tool_list a:hover {filter: brightness(1.3)}

.tool_list .tool2 {background-position: 0 -150px;}
.tool_list .tool3 {background-position: 0 -300px;}
.tool_list .tool4 {background-position: 0 -450px;}
/*tool*/

/*tese*/
.tese{position: relative;padding: 0px 88px 80px;}
.tese .box{position: relative;}
.tese ul{list-style: none;}
.tese ul li{display: none;}
.tese img{display: block;}
.tese #num{position: absolute;top: 0;width: 100%;text-align: center;background-color: rgba(0,0,0,.4);}
.tese button{width: 70px;height: 110px;font-size: 40px;opacity: .6;}
.tese button:first-of-type{position: absolute;top: 50%;left: 40px;transform: translateY(-50%);}
.tese button:last-of-type{position: absolute;top: 50%;right: 40px;transform: translateY(-50%);}
.tese .men{position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);}
.tese .men span{display: inline-block;width: 15px;height: 15px;background-color: #eee;border-radius: 50%;border: 2px solid #fff;}
.tese #txt{position: absolute;bottom: 0; left: 50%;font-size: 20px;transform: translateX(-50%);}
.tese .ac{display: block;}
.tese .active{ background: red;}

/*con2*/
.con2{ position: relative;padding: 0px 88px}
.con2-tab{justify-content: flex-start;position: absolute;width: 1264px;}
.con2-tab li{width: 110px;line-height: 40px;font-size: 18px;text-align: center;flex: 1;background-color: #1e1e1e8a;border: 1px solid #bdb9b294;}
.con2-tab li.active {color: #cab993;border-bottom: 2px solid #cab993;border: 1px solid #cab993;font-weight: bold;}
.con2-list{height: 715px;background-color: #363636;}
.con2-list .Vdet{position: absolute;margin-left: 54px;margin-top: 313px;}
/*con2*/

/*tool2*/
.tool_list2 {margin-top: 100px;margin-bottom: 20px;padding: 0 160px;color: #cab993;}
.tool_list2 img{border: 0;}
.tool_l2_title{justify-content: flex-start;align-items: flex-end;height: 40px;}
.tool_list2 ul{padding: 20px 0 0;}
.tool_list2 ul li{width: 205px;background: url(/images/i_media_z.png) no-repeat;}
.tool_list2 ul li a{height: 205px;position: relative;overflow: hidden;display: block;}
.tool_list2 .tool_l2_m{
    padding: 11px 0 0 11px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    position: relative;
    bottom: 0;
    transform-origin: bottom;
    -moz-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    transform: perspective(600px) rotateX(0deg);
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
}
.tool_list2 ul li:hover .tool_l2_m{
    opacity: 0;
    transform: perspective(600px) rotateX(90deg);
    -webkit-transform: perspective(600px) rotateX(90deg);
    -moz-transform: perspective(600px) rotateX(90deg);
    -ms-transform: perspective(600px) rotateX(90deg);
    -o-transform: perspective(600px) rotateX(90deg);
}
.tool_list2 .tool_l2_d {
    position: absolute;
    z-index: 0;
    top: 11px;
    left: 11px;
    transform-origin: top;
    -moz-transform-origin: top;
    -webkit-transform-origin: top;
    opacity: 0;
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.tool_list2 ul li:hover .tool_l2_d{
    z-index: 1;
    opacity: 1;
    transform: perspective(600px) rotateX(0deg);
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
}
.tool_list2 .tool_l2_t{padding: 18px 0 0;text-align: center;}


.container{background: #06060e url(/images/container_bg.jpg) bottom center no-repeat;}