body {position:Relative}

.main_con { padding:80px 0; }
.main_con > .in {position:relative; z-index:99}
.main_con .main_tit {font-size:1.15em;  display:flex;  flex-wrap:wrap;  width:100%; margin-bottom:45px;}
.main_con .main_tit  h3 {width:100%; text-align:center }
.main_con .main_tit span {font-size:.90rem; margin-top:-20px; color:#555; margin-left:auto}

.w_box {width:47%; background-color:#fff; box-shadow: 0px 8px 20px 6px rgb(0 0 0 / 7%);  box-sizing:border-box; padding:30px;  border-radius:15px}
.w_box + .w_box {margin-left:auto}


.board1 { margin-left:auto; }
.board1 ul li {padding:18px 0; border-bottom:1px solid #c3c5c7; box-sizing:border-box; font-size:1.02em; font-size:1.12em; font-weight:600; cursor:pointer}
.board1 ul li:first-child {padding-top:15px}
.board1 ul li:last-child {padding-bottom:15px}

.board1 ul li div.flex {align-items:center;  }
.board1 ul li div.flex .date {white-space:nowrap; margin-left:auto; font-size:.93rem; font-weight:300; }
.board1 ul li div.re {color:#888; padding-left:10px; font-size:.9em; box-sizing:border-box;  margin-top:6px; font-weight:300; display:flex;align-items:center}
.board1 ul li div.flex .elli{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word; 
color:#000
}
.board1 ul li div.re .elli{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word; 
color: #777;
font-weight: 500;
}

.board1 ul li:last-child {border-bottom:none}


.main_bar {width:calc(50% + 700px); margin:70px 0; border-radius:0 15px 15px 0; overflow:hidden;   box-shadow: 0px 8px 20px 6px rgb(0 0 0 / 7%); position:relative; }
.main_bar:after {width:50%; height:100%; position:absolute; left:0; top:0; content:''; background-color:var(--main_c)}

.main_bar ul {display:flex; width:100%;  max-width:1388px; margin-left:auto; background-color:#fff; position:Relative; z-index:9}
.main_bar ul li {padding:18px 0; display:flex; align-items:center; width:20%; text-align:center;   justify-content:center; font-size:1.1em; position:relative; cursor:pointer; color:var(--main_c);}
.main_bar ul li:after {width:1px; height:40px; position:absolute; right:0; top:15px; background-color:#c3c5c7; content:''}
.main_bar ul li i {color:var(--main_c); font-size:40px; margin-right:10px}
.main_bar ul li:hover i {color:#fff}


.main_bar ul li:hover {background-color:var(--main_c); color:#fff;}
.main_bar ul li:last-child {border-right:none}
.main_bar ul li:last-child:after {display:none}
.main_bar ul li:hover:after {display:none}


.main_bar ul li:before{content:''; height:100%; position:absolute;left:-1px; top:0;   width:calc(100% + 1px);  display:inline-block;}
.main_bar ul li:hover:before{background:var(--main_c);}
.main_bar ul li:hover * {color:#fff !important; z-index:999}


.info_box  {  background-color:#fff; padding-bottom:20px}
.info_box .tab {width:calc(100% + 60px); display:flex; margin-left:-30px}
.info_box .tab li {border:1px solid #c3c5c7; border-right:none; text-align:Center; width:33.3333%; padding:8px 0; cursor:pointer; font-size:1.05em}
.info_box .tab li:hover {background-color:var(--main_c); color:#fff}
.info_box .tab li.ov {background-color:var(--main_c); color:#fff}
.info_box img {width:230px; margin-top:25px;  }

.info_box .flex  {background:url('../img/info_box_bottom_img.png') no-repeat bottom; background-size:100%; align-items:flex-start}
.info_box .flex > div {margin-top:55px; width:calc(100% - 240px); margin-left:auto; margin-bottom:2vw;font-size:.95em}
.info_box .flex ul {margin-top:10px;margin-bottom:2vw}
.info_box .flex ul li {display:flex; padding-bottom:5px; line-height:1.35}
.info_box .flex ul li p {flex-shrink:0; width:50px;  }

.info_box2 .tab {width:150px;  border-right:1px solid #c3c5c7;  }
.info_box2 .tab li {width:100%; border-bottom:1px solid #c3c5c7; display:flex; align-items:center; padding-left:15px; box-sizing:border-box; cursor:pointer; height:25%; font-weight:600; font-size:1.1em}
.info_box2 .tab li:hover {background-color:var(--main_c); color:#fff}
.info_box2 .tab li:last-child {border-bottom:none}
.info_box2 .tab li.ov {background-color:var(--main_c); color:#fff}
.info_box2 .flex {border:1px solid #c3c5c7; box-sizing:border-box;    box-sizing:border-box; flex-direction:column}

.info_box2 .flex div {width:calc(100% - 180px); margin-left:auto;/*  display:flex; */ align-items:flex-start; padding:10px 0;}
.info_box2 .flex div ul li {width:100%; border-bottom:1px solid #c3c5c7; display:flex; align-items:center; padding:15px 10px; box-sizing:border-box}
.info_box2 .flex div ul li:last-child {border-bottom:none}
.info_box2 .flex div ul li a {width:150px; margin-left:auto; flex-shrink:0; border:1px solid #c3c5c7;  color:var(--main_c); border-radius:8px; font-size:.93em; text-align:center; display:inline-block; line-height:31px}
.info_box2 .flex div ul li a:hover {background-color:var(--main_c); color:#fff}

.info_box2 .flex div ul li p {
     margin-right:10px;
	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word; 
}


		.info_box2 .tab {width:100%; display:flex; flex-wrap:wrap; border:1px solid #c3c5c7;    border-bottom:none}
		.info_box2 .tab li {width:50%;  height:auto; justify-content:center; padding:10px;     border-bottom:1px solid #c3c5c7; font-size:1.05em}
		.info_box2 .tab li:last-child {border-bottom:1px solid #c3c5c7; border-left:1px solid #c3c5c7}
		.info_box2 .tab li br {display:none}
		.info_box2 .flex {border:none}
		.info_box2 .flex div {width:100%; font-size:1em }

		.info_box2 .flex div ul  {border:1px solid #c3c5c7; border-top:none; padding:12px 0 }
		.info_box2 .flex div ul li {border:none; padding:8px 10px;}


/* .customer_bar { background-color:#d6d9eb;  margin:70px 0; box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 8%); z-index:9999; position:Relative}
.customer_bar .flex { max-width:1200px;  align-items:center;  height:100px;  position:relative}
.customer_bar .flex p {margin-left:auto; font-size:1.4em; font-weight:600;  margin-top:8px;}
.customer_bar .flex  h3 {font-size:1.15em; line-height:1.6}
.customer_bar .flex  h3 span {font-size:1rem; font-weight:400}
.customer_bar img {position:absolute;z-index:9999; right:0; width:52%; bottom:-45px;  } */

.customer_bar { background-color:#d6d9eb;  margin:70px 0; box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 8%); z-index:9999; position:Relative}
.customer_bar .flex {/* background:url('../img/call_img.png') no-repeat right;  background-size:auto 200%;  */ max-width:1200px;  align-items:center;  height:100px;  position:relative}
.customer_bar .flex p {margin-left:auto; font-size:1.4em; font-weight:600;  margin-top:8px;}
.customer_bar .flex  h3 {font-size:1.15em; line-height:1.6}
.customer_bar .flex  h3 span {font-size:1rem; font-weight:400}
.customer_bar img {position:absolute;z-index:9999; right:0; width:52%; bottom:-45px; /* transform: translate(0, -50%);  */ }

.customer_bar{background:/* url('./img/main_bg2.png')no-repeat 67px -208px */ #dcdaf1 ;/* background:linear-gradient(91deg, #f6f7fb  0%, #c0c4e7 94%) */position:relative;overflow:hidden}
.customer_bar .bg{ position: absolute;
left: -100px;
width: 100%;
z-index: 9;
top: -130px;
opacity: .4;}
.customer_bar .flex{height:auto;z-index:99;}
.customer_bar .flex .text{display:flex;justify-content:space-between;width:100%;align-items:center}
.customer_bar .flex h3{}
.customer_bar .flex .call{display:flex;align-items:center;justify-content:center}
.customer_bar .flex p{margin-left:0;margin-top:0}
.customer_bar .flex a{color:#000 !important;}
.customer_bar .flex i{font-size:1.3em;margin-right:5px;padding-top:5px}
.customer_bar img{position:static;width:10%;margin-right:20px}


.main_board .w_box {width:30%}
.main_board .w_box ul {margin-top:-5px}
.main_board .w_box ul li {width:100%; display:flex; align-items:center; border-bottom:1px dashed #c3c5c7; padding:16px 10px; box-sizing:border-box; cursor:pointer; position:relative;}
.main_board .w_box ul li:last-child {border-bottom:none}
.main_board .w_box ul li:hover {border-bottom:1px solid var(--main_c);}
.main_board .w_box ul li:last-child:hover {border-bottom:none}

.main_board .w_box ul li:before {content:''; width:100%; position:absolute; left:0; top:-1px;   height:calc(100% + 1px);  display:inline-block;}
.main_board .w_box ul li:hover:before {background-color:var(--main_c);}

.main_board .w_box ul li:hover * {color:#fff;}


 .main_board .w_box ul li p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-wrap: break-word; position:relative; z-index:99;word-break:break-all;
}
.main_board .w_box ul li .date {width:90px; font-weight:300;   font-size:.93rem; text-align:right; flex-shrink:0;   position:relative; z-index:99 ;margin-left:auto}
.main_board .w_box ul li .new {font-size:11px }


.bottom_site {width:100%; padding:10px 0; margin-top:70px; background-color:#fff;  box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 8%); z-index:9999; position:Relative }
.bottom_site ul li {width:14.28%; text-align:center}
.bottom_site ul li  img {width:70%}


@media all and (min-width:1388px) {

   .main_bar ul li div {width:100%; display:flex; align-items:center; justify-content:center}

}

@media all and (max-width:1388px) {

 		 
		.main_con { padding:50px 3%; box-sizing:border-box }
		.main_bar {width:calc(100% + 6%); margin-left:-3%; border-radius:0}
		.main_bar ul li p {width:100%; margin-top:5px; font-size:1em }
		.main_bar ul li i {font-size:25px; margin-right:0}

/* 		.customer_bar {width:calc(100% + 6%); margin-left:-3%; }
		.customer_bar .flex {padding:0 3%; box-sizing:border-box}
		.customer_bar img { right:3%;} */
		.customer_bar {width:calc(100% + 6%); margin-left:-3%; }
		.customer_bar .flex {padding:0 3%; box-sizing:border-box}
		.customer_bar img { right:3%;}
		.customer_bar .bg{ position: absolute;
		left: 0;
		width: 200%;
		z-index: 9;
		top: 0;
		opacity: .8;}
		.customer_bar .flex{text-align:center;display:block;}
		.customer_bar .flex .text{display:block}
		.customer_bar img{width:20%;margin:0 auto}

		.flex {flex-wrap:wrap}
		
		.w_box {width:100%;  background:#fff; padding:20px }

		.info_box2{margin-top:20px}

		.info_box .flex > div {margin-top:2vw; margin-bottom:8vw }
		.info_box img {width:230px; }
		.info_box .tab {width:100%; margin-left:0}
		.info_box .tab li:nth-child(3) {border-right:1px solid #c3c5c7}

		iframe {width:100%; height:500px; margin-bottom:30px; margin-top:60px}
#zeroframe{height:0;margin:0}
.board1 ul li div.flex{flex-wrap:nowrap}
}


@media all and (max-width:900px) {

		iframe { height:300px; margin-top:35px }

		.main_con {padding:30px 3%; overflow-x:hidden}
		.m_br {display:block }

		.main_con .main_tit {font-size:1.1rem; }
		.main_con .main_tit span {font-size:.85rem}

		.board1  ul { border:1px solid #c3c5c7; background-color:#fff;  box-sizing:border-box; padding:0 15px; }
		.board1 ul li  {font-size:.97em; padding:10px 0}
		.board1 ul li div.flex .date {display:none}
		.main_board .w_box {width:100%}

		.main_bar {margin:30px 0 30px -3%}
		.main_bar ul {flex-wrap:wrap;}
		.main_bar ul li {flex-wrap:wrap; width:50%; border-bottom:1px solid #c3c5c7; border-right:1px solid #c3c5c7; box-sizing:border-box; padding:15px;}
		.main_bar ul li:nth-child(3) {border-right:none}
		.main_bar ul li:first-child {display:none}
		.main_bar ul li:nth-child(n+4) {border-bottom:none}
		.main_bar ul li:after {display:none}
		.main_bar ul li p { font-size:.93em }


		.info_box img {width:200px; margin:0 auto;  margin-top:20px; }
		.info_box .flex {border:1px solid #c3c5c7; border-top:none}
		.info_box .flex > div {width:100%; border-top:1px solid #c3c5c7; padding:15px 3%; box-sizing:border-box; font-size:.95em;margin-bottom:7vw;margin-top:0}
		.info_box .tab {width:100%; margin-left:0}
		.info_box .tab li {font-size:.97em;margin-left:0}
		

/* 		.info_box2 .tab {width:100%; display:flex; flex-wrap:wrap; border:1px solid #c3c5c7;    border-bottom:none}
		.info_box2 .tab li {width:50%;  height:auto; justify-content:center; padding:10px;     border-bottom:1px solid #c3c5c7; font-size:.95em}
		.info_box2 .tab li:last-child {border-bottom:1px solid #c3c5c7; border-left:1px solid #c3c5c7}
		.info_box2 .tab li br {display:none}
		.info_box2 .flex {border:none}
		.info_box2 .flex div {width:100%; font-size:.93em }
		.info_box2 .flex div ul li a {width:60px; font-size:.83rem}
		.info_box2 .flex div ul  {border:1px solid #c3c5c7; border-top:none; padding:12px 0 }
		.info_box2 .flex div ul li {border:none; padding:3px 10px;} */
		.info_box2 .flex div ul li {border:none; padding:5px 10px;}
		.info_box2 .flex div ul li a {width:60px; font-size:.83rem}

		.customer_bar {margin:30px 0; width:calc(100% + 6%); margin-left:-3%; }
		.customer_bar img {width:80%; position:static; margin-top:5px; margin-left:10%}
		.customer_bar .flex {  height:auto; padding:30px 0 25px 0}
		.customer_bar .flex  > div {width:100%; text-align:center;}
		.customer_bar .flex h3   {font-size:1.1em}
		.customer_bar .flex h3 span {font-size:.97rem}
		.customer_bar .flex p  {font-size:1.2em; margin-top:5px}
		

		.main_board .w_box ul {border:1px solid #c3c5c7;  }
		.main_board .w_box ul li  {font-size:.95em;  padding:8px 10px}
		.main_board .w_box ul li p   {width:100%}
/* 		.main_board .w_box ul li span  {display:none} */

		.bottom_site {margin-top:20px}
		.bottom_site ul {justify-content:center}
		.bottom_site ul li {width:25%}
		.bottom_site ul li img {width:90%; max-width:120px}
		.bottom_site ul li:nth-child(n+5) {margin-top:10px}
 			

		.w_box + .w_box {margin-top:20px;}

}


@media (max-width: 1388px){
.customer_bar .bg{ position: absolute;
left: 0;
width: 200%;
z-index: 9;
top: 0;
opacity: .8;}
.customer_bar .flex{text-align:center;display:block;}
.customer_bar .flex .text{display:block}
.customer_bar img{width:20%;margin:0 auto}

.main_con .main_tit{margin-bottom:15px}
}