.conbanner .titbox .h1{ transition: 1s; transform:translateY(25px); opacity: 0; filter: alpha(opacity=0) } .conbanner.animate .titbox .h1{ transition: 1s; transform:translateY(0); opacity: 1; filter: alpha(opacity=100) } .conbanner .titbox .h2{ transition: 1s; transform:translateY(25px); opacity: 0; filter: alpha(opacity=0); transition-delay:.4s; } .conbanner.animate .titbox .h2{ transition: 1s; transform:translateY(0); opacity: 1; filter: alpha(opacity=100) } .wel_banner .banner{ border-radius: 5px; overflow: hidden; } .history .ul .li .libot{ transition: 1s; transform:translateY(25px); opacity: 0; filter: alpha(opacity=0) } .history .ul.animate .li .libot{ transition: 1s; transform:translateY(0); opacity: 1; filter: alpha(opacity=100); } .wel_company .li,.wel_banner .banner_text{ border-top:2px solid #f9343c; } .tankuang .conbox{ height:494px; text-align: left; } header.header{ overflow: visible; } header.header .bocweb-nav{ overflow: visible; } .conbox_denglu{ height:400px; margin-top: -200px; } .tankuang .conbox .box .h2{ margin-top:30px; } .tankuang .conbox{ padding: 30px; padding-top: 40px; } .tankuang .conbox .dengbot .h1{ color: #666666; line-height: 1; font-size: 14px; } .tankuang .conbox .dengbot { font-size: 14px; line-height: 25px; color: #666666; box-sizing: border-box; } .tankuang .conbox .dengbot p{ text-indent: 2em; margin-top:30px; } .tankuang .conbox .dengbot .hereby { text-indent: 2em; margin-top:20px; } .history .ul.animate .li:nth-child(1) .libot{ transition-delay:.3s; } .history .ul.animate .li:nth-child(2) .libot{ transition-delay:.6s; } .history .ul.animate .li:nth-child(3) .libot{ transition-delay:.9s; } .history .ul.animate .li:nth-child(4) .libot{ transition-delay:1.2s; } .history .ul.animate .li:nth-child(5) .libot{ transition-delay:1.5s; } .history .ul.animate .li:nth-child(6) .libot{ transition-delay:1.8s; } .history .ul.animate .li:nth-child(7) .libot{ transition-delay:2.1s; } .history .ul.animate .li:nth-child(8) .libot{ transition-delay:2.3s; } .denglu_box{ border-radius: 50px; font-size: 16px; width: 160px; height: 50px; line-height: 50px; text-align: center; display: block; transition: 1s; border:1px solid #999; margin:0 auto; margin-top: 10px; cursor: pointer; } .denglu_box:hover{ color: #ffffff; background: #d8242a; transition: 1s; border-color: #d8242a; } .publicitybox .img.table .title{ background:#fa8900; color:#fff; height:45px; line-height: 45px; text-align: center; overflow: hidden; font-weight: bold; } .publicitybox .img.table .tablebox{ font-size: 14px; margin:0 auto; } .publicitybox .img.table .tablebox table{ } .publicitybox .img.table .tablebox table { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; } .publicitybox .img.table .tablebox table thead tr { font-size: 26px; color: #000000; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; overflow: hidden; box-sizing: border-box; } .publicitybox .img.table .tablebox tbody { width: 100%; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; box-sizing: border-box; } .publicitybox .img.table .tablebox tbody tr { width: 100%; } .publicitybox .img.table .tablebox tbody tr:nth-child(1){ background:#FA8900; color:#ffffff; } .publicitybox .img.table .tablebox tbody tr td { width: 12.5%; height: 45px; line-height: 1.5; padding:8px; /*float: left;*/ box-sizing: border-box; padding-left: 15px !important; overflow: hidden; border: none; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } .aboutbox .textbox .text .txt{ padding-right:30px; } .aboutbox .textbox .text .txt a{ line-height: 1.5; padding: 10px; padding-left:22px; height: auto; } .aboutbox .textbox .text .txt a:after{ top:20px; } .videobox{ width:450px; } header.header .bocweb-nav .bocweb-subnav { display: block; float: left; font-size: 16px; color: #ffffff; width: 180px; line-height: 50px; height: 50px; text-align: center; transition: 1s; position: relative; } header.header .bocweb-nav .bocweb-subnav:after { position: absolute; height: 20px; width: 1px; background: rgba(255, 255, 255, 0.2); content: ""; left: 0; top: 50%; margin-top: -10px; } header.header .bocweb-nav .bocweb-subnav.home { width: 120px; width: 118px\9; } header.header .bocweb-nav .bocweb-subnav.home:after { display: none; } header.header .bocweb-nav .bocweb-subnav:hover, header.header .bocweb-nav .bocweb-subnav.cur { background: #fa7d08; transition: 1s; } header.header .bocweb-nav .bocweb-subnav .boc-litop{ display: block; color: #ffffff; } header.header .bocweb-nav .bocweb-subnav .boc-libot{ position: absolute; z-index: 10; left:50%; margin-left:-200px; color: #fff; font-size: 14px; width: 400px; padding-top:30px; padding-bottom: 15px; /*height:295px;*/ background:#ffffff; display:none; box-shadow: 0 0 4px 2px rgba(0,0,0,.1); box-sizing:border-box; } header.header .bocweb-nav .bocweb-subnav .boc-libot.libox01{ width:280px; margin-left:-140px; } header.header .bocweb-nav .bocweb-subnav .boc-libot:after{ position: absolute; left:0; right:0; margin: auto; top:-5px; content:""; width:10px; height:5px; background: url(../img/dd.png) no-repeat center; background-size:100%; } header.header .bocweb-nav .bocweb-subnav .boc-libot.knm:after{ left:auto; right:90px; } header.header .bocweb-nav .bocweb-subnav .boc-libot .ul{ position: relative; width: 100%; height: 100%; } header.header .bocweb-nav .bocweb-subnav .boc-libot .ul:before{ position: absolute; content:""; height:100%; width:1px; background:#f2f2f2; left:50%; } .wel_banner .banner_text .textbot p{ display: inline; color:#f9343c; -webkit-text-fill-color: #f9343c; } header.header .bocweb-nav .bocweb-subnav .boc-libot .li{ font-size: 16px; color:#666666; display: block; width:50%; /*border-left: 1px solid #f2f2f2;*/ padding-left:36px; float:left; text-align: left; line-height: 36px; height:36px; overflow: hidden; box-sizing: border-box; position: relative; transition:1s; } header.header .bocweb-nav .bocweb-subnav .boc-libot .li:hover{ color:#d92729; transition:1s; } header.header .bocweb-nav .bocweb-subnav .boc-libot .li:hover:after{ background:#d92729; } header.header .bocweb-nav .bocweb-subnav .boc-libot .li:after{ position: absolute; content:""; height:4px; width:4px; border-radius: 50%; background:#999999; left:20px;transition:1s; top:15px; } .wel_banner .banner_text .textbot{ background-image: linear-gradient(to bottom right, #fa7d08, #f9343c); background-image: linear-gradient(to bottom right, #fff, #fff)\9; background-image: none; -webkit-text-fill-color: #fa8900; } .audiobox audio{ display: block; margin:20px auto; } .videobox{ width:450px; margin:20px auto; } .active.ac .active_form{ height:auto; padding-bottom: 30px; } .active.ac .active_form .ul .li .span{ width:90px; } .active.ac .active_form input[type="submit"]{ margin-left: 115px; } .managementbox .ul .li{ margin-bottom: 20px; transition:1s; } .managementbox .ul .li:hover{ border-color:#d8242a; transition:1s; } #datepicker .ui-datepicker td a{ background:#ffe2bf; } #datepicker .ui-datepicker td a:hover{ background: #fa8900; color: #ffffff; } .contact .contactbot .ul{ border:none; border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; } .contact .contactbot .li{ border:none; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .training .pagination a.next{ font-size: 14px; width:auto; } .training .pagination a.next:hover{ border-bottom: 2px solid transparent; } .training .pagination a.prev{ font-size: 14px; width:auto; } .training .pagination a.prev:hover{ border-bottom: 2px solid transparent; } .wel_banner{ padding-top: 0; margin-top:7.5px; } .wel{ background:transparent; } .texthexi .introduction thead{ text-align: left; } .publicitybox table { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; } .publicitybox table thead{ border-right: 1px solid #dcdcdc; } .publicitybox table thead th { /*font-size: 26px;*/ padding-left: 15px !important; color: #000000; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; overflow: hidden; box-sizing: border-box; } .publicitybox tbody { width: 100%; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; box-sizing: border-box; } .publicitybox tbody tr { width: 100%; } .publicitybox .img.table{ margin-top:0; } .publicitybox .titop{ background: #fa8900; color: #fff; height: 45px; line-height: 45px; text-align: center; overflow: hidden; font-weight: bold; } .publicitybox tbody tr td { /*width: auto;*/ height: 45px; line-height: 1.5; padding:5px 10px; /*float: left;*/ box-sizing: border-box; padding-left: 15px !important; overflow: hidden; border: none; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; border-color: #e5e5e5!important; font-size: 14px; } /*.publicitybox tbody tr:nth-child(1) { background: #FA8900; } .publicitybox tbody tr:nth-child(1) td{ color: #ffffff!important; }*/ .ui-datepicker th{ font-weight: normal!important; } .aboutbox .textbox .text a{ color:#000; } .aboutbox .textbox .text .tit{ color:#000; } .aboutbox .textbox div.teb.cur .tit, .aboutbox .textbox div.teb:hover .tit{ color:#ffffff; } /*.aboutbox .textbox .text .txt a{ border-bottom: 1px solid transparent; } .aboutbox .textbox .text .txt a:hover{ border-bottom: 1px solid #999999; }*/ .training .ul .li{ color:#333; } .texthexi .introduction{ color:#333; } .down .downbot .li .left{ } .down .downbot .li .left img{ display: block; width:100%; } .managementbox.table tbody tr td{ height: auto; float:none; line-height:1.5; padding:8px 5px; border: 1px solid #e5e5e5; } .leftding.active{ display: none; } @media screen and (max-width: 1500px) { .datetable .tablebox { height: 500px; margin-top: -250px; } .datetable .tablebox .table .top{ line-height: 1; } .datetable .tablebox .table .bot{ height: 375px; } }