@charset "utf-8";

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {background-color: transparent;}
.wrapper {position: relative;}
.bgimg {background: url('/images/main/bg.jpg') center 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.visual {position: relative; z-index: 1;}
.visual .visual-in {margin: 0 auto; height: 500px; max-width:1200px; color: #fff;}
.visual .visual-in .p1 {padding: 46px 0 0 0; font-size: 67px; font-weight: 300;}
.visual .visual-in .p1 span {font-weight: 500;}
.visual .visual-in .p2 {color: #c3b5f3; font-size: 40px; font-weight: bold; font-family: 'Century Gothic';}
.visual .visual-in .p3 {margin: 18px 0 30px 0; padding: 0 500px 0 0; font-size: 16px; line-height: 23px;}
.visual .visual-in .btns {font-size: 0;}
.visual .visual-in .btns > a {display: inline-block; color: #fff !important; padding: 6px 0; margin-left: 10px; width: 160px; font-size: 17px; line-height: 30px; text-align: center; background-color: #5431a3;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
}
.visual .visual-in .btns > a:first-child {margin-left: 0; background-color: #3931a3;}

.bg-bar {display: none; position: absolute; left: 0; top: 0; right: 0;}
.bg-bar:after,
.bg-bar:before {content:''; position: absolute; top: 0; height: 626px;}
.bg-bar:before {left: 0; right: 50%; background: url('/images/main/bg-l.jpg') 0 0 repeat;}
.bg-bar:after {left: 50%; right: 0; background: url('/images/main/bg-r.jpg') 0 0 repeat;}

.sub-tab .frame ul li.active a {font-weight: normal;}
.sub-tab .frame ul li.active a:after {display: none;}

.con-list-box {}
.con-list-box .con-list-box-in:nth-child(even) {background-color: #f7f7f7;}
.con-list-box .itembox {position: relative; overflow: hidden; margin: 0 auto; max-width:1200px;}
.con-list-box .itembox .t-wrap {position: absolute; left: 0; bottom: 48px; width: 20.83333333%;}
.con-list-box .itembox .t-wrap .h2 {margin: 0 0 11px 10%; font-size: 30px; line-height: 1.1em; color: #363636;}
.con-list-box .itembox .t-wrap .icon {display: block; height: 62px; margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.con-list-box .itembox .t-wrap .icon1 {background-image: url('/images/main/icon1.png');}
.con-list-box .itembox .t-wrap .icon2 {background-image: url('/images/main/icon2.png');}
.con-list-box .itembox .t-wrap .icon3 {background-image: url('/images/main/icon3.png');}
.con-list-box .itembox .t-wrap .icon4 {background-image: url('/images/main/icon4.png');}
.con-list-box .itembox .t-wrap .icon5 {background-image: url('/images/main/icon5.png');}
.con-list-box .itembox .t-wrap .icon6 {background-image: url('/images/main/icon6.png');}
.con-list-box .itembox .t-wrap .h2 .br {display: block;}
.con-list-box .itembox .t-wrap .more {display: block; margin: 0 auto; width: 68px; height: 68px; text-align: center; color: #fff !important; background-color: #4639af;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.con-list-box .itembox .t-wrap .more span {display: block; padding: 20px 0 5px;}
.con-list-box .itembox .t-wrap .more:after {content:''; display: block; height: 12px; font-size: 15px; background: url('/images/main/arrow.png') center 0 no-repeat;}
.con-list-box .itembox .list {margin: 0 0 0 20.8%; overflow: hidden; padding: 36px 0;}
.con-list-box .itembox .list li {float: left; width: 25%;}
.con-list-box .itembox .list li .link {display: block; margin: 0 6px; border: 1px solid #ddd;}
.con-list-box .itembox .list li .link > span {display: block;}
.con-list-box .itembox .list li .link .pic {position: relative; overflow: hidden; padding-top: 72.5%;}
.con-list-box .itembox .list li .link .pic img {position: absolute; left: 0; top: 0; margin-top: -25%; width: 100%;}
.con-list-box .itembox .list li .link .small {}
.con-list-box .itembox .list li .link .small > span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; background-color: #dfdfdf;}
.con-list-box .itembox .list li .link .small img {position: static; width: auto; height: 100%; margin-top: 0;}
.con-list-box .itembox .list li .link .ex {font-size: 16px; margin: 13px;
	overflow:hidden;text-overflow:ellipsis;line-height:22px; height:44px; word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.notice-box {padding: 21px 0; background-color: #15141d;}
.notice-box .notice-box-in {position: relative; margin: 0 auto; max-width:1200px; line-height: 24px;}
.notice-box .notice-box-in .h2 {position: absolute; left: 0; top: 0; font-size: 20px; font-weight: bold; color: #fff;}
.notice-box .notice-box-in .link {font-size: 16px; color: #fff !important; display: block; margin: 0 30px 0 100px;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.notice-box .notice-box-in .more {position: absolute; top: 0; right: 0; font-size: 0; width: 24px; height: 24px;}
.notice-box .notice-box-in .more:after,
.notice-box .notice-box-in .more:before {content:''; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; font-size: 0; line-height: 0;}
.notice-box .notice-box-in .more:before {height: 2px; width: 10px; margin: -1px 0 0 -5px;}
.notice-box .notice-box-in .more:after {width: 2px; height: 10px; margin: -5px 0 0 -1px;}

@media(max-width:1230px){
	.visual .visual-in {padding: 0 15px;}
	.visual .visual-in .p3 {padding-right: 40vw;}
	.notice-box .notice-box-in .link {margin: 0 45px 0 115px;}
	.notice-box .notice-box-in .h2 {left: 15px;}
	.notice-box .notice-box-in .more {right: 15px;}
	.con-list-box .itembox .t-wrap .icon6 + .h2 {font-size: 24px;}
}
@media(max-width:1000px){
	.con-list-box .itembox .t-wrap .icon6 + .h2,
	.con-list-box .itembox .t-wrap .h2 {font-size: 18px;}
	.con-list-box .itembox .t-wrap .icon {height: 50px;}
	.con-list-box .itembox .t-wrap .more {width: 50px; height: 50px;}
	.con-list-box .itembox .t-wrap .more span {font-size: 14px; padding: 10px 0 0;}
}
@media(max-width:767px){
	.visual .visual-in .p3 {display: none;}
	.bgimg {background-image: url('/images/main/bg-m.jpg');}
	.header-bar-wrap .search .ui-input-text {position: absolute; top: 50%; left: 130px; right: 75px; margin-top: -15px !important; height: 30px; border: 1px solid #f00;}
	.header-bar-wrap .search input[type='text'] {position: static; margin-top: 0; width: 100%;}

	.visual .visual-in {text-align: center; height: 73vw;}
	.visual .visual-in .p1 {padding-top: 20px; font-size: 30px; font-size: 8.5vw;}
	.visual .visual-in .p2 {font-size: 21px; font-size: 6vw;}
	.visual .visual-in .btns > a:first-child,
	.visual .visual-in .btns > a {position: relative; background: none; border-bottom: 1px solid #fff; font-size: 13px; font-weight: bold; padding: 0; height: 25px; line-height: 25px; width: 72px; padding-right: 10px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.visual .visual-in .btns > a:after {content:''; position: absolute; right: -2px; bottom: 4px; width: 14px; height: 1px; background-color: #fff;
		transform:rotate(45deg);
	}
	.con-list-box {position: relative; z-index: 2;}
	.con-list-box .itembox .list li {width: 50%;}
	.con-list-box .itembox .list li:nth-child(3),
	.con-list-box .itembox .list li:nth-child(4) {display: none;}
	.notice-box {padding: 8px 0; border-top: 1px solid #ebeaea; background-color: #fff;}
	.notice-box .notice-box-in .h2 {font-size: 16px; color: #000;}
	.notice-box .notice-box-in .link {margin-left: 88px; font-size: 14px; color: #666 !important;}
	.notice-box .notice-box-in .more:after, .notice-box .notice-box-in .more:before {background-color: #000;}
}
@media(max-width:640px){
	.con-list-box .itembox .t-wrap {position: relative; left: auto; bottom: auto;  width: auto; margin: 12px 15px;}
	.con-list-box .itembox .list {margin: 0 10px; padding: 0;}
	.con-list-box .itembox .t-wrap .icon {display: inline-block; vertical-align: middle; margin: 0; height: 31px; width: 31px;
		background-position: 0 center;
	}
	.con-list-box .con-list-box-in:nth-child(even) {background: none;}
	.con-list-box .con-list-box-in:first-child {border-top: 0 none;}
	.con-list-box .itembox .t-wrap .h2 {display: inline-block; vertical-align: middle; margin: 0 0 0 3px; line-height: 31px;}
	.con-list-box .itembox .t-wrap .more {position: absolute; top: 3px; right: 0; width: 24px; height: 24px; font-size: 0; background: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.con-list-box .con-list-box-in {border-top: 8px solid #f2f2f2; padding-bottom: 10px;}
	.con-list-box .itembox .t-wrap .more span {font-size: 0;}
	.con-list-box .itembox .t-wrap .more:before,
	.con-list-box .itembox .t-wrap .more:after {content:''; position: absolute; top: 50%; left: 50%; background-color: #7045ff;}
	.con-list-box .itembox .t-wrap .more:before {width: 16px; height: 2px; margin: -1px 0 0 -8px;}
	.con-list-box .itembox .t-wrap .more:after {width: 2px; height: 16px; margin: -8px 0 0 -1px; background: none; background-color: #7045ff;}
	.con-list-box .itembox .t-wrap .h2 .br {display: inline;}
	.con-list-box .itembox .list li .link {margin: 0 5px;}
	.con-list-box .itembox .list li .link .ex {font-size: 14px; line-height: 18px; height: 36px;}
}

@media(max-width:550px){
	.visual .visual-in {height: 69vw;}
}
@media(max-width:480px){
	.visual .visual-in {text-align: center; height: 64vw;}
}
@media(max-width:360px){
	.visual .visual-in {text-align: center; height: 230px;}
}
@media(max-width:359px){
	.visual .visual-in {text-align: center; height: 60vw;}
}