@charset "utf-8";
/*  
	-----------------------------------------------
	* main.css (포털 메인)
	-----------------------------------------------
*/


 .hide1{display:inline;}
 .hide2{display:none;}
 svg {display: block;overflow: visible;}

.slider-container {position: relative;height: 610px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: default;overflow:hidden;}

.slider-control {z-index: 2;position: absolute;top: 0;width: 10px;height: 10px;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;will-change: opacity;opacity: 0;}
.slider-control.inactive:hover {cursor: auto;}
.slider-control:not(.inactive):hover { opacity: 1;cursor: pointer;}
.slider-control.left {left: 0;background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);}
.slider-control.right {right: 0;background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);}

.slider-pagi {position: absolute;z-index: 3;left: 140px;bottom:120px;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 0;list-style-type: none;}
.slider-pagi__elem {position: relative;display: inline-block;vertical-align: top;width: 10px;height: 10px;margin:0px 15px;border-radius: 50%;background:#fff;cursor: pointer;}
.slider-pagi__elem:before {content: "";position: absolute;left: 50%;top: 50%;width: 40px;height: 10px;background: #00ccff;border-radius: 10px;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;  transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}

.slider-pagi__elem_play{position: relative;left:130px;top:-6px;display: inline-block;cursor: pointer;font-size:12px;width:20px;}
.slider-pagi__elem_stop{position: relative;left:130px;top:-6px;display: inline-block;cursor: pointer;font-size:12px;width:20px;}

.slider { z-index: 1; position: relative; height: 100%;}
.slider.animating { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform;}
.slider.animating .slide__bg { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform;}

.slide { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden;}
.slide.active .slide__overlay,.slide.active .slide__text {opacity: 1; -webkit-transform: translateX(0);transform: translateX(0);}
.slide__bg {position: absolute;top: 0; left: -50%; width: 100%; height: 100%; will-change: transform;}


.slide:nth-child(1) { left: 0;}
.slide:nth-child(1) .slide__bg { left: 0; background-image: url("./../images/main/img_main1.jpg");}
.slide:nth-child(1) .slide__overlay-path {fill: #2a3e83;}

@media (max-width: 991px) {
  .slide:nth-child(1) .slide__text {opacity:0.9;background-color:#2a3e83;}
}
.slide:nth-child(2) {left: 100%;}
.slide:nth-child(2) .slide__bg { left: -50%; background-image: url("./../images/main/img_main2.jpg");}
.slide:nth-child(2) .slide__overlay-path { fill: #2a3e83;}

@media (max-width: 991px) {
  .slide:nth-child(2) .slide__text {opacity:0.9;background-color:#2a3e83;}
}


.slide__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slide__overlay { position: absolute; bottom: 0; left: 0; height: 100%; min-height: 810px; /*-webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s; transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;transition: transform 0.5s 0.5s, opacity 0.2s 0.5s transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;will-change: transform, opacity;-webkit-transform: translate3d(-20%, 0, 0);transform: translate3d(-20%, 0, 0);*/opacity: 0;}

@media (max-width: 991px) {
  .slide__overlay {display: none;}
}

.slide__overlay path {opacity: 0.8;}
.slide__text {position: absolute;width:720px;height:610px;padding:100px;overflow:hidden;top:0px;left: 0px;background:url(./../images/main/bg_visual.png);background-size:cover;color: #fff;-webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;will-change: transform, opacity;-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;}

.slide__text-heading {font-size: 18px;padding-bottom:20px;margin-bottom: 20px;border-bottom:1px solid #b5bcd4;}
.slide__text-desc {font-size: 48px;line-height:135%;font-weight:bold;letter-spacing:-0.05em;margin-bottom: 20px;}
.slide__text-desc  span{display:block;}
.slide__text-info {font-size: 18px;}
.slide__text-info span{display:block;}


.noticeBx{position:relative;width:100%;margin:30px 0px 40px 0px; overflow:hidden;}
.noticeBx .in1{position:relative;width:50%;float:left;border:1px solid #ddd;border-right:none;padding:20px 20px 10px 20px; overflow:hidden;}
.noticeBx .in2{position:relative;width:50%;float:right;border:1px solid #ddd;padding:20px 20px 10px 20px;}
.noticeBx h2{float:left;font-size:18px;color:#2a3e83;font-weight:bold;background:url(./../images/main/icon_dot.png) 75px 5px no-repeat;padding-right:25px;}
.noticeBx .in2 h2{float:left;font-size:18px;color:#2a3e83;font-weight:bold;background:url(./../images/main/icon_dot.png) 80px 5px no-repeat;padding-right:25px;}
.noticeBx ul{}
.noticeBx ul li{position:relative;top:-3px;}
.noticeBx ul li .tit{width:80%;display:inline-block;font-size:18px;color:#333;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
.noticeBx ul li .tit a{color:#333;}
.noticeBx ul li .tit a:hover{color:#00964e;text-decoration:underline;}
.noticeBx .in1 .btnMore a, .noticeBx .in2 .btnMore a{position:absolute; top:22px; right:20px; display:inline-block;width:10px;height:18px;background:url('../images/main/icon_more.png') 50%  50% no-repeat; text-indent:-9999px;}

 .businessBx{position:relative;width:100%;margin:25px 0px 40px 0px;overflow:hidden;}
 .businessBx h2{font-size:38px;text-align:center;color:#000;font-weight:bold;background:url(./../images/main/icon_point.jpg) top center no-repeat;padding-top:20px;}
 .businessBx p{font-size:27px;text-align:center;color:#333;margin:10px 0px 40px 0px;}

.businessBx ul{position:relative;width:100%;text-align:center;}
.businessBx ul::before{position:absolute;left:0px;bottom:45%;width:57px;height:22px;content:'';background:url(./../images/main/icon_qm.png) no-repeat;}
.businessBx ul::after{position:absolute;right:0px;bottom:45%;width:57px;height:22px;content:'';background:url(./../images/main/icon_qm.png) no-repeat;}
.businessBx ul li{position:relative;width:200px;height:200px;border-radius:50%;font-weight:bold;display:inline-block;text-align:center;font-size:20px;margin:0 25px;/*padding-top:135px;*/}

.businessBx ul li.bx1{background:#404a8f url(./../images/main/icon_quickMenu1.png) center 45px no-repeat;}
.businessBx ul li.bx1 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:135px;}
.businessBx ul li.bx1 a:hover{color:#fff;}
.businessBx ul li.bx1:hover{background:#0064b8 url(./../images/main/icon_quickMenu1.png) center 35px no-repeat;transition: all 0.5s ease-out;}

.businessBx ul li.bx2{background:#379d6b url(./../images/main/icon_quickMenu2.png) center 45px no-repeat;}
.businessBx ul li.bx2 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:135px;}
.businessBx ul li.bx2 a:hover{color:#fff;}
.businessBx ul li.bx2:hover{background:#0064b8 url(./../images/main/icon_quickMenu2.png) center 35px no-repeat;transition: all 0.5s ease-out;}

.businessBx ul li.bx3{background:#404a8f url(./../images/main/icon_quickMenu3.png) center 45px no-repeat;}
.businessBx ul li.bx3 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:135px;}
.businessBx ul li.bx3 a:hover{color:#fff;}
.businessBx ul li.bx3:hover{background:#0064b8 url(../images/main/icon_quickMenu3.png) center 35px no-repeat;transition: all 0.5s ease-out;}

.businessBx ul li.bx4{background:#379d6b url(./../images/main/icon_quickMenu4.png) center 50px no-repeat;}
.businessBx ul li.bx4 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:135px;}
.businessBx ul li.bx4 a:hover{color:#fff;}
.businessBx ul li.bx4:hover{background:#0064b8 url(./../images/main/icon_quickMenu4.png) center 40px no-repeat;transition: all 0.5s ease-out;}


 .infoBx{position:relative;width:100%;margin:25px 0px 0px 0px;padding:50px 0px;background:url(./../images/main/bg_info.jpg); overflow:hidden;}
 .infoBx h2{font-size:38px;text-align:center;color:#000;font-weight:bold;}
 .infoBx p{font-size:27px;text-align:center;color:#333;margin:10px 0px 40px 0px;}

 .infoBx ul{position:relative;width:100%;text-align:center;}
 .infoBx ul li{position:relative;float:left;width:270px;height:340px;margin-right:40px;border:1px solid #ddd;background:#fff;text-align:center;}
  .infoBx ul li:last-child{margin:0px;}
 .infoBx ul li img:hover{transition: all 0.3s ease-out;transform: scale(1.2);}
 .infoBx ul li a{color:#000;}

.infoBx ul li.bx1 h3{font-size:25px;color:#000;margin-top:30px;background:none;padding:0px;}
.infoBx ul li.bx1 p{font-size:16px;color:#000;}
.infoBx ul li.bx1 p span{display:block;}
.infoBx ul li.bx1 .img{width:227px;height:178px;margin:0 auto;overflow:hidden;}
.infoBx ul li.bx1 .btnMore a{position:absolute;bottom:0px; right:0px; display:inline-block;width:35px;height:35px;background:url('../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}
 
.infoBx ul li.bx2 h3{font-size:25px;color:#000;margin-top:36px;background:none;padding:0px;}
.infoBx ul li.bx2 h3 span{display:block;}
.infoBx ul li.bx2 p{font-size:16px;color:#000;}
.infoBx ul li.bx2 p span{display:block;}
.infoBx ul li.bx2 .img{width:227px;height:178px;margin:0 auto;overflow:hidden;}
.infoBx ul li.bx2 .btnMore a{position:absolute;top:0px; right:0px; display:inline-block;width:35px;height:35px;background:url('../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}

.footer{width:100%;float:left;padding:20px 0px;background:#373737;font-size:15px;color:#fff;position:relative;}
.footer .copyright{font-size:14px;padding:5px 0px 15px 0px;}
.footer .notice{font-size:14px;color:#afffc0;}

.footer .copyrightLogo{position:relative;top:-80px;text-align:right;}

@media screen and (min-width:1025px) and (max-width:1199px) {
.noticeBx ul li .tit {width:77%}
.infoBx ul li {width:25%; margin-right:0;}
}
/*Tablet*/
@media screen and (min-width:768px) and (max-width:1024px) {
	
.slide:nth-child(1) .slide__bg { left: 0; background-image: url("./../images/main/img_main1_m.jpg");}
.slide:nth-child(2) .slide__bg { left: -50%; background-image: url("./../images/main/img_main2_m.jpg");}

.wrap{width:100%;}
.hide1{display:none;}
 .hide2{display:block;}

  .slide__text {
  	position: absolute;
    left: 0;
    top:auto;
    bottom: 0 !important;
    width: 100%;
    height: 35% !important;
    overflow:hidden;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 30px;
  }
  
.slider-pagi {position: absolute;z-index: 3;left: 70px;bottom:30px;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 0;list-style-type: none;}

.slide__text-heading {text-align:left;font-size: 15px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #b5bcd4;}
.slide__text-desc {font-size: 27px;line-height:135%;font-weight:bold;letter-spacing:-0.02em;margin-bottom: 15px;}
.slide__text-desc  span{display:inline;}
.slide__text-info {font-size: 14px;}
.slide__text-info span{display:inline;}

.noticeBx{position:relative;width:100%;margin:30px 0px 40px 0px;overflow:hidden;}
.noticeBx .in1{position:relative;width:50%;float:left;border:1px solid #ddd;border-right:none;border-left:none;padding:20px 20px 10px 20px;}
.noticeBx .in2{position:relative;width:50%;float:right;border:1px solid #ddd;border-right:none;padding:20px 20px 10px 20px;}
.noticeBx h2{width:100%;float:none;font-size:16px;color:#2a3e83;
margin-bottom:5px;font-weight:bold;background:url(./../images/main/icon_dot.png) 75px 5px no-repeat;padding-right:25px;}
.noticeBx .in2 h2{width:100%;float:none;font-size:16px; margin-bottom:5px; color:#2a3e83;font-weight:bold;background:url(./../images/main/icon_dot.png) 80px 5px no-repeat;padding-right:25px;}

.noticeBx ul li{float:none;position:relative;top:-1px;}
.noticeBx ul li .tit{width:75%;display:inline-block;font-size:16px;color:#333;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
.noticeBx ul li .tit a{color:#333;}
.noticeBx ul li .tit a:hover{color:#00964e;text-decoration:underline;}
.noticeBx .in1 .btnMore a, .noticeBx .in2 .btnMore a{position:absolute; top:22px; right:20px; display:inline-block;width:10px;height:18px;background:url('./../images/main/icon_more.png') 50%  50% no-repeat; text-indent:-9999px;}

 .businessBx{position:relative;width:100%;margin:25px 0px 40px 0px;}
 .businessBx h2{font-size:33px;text-align:center;color:#000;font-weight:bold;background:url(./../images/main/icon_point.jpg) top center no-repeat;padding-top:20px;}
 .businessBx p{font-size:25px;text-align:center;color:#333;margin:10px 0px 40px 0px;}

.businessBx ul{position:relative;width:100%;text-align:center;}
.businessBx ul::before{display:none;}
.businessBx ul::after{display:none;}
.businessBx ul li{position:relative;width:150px;height:150px;border-radius:50%;font-weight:bold;display:inline-block;text-align:center;font-size:18px;margin:0 15px;/*padding-top:100px;*/}

.businessBx ul li.bx1{background:#404a8f url(./../images/main/icon_quickMenu1.png) center 30px no-repeat;background-size:65px;}
.businessBx ul li.bx1 a{color:#fff;display:inline-block;width:100%;padding-top:100px;}
.businessBx ul li.bx1 a:hover{color:#fff;}
.businessBx ul li.bx1:hover{background:#0064b8 url(./../images/main/icon_quickMenu1.png) center 20px no-repeat;transition: all 0.5s ease-out;background-size:65px;}

.businessBx ul li.bx2{background:#379d6b url(./../images/main/icon_quickMenu2.png) center 30px no-repeat;background-size:55px;}
.businessBx ul li.bx2 a{color:#fff;display:inline-block;width:100%;padding-top:100px;}
.businessBx ul li.bx2 a:hover{color:#fff;}
.businessBx ul li.bx2:hover{background:#0064b8 url(../images/main/icon_quickMenu2.png) center 25px no-repeat;transition: all 0.5s ease-out;background-size:55px;}

.businessBx ul li.bx3{background:#404a8f url(./../images/main/icon_quickMenu3.png) center 25px no-repeat;background-size:55px;}
.businessBx ul li.bx3 a{color:#fff;display:inline-block;width:100%;padding-top:100px;}
.businessBx ul li.bx3 a:hover{color:#fff;}
.businessBx ul li.bx3:hover{background:#0064b8 url(./../images/main/icon_quickMenu3.png) center 20px no-repeat;transition: all 0.5s ease-out;background-size:55px;}

.businessBx ul li.bx4{background:#379d6b url(./../images/main/icon_quickMenu4.png) center 35px no-repeat;background-size:60px;}
.businessBx ul li.bx4 a{color:#fff;display:inline-block;width:100%;padding-top:100px;}
.businessBx ul li.bx4 a:hover{color:#fff;}
.businessBx ul li.bx4:hover{background:#0064b8 url(./../images/main/icon_quickMenu4.png) center 25px no-repeat;transition: all 0.5s ease-out;background-size:60px;}

 .infoBx{position:relative;width:100%;margin:25px 0px 0px 0px;padding:50px 20px;background:url(../images/main/bg_info.jpg);}
 .infoBx h2{font-size:33px;text-align:center;color:#000;font-weight:bold;}
 .infoBx p{font-size:25px;text-align:center;color:#333;margin:10px 0px 40px 0px;}

 .infoBx ul{position:relative;width:100%;text-align:center;}
 .infoBx ul li{position:relative;float:left;width:48%;height:340px;margin:10px 0px;border:1px solid #ddd;background:#fff;text-align:center;}
  .infoBx ul li:last-child{float:right;margin-top:10px;}
  .infoBx ul li:nth-child(2){float:right;}
 .infoBx ul li img:hover{transition: all 0.3s ease-out;transform: scale(1.2);}
 .infoBx ul li a{color:#000;}

.infoBx ul li.bx1 h3{font-size:25px;color:#000;margin-top:30px;}
.infoBx ul li.bx1 p{font-size:16px;color:#000;}
.infoBx ul li.bx1 p span{display:block;}
.infoBx ul li.bx1 .img{width:227px;height:178px;margin:0 auto;overflow:hidden;}
.infoBx ul li.bx1 .btnMore a{position:absolute;bottom:0px; right:0px; display:inline-block;width:35px;height:35px;background:url('./../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}
 
.infoBx ul li.bx2 h3{font-size:25px;color:#000;margin-top:36px;}
.infoBx ul li.bx2 h3 span{display:block;}
.infoBx ul li.bx2 p{font-size:16px;color:#000;}
.infoBx ul li.bx2 p span{display:block;}
.infoBx ul li.bx2 .img{width:227px;height:178px;margin:0 auto;overflow:hidden;}
.infoBx ul li.bx2 .btnMore a{position:absolute;top:0px; right:0px; display:inline-block;width:35px;height:35px;background:url('./../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}

.footer{width:100%;float:left;padding:20px 0px;background:#373737;font-size:15px;color:#fff;position:relative;text-align:center;}
.footer .tel{display:block;}
.footer .copyright{text-align:center;font-size:14px;padding:10px 0px 25px 0px;}
.footer .notice{text-align:center;font-size:14px;color:#afffc0;}
.footer .notice span{display:block;}

.footer .copyrightLogo{display:none;}

}


/*Mobile*/
@media screen and (max-width:767px) {
	
.slide:nth-child(1) .slide__bg { left: 0; background-image: url("./../images/main/img_main1_m1.jpg") ;}
.slide:nth-child(2) .slide__bg { left: -50%; background-image: url("./../images/main/img_main2_m2.jpg");}
	
.wrap{width:100%;}
.hide1{display:none;}
 .hide2{display:block;}


  .slide__text {
  	position: absolute;
    left: 0;
    top:auto;
    bottom: 0 !important;
    width: 100%;
    height: 40%;
    overflow:hidden;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 30px;
  }
  
.slider-pagi {position: absolute;z-index: 3;left: 70px;bottom:30px;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 0;list-style-type: none;}

.slide__text-heading {text-align:left;font-size: 15px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #b5bcd4;}
.slide__text-desc {font-size: 27px;line-height:135%;font-weight:bold;letter-spacing:-0.02em;margin-bottom: 15px;}
.slide__text-desc  span{display:inline;}
.slide__text-info {font-size: 14px;}
.slide__text-info span{display:inline;}

.noticeBx{position:relative;width:100%;margin:30px 0px 40px 0px;overflow:hidden;}
.noticeBx .in1{position:relative;width:100%;float:left;border-bottom:1px solid #ddd;border-width:1px 0px;padding:20px 20px 10px 20px;}
.noticeBx .in2{position:relative;width:100%;float:right;border-bottom:1px solid #ddd;border-width:0px 0px 1px 0px;padding:20px 20px 10px 20px;}
.noticeBx h2{width:100%;float:none;font-size:16px;color:#2a3e83; margin-bottom:5px;font-weight:bold;background:url(./../images/main/icon_dot.png) 75px 5px no-repeat;padding-right:25px;}
.noticeBx .in2 h2{width:100%;float:none;font-size:16px;color:#2a3e83;font-weight:bold;background:url(./../images/main/icon_dot.png) 80px 5px no-repeat;padding-right:25px;}
.noticeBx ul{float:none;width:100%;}
.noticeBx ul li{position:relative;top:-1px;}
.noticeBx ul li .tit{width:95%;display:inline-block;font-size:16px;color:#333;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
.noticeBx ul li .tit a{color:#333;}
.noticeBx ul li .tit a:hover{color:#00964e;text-decoration:underline;}
.noticeBx .in1 .btnMore a, .noticeBx .in2 .btnMore a{position:absolute; top:22px; right:20px; display:inline-block;width:10px;height:18px;background:url('../images/main/icon_more.png') 50%  50% no-repeat; text-indent:-9999px;}

 .businessBx{position:relative;width:100%;margin:15px 0px; padding: 0 20px}
 .businessBx h2{font-size:23px;text-align:center;color:#000;font-weight:bold;background:url(./../images/main/icon_point.jpg) top center no-repeat;padding-top:20px;}
 .businessBx p{font-size:18px;text-align:center;color:#333;margin:10px 0px 40px 0px;}

.businessBx ul{position:relative;width:100%;text-align:center;}
.businessBx ul::before{display:none;}
.businessBx ul::after{display:none;}
.businessBx ul li{position:relative;width:150px;height:150px;border-radius:50%;font-weight:bold;display:inline-block;text-align:center;font-size:18px;margin:15px;/*padding-top:100px;*/}

.businessBx ul li.bx1{background:#404a8f url(./../images/main/icon_quickMenu1.png) center 30px no-repeat;background-size:65px;}
.businessBx ul li.bx1 a{color:#fff;display:inline-block;width:100%;padding-top:100px;}
.businessBx ul li.bx1 a:hover{color:#fff;}
.businessBx ul li.bx1:hover{background:#0064b8 url(./../images/main/icon_quickMenu1.png) center 20px no-repeat;transition: all 0.5s ease-out;background-size:65px;}

.businessBx ul li.bx2{background:#379d6b url(./../images/main/icon_quickMenu2.png) center 30px no-repeat;background-size:55px;}
.businessBx ul li.bx2 a{color:#fff;display:inline-block;width:100%;padding-top:100px;}
.businessBx ul li.bx2 a:hover{color:#fff;}
.businessBx ul li.bx2:hover{background:#0064b8 url(./../images/main/icon_quickMenu2.png) center 25px no-repeat;transition: all 0.5s ease-out;background-size:55px;}

.businessBx ul li.bx3{background:#404a8f url(./../images/main/icon_quickMenu3.png) center 25px no-repeat;background-size:55px;}
.businessBx ul li.bx3 a{color:#fff;display:inline-block;width:100%;padding-top:100px;}
.businessBx ul li.bx3 a:hover{color:#fff;}
.businessBx ul li.bx3:hover{background:#0064b8 url(./../images/main/icon_quickMenu3.png) center 20px no-repeat;transition: all 0.5s ease-out;background-size:55px;}

.businessBx ul li.bx4{background:#379d6b url(./../images/main/icon_quickMenu4.png) center 35px no-repeat;background-size:60px;}
.businessBx ul li.bx4 a{color:#fff;display:inline-block;width:100%;padding-top:100px;}
.businessBx ul li.bx4 a:hover{color:#fff;}
.businessBx ul li.bx4:hover{background:#0064b8 url(./../images/main/icon_quickMenu4.png) center 25px no-repeat;transition: all 0.5s ease-out;background-size:60px;}

 .infoBx{position:relative;width:100%;margin:25px 0px 0px 0px;padding:50px 20px;background:url(../images/main/bg_info.jpg);}
 .infoBx h2{font-size:23px;text-align:center;color:#000;font-weight:bold;}
 .infoBx p{font-size:18px;text-align:center;color:#333;margin:10px 0px 20px 0px;}

 .infoBx ul{position:relative;width:100%;text-align:center;}
 .infoBx ul li{position:relative;float:none;width:100%;height:300px;margin:10px 0px;border:1px solid #ddd;background:#fff;text-align:center;}
  .infoBx ul li:last-child{float:none;margin-top:10px;}
  .infoBx ul li:nth-child(2){float:none;}
 .infoBx ul li img:hover{transition: all 0.3s ease-out;transform: scale(1.2);}
 .infoBx ul li a{color:#000;}

.infoBx ul li.bx1 h3{font-size:18px;color:#000;margin-top:20px;}
.infoBx ul li.bx1 p{font-size:13px;color:#000;}
.infoBx ul li.bx1 p span{display:block;}
.infoBx ul li.bx1 .img{max-width:227px;width:100%;height:178px;margin:0 auto;overflow:hidden;}
.infoBx ul li.bx1 .btnMore a{position:absolute;bottom:0px; right:0px; display:inline-block;width:35px;height:35px;background:url('./../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}
 
.infoBx ul li.bx2 h3{font-size:18px;color:#000;margin-top:20px;}
.infoBx ul li.bx2 h3 span{display:block;}
.infoBx ul li.bx2 p{font-size:13px;color:#000;}
.infoBx ul li.bx2 p span{display:block;}
.infoBx ul li.bx2 .img{max-width:227px;width:100%;height:178px;margin:0 auto;overflow:hidden;}
.infoBx ul li.bx2 .btnMore a{position:absolute;top:0px; right:0px; display:inline-block;width:35px;height:35px;background:url('./../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}

.footer{width:100%;float:left;padding:20px 0px;background:#373737;font-size:15px;color:#fff;position:relative;text-align:center;}
.footer .tel{display:block;}
.footer .copyright{text-align:center;font-size:14px;padding:10px 0px 25px 0px;}
.footer .notice{text-align:center;font-size:14px;color:#afffc0;}
.footer .notice span{display:block;}

.footer .copyrightLogo{display:none;}

}