@charset "utf-8";

#wrap{margin-top: 0; }
.main_wrap{margin-top: 209px !important;  margin-top: 209px !important; margin-bottom: 40px !important;}

.main_wrap > *,
.mcnt_box > *{float: left; }
.main_wrap > .mv_sec{border-radius: 20px 0 20px 0; box-shadow:20px 20px 20px rgba(0,0,0,0.1)}
.main_wrap > .mv_sec, .mcnt1{width: 870px;}

.main_wrap > .mv_sec .item {height: 500px;}
.main_wrap > .mv_sec .item .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/main/mv00.png) center no-repeat; z-index: -1;}
.main_wrap > .mv_sec .mv_slog {color: #fff; padding: 130px 0 0 55px; }
.main_wrap > .mv_sec .mv_slog .t1 {font-size: 38px; line-height: 48px; font-weight: 700; text-shadow:0px 0px 5px rgba(0,0,0,0.15)}
.main_wrap > .mv_sec .mv_slog .t2 {position: relative; font-size: 20px; line-height: 30px; font-weight: 400; text-shadow:0px 0px 5px rgba(0,0,0,0.15); padding-top: 22px; margin-top: 29px;}
.main_wrap > .mv_sec .mv_slog .t2:before{position: absolute; content:''; width: 36px; height: 3px; background: #fff; top: 0; left: 1px;}

.main_wrap > .mv_right{float: right; width: 410px; box-sizing: border-box; border-radius: 20px 0 20px 0; overflow: hidden; border: 1px solid #ddd;}
.main_wrap > .mv_right ul{text-align: center; display: flex; flex-wrap: wrap; padding: 44px 10px 34px;}
.main_wrap > .mv_right ul > li{width: 33.333%; margin-bottom: 28px;}
.main_wrap > .mv_right ul > li figure{position: relative; height: 85px; width: 85px; margin: 0 auto; border-radius: 50%; box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin-bottom: 10px;}
.main_wrap > .mv_right ul > li figure img{position: absolute; left: 0; top: 0; opacity: 0; transition:.3s}
.main_wrap > .mv_right ul > li figure img:first-child{opacity: 1;}
.main_wrap > .mv_right ul > li h4{font-size: 17px; line-height: 23px; color: #333; font-weight: 500; transition:.3s; word-break: keep-all; padding: 0 10px;}
.main_wrap > .mv_right ul > li:hover h4{color: #00bfb7;}
.main_wrap > .mv_right ul > li:hover figure img{opacity: 1;}

.main_wrap > .mv_right > ol{display: flex; flex-wrap: wrap; align-items: center; text-align: center;}
.main_wrap > .mv_right > ol li{position: relative; /*width: 33.333%;*/ width: 25%;}
.main_wrap > .mv_right > ol li:after,
.main_wrap > .mv_right > ol li:before{position: absolute; content: ''; right: 0; top: 0; width: 1px; height: 100%; z-index: 10;}
.main_wrap > .mv_right > ol li:after{background: #000; opacity: 0.4; right: 0px;}
.main_wrap > .mv_right > ol li:before{background: #fff; opacity: 0.4; right: -1px;}
.main_wrap > .mv_right > ol li:last-child:before,
.main_wrap > .mv_right > ol li:last-child:after{display: none;}
.main_wrap > .mv_right > ol li a{display: block; background: #8bc236; box-sizing: border-box; height: 114px; padding-top: 28px;}
.main_wrap > .mv_right > ol li a:after{position: absolute; content: ''; width: 21px; height: 21px; background: url(../../images/main/mcng1_box.png) center no-repeat; left: 0; top: 0; opacity: 0; transition:.3s; transform:scale(1.5)}
.main_wrap > .mv_right > ol li:hover a:after{opacity: 1; transform:scale(1)}
.main_wrap > .mv_right > ol li:nth-child(2) a{background: #fd7400;}
.main_wrap > .mv_right > ol li:nth-child(3) a{background: #0094dc;}
.main_wrap > .mv_right > ol li:nth-child(4) a{background: #f0a000;}
/*.main_wrap > .mv_right > ol li a h4{font-size: 19px; color: #fff; font-weight: 500; text-shadow:0px 0px 4px rgba(0,0,0,0.15); box-sizing: border-box; padding: 0 25px; word-break: keep-all;}*/
.main_wrap > .mv_right > ol li a h4{font-size: 17px; color: #fff; font-weight: 500; text-shadow:0px 0px 4px rgba(0,0,0,0.15); box-sizing: border-box; padding: 0 5px; word-break: keep-all;}

/* mcnt1 */
.mcnt1{}
.mc1_tab{display: flex;	text-align: center; margin-bottom: 20px;}
.mc1_tab > li{position: relative; width: 210px; height: 62px; background: #f6f6f6; font-size: 20px; line-height: 62px; color: #333; border-radius: 50px; margin-right: 8px; cursor: pointer; z-index: 4; transition:.3s;}
.mc1_tab > li a{position: absolute; content:''; width: 16px; height: 16px; background: url(../../images/main/mcnt_more.png) center no-repeat; background-size: 100%; right: 21px; top: 50%; margin-top: -8px; transition:.3s;}
.mc1_tab > li.on a,
.mc1_tab > li:hover a{background: url(../../images/main/mcnt_more2.png) center no-repeat; background-size: 100%; }
.mc1_tab > li:before{opacity: 0;position: absolute; content: ''; width: 100%; height: 100%; background: url(../../images/main/mcnt1_bg.png) center no-repeat; left: 0; bottom: 0;  transition:.3s; z-index: -1; background-size: 100%; }
.mc1_tab > li.on:before,
.mc1_tab > li:hover:before{opacity: 1;}
.mc1_tab > li:last-child{margin-right: 0;} 
.mc1_tab > li.on,
.mc1_tab > li:hover{font-weight: 700;}

.tab_con_box {box-sizing: border-box; border: 1px solid #ddd; border-radius: 20px; padding-top: 34px; height: 181px;}
.tab_con_box .cnt{display: flex;	justify-content: left; padding-left: 49px;  display: none;}
.tab_con_box .cnt > li{position: relative; }
.tab_con_box .cnt > li.none_li{width: 100%; text-align: center; line-height: 99px; font-size: 20px; font-weight: 500; color: #333;}

/* .tab_con_box .cnt1{display: flex;} */

.tab_con_box .cnt.on{display: flex; }

.tab_con_box .cnt .top{border-bottom: 1px solid #ddd;}
.tab_con_box .cnt > li{width: 238px; margin-right: 28px;}
.tab_con_box .cnt > li:last-child{margin-right: 0;}
.tab_con_box .cnt > li h4{font-size: 20px; line-height: 1; color: #333; font-weight: 400; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.tab_con_box .cnt > li .data_box{position: relative; overflow: hidden; padding: 9px 0 18px; }
.tab_con_box .cnt > li .data_box span{font-size: 15px; line-height: 1; color: #999;} 
.tab_con_box .cnt > li .data_box span:last-child{float: right; margin-top: 8px; font-size: 13px; font-weight: 700; color: #ea4d1d;}
.tab_con_box .cnt > li .data_box span:last-child:empty(img){background: #000;}

.tab_con_box .cnt > li .data_box span i{position: relative; top: 6px; margin-right: 5px;}
.tab_con_box .cnt > li .data_box span:nth-child(2){margin-left: 11px;}
.tab_con_box .cnt > li .data_box span:nth-child(2) i{top: 9px;}
.tab_con_box .cnt .bottom{margin-top: 12px;}
.tab_con_box .cnt .bottom p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding-left: 10px; box-sizing: border-box;} 
.tab_con_box .cnt > li .data_box:before{position: absolute; content: ''; width: 0%; height: 1px; background: #0c3353; left: 50%; bottom: 0; transition:.3s;}
.tab_con_box .cnt > li:hover .data_box:before{width: 100%; left: 0;} 

.mcnt2{display: flex; margin-left: 40px;}
.mcnt2 .lbx{width: 248px; background: #f6f6f6; box-sizing: border-box; border-radius: 20px; padding-top: 30px;} 
.mcnt2 .lbx ul{padding-left: 19px;}
.mcnt2 .lbx ul li{display: flex; align-items:center; table-layout: fixed; width: 100%;	 margin-bottom: 4px;}
.mcnt2 .lbx ul li:last-child{margin-bottom: 0;}
.mcnt2 .lbx ul li > *{display: table-cell; vertical-align: top;}
.mcnt2 .lbx ul li span{width: 77px; font-size: 13px; line-height: 21px; padding: 5px 0;font-weight: 700; text-align: center; border-radius: 15px; color: #fff; background: #0c3353; border: 1px solid #0c3353; box-sizing: border-box;  }  
.mcnt2 .lbx ul li:nth-child(even) span{color: #0c3353; border: 1px solid #0c3353; background: #fff; }
.mcnt2 .lbx ul li h4{padding-left: 10px; font-size: 18px; line-height: 26px; color: #0c3353; font-weight: 700;}

.mcnt2 .lbx ol{ text-align: center; margin-top: 18px;}
.mcnt2 .lbx ol li{position: relative;display: inline-block; padding: 0 18px;}
.mcnt2 .lbx ol li:first-child:after{position: absolute; content: ''; width: 1px; height: 35px; background: #ddd; right: -3px; top: 0;}
.mcnt2 .lbx ol li h5{font-size: 15px; line-height: 1; color: #333; font-weight: 500;}
.mcnt2 .lbx ol li p{color: #666; font-size: 15px;}

.mcnt2 .lbx dl{text-align: center; margin-top: 6px;}
.mcnt2 .lbx dl dt{font-size: 15px; line-height: 1; color: #ea4d1d; font-weight: 400;}
.mcnt2 .lbx dl dd a{position: relative; display: block; box-sizing: border-box;  background: #fff; width: 193px; height: 45px; font-size: 16px; line-height: 45px; font-weight: 500; color: #333; margin: 16px auto 30px; text-align: left; padding-left: 20px; transition:.3s;}
.mcnt2 .lbx dl dd a:before,
.mcnt2 .lbx dl dd a:after{position: absolute; content:''; width: 9px; height: 13px; background: url(../../images/main/mcnt2_1.png) center no-repeat; right: 14px; top: 50%; margin-top: -7px; transition:.3s;} 
.mcnt2 .lbx dl dd a:before{background: url(../../images/main/mcnt2_2.png) center no-repeat; } 
.mcnt2 .lbx dl dd a span{display: inline-block; font-size: 14px; color: #1d9bea; margin-left: 9px; vertical-align: top; transition:.3s;}

.mcnt2 .lbx dl dd a:hover {background: #0094dc; color: #fff;}
.mcnt2 .lbx dl dd a:hover span{color: #fff;}
.mcnt2 .lbx dl dd a:hover:after{opacity: 0;}

.mcnt2 .rbx {position: relative; width:	152px; margin-left: 10px; text-align: center; background: #f6f6f6; margin-top: 27px; border-radius: 20px;}
.mcnt2 .rbx h3{width: 119px; font-size: 15px; line-height: 20px; color: #fff; font-weight: 500; background: #0c3353; border-radius: 50px; display: block; padding: 6px 0; margin: -27px auto 20px;} 
.mcnt2 .rbx ul li{background: url(../../images/main/bg_type_n1.png) center no-repeat; width: 117px; height: 65px; margin: 0 auto; border: 2px solid rgba(255,255,255,0); border-radius: 10px; transition:.3s; box-sizing: border-box; margin-bottom: 6px;}
.mcnt2 .rbx ul li:nth-child(2){background: url(../../images/main/bg_type_n2.png) center no-repeat;}
.mcnt2 .rbx ul li:nth-child(3){background: url(../../images/main/bg_type_n3.png) center no-repeat;}
.mcnt2 .rbx ul li:hover{border: 2px solid #5c5448;}
.mcnt2 .rbx ul li:hover:last-child{border: 2px solid #00704d;}
.mcnt2 .rbx ul li figure{padding: 5px 0 5px;}
.mcnt2 .rbx ul li:last-child figure{padding-top: 1px; padding-bottom: 2px;}
.mcnt2 .rbx ul li figcaption{color: #fff; font-size: 15px; line-height: 1; font-weight: 500;}
.mcnt3_wrap{border-top: 1px solid #ddd; margin-top: 60px; }
.mcnt3{position: relative; box-sizing: border-box; padding: 0 70px; }
.mcnt3 .item_box{height: 110px; display: table;}
.mcnt3 .item_box a{display: table-cell; vertical-align: middle; text-align: center; outline:none;}
.mcnt3 .item_box a img{display: inline-block;}

.slick-slider{position: static;}
.slick-arrow{position: absolute; width: 14px; height: 24px; background: url(../../images/main/mcnt3_prev.png) center no-repeat !important; left: 0; top: 56px;}
.slick-next{ background: url(../../images/main/mcnt3_next.png) center no-repeat !important; left: auto; right: 0;}


.mcnt2_new_i{display: flex; text-align: center; margin-left: 40px;}

.mcnt2_new_i > .lbx{width: 248px; margin-right: 10px;}
.mcnt2_new_i > .rbx{width: 152px; }

.mcnt2_new_i > div{ }
.mcnt2_new_i > div h3{position: relative; display: inline-block; width: 119px; height: 32px; line-height: 32px; font-size: 15px; font-weight: 700; background: #0c3353; color: #fff; border-radius: 50px;}
.mcnt2_new_i > div .gr_b{background: #f6f6f6; border-radius: 25px; margin-top: -7px; height: 240px; box-sizing: border-box;}
.mcnt2_new_i > .lbx > .gr_b {box-sizing: border-box;padding: 15px 25px;}
.mcnt2_new_i > .lbx > .gr_b ul > li{display: flex; margin-bottom: 2px;}
.mcnt2_new_i > .lbx > .gr_b ul > li > span{display: block; width: 71px; line-height: 24px; height: 24px; border-radius: 50px; font-size: 13px; font-weight: 700; letter-spacing: -0.03em; border: 1px solid #0c3353; color: #0c3353; background: #fff;}
.mcnt2_new_i > .lbx > .gr_b ul > li > p{box-sizing: border-box; width: calc(100% - 71px); text-align: left; font-size: 18px; font-weight: 700; color: #0c3353; letter-spacing: -0.03em; padding-left: 10px;}
.mcnt2_new_i > .lbx > .gr_b ul > li:nth-child(odd) > span{background: #0c3353; color: #fff;}
.mcnt2_new_i > .lbx > .gr_b > a{position: relative; display: block; box-sizing: border-box;  background: #fff; width: 193px; height: 45px; font-size: 16px; line-height: 45px; font-weight: 500; color: #333; margin: 10px auto 0px; text-align: left; padding-left: 20px; transition:.3s;}
.mcnt2_new_i > .lbx > .gr_b > a:before,
.mcnt2_new_i > .lbx > .gr_b > a:after{position: absolute; content:''; width: 9px; height: 13px; background: url(../../images/main/mcnt2_1.png) center no-repeat; right: 14px; top: 50%; margin-top: -7px; transition:.3s;} 
.mcnt2_new_i > .lbx > .gr_b > a:before{background: url(../../images/main/mcnt2_2.png) center no-repeat; } 
.mcnt2_new_i > .lbx > .gr_b > a > span{display: inline-block; font-size: 14px; color: #1d9bea; margin-left: 9px; vertical-align: top; transition:.3s;}
.mcnt2_new_i > .lbx > .gr_b > a:hover {background: #0094dc; color: #fff;}
.mcnt2_new_i > .lbx > .gr_b > a:hover span{color: #fff;}
.mcnt2_new_i > .lbx > .gr_b > a:hover:after{opacity: 0;}

.mcnt2_new_i > .rbx .gr_b{padding-top: 15px;}
.mcnt2_new_i > .rbx .gr_b ul > li{/* background: url(../../images/main/bg_type_n1.png) center no-repeat;  */ background: #938879; background-size: cover;width: 117px; height: 67px; margin: 0 auto; border: 2px solid rgba(255,255,255,0); border-radius: 10px; transition:.3s; box-sizing: border-box; margin-bottom: 3px;}
.mcnt2_new_i > .rbx .gr_b ul > li:nth-child(2){background: #00af77;/* background: url(../../images/main/bg_type_n2.png) center no-repeat; */ background-size: cover;}
.mcnt2_new_i > .rbx .gr_b ul > li:nth-child(3){background: #0096c2;/* background: url(../../images/main/bg_type_n3.png) center no-repeat; */ background-size: cover;}
.mcnt2_new_i > .rbx .gr_b ul > li:hover{border: 2px solid #5c5448;}
.mcnt2_new_i > .rbx .gr_b ul > li:hover:last-child{border: 2px solid #00704d;}
.mcnt2_new_i > .rbx .gr_b ul > li figure{padding: 0px 0 0px;}
.mcnt2_new_i > .rbx .gr_b ul > li:last-child figure{padding-top: 1px; padding-bottom: 2px;}
.mcnt2_new_i > .rbx .gr_b ul > li figcaption{color: #fff; font-size: 13px; line-height: 1; font-weight: 500; margin-top: -13px;}
.mcnt2_new_i > .rbx .gr_b ul > li:first-child figure{padding-top: 8px;}
.mcnt2_new_i > .rbx .gr_b ul > li:nth-child(2) figure{padding-top: 5px;}
.mcnt2_new_i > .rbx .gr_b ul > li > a{height: 87px; box-sizing: border-box; padding-top: 2px;}