@charset "utf-8";


/* container */
#main_visual{width:100%; height:500px; position:relative; background-color:#eee;}
#main_visual .multiple{position:relative;width:100%; zoom:1;margin:0;padding:0; height:500px;}
#main_visual .multiple li{width:100%;margin:0; height:500px; position:relative;}
#main_visual .bx-pager{position:absolute; top:407px;  z-index:99; left:50%; margin-left:-525px; text-align:left;}
#main_visual .bx-pager .bx-pager-item{display:inline;margin-right:7px;}
#main_visual .bx-pager a{display:inline-block; font-size:0px; line-height:0px;  margin:0px; height:12px; width:12px;  z-index:99;}
#main_visual .bx-pager a.pager-0{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-1{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-2{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-3{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-4{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-5{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.active{background-position:0 -12px}
#main_visual .bx-start{background:url("../images/main_visual_stop.png") no-repeat 0 -34px;position:absolute; top:408px;font-size:0px; line-height:0px; z-index:99; left:50%; margin-left:-398px; display:block; height:34px; width:34px; z-index:99;}
#main_visual .bx-stop{background:url("../images/main_visual_stop.png") no-repeat 0 0;position:absolute; top:408px;font-size:0px; line-height:0px; z-index:99; left:50%; margin-left:-398px; display:block; height:34px; width:34px; z-index:99;}
#main_visual .active{display:none;}
#main_visual .bx-prev{background:url("../images/main_visual_left.png") no-repeat 0 0;position:absolute; top:408px;font-size:0px; line-height:0px; z-index:99; left:50%; margin-left:-440px; display:block; height:34px; width:34px; z-index:99;}
#main_visual .bx-next{background:url("../images/main_visual_right.png") no-repeat 0 0;position:absolute; top:408px;font-size:0px; line-height:0px; z-index:99; left:50%; margin-left:-358px; display:block; height:34px; width:34px; z-index:99;}

#main_visual .btn_box{background:url("../images/main_visual_box_bg.png") 0 0 no-repeat; width:260px; height:50px; position:absolute; top:400px; left:50%; margin-left:-550px;}

#main_quick{width:100%; padding:40px 0; height:230px; background-color:#ececec;}
#main_quick .in_quick{width:1100px; margin:0 auto; position:relative;}
#main_quick .in_quick li{float:left;}
#main_quick .in_quick li a{display:block; position:relative;}
#main_quick .in_quick li a h3{font-size:20px; line-height:20px; color:#3d3d3d;}
#main_quick .in_quick li a h3 strong{font-weight:bold; color:#7eba37;}
#main_quick .in_quick li a .txt{font-size:13px; line-height:20px; color:#7e7e7e; margin-top:20px;}
#main_quick .in_quick li a .more{position:absolute; width:40px; height:32px; background:url("../images/main_quick_more.jpg") 0 0 no-repeat; left:30px; bottom:30px; font-size:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#main_quick .in_quick li a:hover .more{background:url("../images/main_quick_more_on.jpg") 4px 0 no-repeat;}

#main_quick .in_quick li.quick01 a{display:block; width:306px; height:170px; padding:30px; background:url("../images/main_quick01.jpg") right bottom no-repeat; background-color:#fff;}
#main_quick .in_quick li.quick02 a{display:block; width:306px; height:170px; padding:30px; background:url("../images/main_quick02.jpg") right bottom no-repeat; background-color:#fff; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
#main_quick .in_quick li.quick03 a{display:block; width:306px; height:170px; padding:30px; background:url("../images/main_quick03.jpg") right bottom no-repeat; background-color:#fff;}

#main_bottom{width:1100px; margin:0 auto; position:relative; padding:40px 0 20px 0; height:230px;}
#main_bottom .main_notice{float:left; width:307px; height:170px; padding:30px;  background-color:#70b5c7; position:relative;}
#main_bottom .main_notice h3{font-size:17px; line-height:17px; color:#fff;}
#main_bottom .main_notice .tit{margin-top:25px;}
#main_bottom .main_notice .tit a{font-size:13px; line-height:13px; color:#fff; font-weight:bold;}
#main_bottom .main_notice .txt{margin-top:5px;}
#main_bottom .main_notice .txt a{font-size:13px; line-height:18px; color:#c9ebf4;}
#main_bottom .main_notice .list{margin-top:20px;}
#main_bottom .main_notice .list li{margin-bottom:5px;}
#main_bottom .main_notice .list li a{font-size:13px; line-height:13px; color:#fff; font-weight:bold; padding-left:10px; background:url("../images/main_notice_bold.jpg") 0 5px no-repeat;}
#main_bottom .main_notice .more{position:absolute; top:30px; right:30px;}
#main_bottom .main_notice .more a{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#main_bottom .main_notice .more a:hover{transform: rotate(90deg);}

#main_bottom .main_inq{float:left; width:366px; height:200px; padding-top:50px; position:relative; background:url("../images/main_inq_bg.jpg") 0 0 no-repeat;}
#main_bottom .main_inq h3{font-size:25px; line-height:25px; color:#fff; text-align:center;}
#main_bottom .main_inq .txt{font-size:13px; line-height:20px; color:#fff; text-align:center; margin-top:15px;}
#main_bottom .main_inq .btn{margin-top:30px;}
/*#main_bottom .main_inq .btn a{display:block; border:2px solid #fff; padding-top:13px;height:27px; border-radius:5px; width:180px;  margin:0 auto; font-size:15px; line-height:15px; color:#fff; font-weight:bold; text-align:center;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#main_bottom .main_inq .btn a:hover{background-color:#000; border:2px solid #000; animation-name: example; animation-duration: 0.5s; animation-timing-function: alternate;}
@keyframes example {
    from {line-height:10px;}
    to {line-height:15px;}
}*/
#main_bottom .main_inq .btn a{display:block; border:2px solid #fff; padding-top:13px;height:27px; border-radius:5px; width:180px;  margin:0 auto; font-size:15px; line-height:15px; color:#fff; font-weight:bold; text-align:center;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-position:10px 14px;}
#main_bottom .main_inq .btn a:hover{border:2px solid #000; padding-left:10px; background:url("../images/main_inq_arrow.png") 30px 14px no-repeat; background-color:#000;}

#main_bottom .main_customer{float:left; width:307px; height:170px; padding:30px;  background-color:#7eba37; position:relative;}
#main_bottom .main_customer h3{font-size:17px; line-height:17px; color:#fff;}
#main_bottom .main_customer .tel{font-size:35px; line-height:35px; color:#fff; font-weight:bold; margin-top:20px; padding-left:40px; background:url("../images/main_tel_icon.jpg") 0 6px no-repeat;}
#main_bottom .main_customer .fax{font-size:14px; line-height:14px; color:#fff; font-weight:bold; margin-top:10px;}
#main_bottom .main_customer .phone{font-size:14px; line-height:14px; color:#fff; font-weight:bold; margin-top:10px;}
#main_bottom .main_customer .time{font-size:13px; line-height:26px; color:#fff;  margin-top:15px;}
#main_bottom .main_customer .time strong{font-size:14px;}

#account{width:1100px; margin:0 auto; margin-bottom:60px; background-color:#ccbd9c; clear:both; }
#account .account_nh{height:60px; background:url("../images/account.jpg") 60px 15px no-repeat;}
#account .account_nh li{font-size:18px; float:left; line-height:60px; font-weight:bold; color:#fff;}
#account .account_nh .acc_num{margin-left:430px;}
#account .account_nh .acc_name{float:right; margin-right:60px;}