@charset "utf-8";

/* main_visual */
.main-slider .text_center{padding:30px 20px; width:292px; height:292px; border:6px solid #2495d7; box-sizing:border-box; position:absolute; top:143px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main-slider .text_center > p{margin-bottom:15px; font-size:24px; line-height:33px; color:#1d1d1b; letter-spacing:0; font-weight:100; text-align:center;}
.main-slider .text_center ul{padding-left:50px; font-size:32px; color:#000; font-weight:800;}
.main-slider .text_center ul li{font-size:32px; color:#000; font-weight:800;}
.main-slider .text_center ul li span{width:30px; display:inline-block; vertical-align:top; margin-right:5px;line-height:51px;}
.main-slider .text_center ul li p{display:inline-block; vertical-align:top; line-height:51px;}
.main-slider .slick-prev{z-index:5; left:60px; width:17px; height:30px; background:url('/img/main_slider_prev.png')no-repeat center;}
.main-slider .slick-prev:before{display:none;}
.main-slider .slick-next{z-index:5; right:60px; width:17px; height:30px; background:url('/img/main_slider_next.png')no-repeat center;}
.main-slider .slick-next:before{display:none;}

/* main_con01 */
.transition03s{transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s;}
.main_con01:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con01{width:100%; margin:0 auto;}
.main_con01{width:100%;}

.main_con01 .top_box{overflow:hidden; cursor:pointer; height:412px; position:relative; box-sizing:border-box;} 
.main_con01 .top_box .bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
.main_con01 .top_box > i{display:block; position:absolute; right:190px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_con01 .top_box .text{padding:250px 0 0 0; box-sizing:border-box; text-align:center; position:relative; z-index:2;}
.main_con01 .top_box .text p{font-size:24px; color:#000; font-weight:500; margin-bottom:10px;}
.main_con01 .top_box .text b{font-size:32px; display:block; color:#000; font-weight:800;}
.main_con01 .top_box .text a{margin-top:20px; display:block;}
.main_con01 .top_box .text.white p{color:#fff;}
.main_con01 .top_box .text.white b{color:#fff;}
.main_con01 .top_box .x_btn{z-index:4; opacity:0; position:absolute; right:20px; top:20px; cursor:pointer;}
.main_con01 .top_box .click_box{z-index:3; opacity:0; bottom:0; position:absolute; right:-100%; width:100%; height:100%}
.main_con01 .top_box .click_box ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con01 .top_box .click_box ul{height:100%; width:100%}
.main_con01 .top_box .click_box ul li{text-align:center; background:#d5d5d5; width:33.333333%; float:left; height:50%; border:1px solid #fff; border-top:0; box-sizing:border-box; border-right:0;}
.main_con01 .top_box .click_box ul li:nth-of-type(1){border-top:1px solid #fff;}
.main_con01 .top_box .click_box ul li:nth-of-type(2){border-top:1px solid #fff;}
.main_con01 .top_box .click_box ul li:nth-of-type(3){border-top:1px solid #fff;}
.main_con01 .top_box .click_box ul li:nth-of-type(3n){border-right:1px solid #fff;}
.main_con01 .top_box .click_box ul li a{display:table; width:100%; height:100%;}
.main_con01 .top_box .click_box ul li a .center{display:table-cell; vertical-align:middle;}
.main_con01 .top_box .click_box ul li a .center p{font-size:36px; line-height:60px; color:#1d1d1b; font-weight:bold;}
.main_con01 .top_box .click_box ul li a .center p b{font-weight:800}
.main_con01 .top_box .click_box ul li a .center i{display:inline-block; vertical-align:top;}
.main_con01 .top_box .click_box ul li a .center span{display:block; font-size:22px; color:#1d1d1b; text-align:center; margin-top:5px;}
.main_con01 .top_box .click_box.white ul li a .center p{color:#fff;}
.main_con01 .top_box .click_box.white ul li a .center span{color:#fff;}
.main_con01 .type02 .click_box ul li:nth-of-type(1){width:100%;}

.main_con01 .top_box.type01{background:#eee url('/img/top_box_bg_type01.jpg')no-repeat center / cover; }
.main_con01 .top_box.type01 .click_box ul li{background:#eee;}
.main_con01 .top_box.type02{background:#525357 url('/img/top_box_bg_type02.jpg')no-repeat center / cover; }
.main_con01 .top_box.type02 .click_box ul li{background:#525357;}
.main_con01 .top_box.type03{background:#323338 url('/img/top_box_bg_type03.jpg')no-repeat center / cover; }
.main_con01 .top_box.type03 .click_box{right:auto; left:-100%;}
.main_con01 .top_box.type03 .click_box ul li{background:#323338;}

.main_con01 .top_box.on .click_box{right:0; opacity:1;}
.main_con01 .top_box.on .text{opacity:0;}
.main_con01 .top_box.on .x_btn{opacity:1;}
.main_con01 .top_box.on i{right:100%;}
.main_con01 .top_box.on i img{width:80%;}
.main_con01 .top_box.type03.on .click_box{left:0}

/* main_con02 */
.main_con02{background:url('/img/main_con02_bg.jpg')no-repeat center / cover; height:626px; box-sizing:border-box; padding:100px 0}
.main_con02 .title h3{font-size:32px; color:#000; font-weight:800; text-align:center;}
.main_con02 .title p{font-size:22px; color:#1d1d1d; font-weight:500; text-align:center; margin-top:10px; margin-bottom:40px;}
.main_con02 ul{font-size:0; text-align:center; letter-spacing:-4px;}
.main_con02 ul li{text-align:center; width:calc(33.333333% - 8px); margin-right:12px; height:185px; position:relative; background:#f1f1f1; cursor:pointer; display:inline-block; vertical-align:top; padding:25px; box-sizing:border-box; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; }
.main_con02 ul li h4{margin:0; font-size:22px; color:#000; font-weight:bold; letter-spacing:0;}
.main_con02 ul li:last-child{margin-right:0;}
.main_con02 ul li .hr{margin:25px auto 15px; width:43px; height:1px; background:#9f9e9e;}
.main_con02 ul li p{font-size:15px; color:#575756; font-weight:300; line-height:26px; letter-spacing:0;}
.main_con02 ul li i{display:block; text-align:center;}
.main_con02 ul li:hover{background:#fff; border:1px solid #636362;}

/* main_con03 */
.main_con03{background:#eee; height:728px; box-sizing:border-box; padding:100px 0}
.main_con03 .title h3{font-size:32px; color:#000; font-weight:800; text-align:center;}
.main_con03 .title p{font-size:22px; color:#1d1d1d; font-weight:500; text-align:center; margin-top:10px; margin-bottom:40px;}
.main_con03 ul{margin:0 auto 50px; max-width:332px;}
.main_con03 ul li{cursor:pointer; box-sizing:border-box; border:1.3px solid #6d6d6c; background:#fff;}
.main_con03 ul li .img_box{width:100%; height:185px;}
.main_con03 ul li .img_box img{width:100%; height:185px;}
/*.main_con03 ul li .hr{width:100%; height:1px; background:#4f4f4f; margin:26px auto 16px;}*/
.main_con03 ul li .text{padding:23px; text-align:center; font-size:22px; color:#000; font-weight:bold;}
.main_con03 ul li .text b{color:#2488c1; display:inline-block; vertical-align:top;}
.main_con03 ul li .text p{display:inline-block; vertical-align:top; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; max-width:calc(100% - 50px); margin:0 auto;}

.main_con03 ul .slick-prev{z-index:5; left:-90px; width:17px; height:30px; background:url('/img/main_slider_prev.png')no-repeat center;}
.main_con03 ul .slick-prev:before{display:none;}
.main_con03 ul .slick-next{z-index:5; right:-90px; width:17px; height:30px; background:url('/img/main_slider_next.png')no-repeat center;}
.main_con03 ul .slick-next:before{display:none;}
.main_con03 a{display:block; margin:0 auto; width:332px; height:53px; line-height:53px; text-align:center; background:#333; font-size:20px; color:#fff;}