@charset "utf-8";

/* ¸ÞÀκñÁÖ¾ó */
.mainVisual{ overflow:hidden; position:relative; margin-top:85px;}
.mainVisual .img{ position:relative; height:700px;}
.mainVisual .img .bg{ position:absolute; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;/* transform:scale(1.5,1.5); */opacity:0; transition:2s; transition-delay:1s; background-size:cover}
.mainVisual .img .bg1{background-image:url("/img/main/main_visual01.jpg")}
.mainVisual .img .bg2{background-image:url("/img/main/main_visual02.jpg")}
.mainVisual .img .bg3{background-image:url("/img/main/main_visual03.jpg")}
.mainVisual .img .bg4{background-image:url("/img/main/main_visual04.jpg")}
.mainVisual .img .slogan{ position:relative; padding-top:10%; text-align:center; color:#fff;  text-shadow: rgba(0,0,0,.5) 0px 0px 2px 2px; letter-spacing:-0.03em; }
.mainVisual .img .slogan .t1{ font-size:55px; opacity:0; margin-left:100px; letter-spacing:-0.02em; transition:2s;}
.mainVisual .img .slogan .t2{ font-size:27px; line-height:2; margin-top:100px; opacity:0; transition:2s; line-height:1.5;}
.mainVisual .img .slogan .t3{font-size:27px; margin-top:100px; opacity:0; transition:2s; line-height:1.5;}
.mainVisual .img.flex-active-slide .bg{ transform:scale(1,1); opacity:1; transition-delay:0}
.mainVisual .img.flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition:1s; transition-delay:1s;}
.mainVisual .img.flex-active-slide .slogan .t2{ opacity:1; margin-top:10px; transition-delay:2s;}
.mainVisual .img.flex-active-slide .slogan .t3{ opacity:1; margin-top:10px; transition-delay:2s;}

.mainVisual .btn{ position:absolute; left:0; top:50%; width:100%; z-index:100; text-align:center;display:none;}
.mainVisual .btn > li{ position:absolute; width:60px; height:60px; background:rgba(0,0,0,.9) line-height:4em; bottom:0; z-index:100}
.mainVisual .btn > li.flex-prev{ left:10px}
.mainVisual .btn > li.flex-next{ right:10px} 
.mainVisual .btn > li > a{ display:block;  border:1px solid #fff; color:#fff; font-size:40px; transition:.3s; opacity:.5}
.mainVisual .btn > li > a.flex-active{ opacity:1}

.mainVisual .flex-control-paging{ position:absolute; bottom:30px; width:100%; left:48.2%; z-index:999}
.mainVisual .flex-control-paging > li{ display:inline-block; *display:inline; zoom:1;}
.mainVisual .flex-control-paging > li > a{ display:block; width:17px; height:17px; border-radius:12px; margin:0 4px; font-size:0; position:relative; background:#fff; transition:.5s}
.mainVisual .flex-control-paging > li > a:hover,
.mainVisual .flex-control-paging > li > a.flex-active{ /*background:rgba(255,255,255,.9)*/ background:#185cc9;}

@media screen and (max-width:768px){
	.mainVisual .img{height:600px;}
	.mainVisual .img .slogan{ padding-top:17%;}
	.mainVisual .img .slogan .t1{ font-size:30px;}
	.mainVisual .img .slogan .t2{ font-size:18px;}
	.mainVisual .img .slogan .t3{ font-size:18px;}
	.mainVisual .img .bg{ background-size:cover; background-position-x:40%}
	.mainVisual .flex-control-paging{left:40%;}
}

@media screen and (max-width:650px){
    .mainVisual .img{height:400px;}
	.mainVisual .img .slogan .t1{ font-size:26px;}
	.mainVisual .img .slogan .t2{ font-size:15px;}
	.mainVisual .img .slogan .t3{ font-size:15px;}
}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ ¹Ú½º */
@media only screen and (min-width: 1400px){
   .mainBox{width:1400px; margin:0 auto; overflow:hidden;}
}

@media only screen and (max-width:1399px){
   .mainBox{width:96%; margin:0 2%;}
}

/* ÄÁÅÙÃ÷1 ȸ»ç°³¿ä*/
.mainFullBox{width:100%; background:#ebebeb; overflow:hidden; padding:20px 0;}
.box_in1 { margin-top:10px; width:100%; overflow:hidden; position:relative; z-index:20}
.box_in1 .com_box { width:100%; z-index:1;}
.box_in1 .com_box li { position:relative; }
.box_in1 .com_box li .title { position: absolute; top:10px; left:30%; font-size:36px; color:#000; letter-spacing:0.05em; z-index:10;}
.box_in1 .com_box li > div { width:calc(45% + 50px); height:300px; overflow:hidden; position:absolute; top:0; left:0; z-index:9; }
.box_in1 .com_box li > div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:9;}
.box_in1 .com_box li > article {float:right; margin-top:75px; width:53%; height:230px;} 
.box_in1 .com_box li > article .img_mobile{display:none} 
.box_in1 .com_box .txt { bottom:0; left:50%; margin-left:100px; width:100%; height:330px;}
.box_in1 .com_box .txt dl { margin-top:5px; }
.box_in1 .com_box .txt dt { background:url("/img/main/line_bg.png") repeat-x bottom 3px left; }
.box_in1 .com_box .txt dt span { display:inline-block; background:#ebebeb; line-height:110%; padding-right:10px; color:#555; font-size:22px; letter-spacing:-0.03em;}
.box_in1 .com_box .txt dd { display:block; line-height:110%; color:#333; letter-spacing:-0.03em; margin-top:25px; font-size:30px;}
.box_in1 .com_box .txt p { margin-top:15px; font-size:15px; font-weight:300; line-height:170%; color:#777; letter-spacing:-0.03em;}

/* ¹öÆ° ½ºÅ¸ÀÏ */
.btn_more {margin-top: 25px;}
.btn_more a {position:relative;display:inline-block;overflow:hidden; padding:10px 40px; letter-spacing:-0.03em; color:#333; font-size:16px; border-width:1px; border-style:solid; border-color:#999;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease}
.btn_more a:hover {border-color:#0968c4; color:#fff}
.btn_more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-50px;display:block;border-right:50px solid transparent;border-bottom:80px solid #0968c4;z-index:-1; transform: translateX(-100%);-webkit-transition: all .5s ease;-moz-transition: all .5s ease; transition: all .5s ease}
.btn_more a:hover:before {transform: translateX(0)}

@media screen and (max-width:1300px) {
    .box_in1 .com_box li > article .br_no{display:none} 
}

@media screen and (max-width:1100px) {
	/* ÄÁÅÙÃ÷1 ȸ»ç°³¿ä*/
	.mainFullBox{padding:40px 0;}
	.box_in1 { box-sizing:border-box; margin-top:0; padding:0; }
	.box_in1 .com_box li > div {display:none}
	.box_in1 .com_box li .title {display:none}
	.box_in1 .com_box li > article { float:none; overflow:hidden; margin:0; position:relative; width:100%; height:auto; background:none; z-index:10;}
	.box_in1 .com_box li > article .img_mobile{display:block; width:100%; margin-top:20px;} 
	.box_in1 .com_box li > article .img_mobile img{width:100%;} 
    .box_in1 .com_box .txt { position:static; margin:0; width:100%; height:100%; display:table; box-sizing:border-box; padding:10px; }
	.box_in1 .com_box .txt div { display:table-cell; vertical-align:middle; }
	.box_in1 .com_box .txt dl { margin-top:0; }
	.box_in1 .com_box .txt dt { background:none; position:relative; }
	.box_in1 .com_box .txt dt:before { content:""; display:block; width:calc(100% - 195px); height:1px; background:#c4c5c7; position:absolute; bottom:5px; right:0; }
	.box_in1 .com_box .txt dt span { background:none; padding-right:0; font-size:15px;}
	.box_in1 .com_box .txt dd {font-size:20px;}
	.box_in1 .com_box .txt p { margin:20px 0; font-size:15px; line-height:170%;}
}

@media (max-width:767px){
	.btn_more a {padding:7px 30px;font-size:14px}
}

/* ÄÁÅÙÃ÷2 */
.mainBox .box_in2{width:100%; overflow:hidden; position:relative; padding:50px 0 20px 0; margin:20px 0 20px 0; letter-spacing:-0.03em;}
.mainBox .box_in2 .title {text-align:center;}
.mainBox .box_in2 .title h2{font-size:35px; line-height:30px; color:#000; margin-bottom:10px;}
.mainBox .box_in2 .title p{font-size:16px; line-height:30px; color:#666; margin-bottom:40px;}

.mainBox .box_in2 ul{margin:0 0 0 -2%;}
.mainBox .box_in2 ul li{float:left; width: calc(25% - 2%);  margin:0 0 30px 2%; position:relative; border-bottom:1px solid #ddd;}
.mainBox .box_in2 ul li .inner {width:100%; display:block; float:left; position:relative;}
.mainBox .box_in2 ul li .inner a {display:block; height:100%; position:relative;}
.mainBox .box_in2 ul li img{width:100%;}
.mainBox .box_in2 ul li a .con {display:block; width:100%;}
.mainBox .box_in2 ul li a .con > * {display:block;}
.mainBox .box_in2 ul li a .con strong {width:100%; background:url("/img/main/icon_more.png") no-repeat center right; font-size:18px; color:#444; padding:5px 0 5px 15px; letter-spacing:-0.02em;}
.mainBox .box_in2 ul li a .con .info{margin-top:30px;}

.mainBox .box_in2 ul li a .ov { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:100; opacity:0; transition:0.5s; }
.mainBox .box_in2 ul li a .ov .in {display:block; position:relative; width:100%; height:100%; background:rgba(10,28,53,0.75); padding:25px;}
.mainBox .box_in2 ul li a .ov .in > * {display:block; position:absolute;}
.mainBox .box_in2 ul li a .ov .in p {width:100%; top:130px; font-size:20px; color:#fff; line-height:25px; transition:0.3s; opacity:0;}
.mainBox .box_in2 ul li a .ov .in .txt{font-size:14px; transition:0.3s; opacity:0; background:none; top:160px;}
.mainBox .box_in2 ul li a .ov .in span {width:100%; height:20px; background:url("/img/main/box_in2_area.png") no-repeat left bottom; top:185px; font-size:11px; color:#fff; transition:0.3s; opacity:0;}
.mainBox .box_in2 ul li a:hover .ov {opacity:1;}
.mainBox .box_in2 ul li a:hover .ov .in p {width:100%; color:#fff; transition-delay:0.3s; top:60px; opacity:1;}
.mainBox .box_in2 ul li a:hover .ov .in .txt{transition-delay:0.3s; top:90px; opacity:1;}
.mainBox .box_in2 ul li a:hover .ov .in span {transition-delay:0.3s; top:130px; opacity:1;}

@media only screen and (max-width:1151px){
	.mainBox .box_in2 ul li{ width: calc(50% - 2%);}
	.mainBox .box_in2 .title h2{font-size:25px;}
	.mainBox .box_in2 ul li a .con strong {font-size:17px;}
	.mainBox .box_in2 ul li a .ov .in p {font-size:18px;}
}

@media only screen and (max-width:768px){
    .mainBox .box_in2{margin:0;}
	.mainBox .box_in2 ul li{ width: calc(100% - 2%);}
	.mainBox .box_in2 .title h2{font-size:18px;}
	.mainBox .box_in2 ul li a .ov .in p {font-size:15px;}
	.mainBox .box_in2 ul li a .con strong {font-size:15px;}
}

/* ÄÁÅÙÃ÷3-ÄÁ³ØÆ®*/
.box_in3 {display:block;width:100%;height:550px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed; background-image:url("/img/main/box_in3_bg.jpg"); padding:70px 0;}
.box_in3 .background {display:none;position:absolute;right:0;bottom:0;margin-left:0;width:100%;opacity:1;}

.box_in3 .title {text-align:center;}
.box_in3 .title h2{font-size:35px; line-height:30px; color:#fff; margin-bottom:20px;}
.box_in3 .title p{font-size:16px; line-height:30px; color:#b8bdc0;}

.contact_box {width:100%; max-width:800px; overflow:hidden; position:relative; margin:50px auto; padding-bottom:75px; font-size:14px;}
.contact_box .privacy {width:100%; }
.contact_box .privacy .privacy_tt1{display:block; width:220px; clear:both;  margin:0 auto; color:#fff; margin-bottom:20px; font-size:13px;}
.contact_box .privacy .privacy_tt1 .option {cursor:pointer; line-height:20px;}
.contact_box .privacy .privacy_tt1 .option img {padding-right:5px;}
.contact_box .privacy .privacy_agree{position:absolute; left:50%; padding:0 20px; background:#fff; width:420px; margin-left:-210px; height:265px; overflow-y:scroll;box-shadow:rgba(0,0,0,.12) -4px -4px 10px; z-index:9999999999; }
.contact_box .privacy .privacy_agree .agree_close_con{padding:10px 0;}
.contact_box .privacy .privacy_agree .textarea{width:100%; padding:10px; font-size:13px;}

.contact_box .contact{width:100%;}
.contact_box .contact .contact_form{width:100%;}
.contact_box .contact .contact_form .left_form{float:left; width:49%;}
.contact_box .contact .contact_form .right_form{float:right; width:49%;}
.contact_box .contact .contact_form  .form_group {width:100%;}

.contact_box .contact .contact_form .form_control {width: 100% !important; height: 40px; border: 1px solid #e5e5e5;border-radius:3px; margin-bottom: 15px; padding-left:15px;}
.contact_box .contact .contact_form .form_text {width: 100% !important; height: 95px; border: 1px solid #e5e5e5; margin-bottom: 15px; padding:5px 15px;border-radius:3px;}
.contact_box .contact button.btn {width:100%; background:#365dce; height:40px; line-height:40px; color:#fff; font-size:16px; border:0; border-radius:3px; transition:0.3s;}
.contact_box .contact button.btn:hover {background:#658af4;}
.contact_box .agree{width:100%; text-align: center; color:#fff; font-size:13px; clear:both;}


@media all and (max-width:1799px) {
	.box_in3 .background {position:absolute;right:0;bottom:0;width:1800px;}
}

@media all and (max-width:1239px) {
	.box_in3 .background {position:absolute;right:0;bottom:0;width:1800px;}
    .box_in3 .background {right:35%;margin-right:-500px;}
}

@media all and (max-width:800px) {
    .box_in3 {margin-bottom:40px;}
	.box_in3 .background {right:35%;margin-right:-600px;}
	.box_in3 .title h2{font-size:28px;}
}

@media screen and (max-width: 767px) {
    .box_in3 {width:100%;height:auto;padding:50px 0 0 0;}
    .contact_box {width:100%; max-width:330px;  margin:30px auto 0 auto; padding-bottom:10; font-size:13px;}
    .contact_box .contact .contact_form .left_form{float:none; width:100%;}
    .contact_box .contact .contact_form .right_form{float:none; width:100%;}
	.contact_box .privacy .privacy_agree{width:330px; margin-left:-165px;}
    .contact_box .privacy .privacy_agree .agree_close_con{padding:10px 0;}
	.box_in3 .title h2{font-size:20px; margin-bottom:5px;}
    .box_in3 .title p{font-size:14px;}
	.contact_box .contact button.btn {margin-bottom:10px;}
}

/*ÄÁÅÙÃ÷ 4 °í°´¼¾ÅÍ*/
.mainBox .box_in4{width:100%; overflow:hidden; position:relative; padding:60px 0 50px 0; margin:20px 0 20px 0; letter-spacing:-0.03em;}
.mainBox .box_in4 .title {text-align:center;}
.mainBox .box_in4 .title h2{font-size:35px; line-height:30px; color:#000; margin-bottom:10px;}
.mainBox .box_in4 .title p{font-size:16px; line-height:30px; color:#666; margin-bottom:40px;}

.mainBox .box_in4 .cus_center{width:100%; overflow:hidden;}
.mainBox .box_in4 .cus_center .left {float:left; width:49%; overflow: hidden; position: relative; background:#f2f2f2; border:1px solid #ddd;  text-align: center;  margin-bottom:30px;}

.mainBox .box_in4 .notice { width:100%; height:175px; overflow: hidden; text-align: left; box-sizing:border-box; padding:0 25px;}
.mainBox .box_in4 .notice .title { width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:5px;}
.mainBox .box_in4 .notice .title h3 { float: left; margin-top:10px; color: #333; font-size:22px;}
.mainBox .box_in4 .notice .title > a { float: right; display: block; line-height: 30px; color:#dcdfe0; font-size:14px; margin-top:8px;}
.mainBox .box_in4 .notice .title > a:hover {color:#fff;}
.mainBox .box_in4 .notice .title > a i {display: block; width:30px; height:30px; font-size:0; background:url("/img/main/icon_plus.png") no-repeat center; transition:0.3s; border:1px solid #747272; transition:0.3s;}
.mainBox .box_in4 .notice .title > a i:hover {background:url("/img/main/icon_plus_hover.png") #1d5cc0 no-repeat center; border-color:#1d5cc0;}
.mainBox .box_in4 .notice .notice_in {clear:both; padding-top:15px;}

.mainBox .box_in4 .nanoBn { width:100%; overflow: hidden; height:175px; border-top:1px dashed #ddd; text-align:center; display:table; }
.mainBox .box_in4 .nanoBn > div {width:100%; display:table-cell; vertical-align:middle; padding:0 57px;}
.mainBox .box_in4 .nanoBn ul { width:455px;  margin:0 auto; overflow:hidden;}
.mainBox .box_in4 .nanoBn li { float:left; width:110px; height:127px; background:url("/img/main/box_in4_btn_bg.png") no-repeat; overflow:hidden; margin-left:13%}
.mainBox .box_in4 .nanoBn li:first-child { margin-left:0; }
.mainBox .box_in4 .nanoBn li img { margin-top:30px; }
.Bn_img {display:inline-block; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.mainBox .box_in4 .nanoBn li:hover .Bn_img {-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
.mainBox .box_in4 .nanoBn h3 { margin-top:7px; font-size:16px; color:#000; }
.mainBox .box_in4 .nanoBn li:last-child h3{ margin-top:10px; }
.mainBox .box_in4 .nanoBn li:hover h3{color:#1d4382; }

.mainBox .box_in4 .right {float:left; width:49%;  margin-left: 2%; height:352px;  overflow: hidden; position: relative;  padding:50px 0 0 50px; background:url("/img/main/box_in4_cus_bg.jpg") no-repeat right; border:1px solid #ddd; margin-bottom:30px;}
.mainBox .box_in4 .right h3 { font-size:16px; color: #333; letter-spacing:-0.03em; padding:0 0 20px 30px;}
.mainBox .box_in4 .right ul li{line-height:35px; font-size:14px;  padding-left:70px; margin-top:8px; color: #444; }
.mainBox .box_in4 .right ul .icon1 {background:url("/img/main/box_in4_cus_tel.png") no-repeat 20px center;}
.mainBox .box_in4 .right ul .icon2 {background:url("/img/main/box_in4_cus_fax.png") no-repeat 20px center;}
.mainBox .box_in4 .right ul .icon3 {background:url("/img/main/box_in4_cus_email.png") no-repeat 20px center;}
.mainBox .box_in4 .right ul .icon4 {background:url("/img/main/box_in4_cus_time.png") no-repeat 20px center;}
.mainBox .box_in4 .right ul li .t_tel{font-size:26px; line-height: 100%; color: #000;}
.mainBox .box_in4 .right ul li .t_fax{font-size:22px; line-height: 100%; color: #444; letter-spacing:0.05em;}
.mainBox .box_in4 .right ul li .t_email a{font-size:14px; line-height: 100%; color: #444;letter-spacing:-0.05em; }
.mainBox .box_in4 .right ul li .t_email a:hover{color:#2d87f5;}
.mainBox .box_in4 .right ul li .t_time { font-size:14px; line-height: 100%; margin-top:10px; color: #444; letter-spacing:0.05em; }

@media screen and (max-width:1100px) {
    /* ÄÁÅÙÃ÷4 °í°´Áö¿ø*/
	.mainBox .box_in4 h2 {font-size:28px;} 
    .mainBox .box_in4 .p4 {font-size:16px;}
	.mainBox .box_in4 {margin-bottom:0;}
	.mainBox .box_in4 .title h2{font-size:28px;}
	.mainBox .box_in4 h2 span {font-size:20px; line-height:30px;}
	.mainBox .box_in4 .cus_center .left,
	.mainBox .box_in4 .right{float:none; width: 100%; height:auto; margin-left:0;}
	
	 .mainBox .box_in4 .nanoBn {height:auto;}
	.mainBox .box_in4 .nanoBn > div { width:100%; }
	.mainBox .box_in4 .nanoBn ul { margin:20px auto;}
	.mainBox .box_in4 .notice .title h3 {font-size:18px;}
}

@media screen and (max-width:767px) {
     .mainBox .box_in4{padding:20px 0 20px 0;}
     .mainBox .box_in4 .title h2{font-size:20px;}
	 .mainBox .box_in4 .title p{font-size:14px;}
	 .mainBox .box_in4 .notice .title h3 {font-size:16px;}
}

@media screen and (max-width:650px) {
   /* ÄÁÅÙÃ÷4 °í°´Áö¿ø*/
    .mainBox .box_in4 h2 {font-size:20px;} 
    .mainBox .box_in4 .p4 {font-size:14px;}
    .mainBox .box_in4 .right_in {Padding-left:30px;}
	.mainBox .box_in4 h2 { font-size:22px; line-height:22px;}
	.mainBox .box_in4 h2 span {font-size:15px; line-height:30px;}
	
	.mainBox .box_in4 .notice h3 {font-size:18px;}
	.mainBox .box_in4 .notice > a {font-size:13px;}

	.mainBox .box_in4 .right {padding:20px 0 0 20px; height:310px;}
	.mainBox .box_in4 .right h3 { font-size:15px; margin-top:30px;}
	.mainBox .box_in4 .right ul li{font-size:13px;}
    .mainBox .box_in4 .right ul li .t_tel{font-size:22px;}
	.mainBox .box_in4 .right ul li .t_fax{font-size:18px;}
	.mainBox .box_in4 .right ul li .t_email a{font-size:13px;}
	.mainBox .box_in4 .right ul li .t_time { font-size:13px;}
}

@media only screen and (max-width:600px){
	/* ÄÁÅÙÃ÷4 °í°´Áö¿ø*/
	.mainBox .box_in4 .nanoBn > div {padding:0;}
	.mainBox .box_in4 .nanoBn ul { margin:20px auto; width:100%; }
	.mainBox .box_in4 .nanoBn li { width:110px; height:127px; background-size:100%; }
	.mainBox .box_in4 .nanoBn li { float:none; display:inline-block; margin:0 2px;  }
	.mainBox .box_in4 .nanoBn li:nth-child(3) { display:block; margin:-31px auto 0; }
	.mainBox .box_in4 .nanoBn h3 {font-size:14px;  }
}




/*ÄÁÅÙÃ÷ 3 ȸ»çÁ¤º¸*/
.mainBox .box_in3a{width:100%; overflow:hidden; margin-top:60px; text-align:center;}
.box_in3a {width:100%; overflow:hidden; margin-bottom:30px; letter-spacing: -0.03em; }
.box_in3a .left {float:left; width:49%;  overflow: hidden; position: relative; text-align: center;  margin-bottom:30px;}
.box_in3a .left .leftBn { width:100%; height:200px; overflow: hidden; box-sizing:border-box;}
.box_in3a .left .bg1 { background: #f7f7f7;}
.box_in3a .left .bg2 { background: #dcdfe0;}

.box_in3a .left .leftBn p { position: absolute; top: 77px; left: 50%; width: 42px; height: 42px; background: rgba(255,255,255,.8); margin-left:-22px; border-radius:50%;}
.box_in3a .left .leftBn p i { position: relative; width: 17px; height: 17px; display: block; margin:13px auto 0; font-size:0; transition:all .3s; -webkit-transition:all .3s; }
.box_in3a .left .leftBn p i:before,
.box_in3a .left .leftBn p i:after { content: ""; display: block; background: #666; position: absolute; }
.box_in3a .left .leftBn p i:before { width: 100%; height: 1px; top: 8px; left: 0; }
.box_in3a .left .leftBn p i:after { width: 1px; height: 100%; top: 0; left: 8px; }
.box_in3a .left .leftBn a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.box_in3a .left .leftBn div { float: right; width:50%; height: 100%; overflow: hidden; position: relative; }
.box_in3a .left .leftBn div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; transition:all .3s; -webkit-transition:all .3s; }
.box_in3a .left .leftBn dl { float: left; margin:60px 0 0 10%; text-align: left; }
.box_in3a .left .leftBn dt { color: #000; font-size:22px; line-height: 100%; }
.box_in3a .left .leftBn dd { font-size:15px; line-height: 20px; margin-top: 10px; color: #666;}

.box_in3a .left .leftBn a:hover dd {color: #333;}
.box_in3a .left .leftBn a:hover p { background: rgba(181,17,11,.8); }
.box_in3a .left .leftBn a:hover p i { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); }
.box_in3a .left .leftBn a:hover p i:before,
.box_in3a .left .leftBn a:hover p i:after { background: #e4edf4; }
.box_in3a .left .leftBn a:hover div img { min-width: 120%; min-height: 120%;}

.box_in3a .right {float:right; width:49%; overflow: hidden; position: relative; margin-bottom:30px;}
.box_in3a .right .rightBn { width:100%; overflow: hidden; box-sizing:border-box;}
.box_in3a .right .rightBn .banner{float: left;  width:50%; height:200px; }
.box_in3a .right .rightBn .bg1{background:url("/img/main/box_in3_banner03.jpg") no-repeat right;}
.box_in3a .right .rightBn .bg2{background:url("/img/main/box_in3_banner04.jpg") no-repeat right;}
.box_in3a .right .rightBn .banner a { display:table; width:100%; height:100%; position:relative; box-sizing:border-box;}
.box_in3a .right .rightBn .banner .icon { display:table-cell; vertical-align:middle;}
.box_in3a .right .rightBn .banner .icon dl { padding:5px 0 0 40px; text-align:left; letter-spacing:-0.03em;}
.box_in3a .right .rightBn .banner .icon dt {color: #000; font-size:22px; line-height: 100%; }
.box_in3a .right .rightBn .banner .icon dd {padding-top:10px; color:#666; font-size:15px;}
.box_in3a .right .rightBn .banner .hover { opacity:0; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,.75); display:table; transition:all .3s;}
.box_in3a .right .rightBn .banner:hover .hover {opacity:1;}
.box_in3a .right .rightBn .banner .hover > div { display:table-cell; vertical-align:middle;}
.box_in3a .right .rightBn .banner .hover i {font-style:normal; display:inline-block; *display:inline; zoom:1; color:#fff; border-bottom:1px solid #fff; margin-top:10px; font-size:14px;}
.box_in3a .right .rightBn .banner a:link{color:#fff;}
.box_in3a .right .rightBn .banner a:active{color:#fff;}
.box_in3a .right .rightBn .banner a:visited{color:#fff;}
.box_in3a .right .rightBn .banner a:hover{color:#fff;}

.box_in3a .right .notice { width:100%; height:200px; overflow: hidden; background: #dbe2e9; padding:25px 30px 30px 30px;}
.box_in3a .right .notice .notice_left{ float: left; width:48%; overflow: hidden;}
.box_in3a .right .notice .notice_right{ float: right; width:48%; overflow: hidden;}
.box_in3a .right .notice .notice_title {width:100%; height:40px; border-bottom:1px solid #ccc;}
.box_in3a .right .notice .notice_title h3 { float: left; margin:0 0 20px 0; color: #333; font-size:22px; line-height:40px;}
.box_in3a .right .notice > a { float: right; display: block; line-height: 45px; color:#dcdfe0; font-size:14px; }
.box_in3a .right .notice > a:hover {color:#fff;}
.box_in3a .right .notice > a i {display: block; width:60px; height:25px; line-height:25px; font-size:13px; font-style:normal; color:#666; transition:0.3s; border:1px solid #a8afb5; margin-bottom:5px; letter-spacing:-0.03em;}
.box_in3a .right .notice > a i:hover {background: #666; color:#fff; border:1px solid #666;}
.box_in3a .right .notice .notice_in { width:100%; height:70px;  position:relative; display: block; clear: both; }

.box_in3a .right .notice .notice_title p { float: right; width:26px; height: 26px; border:1px solid #8a8a8a; border-radius:50%; margin:5px 10px 0 0}
.box_in3a .right .notice .notice_title p i { position: relative; width: 14px; height: 14px; display: block; margin:6px auto 0; font-size:0; transition:all .3s; -webkit-transition:all .3s; }
.box_in3a .right .notice .notice_title p i:before,
.box_in3a .right .notice .notice_title p i:after { content: ""; display: block; background: #8a8a8a; position: absolute; }
.box_in3a .right .notice .notice_title p i:before { width: 100%; height: 2px; top: 6px; left: 0; }
.box_in3a .right .notice .notice_title p i:after { width: 2px; height: 100%; top: 0; left: 6px; }
.box_in3a .right .notice .notice_title a:hover p { background:#e91b23; border-color:#e91b23;}
.box_in3a .right .notice .notice_title a:hover p i { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); }
.box_in3a .right .notice .notice_title a:hover p i:before,
.box_in3a .right .notice .notice_title a:hover p i:after { background:#fff;; }

@media screen and (max-width:960px) {
    /*ÄÁÅÙÃ÷ 3 ȸ»çÁ¤º¸*/
    .box_in3a .left,
	.box_in3a .right{float:none; width: 100%;}
}

@media screen and (max-width:768px) {
   /*ÄÁÅÙÃ÷ 3 ȸ»çÁ¤º¸*/
    .box_in3a .left .leftBn dt {font-size:16px;}
    .box_in3a .left .leftBn dd { font-size:14px; line-height: 18px;}
	.box_in3a .right .rightBn {margin-top:30px;}
    .box_in3a .right .rightBn .banner .icon dt {font-size:16px;}
    .box_in3a .right .rightBn .banner .icon dd {font-size:14px;}
	.box_in3a .right .rightBn .banner .hover i {font-size:13px;}
    .box_in3a .right .notice h3 {font-size:12px;}
    .box_in3a .right .notice .notice_title h3 { float: left; margin:0 0 20px 0; color: #222; font-weight:300; font-size:16px; line-height:40px;}
	.box_in3a .right .notice {height:auto; overflow: hidden; margin-bottom:30px;}
	.box_in3a .right .notice .notice_left{ float: none; width:100%;}
    .box_in3a .right .notice .notice_right{float: none; width:100%; margin-top:30px;}
	.box_in3a .right .notice .notice_in {height:70px;}
}

@media screen and (max-width:650px) {
  /*ÄÁÅÙÃ÷ 3 ȸ»çÁ¤º¸*/
    .mainBox .box_in3a{margin-top:30px;}
    .box_in3a .left .leftBn p { left: 60%;}
	.box_in3a .left .leftBn div {width:40%;}
	.box_in3a .left .bg2 {margin-top:30px;}
    .box_in3a .right .rightBn .banner{float:none;  width:100%;}
	.box_in3a .right .rightBn .bg1{margin-bottom:30px;}
	.box_in3a .right {margin-bottom:0;}
	.box_in3a .right .notice {margin-top:30px;}
}