@charset "utf-8";



    html {width: 100%; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; margin:0; padding:0;}
    body {height:100%; line-height:1; min-height:10px; width: 100%; margin:0; padding:0; font-family: 'NTS';} 
    ul,li {margin:0; padding:0; list-style:none; }
    a {text-decoration:none; color: #000; padding: 0; margin: 0;} 
    span{font-weight: 900;}
    
    .canvas {display:block; width: 100%; height:100%; margin:0; padding:0; }
    .main_page{width: 100%; height: 900px; background: url(../images/event/main_bg.jpg) 100% no-repeat;}
    .container {display:block; position:relative; width: 1280px; height:100%; margin:0; padding:0;  margin: auto;}
    .header{width: 320px; height: 100%; background-color: #fff; background-color: rgba( 255, 255, 255, 0.5 ); position: relative; left: 0; float: left;}
    .main_logo{margin-left: 40px; margin-top: 100px;}
    ul.menu{display: inline-block; width: 100%; height: 250px; margin-left: 30px; margin-top: 63px; }
    ul.menu>li.menu_title{ position: relative; display: inline-block; width: 100%; line-height: 50px; font-size: 21px; color: #808080; font-weight: 100;font-family: 'NTS';}
    ul.menu>li{display: inline-block; height: auto; line-height: 50px; font-size: 21px; color: #808080; cursor: pointer; position: relative;}
    ul.menu>li.menu_title a {float: left;}
    
    ul.submenu{ font-family: 'NTS'; position: relative; float: left; width: 50%; height: auto; border-left: 1px solid #909090; display: none; margin-left: 20px; margin-top: 14px;}
    ul.submenu>li{width: 100%;height: 20px;}

    ul.submenu>li>a{width: 100%; line-height: 20px; padding: 5px; font-size: 16px; font-weight: 100; padding-left: 10px; color: #909090;}
    #telbox{width: 100%; height: 200px; background-color: #ac9880; position: absolute; bottom: 0; color: #fff; text-align: left; }
    #telbox>li{padding: 0 40px; margin-top: 20px;}
    ul.submenu>li:first-child>a {padding-top: 0;}
    ul.submenu>li:last-child>a {padding-bottom: 0;}
    #telbox>li:first-child{ font-size: 26px;margin-top: 58px;font-family: 'NTS';}   
    ul#telbox li:last-child {font-size: 36px;font-family: 'NTSB';}
    .main_img{position: relative; width: 764px; height: 100%; float: right; }
    .maing_img01{position: absolute; width: 835px; height: auto; left: 0;right: 0; margin: 220px auto;}
    .maing_img02{position: absolute; left: 80px; right: 0; margin: 400px auto;}
    
    .cont2{width: 100%; height:1400px; }    
    ul.cont_txt{width: 100%; margin: auto; text-align: center; padding-top: 60px;}
    .txt1{color: #997f64; font-size: 30px; font-weight: 900;}
    .txt2{padding-top: 20px; font-size: 18px;}  
    .cont2_list {position: relative; width: 100%; height: auto; padding: 60px 10px;}
    ul.cont2img{width: 100%; height: 760px;}   
    .cont2_sub{position: relative; width: 25%; height: 398px;  padding: 5px; float: left; border: none; cursor: pointer; text-align: center;}
    .picture {padding: 5px;}
    /*.cont2_sub:hover{-webkit-filter: grayscale(0%); filter: none;}*/
    .cont2_sub:nth-child(4){margin-right: 0;} .cont2_sub:nth-child(8){margin-right: 0;}
    .cont2_sub>a>img{width: 100%; height: 100%;}  
    .cont2_sub:nth-child(1) .picture {background: url(../images/event/work01_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}
    .cont2_sub:nth-child(1) .picture:hover {background: url(../images/event/work01_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}
    .cont2_sub:nth-child(2) .picture {background: url(../images/event/work02_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}
    .cont2_sub:nth-child(2) .picture:hover {background: url(../images/event/work02_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}
    .cont2_sub:nth-child(3) .picture{background: url(../images/event/work03_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}
    .cont2_sub:nth-child(3) .picture:hover {background: url(../images/event/work03_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}
    .cont2_sub:nth-child(4) .picture{background: url(../images/event/work09_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}
    .cont2_sub:nth-child(4) .picture:hover {background: url(../images/event/work09_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}    
/*    .cont2_sub:nth-child(5) .picture{background: url(../images/event/work06_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}
    .cont2_sub:nth-child(5) .picture:hover {background: url(../images/event/work06_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}*/
    .cont2_sub:nth-child(5) .picture{background: url(../images/event/work07_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}
    .cont2_sub:nth-child(5) .picture:hover {background: url(../images/event/work07_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}
    .cont2_sub:nth-child(6) .picture{background: url(../images/event/work08_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}
    .cont2_sub:nth-child(6) .picture:hover {background: url(../images/event/work08_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}
    /*.cont2_sub:nth-child(7) .picture{background: url(../images/event/work10_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}*/
    /*.cont2_sub:nth-child(7) .picture:hover {background: url(../images/event/work10_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}*/
    .cont2_sub:nth-child(7) .picture{background: url(../images/event/work11_off.jpg) no-repeat; width: 100%; background-size: contain; height: 100%;}
    .cont2_sub:nth-child(7) .picture:hover {background: url(../images/event/work11_on.jpg) no-repeat; width: 100%; background-size: contain; height: 100%}
/*.cont2_sub:hover .sub_box{width: 95%; height: 60px; position: absolute; bottom: 0; background:url('../images/event/bt_on.png') right center no-repeat; padding-right: 10px; z-index: 100;} -webkit-filter: grayscale(100%); filter: gray; */

    .cont2_sub a {z-index: 100;}  
    .border_on{-webkit-filter: grayscale(0%); filter: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
    .border_off{-webkit-filter: grayscale(100%); filter: gray; }
        
    .cont2_list02 {position: relative; width: 100%; height: 500px; padding:50px 20px;}
    ul.work{width: 100%; position: relative;}
    .work_list {float: left; width:20%; height: auto; position: relative;}
    .work_img {position: relative; width: 100%; height:60px; }
    .work_img img {height: 100%;}
    .work_list:nth-child(5){margin-right: 0;}
    .work_list>h2{font-size: 22px; margin: 20px auto 10px;font-weight: bold; font-family: 'NTSB'}
    .work_list>p{font-size: 14px; line-height: 20px; width: 100%; height: 110px; font-family: 'NTS'}
    .work_bt{position: absolute; bottom: 0; cursor: pointer;}
    
    .cont3{position: relative; margin-top: 100px; width: 100%; height: 640px; background: url(../images/event/cont3_bg.jpg) center no-repeat;}
    .cont3_txt{width: 512px; height: 100%; float: left;}
    .cont3_txt>img{position: absolute; top: 0; bottom: 0; margin: auto;}
    
    ul.inputbox{width: 512px; height: 400px; float: right; font-family: 'NTS'; padding: 30px 0;}
    ul.inputbox>h2{color: #997f64; font-size: 30px; font-weight: 900; margin-top: 60px; margin-bottom: 20px;}
    ul.inputbox>li{float: left;}
    ul.inputbox>li>input{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; margin-top: 10px; color: #909090; padding: 5px;}
    ul.inputbox .name{width: 250px; height: 30px; margin-right: 10px;} 
    ul.inputbox .tel{width: 250px; height: 30px;}
    ul.inputbox .title{width: 512px; height: 30px;}
    ul.inputbox .text{width: 512px; height: 212px;}
    ul.inputbox .prevent{width: 250px; height: 30px;} 
    .btn_box {position: relative; width: 512px; height: 30px; margin-top: 40px;}
    .btn_box a {position: relative; cursor: pointer; margin-top: -60px;}
    .btn_box button.submit{width: 100px; height: 30px; float: left; border-radius: 50px; background-color: #998165; color: #fff; border: none;  cursor: pointer;} 
    .btn_box button.reset{width: 100px; height: 30px; float: left; margin-left: 15px; border-radius: 50px; background: none; border: 2px solid #998165; color: #fff; cursor: pointer;}
 
    .cont4{width: 100%; height: 700px;}
    .map{width: 100%; height: 500px; margin-top: 40px;}

    footer{position: relative;display:block; width: 100%; height: 180px; background-color: #918066; color: #fff; font-size: 12px; bottom: 0;}
    .container02 {display:block; width: 1280px; height: auto; bottom: 0; margin: 0 auto; top: 100%;}
    .company_info{position: relative; width: 1320px; height: 100%; margin: auto;}
    ul.info_list{width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #fff;}
    ul.info_list>li{float: left; padding-right: 50px; cursor: pointer;}
    ul.info_list>li>a{color: #fff;}
    .info_txt{padding-top: 15px;}
    ul.information{width: 600px; line-height: 20px;}
    ul.information>li{float: left; padding-right: 50px;}
    .copyright{clear: both; margin-top: 50px;}
    .footer_logo{width: 148px; height: 31px; background: url(../images/event/footer_logo.png) no-repeat; right: 0; top: 0; float: right; margin-top: -50px;}