.mainbody1 * {
  box-sizing: content-box !important;
}
.main_copy{
	height: 320px; 
}
#body_left {
	padding: 0px 10px;
}
#body_left0 { 
    width: 100%; 
}
#body_right0 {
	width: 100%; 
    border: 8px solid #e3e3e3;
    background-color: #f8f8f9;
	padding: 5px;
    height: 180px;
}
#body_right1 {
	width: 100%;  
}
#body_right {
	padding: 0px 10px;
}
em {
	color: rgb(221, 0, 0);
}

.b-r5 {
    /*border-radius: 5px;*/
}

/* ¸ÞÀÎ Ä«ÇÇ¹®±¸ ¾Ö´Ï¸ÞÀÌ¼Çcss */ 
caption, legend, .blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -999em;
    line-height: 0;
} 
.slideY{animation:slideY 2.5s ease-in forwards; }
.slideYs{animation:slideYs 3.5s ease-in forwards} 
[class^="header_title"]{
	display:inline-block;
	position:absolute;
    width: 100%;
	background-repeat:no-repeat;
    background-position: center;
    z-index: 1;}
.header_title1.slideY{
    top: 90px; 
    height: 93px;
	background-image:url(../images/img/tit_spot9.png);
	opacity:0;
    background-size: contain; 
}
.header_title2.slideY{
    top: 170px; 
    height: 38px;
	background-image:url(../images/img/tit_spot2.png);
	animation-delay:.9s;
	opacity:0; 
    background-size: contain;
}
.header_title3.slideYs{
    top: 208px; 
    height: 38px;
	background-image:url(../images/img/tit_spot3.png);
	animation-delay:.7s;
	opacity:0;
    background-size: contain;
}
@keyframes slideY {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes slideYs {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
} 


/********** ????? **********/
#top_banner {
	position:absolute; top:0; left:0; z-index:1;
	width:100%;
	background:#535554;
	text-align:center;
}
#top_banner .btn {
	position:absolute; top:16px; right:60px;
	cursor:pointer;
}
#top_banner .btn24 {
	position:absolute; top:53px; right:10px;
	padding:5px 10px;
	background:#000; color:#bbb;

	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#top_banner .btn24 label { cursor:pointer;}
#top_banner .btn24:hover { color:#fff;}
 

#main_columnWrap {
	position:relative; z-index:1;
	width:100%;  
	padding:0px 0 0px; 
	margin:0 auto;
	background:url(../img/common/main06.png)  repeat;   
}
#main_columnWrap .main_column {
	width:100%;  
} 
 


/********** ???? ??o—µ?? **********/

/* ?????? ???????? */
#bannerWrap { 
	width:100%;
	max-width:1260px; 
	margin:35px auto 25px;
}
#bannerWrap h3 {
	margin-bottom:10px; 
	font-size:1.25rem;   color:#333;
	font-weight:bold;
}

#bannerWrap h4 {
	margin-top:10px;
	margin-bottom:5px; 
	font-size:1.25rem;   color:#333;
}

 
/* ???? ???????? ??????*/
#bannerWrap .customer {
	float:left;  
}
#bannerWrap .customer dl.tel {
	min-height:52px;
	padding-left:65px; 
	padding-bottom:10px;
	margin-top:5px;
	background:url(../images/main/bg_subQuick01.png) no-repeat 10px 0;
}
#bannerWrap .customer dl.tel dt {
	font-size:1.1rem; color:#888;
}
#bannerWrap .customer dl.tel dd {
	font-size:1.2rem;  color:#333;  
}
#bannerWrap .customer dl.tel  .bold{
    font-size:1.3rem;
    color:#444;  
}
#bannerWrap .customer dl.tel  .small{
	font-size:0.8rem; color:#333;
}
#bannerWrap .customer .bank {
	float:left;  
	background:url(../images/main/customer_line.gif) no-repeat left top;
}
#bannerWrap .customer .bank .img {
	float:left; padding-top:5px;
	margin:1px 0 0 1px;
}
#bannerWrap .customer .bank .info {
	position:relative;  
	padding-top: 5px;
	margin-left: 100px;
}
#bannerWrap .customer .bank .info p {
	position:relative;
	padding-left:5px;
	line-height:18px;
}
#bannerWrap .customer .bank .info p.small{
	font-size:0.8rem;  color:#333;
}
#bannerWrap .customer .bank .info p span {
	display:block;
	position:absolute; top:0; left:0;
}
#bannerWrap .customer .bank .info p span.bank_name {
	color:#333;
}
#bannerWrap .customer .bank .info  ol li {
	height:20px;
	margin-top:5px; padding-left:25px;
	background:url(../images/main/bg_num.gif) no-repeat; 
	font-size:1rem;   color:#888; 
}
#bannerWrap .customer .bank .info li.item01 { background-position:-0 -0;}
#bannerWrap .customer .bank .info li.item02 { background-position:-0 -28px;}
#bannerWrap .customer .bank .info li.item03 { background-position:-0 -56px;}
#bannerWrap .customer .bank .info li.item04 { background-position:-0 -84px;}
#bannerWrap .customer .bank .info li.item05 { background-position:-0 -112px;}




/********** ????????**********/
#bannerWrap .main_board {
	float:left; width:100%;
}
 
.main_tab {
	position:relative;  
	width:470px; height:193px
}
.main_tab h3 a {
	display:block;
	width:118px; height:34px;
	padding-top:5px;
	border:1px solid #e3e3e3; background:#fff;  
	color:#444; text-align:center; text-decoration:none; cursor:pointer;
	font-size:0.9rem; 
	font-weight:normal;
}
.main_tab .selected h3 a {
	background-color:#2B67A5; /*???????? ???? ????*/
	color:#fff;
	width:118px; height:34px;
	border:none;
	font-size:0.9rem;  

}
.main_tab #tab4 h3 a { width:119px;}
.main_tab #tab4.selected h3 a { width:119px;}

.main_tab #tab2 h3,
.main_tab #tab3 h3,
.main_tab #tab4 h3 {
	position:absolute; top:0;
}
.main_tab #tab2 h3 { left:117px;}
.main_tab #tab3 h3 { left:234px;}
.main_tab #tab4 h3 { left:351px;}

.main_tab .tab div.list_1depth {
	display:none; height:145px;
	background:#fff;
	border:1px solid #e3e3e3; border-top:none;
	padding:1px 10px;
}

 
/* ???¥ï? ??u? ??????? */
.latest_board li {
	position:relative; 
	border-top:1px solid #e3e3e3; 
	font-size:0.9rem;    color:#888;
}
.latest_board li:first-child {
	border-top:none;
}
.latest_board li a {
	display:block;
	padding-left:20px;
	background:url(../images/main/bullet_board.gif) no-repeat 5px 9px;
	
	font-size:0.9rem;  color:#888;
	text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
.latest_board li span {
	position:absolute; top:0; right:10px;
}



/* ??o? ?????? */
#bannerWrap .quick {
	float:left;  
}
#bannerWrap .quick p {
	margin:10px 0 20px;
	font-size:0.9em;  color:#888;
}
#bannerWrap .quick ul li {
	float:left;
	width:65px;
	margin-left:20px;
}
#bannerWrap .quick ul li a {
	display:block;
	padding-top:80px;
	color:#666; text-align:center;
	font-size:0.9em;
	line-height:110%;
}
#bannerWrap .quick ul li a:hover {
	color:#000;
}
#bannerWrap .quick ul li:first-child { margin-left:0}

#bannerWrap .quick ul li.item01 {background:url(../images/main/quick01.png) no-repeat center top}
#bannerWrap .quick ul li.item02 {background:url(../images/main/quick02.png) no-repeat center top}
#bannerWrap .quick ul li.item03 {background:url(../images/main/quick03.png) no-repeat center top}
#bannerWrap .quick ul li.item04 {background:url(../images/main/quick04.png) no-repeat center top}
#bannerWrap .quick ul li.item05 {background:url(../images/main/quick05.png) no-repeat center top}



.btn_gray_move{
  border-bottom:medium none;
  border-left:medium none;
  text-indent:-9999px;
  width:29px;
  background:url(../images/main/btn_gray_move.gif) no-repeat 0px 0px;
  height:20px;
  overflow:hidden;
  border-top:medium none;
  cursor:pointer;
  border-right:medium none;

}



 
#wrap {
	
}
#wrap > .custom-main-container {
	margin: 0px auto; max-width: none;
}
#body {
	margin: 0px auto; line-height: 1.333; position: relative; min-height: 0px;
}
#body > .custom-main-container {
	margin: 0px auto; padding: 0px; position: relative; min-width: 300px;
}
#body [class*='mainwrap'] {
	
}
#mainbody1 {
	background: url("../images/main/mv_3.jpg") no-repeat 50% 50% rgb(255, 255, 255);
}
#mainbody1 > .custom-main-container {
	margin: 0px auto; max-width: none;
}
#body_main {
	background: rgb(255, 255, 255); padding: 30px 0px 0px;
}
#banner1 {
	margin: 0px auto; height: 520px; line-height: 1.333; letter-spacing: -1px; display: block; position: relative;
}
#banner1 > .wrap1 {
	padding: 20px 0px; width: 100%; height: 480px; position: relative;
}
#banner1 .hg1 {
	text-align: center; display: block;
}
#banner1 .hg1 > img {
	width: 170px;
}
#banner1 .wrap1 {
	
}
#banner1 .mView {
	margin: auto; padding: 20px 0px 10px; width: 300px; height: 360px; overflow: hidden; position: relative; z-index: 0;
}
#banner1 .mCont {
	list-style: none; margin: 0px; padding: 0px; transition:0.8s; left: 0px; top: 0px; width: 30000px; height: 100%; position: absolute;
}
#banner1 .mContC {
	background:#eeeef3; margin: 20px 10px 0px 0px; left: 0px; top: 0px; width: 290px; height: 360px; float: left; display: block; position: relative; box-shadow: 4px 4px 5px #333;
    border-radius: 20px;
}
#banner1 .mContC.on {
	display: block;
}
#banner1 .mContC > .wrap1 {
	padding: 15px; border: 7px solid rgb(255, 255, 255); border-image: none; width: 246px; height: 316px; display: block;
	border-color:  #b1b1b1;
    border-radius: 20px;
	
}
#banner1 .mContC .status1 {
	background: rgb(137, 137, 137); padding: 5px; width: 60px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; display: block;  
}
#banner1 .mContC .tit1 {
	margin: 10px 40px 10px;  
	color: rgb(256, 256, 256);
	font-size: 1.6em;
    text-align: center;
    font-weight: 500; 
    padding: 7px; 
    border: 1px solid #cdcdcd;
    border-radius: 13px;
}
#banner1 .mContC .titB1 { 
    background: #1967b4;
}
#banner1 .mContC .titB2 {  
    background: #1967b4;
}
#banner1 .mContC .titB3 {  
        background: rgb(121, 120, 120);
}

#banner1 .mContC .condition1 {
	margin: 0px 0px 15px;
}
#banner1 .mContC .condition1 li {
	margin: 0px 0px 5px; width: 100%; color: rgb(0, 0, 0); overflow: hidden; font-size: 1.2em;
}
#banner1 .mContC .condition1 li > .t1 {
	width: 35%; float: left; display: block;
}
#banner1 .mContC .condition1 li > .t1::before {
	background: rgb(170, 170, 170); border-radius: 100%; width: 4px; height: 4px; margin-right: 3px; vertical-align: middle; display: inline-block; content: "";
}
#banner1 .mContC .condition1 li > .t2 {
	width: 65%; letter-spacing: -0.8px;; float: left; display: block;
}
#banner1 .mContC .condition2 {
	padding-top: 15px; border-top-color: rgb(170, 170, 170); border-top-width: 1px; border-top-style: dotted;
}
#banner1 .mContC .condition2 li {
	margin: 0px 0px 5px; width: 100%; color: rgb(0, 0, 0); overflow: hidden; font-size: 1.2em;
}
#banner1 .mContC .condition2 li > .t1 {
	display: block;
}
#banner1 .mContC .condition2 li > .t1::before {
	background: rgb(119, 119, 119); border-radius: 100%; width: 4px; height: 4px; margin-right: 3px; vertical-align: middle; display: inline-block; content: "";
}
#banner1 .mContC .condition2 li > .t2 {
	padding: 4px 0px 3px 85px; letter-spacing: -0.8px; font-size: 16px; display: block; white-space: nowrap;
}
#banner1 .mContC.banner-ing > .wrap1 { 
	border-color:  rgb(8, 78, 163);
    border-radius: 20px; 
}
#banner1 .mContC.banner-on > .wrap1 { 
	border-color:  #1967b4;
    border-radius: 20px;
} 
#banner1 .mContC.banner-ing .status1 {
	background:  rgb(8, 78, 163);
}
#banner1 .mContC.banner-on .status1 {
	background: #1967b4;
}
#banner1 .mContC .a1 {
	display: none;
}
#banner1 .mContC.banner-on .a1 {
	background: url("../images/main/banner1button1@2x.png") no-repeat 0% 0% / contain; 
	padding: 25px 0px 0px; 
	border-radius: 100%; 
	top: -20px; 
	width: 82px; 
	height: 59px; 
	text-align: center; 
	right: 15px; 
	color: rgb(255, 255, 255); 
	line-height: 120%; 
	display: block; 
	position: absolute;
}

#banner1 .mContC .a2 {
	margin-top: 10px;
	
    right: 81px;
    border-radius: 10px;
 
    border: 1px solid  #1967b4;
	padding: 5px 10px; 
    transition: 0.2s ease-out;
    border-image: none;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 1em;
    text-decoration: none;
    display: inline-block;
	position: absolute;
    box-sizing: border-box;
    background-color: #1967b4;
    -webkit-appearance: none;
}
#banner1 .mContC .a2:hover {  
    color: white; 
    background-color:  #045d2f;
}

#banner1 .mContC .a3 {
	margin-top: 10px;  
	right: 81px; 
	border-radius: 10px;
    border: 1px solid  #0e0000;
	padding: 5px 10px; 
    transition: 0.2s ease-out;
    border-image: none;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 1em;
    text-decoration: none;
    display: inline-block;
	position: absolute;
    box-sizing: border-box;
    background-color:  #0e0000;
    -webkit-appearance: none;
}
#banner1 .mContC .a3:hover {  
    color: white; 
    background-color:  #0e0000;
}
 
#banner1 .mContC .a4 {
	margin-top: 10px;  
	right: 81px; 
	border-radius: 10px;
    border: 1px solid  #a2032f;
	padding: 5px 10px; 
    transition: 0.2s ease-out;
    border-image: none;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 1em;
    text-decoration: none;
    display: inline-block;
	position: absolute;
    box-sizing: border-box;
    background-color: #1967b4;
    -webkit-appearance: none;
}
#banner1 .mContC .a4:hover {  
    color: white; 
    background-color: #b70637;
}
#banner1 .menu {
	
}
#banner1 .menu .m {
	background: none; margin: 0px; padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; width: 33px; height: 33px; line-height: 1; overflow: visible; vertical-align: middle; display: block; position: absolute; z-index: 2; cursor: pointer; box-sizing: border-box;
}
#banner1 .menu .m .ic1 {
	background: no-repeat center / contain; margin: -16px; left: 50%; top: 50%; width: 33px; height: 33px; overflow: hidden; float: left; position: absolute;
}
#banner1 .mControl {
	
}
#banner1 .mControl .m {
	top: 250px;
}
#banner1 .mControl .play {
	margin: 0px 0px 0px 110px; border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; left: 50%; top: 467px; width: 30px; height: 30px;
}
#banner1 .mControl .play > .ic1 {
  background: url("../images/main/pr1next1@2x.png") no-repeat; margin: -15px; width: 30px; height: 30px;
  background-position: 50%;
  background-size: contain;
}
#banner1 .mControl .stop {
	margin: 0px 0px 0px 73px; border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; left: 50%; top: 467px; width: 30px; height: 30px;
}
#banner1 .mControl .stop > .ic1 {
  background: url("../images/main/pr1stop1@2x.png") no-repeat; margin: -15px; width: 30px; height: 30px;
  background-position: 50%;
  background-size: contain;
}
#banner1 .mControl .prev {
	left: 0px;
}
#banner1 .mControl .next {
	right: 0px;
}
#banner1 .mControl .prev > .ic1 {
	background-image: url("../images/main/banner1prev1@2x.png");
	background-size: contain; 
}
#banner1 .mControl .next > .ic1 {
	background-image: url("../images/main/banner1next1@2x.png");
	background-size: contain; 
}
#banner1 .mPageNum {
	margin: 0px 0px 0px -150px; left: 50%; bottom: 30px; position: absolute; z-index: 1;
}
#banner1 .mPageNum .m {
	background: rgb(255, 255, 255); margin: 0px 0px 0px 5px; border-radius: 9999px; width: 15px; height: 15px; overflow: hidden; display: inline-block; position: relative; box-shadow: inset 1px 2px 2px #555;
}
#banner1 .mPageNum .m.on {
	width: 30px; height: 15px;
}
#bbs1 {
	
}
#bbs2 {
	
}
.list1 {
	margin: 0px auto ; height: 160px; line-height: 1.333; letter-spacing: -1px; display: block; position: relative;
}
.list1 > .wrap1 {
	overflow: hidden; display: block;
}
.list1 .tab a {
	background: rgb(255, 255, 255); margin: 0px 0px 0px -1px; padding: 0px 10px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 33px; color: rgb(119, 119, 119); line-height: 36px; font-size: 15px; font-weight: 500; float: left; display: block; position: relative; z-index: 1;
}
.list1 .tabR a {
	margin: 0px 0px 0px -1px; padding: 0px 10px; border-image: none; 
	height: 33px; color: rgb(119, 119, 119); line-height: 36px; font-size: 13px; font-weight: 600; float: right; display: block; position: relative; z-index: 1;
}
.list1 .tab.on a {
	color: rgb(0, 0, 0);
}
.list1 .tab.on a::before {
	left: 0px; top: 33px; width: 100%; right: 0px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; content: "";
}
.list1 .h1 + .tab > a {
	margin: 0px;
}
.list1 .cont {
	padding: 0px 0px 0px; left: 0px; top: 32px; width: 100%; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; display: block; position: absolute; z-index: 0;
}
.list1 li > a {
	margin: 4px 0; padding: 0.16em 90px 0.16em 0px; height: 1.33em; color: rgb(85, 85, 85); line-height: 1.333; overflow: hidden; font-size: 15px; display: block; cursor: pointer;
    background-color: #f8f8f9;
}
.list1 li .t1 {
	width: 100%; overflow: hidden; float: left; white-space: nowrap; position: relative; -ms-word-wrap: normal; -ms-text-overflow: ellipsis;  text-overflow: ellipsis;
    padding-left: 5px;
}
.list1 li .t2 {
	
}
.list1 li .t3 {
	margin: 0px -85px 0px 0px; padding: 0px 1px 0px 0px; width: 65px; text-align: right; color: rgb(149, 149, 149); font-size: 15px; float: right; display: block;
}
.list1 .new {
	background: rgb(228, 75, 58); font: 10px/16px Helvetica, Arial, sans-serif; margin: 1px -24px 1px 8px; border-radius: 2px; width: 16px; height: 16px; color: rgb(255, 255, 255); text-transform: uppercase; text-indent: 4px; letter-spacing: 16px; overflow: hidden; vertical-align: middle; float: left; font-size-adjust: none; font-stretch: normal;
}
.list1 .more {
	top: -35px; width: 20px; height: 20px; right: 0px; display: block; position: absolute;
}
.list1 .more > .ic1 {
	background: url("../images/main/more@2x.png") no-repeat; width: 20px; height: 20px; display: block;
	background-size: contain; 
}

#process1 {
	margin: 0px auto 20px; line-height: 1.333; letter-spacing: -1px; overflow: hidden; display: block; position: relative; 
    width: 100%;
}
#process1 .hg1 {
	margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); font-size: 1.32em; font-weight: normal;
}
#process1 ul {
	margin: 0px -1%; box-sizing: border-box;
}
#process1 li {
	margin: 0px -0.25em 0px 0px; padding: 1%; width: 33.33%; vertical-align: top; display: inline-block; position: relative; box-sizing: border-box;
}
#process1 li > .ic1 {
	background: no-repeat; margin: 0px auto; width: 47px; height: 47px; display: block;
}
#process1 li > .ic1::before {
	background: url("../images/main/arrow.png") no-repeat 0% 0% / contain; left: 0px; top: 20px; width: 14px; height: 22px; display: block; position: absolute; content: "";
	background-size: contain; 
}
#process1 li.m1 > .ic1::before {
	display: none;
}
#process1 li > .t1 {
	margin: 5px 0px 0px; text-align: center; display: block;
}
#process1 li.m1 > .ic1 {
	background-image: url("../images/ico/quick11.png"); 
	background-size: contain; 
}
#process1 li.m2 > .ic1 {
	background-image: url("../images/ico/quick02.png");
	background-size: contain; 
}
#process1 li.m3 > .ic1 {
	background-image: url("../images/ico/quick03.png");
	background-size: contain; 
}
#process1 li.m4 > .ic1 {
	background-image: url("../images/ico/quick04.png");
	background-size: contain; 
}
#process1 li.m5 > .ic1 {
	background-image: url("../images/ico/quick05.png");
	background-size: contain; 
}
#process1 li.m6 > .ic1 {
	background-image: url("../images/ico/quick06.png");
	background-size: contain; 
}
#info1 {
	margin: 0px auto 20px; line-height: 1.333; letter-spacing: -1px; display: block; position: relative;
}
#info1 .txt1 {
	padding: 0px 10px; height: 47px; color: rgb(255, 255, 255); line-height: 47px; overflow: hidden; display: block;
}
#info1 .txt1.bank1 {
	background: #1967b4;
}
#info1 .txt1.tell1 {
	background: #014723;
}
#info1 .txt1 .t1 {
	margin-right: 10px; display: inline-block;
}
#info1 .txt1 .t2 {
	padding-left: 10px; 
	/*display: inline-block; */
	/*white-space: nowrap;*/ 
	position: relative;
}
#info1 .txt1 .t2 b {
	letter-spacing: 0px;
	padding-left:5px;
	color:white;
}
#info1 .txt1 .t2::before {
	margin: 15px 0px 0px; left: 0px;  width: 0px; height: 15px; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; display: inline-block; position: absolute; content: "";
}
#menu1 {
	margin: 0px auto 20px; line-height: 1.333; letter-spacing: -1px; display: block; position: relative;
}
#menu1 ul li {
	overflow: hidden;  
}
#menu1 .a1 {
	padding: 20px; color: rgb(255, 255, 255); display: block; position: relative;
}
#menu1 .m1 .a1 {
	background: #0095d9;
}
#menu1 .m2 .a1 {
	background: #05498c;
}
#menu1 .a1 > .t1 {
	margin: 20px 0px 10px; font-size: 1.36em; display: block;
}
#menu1 .a1 > .t2 {
	display: block;
}
#menu1 .a1 > .ic1 {
	background: no-repeat; width: 56px; height: 56px; right: 10px; bottom: 10px; display: block; position: absolute;
}
#menu1 .m1 .a1 > .ic1 {
	background-image: url("../images/main/menu1ic02@2x.png");
	background-size: contain; 
}
#menu1 .m2 .a1 > .ic1 {
	background-image: url("../images/main/menu1ic01@2x.png");
	background-size: contain; 
}

#menu2 {
	margin: 0px auto 3px; line-height: 1.333; letter-spacing: -1px; display: block; position: relative;
}
#menu2 .a1 > .t5 {
	display: block;
}

#menu2 ul li {
	overflow: hidden;
}
#menu2 .a1 {
	padding: 10px 20px 10px; color: rgb(255, 255, 255); display: block; position: relative;
    margin-bottom: 10px;
}
#menu2 .m1 .a1 {
	/*background:#005ba0*/ 
	border:8px solid #e3e3e3; background:#fff;   
    background: #f8f8f9;
	color :#000000;
}
#menu2 .m2 .a1 {
	/*background: #227abd;;*/
	border:8px solid #e3e3e3; 
	background:#fff;  
    background: #f8f8f9;
	color :#000000; 
	border-left:8px solid #e3e3e3;  
}
#menu2 .a1 > .t1 {
	margin: 10px 0px 10px; font-size: 1.36em;  
    font-weight: 800;
}
#menu2 .a1 > .t2 {     
    margin: 0px 0px 0px;
	/*display: block; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#menu2 .a1 > .t5 {     
    margin: 5px 0px 0px; 
    letter-spacing: normal;
	/*display: block; */
}
#menu2 .a1 > .t3 { 
	margin: 3px 0px 0px; font-size: 1.6em; 
	display: block; 
    /*letter-spacing: normal;*/ 
    letter-spacing: -1.3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#menu2 .a1 > .ic1 {
    background: no-repeat;
    width: 46px;
    height: 55px;
    right: -1px;
    bottom: -8px;
    display: block;
    position: absolute;
}

#menu2 .a1 > .ic2 {
    background: no-repeat;
    width: 91px;
    height: 30px;
    right: 10px;
    bottom: 8px;
    display: block;
    position: absolute;
}
#menu2 .a1 > .ic3 {
    background: no-repeat;
    width: 160px;
    height: 30px;
    right: 5px;
    bottom: 7px;
    display: block;
    position: absolute; 
}

#menu2 .m1 .a1 > .ic1 {
	/*background-image: url("../images/ico/bg_phone.gif");*/
	/*background-size: contain; */
}

#menu2 .a1 > .ic1 { 
	background: no-repeat;
	width: 55px;
	height: 55px;
	right: 5px;
	bottom:  4px;
	display: block;
	position: absolute;
}

#menu2 .m2 .a1 > .ic2 {
	background-image: url("../images/ico/bank.gif");
	background-size: contain; 
}  
#menu2 .m1 .a1 > .ic3 {
	background-image: url("../images/ico/webhard.png");
	background-size: contain; 
}  


#menu3 {
	margin: 0px auto 3px; line-height: 1.333; letter-spacing: -1px; display: block; position: relative;
}
#menu3 .a1 > .t5 {
	/*display: block;*/
}
 
#menu3 .a1 {
	padding: 10px 20px 10px; color: rgb(255, 255, 255); display: block; position: relative;
    margin-bottom: 10px;
}
#menu3 .m1 .a1 {
	/*background:#005ba0*/ 
	border:8px solid #e3e3e3; background:#fff;   
    background: #f8f8f9;
	color :#000000;
}
#menu3 .m2 .a1 {
	/*background: #227abd;;*/
	border:8px solid #e3e3e3; 
	background:#fff;  
    background: #f8f8f9;
	color :#000000; 
	border-left:8px solid #e3e3e3;  
}
#menu3 .a1 > .t1 {
	margin: 10px 0px 10px; font-size: 1.36em;  
    font-weight: 800;
}
#menu3 .a1 > .t2 {     
    margin: 5px 0px 0px;
	/*display: block; */
}
#menu3 .a1 > .t5 {     
    margin: 5px 0px 0px; 
    letter-spacing: normal;
	/*display: block; */
}
#menu3 .a1 > .t3 { 
	margin: 3px 0px 5px; font-size: 1.6em; 
	display: block; 
    /*letter-spacing: normal;*/  
}
 
#menu3 .a1 > .ic3 {
    background: no-repeat;
    width: 160px;
    height: 30px;
    right: 5px;
    bottom: 7px;
    display: block;
    position: absolute; 
}
 
#menu3 .m1 .a1 > .ic3 {
	background-image: url("../images/ico/webhard.png");
	background-size: contain; 
}  

#info {   background: #ececec; }
#info .info_line03 {float: left;}
#info .info_line03 ul {overflow: hidden;}
#info .info_line03 ul li {float: left; width: 155px; height: 219px; font-size: 23px; color:#fff; font-weight: 800; text-align: center; word-break:keep-all; padding: 22px 24px 0;}
#info .info_line03 .no1 {background: #005ba0 url("../images/ico/bank.gif") no-repeat bottom center;}
#info .info_line03 .no2 {background: #227abd url("../images/ico/bg_phone.gif") no-repeat bottom center;}
#info .info_line03 ul li a {display: block; color:#fff; font-size: 14px; width: 85px; height: 32px; line-height: 32px; text-align: center; font-weight: 400; margin: 13px auto 0; border-radius: 15px;}
#info .info_line03 ul li .txt {display: block; color:#fff; font-size: 12px; line-height: 32px; text-align: center; font-weight: 400; margin: 13px auto 0;  }
#info .info_line03 .no1 a {background: #073f69;}
#info .info_line03 .no2 a {background: #175a8d;}
#pr1 {
	background: rgb(255, 255, 255); margin: 0px auto 20px; line-height: 1.333; letter-spacing: -1px; display: block; position: relative;z-index: 30;
}
#pr1 > .wrap1 {
	overflow: hidden;
}
#pr1 .h1 {
	margin: 8px 1em; padding: 0px; height: 22px; font-size: 16px; font-weight: bold; display: block;
}
#pr1 .mView {
	padding: 0px 0px 43.47%; overflow: hidden; position: relative; z-index: 10;
}
#pr1 .mCont {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#pr1 .mContC {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
#pr1 .mContC.on {
	display: block;
}
#pr1 .mContC > .a1 {
	width: 100%; height: 100%; text-align: center; float: left; position: relative;
}
#pr1 .mContC .f1 {
	width: 100%; height: 100%; overflow: hidden; display: block; position: relative;
}
#pr1 .mContC .f1p1 {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#pr1 .mContC .f1 img {
	left: 0px; top: 0px; width: 100%; height: auto; position: absolute; min-height: 100%;
}
#pr1 .mContC > .a1:focus {
	border: 2px dotted rgb(0, 0, 0); border-image: none;
}
#pr1 .menu {
	left: 10px; top: 10px; right: 10px; position: absolute; z-index: 20;
}
#pr1 .menu .m {
	background: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; vertical-align: middle; float: left; position: relative; cursor: pointer;
}
#pr1 .menu .m > .ic1 {
	background: no-repeat center / contain; margin: -10px; left: 50%; top: 50%; width: 20px; height: 20px; text-indent: -9999px; overflow: hidden; float: left; position: absolute;
}
#pr1 .menu .mControl {
	top: 0px; right: 0px; position: absolute;
}
#pr1 .menu .mControl .m {
	background: rgb(0, 0, 0); margin: 0px 0px 0px 1px; border-radius: 0px; border: 0px currentColor; border-image: none; width: 30px; height: 30px; box-sizing: content-box;
}
#pr1 .menu .mControl .stop > .ic1 {
	background-image: url("../images/main/pr1stop1@2x.png");
	background-size: contain; 
}
#pr1 .menu .mControl .prev > .ic1 {
	background-image: url("../images/main/pr1prev1@2x.png");
	background-size: contain; 
}
#pr1 .menu .mControl .next > .ic1 {
	background-image: url("../images/main/pr1next1@2x.png");
	background-size: contain; 
}
#pr1 .menu .mPage {
	top: 0px; right: 93px; display: table; position: absolute;
}
#pr1 .menu .mPage .text {
	background: rgb(0, 0, 0); padding: 0px 0.66em; height: 30px; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 14px; vertical-align: middle; display: table-cell;
}
#pr1 .menu .mPage .text > * {
	font-weight: normal;
	color:white;
}
#pr1 .menu .mPage .text .on {
	
}
#pr1 .menu .mPage .text .sep {
	
}
#pr1 .menu .mPage .text .total {
	
} 

@media all and (min-width:768px)
{ 
		#body_left0 {
			width: 48%; float: left;	 
            margin-left: 15px;
		}
		#body_right0 {
			width: 50%; 
            float: left;
			/*margin-right: 23px; */
		}
		#banner1 > .wrap1 {
			margin: 0px auto; width: 748px;
		}
		#banner1 .mView {
			width: 600px;
		}
		#banner1 .mPageNum {
			margin-left: -40px;
		}
		#bbs1 {
			float: left;
			height: 156px;
		}
		#bbs2 {
			float: right;
		}
		.list1 {
			width: 100%;
		}
		#menu2 {
			width: 100%; overflow: hidden;
		}
		#menu2 ul li {
			display: inline;
		}
		#menu2 .a1 {
			padding: 3%; width: 50%; float: left;
            min-height: 180px;
		}
		#menu2 .a1 > .t1 {
			margin: 3px 0px 0px; 
			padding-left:0px;
			display: block;
		} 
		#menu2 .a1 > .t2 {
			display: block;
			padding-left:0px;
			letter-spacing: -1.3px;
		}
		#menu2 .a1 > .t5 {
			display: block;
			padding-left:0px; 	  
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		#menu2 .a1 > .t3 { 
	        padding-left: 0px; 
		}
		
		#menu2 .a1 > .ic1 { 
			background: no-repeat;
			width: 49px;
			height: 52px;
			right: -2px;
			bottom:  -2px;
			display: block;
			position: absolute;
		}
		#menu2 .a1 > .ic2 { 
			/*background: no-repeat;*/
			/*width: 125px;*/
			/*height: 52px;*/
			/*right: 10px;*/
			/*bottom: -9px;*/
			/*display: block;*/
			/*position: absolute;*/
		} 
		#menu2 .m2 .a1 {
			/*border-left: none;
			margin-left: 13px;  */
		} 
		
		#menu3 {
			width: 100%; overflow: hidden;
		} 
		#menu3 .a1 {
			padding: 3%; width: 100%; float: left;
            min-height: 180px;
		}
		#menu3 .a1 > .t1 {
			margin: 5px 0px 10px; 
			padding-left:0px;
			display: block;
		} 
		#menu3 .a1 > .t2 {
			display: block;
			padding-left:0px;
			letter-spacing: -1.3px;
		}
		#menu3 .a1 > .t3 { 
	        padding-left: 0px; 
		}
		#menu3 .a1 > .t5 {
			display: block;
			padding-left:0px; 
		}
		  
		#process1 li {
			width: 16.66%;
		}
		#process1 li > .ic1 {
			width: 94px; height: 94px;
		}
		#process1 li > .ic1::before {
			top: 40px;
		}
		#info1 {
			width: 100%; overflow: hidden;
		}
		#info1 .txt1 {
			padding: 0px 0px 0px 2%; width: 50%; float: left;
		}
		#menu1 {
			width: 100%; overflow: hidden;
		}
		#menu1 ul li {
			display: inline;
		}
		#menu1 .a1 {
			padding: 3%; width: 50%; float: left;
		}
}
@media all and (min-width:1256px)
{ 
		#body_main > .custom-main-container {
			padding: 0px; max-width: none;
			width:1200px;
			padding-right:0px;
			margin: auto;
		}
		#body_left {
			width: 710px; float: left;
		}
		#body_right1 {
			width: 20%;
			float: right;
			/*margin-right: 17px;*/
		}
		#body_right {
			width: 480px; float: right;
		}
		#banner1 {
			height: 545px;
		}
		#banner1 .hg1 > img {
			width: 250px;
		}
		#banner1 > .wrap1 {
			margin: 0px auto; padding: 30px 0px; width: 1000px; height: 485px;
		}
		#banner1 .mView {
			width: 930px; padding-top: 30px;
		}
		#banner1 .mContC {
			margin: 30px 10px 0px;
		}
		#banner1 :last-child.mContC {
			
		}
		#banner1 .mControl .prev {
			width: 66px; height: 66px; margin-left: -50px;
		}
		#banner1 .mControl .next {
			width: 66px; height: 66px; margin-right: -50px;
		}
		#banner1 .menu .prev .ic1 {
			margin: -33px; width: 66px; height: 66px;
		}
		#banner1 .menu .next .ic1 {
			margin: -33px; width: 66px; height: 66px;
		}
		#banner1 .mControl .stop {
			top: 490px;
		}
		#banner1 .mControl .play {
			top: 490px;
		}
		.list1 {
			/*width: 345px;*/
		}
		#menu2 .a1 {
			padding: 20px 20px 12px;  width: 277px;
		}  
		#menu2 .a1 > .t1 {
	        padding-left: 0px;
			display: block;
		}
		#menu2 .a1 > .t2 {
	        padding-left: 0px;
			display: block;
			letter-spacing: 0px;
            font-size: 14px;
		}
		#menu2 .a1 > .t5 {
	        padding-left: 0px;
			display: block; 
            font-size: 14px;	  
            letter-spacing: -0.8px;
		}
		#menu2 .a1 > .t3 {
	        padding-left: 0px; 
		}
		
		#menu2 .m2  { 
			margin-left:20px;
		}
		#menu2 .m2 .a1 { 
			margin-left: 13px;  
            max-height: 184px;
		}



		
		#menu3 .a1 {
			padding: 20px 17px 12px;  width: 230px;
		}  
		#menu3 .a1 > .t1 {
	        padding-left: 0px;
			display: block;
		}
		#menu3 .a1 > .t2 {
	        padding-left: 0px;
			display: block;
			letter-spacing: -1.8px;
            font-size: 14px;
		}
		#menu3 .a1 > .t5 {
	        padding-left: 0px;
			display: block; 
            font-size: 14px;
		}
		#menu3 .a1 > .t3 {
	        padding-left: 0px; 
			font-size: 1.3em;
		}
		
		#menu3 .m2  { 
			margin-left:20px;
		}
		#menu3 .m2 .a1 { 
			margin-left: 13px;  
            max-height: 184px;
		}

		#process1 li > .t1 {
			font-size: 13px;
		}
		#process1 li > .ic1::before {
			left: -6px;
		}
		#info1 {
			background: url("../images/main/info1bg1.png") no-repeat;	 

		}
		#info1 .txt1.bank1 {
			background: none;  
		}
		#info1 .txt1.tell1 { 
			background: none;  
		}
		#info1 .txt1 b {
			letter-spacing: 0px;
		}
		#menu1 .a1 { 
			padding: 10px 20px 66px;
			width: 230px;
		} 

}



.init * {
	list-style: none;
	/* margin: 0px; */
	/* padding: 0px; */
	text-decoration: none !important;
	max-width: none;
}
.blind {
  left: -9999px;
  width: 1px;
  height: 1px;
  line-height: 0;
  overflow: hidden;
  font-size: 0px;
  position: absolute !important;
}
