@charset "utf-8";

@import url("owl.carousel.css");
@import url("owl.transitions.css");
@import url("common.css?update=170706");


/* slider */
#slider{position:relative;}
#slider .item{position:relative;}
#slider .item a{display:block;}
#slider .item a img{display:block; width:100%; height:auto;}
#slider .owl-buttons{display:none;}
#slider .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; text-align:center;}
#slider .owl-pagination .owl-page{display:inline-block; width:13px; height:18px; margin:0 6px; background:url(../images/index_slider_pagination.png) left top; box-sizing:border-box;}
#slider .owl-pagination .owl-page.active{background-position:right top;}

/* main-product */
#main-product ul{background:#FFF; overflow:hidden;}
#main-product li{float:left; width:33.33%; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; box-sizing:border-box;}
#main-product li:nth-child(3n){border-right:none;}
#main-product li a{display:block; padding:10px; font-size:14px; color:#333; text-align:center; max-height:74px; }
#main-product li a:before{content:""; display:block; width:60px; height:54px; margin:0 auto 5px auto; background:url(../images/product_list.png); background-size:660px auto;}
#main-product li.icon-1 a:before{background-position:left top;}
#main-product li.icon-2 a:before{background-position:-60px top;}
#main-product li.icon-3 a:before{background-position:-120px top;}
#main-product li.icon-4 a:before{background-position:-180px top;}
#main-product li.icon-5 a:before{background-position:-240px top;}
#main-product li.icon-6 a:before{background-position:-300px top;}
#main-product li.icon-7 a:before{background-position:-360px top;}
#main-product li.icon-8 a:before{background-position:-420px top;}
#main-product li.icon-9 a:before{background-position:-480px top;}
#main-product li.icon-10 a:before{background-position:-540px top;}
#main-product li.icon-11 a:before{background-position:right top;}
#main-product .more{display:block; width:90%; max-width:170px; margin:20px auto; padding:15px; background:#3252a3; font-size:16px; color:#FFF; letter-spacing:1.2px; font-weight:bold; text-align:center;}
#main-product .more:after{content:"+"; display:inline-block; margin-left:20px; font-size:20px;}

/* event */
#event{width:90%; margin:0 auto;}
#event dl{margin-bottom:20px; background:#FFF;}
#event dl a{display:block;}
#event dt img{display:block; width:100%; height:auto; transition:all .3s;}
#event dd{position:relative; padding:15px 30px 60px 30px;}
#event dd h2{margin-bottom:15px; font-size:18px; color:#333; line-height:28px; transition:all .3s;}
#event dd p{font-size:14px; color:#666; line-height:20px; transition:all .3s;}
#event dd:after{content:"MORE +"; position:absolute; right:0; bottom:0; padding:15px; background:#3252a3; font-size:14px; color:#FFF; letter-spacing:1.2px; font-weight:bold; transition:all .3s;}

/* inquiry */
#inquiry{width:90%; margin:0 auto;}
#inquiry dl{margin-bottom:20px; background:#FFF;}
#inquiry dl a{display:block;}
#inquiry dt img{display:block; width:100%; height:auto; transition:all .3s;}
#inquiry dd{position:relative; padding:15px 30px 60px 30px;}
#inquiry dd h2{margin-bottom:15px; font-size:18px; color:#333; line-height:28px; transition:all .3s;}
#inquiry dd p{font-size:14px; color:#666; line-height:20px; transition:all .3s;}
#inquiry dd:after{content:"MORE +"; position:absolute; right:0; bottom:0; padding:15px; background:#3252a3; font-size:14px; color:#FFF; letter-spacing:1.2px; font-weight:bold; transition:all .3s;}

/* service */
#service{width:90%; max-width:1024px; margin:0 auto 50px auto; overflow:hidden;}
#service li{float:left; width:50%;}
#service li a{position:relative; display:block; transition:all .3s;}
#service li a img{display:block; width:100%; height:auto;}
#service li a h2{position:absolute; left:0; bottom:0; width:100%; padding:10px 5px; background:rgba(0,0,0,.3); font-size:18px; color:#FFF; font-weight:normal; text-align:center; box-sizing:border-box; transition:all .3s;}

/* product */
#product{background:#FFF;}
#product h2{padding:20px 0 10px 0; font-size:20px; color:#333; text-align:center;}
#product dl{margin-bottom:20px;}
#product dt img{display:block; width:100%; height:auto;}
#product dd{position:relative; padding:20px 50px 20px 20px; background:#f4f4f4; color:#333;}
#product dd:after{content:""; position:absolute; right:20px; top:50%; display:block; width:12px; height:21px; margin-top:-11px; background:url(../images/arrow_vertical.png) left top no-repeat;}
#product dd h3{font-size:16px; font-weight:normal;}
#product dd h4{padding:5px 0; font-size:15px; font-weight:normal;}
#product dd p{font-size:14px; line-height:20px;}
#product .more{display:block;width:90%; margin:30px auto; background:#000; border:0; font-size:15px; color:#FFF; line-height:40px; text-align:center; clear:both;}

/* banner */
#banner{display:block; padding:20px; background:#FFF;}
#banner a{display:block;}
#banner a img{display:block; width:100%; height:auto;}