/* common */

/* body{overflow-x: hidden;} */
/* .container{width: 1500px; margin-left:210px;} */
.container{width: 1500px; margin: 0 auto;}
/* .container{width: 1500px; margin: 0 auto 0 201.5px;} */
.container::after{content: ''; display: block; clear:both;}
.con_container{float: left; width: 1080px; margin: 130px 0 0 80px;}

/* header start */
.header{width: 100%; border-bottom: 1px solid #b6b6b6; margin-bottom: 80px;
    position: fixed; top:0; background-color: #fff; z-index: 10;}
.header_inner{width: 100%; box-sizing: border-box;}
.header_inner h1{cursor: pointer; display: inline;}
.header_inner h1 img{width: 7%; padding: 10px 0;}
.header_inner h1 span{font-size: 24px; font-weight: bold; vertical-align: 24px; padding-left: 10px;}
/* header end */

/* footer start */
.footer{width: 100%; background: #111;}
.footer_inner{width: 100%; color:#fff; padding: 40px; text-align: center; background: #111; font-weight: 300;}
/* footer end */

/* .nav{width: 340px; position: fixed; left: 210px; overflow-x: hidden; } */
/* .nav ul{width: 100%;} */
.nav{width: 340px; float: left; margin-top: 130px;}
.nav ul{width: 340px; left: 210px; position: sticky; top:130px;}
.nav ul li{box-sizing: border-box; padding: 15px 20px; background: #fff;
    cursor: pointer; transition: all ease-in-out 0.3s;}
.nav ul li.active{background: #d41367; color:#fff; font-weight: bold;}
.nav ul li::after{content: ''; display: block; clear: both;}
.nav ul li span{float: right;}
/* common end */

/* main_con start */
.main_con{width: 100%; margin-bottom: 50px;}
/* .main_con{width: 100%; margin-top: 130px;} */
.main_con_inner{width: 100%; padding-bottom: 100px;}

.main_tit{width: 100%; padding-bottom: 20px;}
/* .main_tit h2{font-size: 30px; font-weight: bold;} */
.main_tit h2{font-size: 30px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #d41367; margin-bottom: 30px;}

.main_txt{width: 100%; padding-bottom: 20px;}
.main_txt h3{font-size: 20px;}
.main_txt li{padding-left: 10px; padding-bottom: 5px;}
.main_txt li span{font-weight: bold;}

/* .card_box_wrap{width: 100%; padding-bottom: 20px;}
.card_box_wrap:last-child{padding-bottom: 0;}
.card_box_wrap::after{content: ''; display: block; clear: both;}
.card_box{
   width: calc(100% / 5 - 16px); margin-right: 20px; border-radius: 10px;
   height: 190px; background: #eee; box-sizing: border-box; padding: 30px; cursor: pointer;  transition: all ease-in-out 0.3s;
}
.card_box:hover{background: #f6d0e1;}
.card_box p{text-align: center; padding-top: 10px;}
.card_box .icon_wrap{text-align: center; font-size: 40px;}
.card_box:last-child{margin-right: 0;} */

.card_box_wrap{width: 100%; display: flex; gap: 20px; flex-wrap: wrap;}
.card_box{
    width: calc(100% / 5 - 16px); height: 190px; border-radius: 10px;
    background: #eee; box-sizing: border-box; padding: 30px; cursor: pointer;  transition: all ease-in-out 0.3s;
}
.card_box:hover{background: #f6d0e1;}
.card_box p{text-align: center; padding-top: 10px;}
.card_box .icon_wrap{text-align: center; font-size: 40px;}
.card_box:last-child{margin-right: 0;}
/* main_con end */


/* content start */
.content{width: 100%; margin-bottom: 50px;}
/* .content{width: 100%; margin-top: 130px;} */
.content_inner{width: 100%; min-height: 100vh;}
/* .content.sub_03{height: 100vh;} */
.cont_top{width: 100%; padding-bottom: 50px;}
.cont_top h2{font-size: 30px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #d41367; margin-bottom: 30px;}
.cont_top h3{font-size: 24px; font-weight: 600;}
.cont_top p, .cont_tit.w100 p{color:#636363; font-size: 16px; cursor: pointer; transition: all ease-in-out 0.3s;}
.p_color{color: #eb0066 !important;}
.cont_top p:hover, .cont_tit.w100 p:hover{color:#d41367; }
.content_wrap{width: 100%; padding-bottom: 100px; margin-bottom: 100px; border-bottom: 1px solid #ccc;}
.content_wrap:last-child{margin-bottom: 0; border-bottom: 0;}

.cont_tit{width: 100%; padding-bottom: 20px;}
.cont_tit::after{content: ''; display: block; clear: both;}
.cont_tit h4{float: left; font-size: 40px; width: 50%; font-weight: bold;}
.cont_tit h4 span{font-size: 20px; color:#1c1c1c;  font-weight: 600;}
.cont_tit .btn_area{float: left; width: 50%; text-align: right; padding-top: 12px;}
.cont_tit .btn_area .btn{font-size: 14px; background: #ffb8d7; color:#8a1a4a; padding: 12px 20px; font-weight: bold;
    transition: all ease-in-out 0.2s; border-radius: 5px; cursor: pointer;}
.cont_tit .btn_area .btn:hover{background: #8a1a4a; color:#fff;}
/* .cont_tit .btn_area .btn{font-size: 14px; background: #ff900e; color:#fff; padding: 12px 20px; border-radius: 5px; cursor: pointer;} */
.cont_tit.w100 h4{float: none; width: 100%;}

.btn_area2{width: 100%; text-align: left; padding-top: 12px;}
.btn_area2 .btn{display: block; width: 220px; text-align: center; font-size: 14px; transition: all ease-in-out 0.2s;
    background: #ffb8d7; color:#8a1a4a; font-weight: bold; padding: 12px 20px; border-radius: 5px; cursor: pointer;}
.btn_area2 .btn:hover{background: #8a1a4a; color:#fff;}
.btn_area2 .btn i{font-style: normal;}
.btn_area2 .btn i.up{display: none;}
.btn_area2 .under_img_wrap{display: none; margin-top: 20px;}


.cont_img{width: 100%; font-size: 0; border: 1px solid #eee; height: auto; text-align: center;}

.cont_info{width: 100%; padding-top: 30px;}
.cont_info::after{content: ''; display: block; clear: both;}
.left, .right{float: left; width: 50%;}

.cont_info .none_num li{padding-left: 10px;}
.cont_info li .circle_i{font-style: normal; width: 5px; height: 15px; background: #d41367; color:#fff; display: inline-block; border-radius: 50%; text-align: center; line-height: 1.1;}
/* .cont_info .none_num li i{font-style: normal; width: 10px; height: 20px; background: #d41367; color:#fff; display: inline-block; border-radius: 50%; text-align: center; line-height: 1.2;} */
.cont_info ul li{width: 100%; padding-bottom: 10px;}
.cont_info ul li b{font-weight: normal; background: #000; color:#fff; padding: 3px 8px; border-radius: 5px;}
.cont_info ul li b.bold{font-weight: bold; background: #fff; color:#1f1f1f; padding: 0; border-radius: 0;}
.cont_info ul li i{font-style: normal; padding: 3px 8px; border-radius: 5px; }
.cont_info ul.step li{width: 100%; padding-bottom: 10px;}
.cont_info ul.step li span{width: 80px; height: 22px; text-align: center; color:#fff; border-radius:30px; vertical-align: top;
    line-height: 1.4; margin-right: 10px; background-color: #333; display: inline-block}
.cont_info ul.step li p{display: inline-block; width: calc(100% - 90px); word-break: keep-all;}
.cont_info>ul>li>span, .cont_info ul li span{width: 20px; height: 20px; font-size:14px;text-align: center; color:#fff; border-radius:50%;
    line-height: 1.5; margin-right: 10px; background-color: #333; display: inline-block; vertical-align: top;}
.cont_info ul li p{width: calc(100% - 40px); display: inline-block; word-break: keep-all;}

.etc>ul>li{padding: 10px 0 0 30px; font-size: 14px; color:#a5a5a5;}
.etc2>ul>li{padding: 10px 0 0 30px; font-size: 14px; color:#333; word-break: keep-all;}
.etc2 img{border: 1px solid #eee; margin: 10px 0;}

.table_responsive{width: 100%; height: 301px; overflow: hidden;}
.table_responsive.active{height: auto;}
.table_responsive table{width: calc(100% - 30px); text-align: center; margin: 30px 0;}
.table_responsive table tbody th, .table_responsive table tbody td{font-weight: normal}
.table_responsive table, .table_responsive table th, .table_responsive table td{border: 1px solid #ccc; border-collapse: collapse; padding: 10px 0;}
.table_responsive table thead th{background: #eee;}

.table_down, .table_up{border: 1px solid #333; width: 16%; border-radius: 30px; cursor: pointer;
    transition: all ease-in-out 0.3s; margin: 20px auto 0 auto; padding: 10px 20px; text-align: center;}
.table_down:hover, .table_up:hover{background: #333; color:#fff;}
.table_up{display: none;}

.lemon{background: #fff8dd; color:#ffba00;}
.wine{background: #d41367; color:#fff;}
.yellow{background: #ff902b; color:#fff;}
.green{background: #cde3e4; color:#01628d;}
.green2{background: #01628d; color:#fff;}
.orange{background: #fd6e21; color:#fff;}
.gray{background: #dfe2eb; color: #3f4254;}
.gray2{background: #808082; color: #fff;}
.indigo{background: #161d30; color: #fff;}
/* content end */

/* pop start */
.pop{position:fixed; top:0;left:0;width:100%;height:100%; display:none; z-index: 30;}
.pop .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8; cursor: pointer;}
.popup-box{position:absolute; top:50%; left:50%; width:600px; height:600px; margin:-300px 0 0 -300px; background:#fff; font-size: 0;}

.popup-box.sub_02{position:absolute; top:50%; left:50%; width:600px; height:500px; margin:-250px 0 0 -300px; background:#fff; font-size: 0;}

.popup-box.sub_02_etc{position:absolute; top:50%; left:50%; width:274px; height:500px; margin:-250px 0 0 -137px; background:#fff; font-size: 0;}

.popup-box.sub_01{position:absolute; top:50%; left:50%; width:500px; height:520px; margin:-260px 0 0 -250px; background:#fff; font-size: 0;}
.popup-box.sub_07{position:absolute; top:50%; left:50%; width:500px; height:580px; margin:-290px 0 0 -250px; background:#fff; font-size: 0;}
.popup-box.sub_07 img:first-child, .popup-box.sub_01 img:first-child{border-bottom: 1px solid #ccc;}

.popup-box.big_pop{position:absolute; top:50%; left:50%; width:900px; height:580px; margin:-290px 0 0 -450px; background:#fff; font-size: 0;}



.popup-box.big_large_pop{position:absolute; top:50%; left:50%; width:1200px; height:500px; margin:-250px 0 0 -600px; background:#fff; font-size: 0;}
.popup-box.big_large_pop .pop_img{width: 600px; display: inline-block;}
.popup-box.big_large_pop .cont_info{display: inline-block; width: calc(100% - 600px); border-left: 1px solid #ccc; min-height: 100%;
    vertical-align: top; padding: 30px 30px 0 30px; box-sizing: border-box; font-size: 16px;}
.popup-box.big_large_pop .cont_info li p{word-break: keep-all;}


.popup-box.sub_04{position:absolute; top:50%; left:50%; width:1400px; height:500px; margin:-250px 0 0 -700px; background:#fff; font-size: 0;}
.popup-box.sub_04 .pop_img{width: 850px; display: inline-block;}
.popup-box.sub_04 .cont_info{display: inline-block; width: calc(100% - 850px); border-left: 1px solid #ccc; min-height: 100%;
    vertical-align: top; padding: 30px 30px 0 30px; box-sizing: border-box; font-size: 16px;}
.popup-box.sub_04 .cont_info li p{word-break: keep-all;}

.popup-box .text_box{margin: 20px; text-align: left; padding: 10px; box-sizing: border-box; background: #eee; border-radius: 10px; font-size: 14px;}
.popup-box .btn_close{position: absolute; top:-35px; right: 0; width: 5%; cursor: pointer;}
.popup-box.sub_02_etc .btn_close{position: absolute; top:-35px; right: 0; width: 12%; cursor: pointer;}
.popup-box.sub_04 .btn_close{position: absolute; top:-35px; right: 0; width: 2%; cursor: pointer;}

.popup-box.big_pop .btn_close{position: absolute; top:-35px; right: 0; width: 3%; cursor: pointer;}
.popup-box.big_large_pop .btn_close{position: absolute; top:-35px; right: 0; width: 2%; cursor: pointer;}
.popup-box .text_box span{width: 20px; height: 20px; font-size: 14px; text-align: center; color: #fff;
    border-radius: 50%; line-height: 1.5; margin-right: 10px; background-color: #333; display: inline-block; vertical-align: top;}
.popup-box .text_box p{width: calc(100% - 40px); display: inline-block; word-break: keep-all;}


/* pop end */

@media all and (max-width:1500px){
    .container{margin-left: 50px;}
}








/*  */