@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
}
a { text-decoration:none;}
a:hover{text-decoration:none;}
.red_color{color: #9f2f32;}
.container_2{width: 1100px;margin: 0 auto;}
.container_3{width: 600px;margin: 0 auto;}
.dance{ padding-top:73px; padding-bottom:25px;}
.index_about{display: flex;
    justify-content: space-between;
align-items: stretch;}
.index_about .video_left{ width:752px; margin-right:31px;}
.index_about .video_right{ flex:1; background-color:#f7f7f7; padding:28px 22px 20px;}
.index_about .video_left video{ width:100%; height:100%; }
.index_about .video_right .desc{ color:#262626; font-size:15px; letter-spacing:2px;margin-bottom:41px; text-indent:2em; line-height:25px;}
.index_about .video_right .more{ display:flex;justify-content: flex-end;}
.index_about .video_right .more a{ width:70px; height:20px; background-color:#ca1525; color:#fff; font-size:13px;display: flex;
    align-items: center;
    justify-content:center;}
.index_bt{display: flex;
    align-items: center;
    justify-content: center; position:relative; margin-bottom:50px; padding-bottom:17px; z-index:0;}
.index_bt .title{ font-size:34px; letter-spacing:2px; line-height:1;}
.index_bt:before{ content:""; width:594px; height:1px; background-color:#aaa9a9; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); position:absolute; bottom:0px;}
.index_bt:after{ content:""; width:256px; height:3px; background-color:#ca1525; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); position:absolute; bottom:-1px;}
.index_product{ background:url(../images/ba_bg_09.jpg) center bottom no-repeat; padding-bottom:48px; overflow:hidden;}
.index_product ul {display: flex;
    align-items: stretch;
    justify-content: space-between; width:95%; max-width:1578px; margin:0px auto;}
.index_product ul li{ border-radius:8px; overflow:hidden;}
.index_product ul li{ width:15.8%;}
.index_product ul li a{ display:block; position:relative;  overflow:hidden;}
.index_product ul li a .photo img{ height:419px;  width:100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_product ul li a:hover .photo  img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_product ul li a .xfk{ position:absolute; left:0px; width:100%; top:0px; height:100%; padding:60px 15px; text-align:center; display:flex; flex-direction: column; justify-content: space-between;  color:#fff; z-index:10;}
.index_product ul li a .xfk .title{ font-size:16px; line-height:1.3;}
.index_product ul li a .xfk .eng{ font-size:35px; font-weight:bold;}
.index_product ul li a .xfk .more{ width:112px; height:30px; border:1px #fff solid; border-radius:25px; margin:0px auto; line-height:30px; font-size:14px;}
.index_product ul li a:before{ background-color:rgba(0,0,0,0.25); content:""; position:absolute; left:0px; width:100%; height:100%;transition: all .3s ease;-webkit-transition: all .3s ease; top:0px; z-index:3;}
.index_product ul li:hover a:before{background-color:rgba(229,167,75,1);}
.index_bt.no2 .title{ position: relative;}
.index_bt.no2 .title:before{ content:""; background-image:url(../images/index_ico_29.png); background-repeat:no-repeat; position:absolute; left:50%; top:50%; margin-top:17px;transform: translate(-50%,-50%); width:253px; height:116px;}
.index_bt.no2 .title span{ position:relative; z-index:10;}
.mecha{ position:relative; height:413px; margin-bottom:70px;}
.mecha .box1{ position:absolute; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); top:0px; z-index:10;}
.mecha .round{ width:228px; height:228px; border-radius:100%;display: flex;
    align-items: center;position:relative; cursor:pointer;
    justify-content: center; font-size:26px; font-weight:bold; position:relative;transition: all .3s ease;-webkit-transition: all .3s ease;}
.mecha .box1 .round{ background-color:#fff; color:#9f2f32;}
.mecha .box1 .round:before{content:""; width:206px; height:206px; position:absolute; border:3px #9f2f32 dashed; border-radius:100%;left:50%; top:50%; transform: translate(-50%,-50%); z-index:14; background-color:#fff;}
.mecha .box2{ position:absolute; left:336px; top:132px; z-index:6; }
.mecha .box2 .round{ background-color:#9f2f32; color:#fff;padding-top:30px; padding-right:40px; position:relative;}
.mecha .box3{ position:absolute; left:502px; top:132px; z-index:3;}
.mecha .box3 .round{ background-color:#e5a952; color:#fff; padding-top:30px; padding-left:35px; }
/*.mecha .box2 .round:before{content:""; width:228px; height:228px; border-radius:100%;border:7px #e1bfc0 solid; position:absolute; left:158px; top:1px;}*/
.mecha .box1 .round span{ position:relative; z-index:20;}
.mecha .box1 .content{ width:470px; position:absolute; border-top:1px #9f2f32 solid; right:163px; top:25px; line-height:1.3; padding-top:3px;}
.mecha .box1 .content .title{color:#9f2f32; font-weight:bold; margin-bottom:3px;}

.mecha .box3 .content{ width:387px; position:absolute; border-bottom:1px #e5a952 solid; left:163px; top:-32px; line-height:1.3; padding-bottom:3px; text-align:right;}
.mecha .box3 .content .title{color:#e5a952; font-weight:bold; margin-bottom:3px;}

.mecha .box2 .content{ width:341px; position:absolute; border-top:1px #9f2f32 solid; right:198px; top:188px; line-height:1.3; padding-top:3px;}
.mecha .box2 .content .title{color:#9f2f32; font-weight:bold; margin-bottom:3px;}
.mecha .box1 .round:hover{ box-shadow:0px 0px 8px #ccc; color:#fff;}
.mecha .box1 .round:hover:before{ background-color:#9f2f32;}
.mecha .box3:hover{  z-index:100; }
.mecha .box2:hover{  z-index:100; }
.mecha .box3:hover .round{ padding-top:0px; padding-left:0px;}
.mecha .box2:hover .round{ padding-top:0px; padding-right:0px;}
.mecha .box2:hover .round:before{ display:none;}
.lq_desc{ font-size:18px; text-align:center;}
.m_part_3{margin-bottom:55px;}
.compare{ width:740px; margin:0px auto 36px;}
.com_title{ background-color:#9f2f32; color:#fff; font-size:18px; height:37px;display: flex;
    align-items: center;
    justify-content: center; font-weight:bold; letter-spacing:2px;}
.compare ul{display: flex;
    align-items: stretch;
    justify-content: space-between; flex-wrap: wrap;}
.compare ul li{ margin-top:12px; width:315px;}
.compare ul li .title{ text-align:center; color:#9f2f32; font-weight:bold; }
.compare ul li .photo{ padding-top:9px; padding-right:9px; padding-bottom:9px;box-shadow:3px 3px 3px 0px #e3dede; -webkit-box-shadow:3px 3px 3px 0px #e3dede; position:relative;}
.com_list{ margin-bottom:43px;}
.com_list ul{display: flex;
    flex-wrap: wrap;
align-items: stretch;
    justify-content: space-between;}
.com_list ul li{ font-size:18px;}
.emi_box{ width:903px; margin:0px auto 58px;}
.m_part_4{ margin-bottom:68px;}
.emi_box .e_title{ text-align:center; font-size:23px; font-weight:bold; margin-bottom:30px; color:#9f2f32;}
.emi_box .e_cont{display: flex;
   align-items:flex-start; 
    justify-content: space-between; margin-bottom:35px;}
.emi_box .e_cont .photo{ width:300px; position:relative;}
.emi_box .e_cont .photo:before{ background-color:#f7f7f7; content:""; position:absolute; left:9px; top:9px; width:100%; height:100%; z-index:0;}
.emi_box .e_cont .photo img{ position:relative; z-index:10;}
.emi_box .e_cont .list{ flex:1; margin-left:26px;}
.emi_box .e_cont .list ul li{ margin-bottom:24px;}
.emi_box .e_cont .list ul li:last-child{ margin-bottom:0px;}
.emi_box .e_cont .list .title{  width:147px; display:flex; align-items:center; height:33px; border-radius:5px; padding:1px; overflow:hidden; color:#fff; font-size:18px; font-weight:bold; letter-spacing:2px; background-color:#9f2f32; color:#fff; padding-left:7px; margin-bottom:12px;}
.emi_box .e_cont .list .title .icon{ border-radius:0px 5px 5px 0px; width:51px; text-align:center; height:31px;display: flex;
    align-items: center;
    justify-content: center; background-color:#fff; margin-left:8px;}
.emi_box .e_cont .list ul li .desc{ font-size:18px;}
.emi_box .e_title.no1{ margin-bottom:12px;}
.emi_box .cycle_list{ font-size:18px; position:relative;}

.emi_box .cycle_list ul li{ margin-bottom:11px; line-height:27px;}
.emi_box .cycle_list ul li img{ margin-right:10px;}
.m_part_5{ padding-bottom:15px;}
.m_part_5 .index_bt:before{ width:793px;}
.m_part_5 .video_2{width: 752px; margin:0px auto 40px;}
.m_part_5 .video_2 video{ width:100%;}
.m_part_5 .lq_desc{ font-size:18px; font-weight:bold; text-indent:2em; text-align:left; line-height:26px; margin-bottom:68px;}
.m_part_5 .liquid ul li{ background-color:#f7f7f7; padding:13px 28px; position:relative; margin-bottom:57px;}
.m_part_5 .liquid ul li .content{ font-size:18px; line-height:26px; text-indent:1em; letter-spacing:2px;}
.m_part_5 .liquid ul li .photo{ width:164px; position:absolute; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.m_part_5 .liquid ul li:nth-child(odd){padding-left:193px;}
.m_part_5 .liquid ul li:nth-child(odd) .photo{ left:0px; }
.m_part_5 .liquid ul li:nth-child(even) .photo{ right:0px;}
.m_part_5 .liquid ul li:nth-child(even){ padding-right:193px;}
.m_part_6{ background-color:#9f2f32; color:#fff; padding:35px 0px;}
.m_part_6 .adv_title{ font-size:32px; text-align:center; line-height:1; margin-bottom:38px; font-weight:bold;}
.m_part_6 .adv_list ul{display: flex;
    align-items: center;
    justify-content: space-between;}
.m_part_6 .adv_list ul li{ font-size:13px; text-align:center; line-height:1.3;}
.m_part_6 .adv_list ul li .icon{margin-bottom:13px;}
.m_part_6 .adv_list ul li .icon img{ height:56px; width:auto; }

.sliding{ border-radius:10px; position:absolute; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); top:100%; background-color:#fff; padding:7px;box-shadow:0px 7px 12px rgb(0 0 0 / 50%); display:none;transition: all .3s ease;-webkit-transition: all .3s ease; z-index:100;}
.sliding.no1{ top:auto; bottom:100%;}
.mecha .box1 .content .title:hover .sliding{ display:block;}
.mecha .round:hover .sliding{ display:block;}
.compare ul li .photo { cursor:pointer;}
.compare ul li .photo .sliding{ display:none;}
.compare ul li .photo:hover .sliding{ display:block;}
.emi_box .cycle_list{cursor:pointer;}
.emi_box .cycle_list .sliding{ display:none;}
.emi_box .cycle_list:hover .sliding{ display:block;}
.emi_box .e_cont{cursor:pointer; position:relative;}
.emi_box .e_cont .sliding{ display:none;}
.emi_box .e_cont:hover .sliding{ display:block;}

.m_part_7{ padding:50px 0px 70px;}
.index_case{ position:relative;}
.index_case:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.index_case ul li{ float:left; width:49%; margin-right:2%;}
.index_case ul li:last-child{ margin-right:0%;}
.index_case ul li .title { margin-bottom:10px;}
.index_case ul li .title a{ display:block; background-image:url(../images/adico.png); background-repeat:no-repeat; background-position:left center; padding-left:20px; font-size:20px; font-weight:bold; background-size:13px 21px;}
.index_case ul li .title a:hover{ color:#9f2f32;}
.index_case ul li .photo {display: flex;
   align-items: stretch;
    justify-content: space-between;}
.index_case ul li .photo .pic1{ width:57%; height:173px; position:relative;}
.index_case ul li .photo .pic1 .playButton{ position:absolute;width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.0001); cursor:pointer;}
.index_case ul li .photo .pic1 .playButton:after{content:"";width:; height:; position:absolute; width:50px; height:50px; background:url(../images/play.svg) center no-repeat; background-size:contain; left:50%; top:50%; margin:-25px 0 0 -25px;border-radius:100%; background-color:#ffffff;}
.index_case ul li .photo .pic1 .playing:after{ display:none;}
.index_case ul li .photo .pic2{flex:1; overflow:hidden; height:173px;}
.index_case ul li .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: top center;}
.index_case ul li .photo video{ width:100%; height:100%;object-fit: cover;
 object-position: center center; position:relative;}
.index_case ul li .desc{ background-color:#f7f7f7; padding:10px; font-size:14px; line-height:1.7; margin-top:7px;}
.index_case ul li .desc .more{ font-size:16px; font-weight:bold;color:#9f2f32; margin-left:10px;}
.index_case .btn{ width:27px; height:27px; position:absolute; top:50%; background-color:#f7f7f7; border-radius:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%); cursor:pointer;background-repeat:no-repeat; background-position:center center;}
.index_case .btn.prev{background-image:url(../images/larrow.png); background-size:20px 20px; left:-56px;}
.index_case .btn.next{background-image:url(../images/rarrow.png); background-size:20px 20px; right:-56px;}
.index_case .btn:hover{background-color:#9f2f32;}
.index_case .btn.prev:hover{background-image:url(../images/larrow1.png); }
.index_case .btn.next:hover{background-image:url(../images/rarrow1.png); }

.case_class{ margin-bottom:30px;}
.case_class ul{display: flex;justify-content: center;align-items: center;}
.case_class ul li{ background-color:#f7f7f7; display:inline-block; padding:6px 12px; margin:0px 4px; color:#000; font-size:18px; cursor:pointer;}
.case_class ul li.active{ background-color:#9f2f32; color:#fff; font-weight:bold;}

.tabcontent_1 .index_case{
	display:none;
}
.tabcontent_1 .index_case:first-child{
	display: block;
}
.m_part_8{ background-color:#788991; padding:30px 0px;}
.m_part_8 .pr_title{ color:#fff; font-size:20px; margin-bottom:30px; font-weight:600;}
.m_part_8 .process_list ul{display: flex;
    align-items: stretch;
    justify-content: space-between;}
.m_part_8 .process_list ul li{ flex:1; background:#ffffff; border-radius:5px; padding:12px; line-height:1.4; font-weight:bold; font-size:15px;}
.m_part_8 .process_list ul li.no2{ width:27px; flex:none;display: flex; background:none;
    align-items: center;
    justify-content: center;}
.m_part_8 .process_list ul li.no2 img{ width:20px; height:auto;}
.m_part_8 .process_list ul li.no1{ background-color:#d29554;}
.m_part_8 .process_list ul li.no3{ background-color:#d9a26a;}
.m_part_8 .process_list ul li.no4{ background-color:#ddaf7e;}
.m_part_8 .process_list ul li.no5{ background-color:#e6c197;}
.m_part_8 .process_list ul li.no6{ background-color:#eed1b1;}
.m_part_8 .process_list ul li.no7{ background-color:#eed1b1;}
.m_part_8 .process_list ul li.no8{ background-color:#fff;}
.m_part_8 .process_list ul li a:hover{color: #9f2f32;}
.m_part_9{ background-color:#2c85af; padding:30px 0px;margin-top: 20px; color:#fff;}
.m_part_9 .pr_title{ color:#fff; font-size:20px; margin-bottom:30px; font-weight:600;}
.m_part_9 .process_list ul{display: flex;
    align-items: stretch;
    justify-content: space-between;}
.m_part_9 .process_list ul li{ flex:1; background:#ffffff; border-radius:5px; padding:12px; line-height:1.4; font-weight:bold; font-size:15px;}
.m_part_9 .process_list ul li.no2{ width:27px; flex:none;display: flex; background:none;
    align-items: center;
    justify-content: center;}
.m_part_9 .process_list ul li.no2 img{ width:20px; height:auto;}
.m_part_9 .process_list ul li.no1{ background-color:#af562c;}
.m_part_9 .process_list ul li.no3{ background-color:#b76741;}
.m_part_9 .process_list ul li.no4{ background-color:#bf7856;}
.m_part_9 .process_list ul li.no5{ background-color:#e6c197;}
.m_part_9 .process_list ul li.no6{ background-color:#eed1b1;}
.m_part_9 .process_list ul li.no7{ background-color:#eed1b1;}
.m_part_9 .process_list ul li.no8{ background-color:#fff;}
.m_part_9 .process_list ul li a:hover{color: #9f2f32;}
.ico_blank span{ display:block; background-image:url(../images/adico.png); background-repeat:no-repeat; background-position:left center; padding-left:20px; font-size:20px; font-weight:bold; background-size:13px 21px;}
.about_desc{font-size: 18px; text-align: left;line-height: 27px;margin: 10px 0;}
.txt_2m{text-indent: 2em;}