@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');



.main_visual {text-align:center; position:relative; ;  z-index:1;  overflow:hidden; z-index:0;  }
.main_visual ul#main_visual_wrap {height:700px; position:relative; z-index:1; background:#ddd; }
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; min-height:700px;background-size:cover;  position:relative; background-size:120% 120%; transition:background-size 10s linear}
.main_visual li.cycle-slide-active{ ;background-size:100% 100%; }

.main_visual li.list .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0; }


.main_visual .text {position:relative;  color:#fff; z-index:2; text-align:center;  padding-top:230px;   }
.main_visual .text .t1 {font-size:25px; font-weight:600; letter-spacing:-1px; line-height:25px;   }
.main_visual .text .t2 {font-size:60px; margin-top:20px;  line-height:65px;   font-weight:bold; }
.main_visual .text .t3 {font-size:18px;  line-height:25px; margin-top:40px;    }






.main_quick_wrap { position:relative;  }
.main_quick_wrap .color_header {background:#d31818;position:absolute; left:0px; top:-400px; height:400px; width:100%;  text-align:center; z-index:0;}

.main_quick_wrap .title_text {font-size:40px; color:#fff;  margin-top:90px; font-weight:bold;}
.main_quick_wrap .title_text span {font-size:18px; color:rgba(255,255,255,0.6); display:block; padding-top:10px; font-weight:normal;}


.main_quick_wrap .index_bg{background:#f2f2f2; margin:370px 30px 0px;;  top:0px; position:relative;  z-index:1;  padding-bottom:60px;}


.main_quick_wrap .list {padding-top:0px; text-align:center; font-size:0; position:relative; top:-185px; clear:both; font-size:0px;}
.main_quick_wrap .list li{ width:446px; margin-right:30px; vertical-align:top; position:relative; text-align:left; display:inline-block;}
.main_quick_wrap .list li:last-child{margin-right:0px;}

.main_quick_wrap .list li .box{ background:#fff; text-align:left; padding:30px;  }
.main_quick_wrap .list li .photo {width:100%; height:185px; overflow:hidden; }
.main_quick_wrap .list li .photo img  {vertical-align:middle; width:100%; height:185px; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_quick_wrap .list li:hover .photo img  {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_quick_wrap .list li dl {overflow:hidden; white-space: normal;;}
.main_quick_wrap .list li dl dt{font-size:25px; color:#000; margin-bottom:30px;     letter-spacing:-2px;}
.main_quick_wrap .list li dl dd{font-size:16px; letter-spacing:-2px; color:#777; height:40px; line-height:20px;}
.main_quick_wrap .list li:hover dl dt {color:#d33a45;}
.main_quick_wrap .list .btn {display:block; margin-top:20px; color:#999; font-size:15px; }




.main_notice_box {clear:both;  display:table; table-layout:fixed; width:100%;  font-size:16px; margin-top:-120px;  border-top:1px #ddd solid; padding-top:30px;}
.main_notice_box .col {display:table-cell; vertical-align:top; padding-right:40px; position:relative;}
.main_notice_box .col.notice {border-right:1px #ddd solid;}
.main_notice_box .col.news {padding-left:40px;padding-right:0px;}

.main_notice_box .col .common_title{position:absolute; left:0px; top:0px; color:#000;font-weight:bold; color:#000; font-size:20px; } 
.main_notice_box .col .common_title a{position:absolute; left:0px; top:30px; font-size:13px; font-weight:normal;  background:#fff; border:1px #ddd solid; border-radius:5px; padding:2px 8px;}  

.main_notice_box .com_notice {position:relative;} 
.main_notice_box .col.news .common_title{ left:40px; } 
.main_notice_box .com_notice ul {margin-left:140px} 
.main_notice_box .com_notice ul li{position:relative; line-height:30px; background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat; padding-left:10px;} 
.main_notice_box .com_notice ul li span{position:absolute; right:0px; top:0px;} 
.main_notice_box .com_notice ul li:hover {text-decoration:underline;} 



.main_gallery {margin-top:120px; position:relative;}

.main_gallery .title {text-align:center; color:#000;}
.main_gallery .title .t1{font-size:22px; font-weight:normal;}
.main_gallery .title .t2{font-size:40px; line-height:40px; margin-top:10px; font-weight:bold;}
.main_gallery .title .t2 span {color:#d31818}
.main_gallery .list_box {  padding-bottom:40px;  position:relative;  }
.main_gallery ul {overflow:hidden; margin-top:40px;}
.main_gallery ul li {display:inline-block;  width:335px; margin-right:15px;}
.main_gallery ul li img {vertical-align:middle; max-width:100%; border-radius:10px;}

.main_gallery ul li .text {text-align:center; margin-top:10px; color:#000; font-size:18px;}


.main_gallery .slider_btns {position:absolute;  top:50%;}
.main_gallery .slider_btns a {display:inline-block; width:50px; height:50px; line-height:50px; border-radius:50px; text-align:center;    background:#d31818; color:#fff;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.main_gallery .slider_btns.left {left:-40px;}
.main_gallery .slider_btns.right {right:-25px; }





.main_shop {margin-top:60px; }
.main_shop ul{display:table; width:100%; table-layout:fixed;}
.main_shop ul li {display:table-cell; vertical-align:top; text-align:center;  position:relative; padding:30px; border:1px #ddd solid; border-radius:20px;}
.main_shop ul li.jump {padding:0px; border:0px; width:20px; background:none;}


.main_shop ul li .icon  {position:absolute; left:50px; top:50px;}
.main_shop ul li .icon img {vertical-align:middle;}
.main_shop ul li.first .icon img {width:145px;  }
.main_shop ul li .text { text-align:left; padding-left:230px;}
.main_shop ul li .text .t1 {font-size:23px; color:#000; font-weight:bold;}
.main_shop ul li .text .t2 {font-size:16px; color:#777}
.main_shop ul li .text .t3 {margin-top:5px;}
.main_shop ul li .text .t3 a {display:inline-block; border:1px #ddd solid; background:#fff; padding:0 10px; line-height:35px; font-size:13px; color:#666}








.main_fast {margin:40px 0px; overflow:hidden; border-radius:20px}
.main_fast li {float:left; width:50%; background:#333; }
.main_fast li.last { background:#2a4176;}
.main_fast li .box {position:relative; padding:40px 40px 40px 180px; color:#fff; }
.main_fast li .box .icon{position:absolute;left:40px; top:40px;}
.main_fast li .box .icon span {display:block; width:88px; height:88px; line-height:88px; text-align:center; background:rgba(255,255,255,0.2); border-radius:88px; vertical-align:middle;}
.main_fast li .box .icon span .lord-icon {width:50px; height:50px; vertical-align:middle;}

.main_fast li .box dl dt{ font-size:23px; }
.main_fast li .box dl dd{ font-size:16px; color:rgba(255,255,255,0.6)}
.main_fast li .box a {display:inline-block; line-height:45px; margin-top:20px; color:#fff; border:1px rgba(255,255,255,0.3) solid; padding:0 20px;  transition: all 0.3s;}
.main_fast li .box a:hover {margin-left:20px;}




.main_customer_wrap { margin-top:80px; padding-bottom:160px; }
.main_customer_wrap .col_box {display:table; width:100%; table-layout:fixed;}
.main_customer_wrap .col_box .col {display:table-cell;   border-radius:10px;  position:relative; vertical-align:top;  border:1px #ededed solid; padding:40px; border-radius:20px;}
.main_customer_wrap .col_box .col.jump {width:20px; padding:0px; border:0px;}

/*
.main_customer_wrap .col_box .col.call {background:#444;}
.main_customer_wrap .col_box .col.kakao {background:#f9d43c;}
.main_customer_wrap .col_box .col.wechat {background:#2aae67;}
*/

.main_customer_wrap .col_box .col.call  {width:35%;}
.main_customer_wrap .col_box .col.call .icon {background:#444;}
.main_customer_wrap .col_box .col.kakao .icon{background:#f9d43c;}
.main_customer_wrap .col_box .col.wechat .icon {background:#2aae67;}

.main_customer_wrap .col_box .col .icon {position:absolute; left:40px; top:40px; width:70px; height:70px; border-radius:70px; text-align:center; line-height:70px;}
.main_customer_wrap .col_box .col .icon .fonti {font-size:30px; color:#000; }
.main_customer_wrap .col_box .col .icon .lord-icon {width:30px; height:30px; vertical-align:middle;}
.main_customer_wrap .col_box .col.wechat .icon .lord-icon {width:35px; height:35px;}

.main_customer_wrap .col_box .col .text {text-align:left;  padding-left:100px;  }
.main_customer_wrap .col_box .col .text .t1 {font-size:20px; font-weight:bold; coloR:#000; margin-bottom:5px; letter-spacing:-2px; }
.main_customer_wrap .col_box .col .text .call {font-size:40px; font-weight:bold; coloR:#ffca3d; letter-spacing:-2px; margin-top:10px;}
.main_customer_wrap .col_box .col.kakao .text .t2 span {display:inline-block; line-height:40px; font-size:16px;   color: #f9d43c; border-radius:40px;    background: #5f270b; padding:0 30px;}
.main_customer_wrap .col_box .col.wechat .text .t2 span {display:inline-block; line-height:40px; font-size:16px;  color: #fff; border-radius:40px;    background: #105530;  padding:0 30px;}




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




.main_visual ul#main_visual_wrap {height:300px; }
.main_visual li.list { min-height:300px;}



.main_visual .text {  padding-top:70px; padding-left:15px; padding-right:15px;  }
.main_visual .text .t1 {font-size:25px; line-height:25px;   }
.main_visual .text .t2 {font-size:35px; margin-top:10px;  line-height:40px;  }
.main_visual .text .t3 {font-size:16px;  line-height:25px; margin-top:10px;    }







.main_quick_wrap .color_header {padding:60px 0px 140px; position:relative;  left:0px; top:0px; height:auto;}

.main_quick_wrap .title_text {font-size:30px;   margin-top:0px; padding:0 15px;}
.main_quick_wrap .title_text span {font-size:16px;  padding-top:10px; }

.main_quick_wrap .index_bg {padding-left:0px; padding-right:0px; margin:0px 0px 0px; padding-bottom:0px;  }
.main_quick_wrap .list {padding-top:0px;   top:0px; margin:0 15px; top:-90px; position:relative;}
.main_quick_wrap .list li{ width:auto; margin-right:0px;  display:block; margin-bottom:10px;}


.main_quick_wrap .list li .box{  ; text-align:left; padding:30px;  }
.main_quick_wrap .list li .photo {width:100%; height:auto;}
.main_quick_wrap .list li .photo img  {vertical-align:middle; width:100%; height:auto;}





.main_notice_box {  display:block;  width:auto;  margin-top:0px;  border-top:0px; padding-top:0px;   padding:0 15px; margin-top:-60px; padding-top:30px; background:#fff; }
.main_notice_box .col {display:block; vertical-align:top;  position:relative; padding:15px !important; margin-bottom:40px; border:0px !important;}


.main_notice_box .col .common_title{position:relative; left:0px; top:0px; color:#000;  border-bottom:1px #ddd solid; padding-bottom:15px; margin-bottom:15px;  } 
.main_notice_box .col .common_title a{position:absolute; left:auto; right:0px; top:0px;  }  

.main_notice_box .com_notice {position:relative;} 
.main_notice_box .col.news .common_title{ left:0px; } 
.main_notice_box .com_notice ul {margin-left:0px} 
.main_notice_box .com_notice ul li{position:relative; background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat; padding-left:10px;} 
.main_notice_box .com_notice ul li span{position:absolute; right:0px; top:0px;} 
.main_notice_box .com_notice ul li:hover {text-decoration:underline;} 




.main_gallery {margin-top:80px; position:relative;}


.main_gallery .title .t1{font-size:20px;}
.main_gallery .title .t2{font-size:30px; line-height:35px; margin-top:5px;}
.main_gallery .list_box {  margin-left:15px; }
.main_gallery ul {margin-top:30px;}
.main_gallery ul li {width:250px; margin-right:10px;}


.main_gallery .slider_btns a {display:inline-block; width:50px; height:50px; line-height:50px; border-radius:50px; text-align:center;    background:#d31818; color:#fff;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.main_gallery .slider_btns.left {left:0px;}
.main_gallery .slider_btns.right {right:0px; }





.main_shop {margin-top:30px; margin-left:15px; margin-right:15px;}
.main_shop ul{display:block; }
.main_shop ul li {display:block;  margin-bottom:5px; padding:30px; border:1px #ddd solid; border-radius:20px;}
.main_shop ul li.jump {display:none;}


.main_shop ul li .icon  {left:30px; top:30px;}
.main_shop ul li .icon img {vertical-align:middle; width:80px;}
.main_shop ul li.first .icon img {width:90px;  }
.main_shop ul li .text { padding-left:110px;}
.main_shop ul li .text .t1 {font-size:20px; }

.main_shop ul li .text .t3 {margin-top:0px; position:absolute; right:30px; top:30px;}









.main_fast {margin:20px 15px 0px; overflow:hidden; border:0px;}
.main_fast li {float:none; width:auto;  }

.main_fast li .box {padding:40px;   text-align:center;}
.main_fast li .box .icon{position:relative;left:0px; top:0px; text-align:center; }
.main_fast li .box .icon span {display:inline-block; ;}

.main_fast li .box dl {margin-top:30px;}
.main_fast li .box dl dt{ font-size:20px; }
.main_fast li .box dl dd{ font-size:16px; }
.main_fast li .box dl dd div {display:inline;}




.main_customer_wrap { margin-top:20px; padding-bottom:160px;  margin-left:15px; margin-right:15px;}
.main_customer_wrap .col_box {display:block;}
.main_customer_wrap .col_box .col {display:block; width:auto !important;   padding:30px;margin-bottom:5px;}
.main_customer_wrap .col_box .col.jump {display:none;}



.main_customer_wrap .col_box .col .text .call {font-size:30px;}
.main_customer_wrap .col_box .col .icon {

    left:30px;
    top:30px;
    width:60px;
    height:60px;
    border-radius:60px;
    line-height: 60px;
}


}






@media all and (min-width:1025px) and (max-width:1440px) {



}