@charset "utf-8";
.main_new .data_cell{position:absolute;left:0;right:0;top:0;bottom:0;padding:5px;width:auto;height:auto}
.main_new .data_cell .bg_cover{background-repeat:no-repeat;background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.main_new .cell_title{font-size:18px}

.main_new .bx-pager{position:absolute;left:0}
.main_new .bx-pager .bx-pager-item{display:inline-block;}
.main_new .bx-pager .bx-pager-item a{display:block;width:12px;height:12px;margin:0 5px;font-size:0;text-indent:-9999px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}

.main_new{margin-top:107px}
.main_contents{max-width:1870px;margin:0 auto}
.main_publicize:after{content:"";display:block;clear:both}
.main_publicize > div{width:50%;float:left;}
.main_publicize .product{position:relative;padding-top:43.35%}
.main_publicize .product .cell_title{position:absolute;}
.main_publicize .product .bx-wrapper,
.main_publicize .product .bx-viewport{position:relative;height:100% !important}
.main_publicize .product_slide,
.main_publicize .product_slide li{height:100%}
.main_publicize .product_slide .txt_wrap{display:block;padding:80px 0 0 80px;text-align:left}
.main_publicize .product_slide .txt_wrap > span{display:block}
.main_publicize .product_slide .txt_wrap .txt01{padding-bottom:15px;font-size:60px;color:#4b8fcc;font-weight:100;line-height:70px}
.main_publicize .product_slide .txt_wrap .txt02{padding-bottom:15px;font-size:30px;font-weight:300;line-height:42px}
.main_publicize .product_slide .txt_wrap .txt02 > span{display:block;color:#4b8fcc;}
.main_publicize .product_slide .txt_wrap .txt03{padding-bottom:25px;font-size:18px;color:#888;font-weight:300;line-height:28px}
.main_publicize .product_slide .txt_wrap .btn_view{display:inline-block;padding:0 27px;color:#4b8fcc;line-height:38px;border:solid 1px #4b8fcc;background-color:#fff;}
.main_publicize .product .bx-pager{left:80px;bottom:34%}
.main_publicize .product .bx-pager .bx-pager-item a{background-color:#c0bbb7}
.main_publicize .product .bx-pager .bx-pager-item a.active{background-color:#4b8fcc}

.main_publicize .video{position:relative;padding-top:57%}
.main_publicize .video .vod_cover{position:absolute;left:0;top:0;right:0;bottom:0;width:auto;height:auto;margin:5px;color:#fff;z-index:10;background:#000;background:url(/images/content/vod_bg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover
}
.main_publicize .video .vod_cover .txt01{padding-bottom:15px;font-size:34px;font-weight:100}
.main_publicize .video .vod_cover .txt02{font-size:18px;font-weight:300}
.main_publicize .video .vod_tab{position:absolute;right:5px;top:5px;z-index:1}
.main_publicize .video .vod_tab:after{content:"";display:block;clear:both}
.main_publicize .video .vod_tab li{float:left;background-color:#5f5f5f;}
.main_publicize .video .vod_tab li.actived{background-color:#4b8fcc}
.main_publicize .video .vod_tab li a{display:block;padding:15px;color:#fff;font-weight:100;letter-spacing:0}
.main_publicize .video .vod_tab li a > span{display:block;font-size:13px}
.main_publicize .video .vod_cont > div{display:none}
.main_publicize .video .vod_cont > div:first-child{display:block}
.main_publicize .video .av_data{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;margin:5px}
.main_publicize .video .av_data iframe{position:absolute;top:0;left:0;height:100%;width:100%;border:none}

.main_publicize .news{position:relative;padding-top:29.7%;text-align:left}
.main_publicize .news .bx-wrapper,
.main_publicize .news .bx-viewport{position:relative;height:100% !important}
.main_publicize .news_slide,
.main_publicize .news_slide li{height:100%}
.main_publicize .news_slide .txt_wrap{display:block;padding:0 0 30px 40px}
.main_publicize .news_slide .txt_wrap > span{display:block}
.main_publicize .news_slide .txt_wrap .txt01{padding-bottom:10px;font-size:18px}
.main_publicize .news_slide .txt_wrap .txt02{padding-bottom:7px;font-size:30px;font-weight:100;line-height:38px}
.main_publicize .news_slide .txt_wrap .txt03{font-size:15px;font-weight:300;line-height:24px}
.main_publicize .news .bx-pager{left:40px;bottom:12%}
.main_publicize .news .bx-pager .bx-pager-item a{background-color:#c0bbb7}
.main_publicize .news .bx-pager .bx-pager-item a.active{background-color:#4b8fcc}

.main_event{text-align:left;}
.main_event:after{content:"";display:block;clear:both}
.main_event > div{width:50%;float:left}
.main_event .event{position:relative;padding-top:22%}
.main_event .event .bx-wrapper,
.main_event .event .bx-viewport{position:relative;height:100% !important}
.main_event .event_slide,
.main_event .event_slide li{height:100%}
.main_event .event_slide .txt_wrap{display:block;padding:0 0 55px 40px;color:#fff}
.main_event .event_slide .txt_wrap > span{display:block}
.main_event .event_slide .txt_wrap .txt01{padding-bottom:15px;font-size:18px;color:#fff;z-index:10;}
.main_event .event_slide .txt_wrap .txt02{padding-bottom:7px;font-size:30px;font-weight:100;line-height:40px}
.main_event .event_slide .txt_wrap .txt03{font-size:15px;font-weight:300;line-height:24px}
.main_event .event .bx-pager{left:40px;bottom:20%}
.main_event .event .bx-pager .bx-pager-item a{background-color:#3c72a3}
.main_event .event .bx-pager .bx-pager-item a.active{background-color:#fff}

.main_event .etc{overflow:hidden}
.main_event .etc > div{position:relative;width:50%;float:left;padding-top:44%;text-align:left}
.main_event .etc > div .txt_wrap{display:block;padding:0 0 25px 40px}
.main_event .etc > div .txt_wrap > span{display:block}
.main_event .etc > div .txt_wrap .txt01{padding-bottom:20px;font-size:18px}
.main_event .etc > div .txt_wrap .txt02{padding-bottom:7px;font-size:30px;color:#333;font-weight:100;line-height:40px}
.main_event .etc > div .txt_wrap .txt03{font-size:15px;font-weight:300;line-height:24px}

.main_cs{background:#fff}
.main_cs .txt01{color:#333}
.main_cs .txt02{color:#888}
.main_cs .txt{	color:#666}

@media screen and (max-width:1880px){
	.main_publicize .product .bx-pager{bottom:23%}

}

@media screen and (max-width:1600px){
	.main_publicize .product .bx-pager,
	.main_publicize .news .bx-pager,
	.main_event .event .bx-pager{left:0;bottom:10px;width:100%;text-align:center}

	.main_publicize .product_slide .txt_wrap{padding:40px 0 0 40px}
	.main_publicize .product_slide .txt_wrap .txt01{font-size:48px;line-height:58px}
	.main_publicize .product_slide .txt_wrap .txt02{font-size:26px;line-height:32px}

	.main_publicize .news_slide .txt_wrap{padding-bottom:15px}
	.main_publicize .news_slide .txt_wrap .txt02{font-size:24px;line-height:30px}
	.main_publicize .news_slide .txt_wrap .txt03{font-size:15px;line-height:24px}

	.main_event .event_slide .txt_wrap .txt02{font-size:24px;line-height:30px}

	.main_event .etc > div .txt_wrap .txt02{font-size:24px;line-height:30px}
}

@media screen and (max-width:1366px){
	.main_publicize .product_slide .txt_wrap{padding:40px 0 0 40px}
	.main_publicize .news_slide .txt_wrap{padding-left:20px}
	.main_event .event_slide .txt_wrap{padding:0 0 25px 20px}
	.main_event .etc > div .txt_wrap{padding:0 0 15px 20px}
}

@media screen and (max-width:1280px){
	.main_publicize .product .bx-pager,
	.main_publicize .news .bx-pager,
	.main_event .event .bx-pager{left:0;bottom:10px;width:100%;text-align:center}

	.main_publicize .product_slide .txt_wrap{padding:30px 0 0 20px}
	.main_publicize .product_slide .txt_wrap .txt01{font-size:38px;line-height:46px}
	.main_publicize .product_slide .txt_wrap .txt03{padding-bottom:15px;font-size:16px;line-height:24px}


	.main_publicize .news_slide .txt_wrap .txt03{display:none}

	.main_event .event_slide .txt_wrap .txt02{font-size:20px;line-height:26px}
	.main_event .event_slide .txt_wrap .txt03{display:none}
	.main_event .etc > div .txt_wrap .txt02{font-size:20px;line-height:26px;}
	.main_event .etc > div .txt_wrap .txt03{display:none}
}
@media screen and (max-width:1024px){
	.main_publicize > div{width:auto;float:none}
	.main_publicize .product{padding-top:60%}

}

@media screen and (max-width:900px){
	.main_event > div{width:auto;float:none}
	.main_event .event{padding-top:35%}
	.main_event .etc > div{padding-top:38%}
}

@media screen and (max-width:768px){

	.main_publicize .product_slide .txt_wrap .txt01{font-size:32px;line-height:46px}
	.main_publicize .product_slide .txt_wrap .txt02{font-size:22px;line-height:28px}
	.main_publicize .product_slide .txt_wrap .txt03{font-size:15px;line-height:22px}

	.main_publicize .news .txt_wrap .txt02{font-size:20px;line-height:26px}

	.main_publicize .news_slide .txt_wrap .txt01{padding-bottom:10px;font-size:18px}
}

@media screen and (max-width:640px){
	.main_new{margin-top:60px}

	.main_publicize .product_slide .txt_wrap{padding:10px}
	.main_publicize .product_slide .txt_wrap .txt01{padding-bottom:10px;font-size:26px;line-height:34px}
	.main_publicize .product_slide .txt_wrap .txt02{padding-bottom:10px;font-size:18px;line-height:24px}
	.main_publicize .product_slide .txt_wrap .txt03{display:none}
	.main_publicize .product_slide .txt_wrap .btn_view{padding:0 20px;font-size:13px;line-height:28px}

	.main_publicize .video .vod_tab li a{padding:10px;font-size:15px}
	.main_publicize .video .vod_tab li a > span{display:block;font-size:12px}

	.main_publicize .news .txt_wrap,
	.main_event .event_slide .txt_wrap,
	.main_event .etc > div .txt_wrap{padding-left:10px;}
	.main_event .etc > div .txt_wrap .txt01{padding-bottom:10px}

}

@media screen and (max-width:568px){
	.main_publicize .news .txt_wrap .txt01,
	.main_event .event_slide .txt_wrap .txt01,
	.main_event .etc > div .txt_wrap .txt01{font-size:16px;padding-bottom:10px}

	.main_publicize .news .txt_wrap .txt02,
	.main_event .event_slide .txt_wrap .txt02,
	.main_event .etc > div .txt_wrap .txt02{font-size:15px;line-height:20px}
}

@media screen and (max-width:480px){
	.main_publicize .product_slide .txt_wrap .txt01{display:none}
	.main_publicize .news{padding-top:38%}
	.main_event .event{padding-top:42%}
}
@media screen and (max-width:420px){
	/*.main_event .etc > div{width:auto;float:none;}
	.main_event .etc > div .txt_wrap{padding-bottom:0}*/
}