@charset "utf-8";

/* main_visual */
.main-slider .text_center{padding:30px 40px; width:302px; height:302px; border:5px solid #2495d7; box-sizing:border-box; position:absolute; top:176px; 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:20px; line-height:35px; color:#1f1f1f; letter-spacing:0; font-weight:100; text-align:center;}
.main-slider .text_center ul{padding-left:20px; font-size:34px; color:#000; font-weight:800;}
.main-slider .text_center ul li{font-size:34px; color:#000; font-weight:800;}
.main-slider .text_center ul li span{width:40px; 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:25px; height:47px; 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:25px; height:47px; background:url('/img/main_slider_next.png')no-repeat center;}
.main-slider .slick-next:before{display:none;}

@media all and (min-width:1930px){
	.main-slider .text_center{width:500px; height:500px; padding:50px 70px;}
	.main-slider .text_center > p{font-size:30px; line-height:45px; margin-bottom:45px;}
	.main-slider .text_center ul li{font-size:55px; margin:20px 0;}
	.main-slider .text_center ul li span{width:60px;}
}

/* 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; overflow:hidden; padding-bottom:15px;}
.main_con01 .w50{width:50%; float:left; height:887px;}
.main_con01 .w50 .full_box{cursor:pointer; background:#d3d8d9 url('/img/full_box_bg.jpg')no-repeat center / cover; height:100%; text-align:center; position:relative; padding-top:580px; box-sizing:border-box;}
.main_con01 .w50 .full_box .bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
.main_con01 .w50 .full_box > i{display:block; position:absolute; left:50%; top:150px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_con01 .w50 .full_box .text{position:relative; z-index:2;}
.main_con01 .w50 .full_box .text p{font-size:30px; color:#000; font-weight:200; margin-bottom:10px;}
.main_con01 .w50 .full_box .text b{font-size:40px; display:block; color:#000; font-weight:800;}
.main_con01 .w50 .full_box .text a{margin-top:50px; display:block;}
.main_con01 .w50 .full_box .x_btn{z-index:4; position:absolute; opacity:0;  right:40px; top:40px; cursor:pointer;}
.main_con01 .w50 .full_box .click_box{z-index:3; opacity:1; bottom:-100%; position:absolute; left:0; width:100%; height:50%}
.main_con01 .w50 .full_box .click_box ul{height:100%; width:100%}
.main_con01 .w50 .full_box .click_box ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con01 .w50 .full_box .click_box ul li{text-align:center; background:#d3d8d9; width:33.333333%; float:left; height:50%; border:1px solid #fff; border-top:0; box-sizing:border-box; border-right:0;}
.main_con01 .w50 .full_box .click_box ul li:nth-of-type(1){border-top:1px solid #fff;}
.main_con01 .w50 .full_box .click_box ul li:nth-of-type(2){border-top:1px solid #fff;}
.main_con01 .w50 .full_box .click_box ul li:nth-of-type(3){border-top:1px solid #fff;}
.main_con01 .w50 .full_box .click_box ul li:nth-of-type(3n){border-right:1px solid #fff;}
.main_con01 .w50 .full_box .click_box ul li a{display:table; width:100%; height:100%;}
.main_con01 .w50 .full_box .click_box ul li a .center{display:table-cell; vertical-align:middle;}
.main_con01 .w50 .full_box .click_box ul li a .center p{font-size:42px; line-height:65px; color:#1d1d1b; font-weight:bold;}
.main_con01 .w50 .full_box .click_box ul li a .center p b{font-weight:800}
.main_con01 .w50 .full_box .click_box ul li a .center i{display:inline-block; vertical-align:top;}
.main_con01 .w50 .full_box .click_box ul li a .center span{display:block; font-size:22px; color:#1d1d1b; text-align:center; margin-top:5px;}
.main_con01 .w50 .full_box .click_box ul li:hover{background:#eef3f4;}
.main_con01 .w50 .full_box .click_box ul li:hover a{position:relative;}
/*.main_con01 .w50 .full_box .click_box ul li:hover a:before{content:''; display:block; position:absolute; background:url('/img/cursor_img.png') no-repeat center center / contain; width:16px; height:28px; bottom:-15px; right:20px; z-index:2;}*/
.main_con01 .w50 .full_box .click_box ul li.no_hover:hover{background:#d3d8d9}
.main_con01 .w50 .full_box .click_box ul li.no_hover:hover a:before{display:none;}
.main_con01 .w50 .full_box.on{background-size:900px; background-position:center 10%}
.main_con01 .w50 .full_box.on .click_box{bottom:0; opacity:1;}
.main_con01 .w50 .full_box.on .text{opacity:0;}
.main_con01 .w50 .full_box.on .x_btn{opacity:1;}
.main_con01 .w50 .full_box.on i{top:50px;}
.main_con01 .w50 .full_box.on > i img{width:400px;}

.main_con01 .w50 .top_box{cursor:pointer; background:#525357 url('/img/top_box_bg.jpg')no-repeat center / cover; height:50%; position:relative; padding-right:55%; box-sizing:border-box;} 
.main_con01 .w50 .top_box .bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
.main_con01 .w50 .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 .w50 .top_box .text{text-align:right; padding:120px 0 0 0; box-sizing:border-box;  position:relative; z-index:2;}
.main_con01 .w50 .top_box .text p{font-size:30px; color:#000; font-weight:200; margin-bottom:10px;}
.main_con01 .w50 .top_box .text.white p{color:#fff;}
.main_con01 .w50 .top_box .text b{font-size:40px; display:block; color:#000; font-weight:800;}
.main_con01 .w50 .top_box .text.white b{color:#fff;}
.main_con01 .w50 .top_box .text a{margin-top:80px; display:block;}
.main_con01 .w50 .top_box .x_btn{z-index:4; opacity:0; position:absolute; right:30px; top:30px; cursor:pointer;}
.main_con01 .w50 .top_box .click_box{z-index:3; opacity:0; bottom:0; position:absolute; right:-100%; width:100%; height:100%}
.main_con01 .w50 .top_box .click_box ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con01 .w50 .top_box .click_box ul{height:100%; width:100%}
.main_con01 .w50 .top_box .click_box ul li{text-align:center; background:#525357; width:33.333333%; float:left; height:50%; border:1px solid #fff; border-top:0; box-sizing:border-box; border-right:0;}
.main_con01 .w50 .top_box .click_box ul li:nth-of-type(1){border-top:1px solid #fff;}
.main_con01 .w50 .top_box .click_box ul li:nth-of-type(2){border-top:1px solid #fff;}
.main_con01 .w50 .top_box .click_box ul li:nth-of-type(3){border-top:1px solid #fff;}
.main_con01 .w50 .top_box .click_box ul li:nth-of-type(3n){border-right:1px solid #fff;}
.main_con01 .w50 .top_box .click_box ul li a{display:table; width:100%; height:100%;}
.main_con01 .w50 .top_box .click_box ul li a .center{display:table-cell; vertical-align:middle;}
.main_con01 .w50 .top_box .click_box ul li a .center p{font-size:40px; line-height:65px; color:#fff; font-weight:bold;}
.main_con01 .w50 .top_box .click_box ul li a .center p b{font-weight:800}
.main_con01 .w50 .top_box .click_box ul li a .center i{display:inline-block; vertical-align:top;}
.main_con01 .w50 .top_box .click_box ul li a .center span{display:block; font-size:22px; color:#fff; text-align:center; margin-top:5px;}
.main_con01 .w50 .top_box .click_box ul li:hover{background:#a1a3aa;}
.main_con01 .w50 .top_box .click_box ul li:hover a{position:relative;}
/*.main_con01 .w50 .top_box .click_box ul li:hover a:before{content:''; display:block; position:absolute; background:url('/img/cursor_img.png') no-repeat center center / contain; width:16px; height:28px; bottom:-15px; right:20px;}*/
.main_con01 .w50 .top_box .click_box ul li.no_hover:hover{background:#525357}
.main_con01 .w50 .top_box .click_box ul li.no_hover:hover a:before{display:none;}
.main_con01 .w50 .type02 .click_box ul li:nth-of-type(1){width:100%;}
.main_con01 .w50 .top_box.on .click_box{right:0; opacity:1;}
.main_con01 .w50 .top_box.on .text{opacity:0;}
.main_con01 .w50 .top_box.on .x_btn{opacity:1;}
.main_con01 .w50 .top_box.on i{right:100%;}
.main_con01 .w50 .top_box.on i img{width:80%;}


.main_con01 .w50 .bot_box{cursor:pointer; background:#323338 url('/img/bot_box_bg.jpg')no-repeat center / cover; height:50%; position:relative; padding-left:50%; box-sizing:border-box;}
.main_con01 .w50 .bot_box .bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
.main_con01 .w50 .bot_box > i{display:block; position:absolute; left:60px; top:52%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_con01 .w50 .bot_box .text{text-align:left; padding:120px 0 0 0; box-sizing:border-box; position:relative; z-index:2;}
.main_con01 .w50 .bot_box .text p{font-size:30px; color:#000; font-weight:200; margin-bottom:10px;}
.main_con01 .w50 .bot_box .text.white p{color:#fff;}
.main_con01 .w50 .bot_box .text b{font-size:40px; display:block; color:#000; font-weight:800;}
.main_con01 .w50 .bot_box .text.white b{color:#fff;}
.main_con01 .w50 .bot_box .text a{margin-top:80px; display:block;}
.main_con01 .w50 .bot_box .x_btn{z-index:4; opacity:0;  position:absolute; right:30px; top:30px; cursor:pointer;}
.main_con01 .w50 .bot_box .click_box{z-index:3; opacity:0; bottom:0; position:absolute; right:-100%; width:100%; height:100%}
.main_con01 .w50 .bot_box .click_box ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con01 .w50 .bot_box .click_box ul{height:100%; width:100%}
.main_con01 .w50 .bot_box .click_box ul li{text-align:center; background:#323338; width:33.333333%; float:left; height:50%; border:1px solid #fff; border-top:0; box-sizing:border-box; border-right:0;}
.main_con01 .w50 .bot_box .click_box ul li:nth-of-type(1){border-top:1px solid #fff;}
.main_con01 .w50 .bot_box .click_box ul li:nth-of-type(2){border-top:1px solid #fff;}
.main_con01 .w50 .bot_box .click_box ul li:nth-of-type(3){border-top:1px solid #fff;}
.main_con01 .w50 .bot_box .click_box ul li:nth-of-type(3n){border-right:1px solid #fff;}
.main_con01 .w50 .bot_box .click_box ul li a{display:table; width:100%; height:100%;}
.main_con01 .w50 .bot_box .click_box ul li a .center{display:table-cell; vertical-align:middle;}
.main_con01 .w50 .bot_box .click_box ul li a .center p{font-size:40px; line-height:65px; color:#fff; font-weight:bold;}
.main_con01 .w50 .bot_box .click_box ul li a .center p b{font-weight:800}
.main_con01 .w50 .bot_box .click_box ul li a .center i{display:inline-block; vertical-align:top;}
.main_con01 .w50 .bot_box .click_box ul li a .center span{display:block; font-size:22px; color:#fff; text-align:center; margin-top:5px;}
.main_con01 .w50 .bot_box .click_box ul li:hover{background:#8a8c99;}
.main_con01 .w50 .bot_box .click_box ul li:hover a{position:relative;}
/*.main_con01 .w50 .bot_box .click_box ul li:hover a:before{content:''; display:block; position:absolute; background:url('/img/cursor_img.png') no-repeat center center / contain; width:16px; height:28px; bottom:-15px; right:20px;}*/
.main_con01 .w50 .bot_box .click_box ul li.no_hover:hover{background:#323338}
.main_con01 .w50 .bot_box .click_box ul li.no_hover:hover a:before{display:none;}
.main_con01 .w50 .bot_box.on .click_box{right:0; opacity:1;}
.main_con01 .w50 .bot_box.on .text{opacity:0;}
.main_con01 .w50 .bot_box.on .x_btn{opacity:1;}
.main_con01 .w50 .bot_box.on i{right:100%;}
.main_con01 .w50 .bot_box.on i img{width:80%;}
.main_con01 .w50.on{width:55%;}
.main_con01 .w50.sub_on{width:45%}

@media all and (max-width:1930px){
	.main_con01 .w50 .top_box{padding-right:50%}
	.main_con01 .w50 .bot_box{padding-left:50%}
}
@media all and (max-width:1500px){
	.main_con01 .w50 .full_box{background-size:1000px;}
	.main_con01 .w50 .top_box{padding-right:55%; background-size:1000px}
	.main_con01 .w50 .bot_box{padding-left:40%; background-size:1000px}
}
@media all and (max-width:1400px){
	
}

/* main_con02 */
.main_con02{background:url('/img/main_con02_bg.jpg')no-repeat right bottom; height:822px; box-sizing:border-box; padding:110px 0}
.main_con02 .title h3{font-size:40px; color:#000; font-weight:800; text-align:center;}
.main_con02 .title p{font-size:20px; color:#1d1d1d; font-weight:300; text-align:center; margin-top:10px; margin-bottom:100px;}
.main_con02 ul{font-size:0; text-align:center; letter-spacing:-4px;}
.main_con02 ul li{text-align:left; width:calc(33.333333% - 16px); margin-right:24px; height:239px; position:relative; background:#f1f1f1; cursor:pointer; display:inline-block; vertical-align:top; padding:40px 35px; 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:20px; color:#000; font-weight:bold; letter-spacing:0;}
.main_con02 ul li:last-child{margin-right:0;}
.main_con02 ul li .hr{margin:13px 0; width:79px; height:1px; background:#9f9e9e; border-top:1px solid #605e5e;}
.main_con02 ul li p{font-size:15px; color:#575756; font-weight:300; line-height:26px; letter-spacing:0;}
.main_con02 ul li i{position:absolute; right:0; bottom:0;}
.main_con02 ul li:hover{background:#fff; border:1px solid #636362; position:relative;}
/*.main_con02 ul li:hover:before{content:''; display:block; position:absolute; background:url('/img/cursor_img.png') no-repeat center center / contain; width:16px; height:28px; bottom:-20px; right:20px;}*/

/* main_con03 */
.main_con03{background:#eee; height:898px; box-sizing:border-box; padding:126px 0}
.main_con03 .title h3{font-size:40px; color:#000; font-weight:800; text-align:center;}
.main_con03 .title p{font-size:20px; color:#1d1d1d; font-weight:300; text-align:center; margin-top:10px; margin-bottom:80px;}
.main_con03 ul{margin:0 auto 80px;}
.main_con03 ul li{cursor:pointer; margin:0 10px; box-sizing:border-box; border:1px solid #6d6d6c; background:#fff;}
.main_con03 ul li .img_box{width:100%; height:203px;}
.main_con03 ul li .img_box img{width:100%; height:203px;}
/*.main_con03 ul li .hr{width:100%; height:1px; background:#4f4f4f; margin:26px auto 16px;}*/
.main_con03 ul li .text{text-align:center; font-size:21px; padding:20px; box-sizing:border-box; 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; max-width:calc(100% - 45px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto;}

.main_con03 ul .slick-prev{z-index:5; left:-170px; width:65px; height:127px; 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:-170px; width:65px; height:127px; 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:294px; height:48px; line-height:48px; text-align:center; background:#333; font-size:20px; color:#fff;}

@media all and (max-width:1800px){
	.main_con03 ul .slick-prev{left:-100px;}
	.main_con03 ul .slick-next{right:-100px;}
}
@media all and (max-width:1650px){
	.main_con03 ul .slick-prev{left:-70px;}
	.main_con03 ul .slick-next{right:-70px;}
}
@media all and (max-width:1600px){
	.main_con03 ul .slick-dots{bottom:-50px; margin:0 auto;}
	.main_con03 ul .slick-dots li{width:15px; height:15px; border-radius:50%; padding:0; margin:0 5px;}
	.main_con03 ul .slick-dots li button{width:100%; height:100%;}
	.main_con03 ul .slick-dots li button:before{display:none}
	.main_con03 ul .slick-dots li.slick-active{background:#333; border-color:#333;}
}