@charset "UTF-8";
/**
 * Author: UiDEA
 * Date: 2022-11-11
 * Copyright: UiDEA
 */

/* cssreset */
html,body {color:#333; background:#fff;}
body,form,ul,ol,li,dl,dt,dd,th,td,p,blockquote,pre,fieldset,legend,hr,h1,h2,h3,h4,h5,h6,button,input,textarea {margin:0; padding:0;}
body,div,li,dt,dd,td,p,span,button,input,select,textarea {font-size:14px; font-family:Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei",\5b8b\4f53,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,dfn,em,var {font-style:normal;}
code,kbd,pre,samp {font-family:Courier New,Courier,monospace;}
table {border-collapse:collapse; border-spacing:0;}
ul,ol {list-style:none outside none;}
span {font-size:100%;}
legend {color:#666;}
fieldset,img {border:0 none;}
img {-webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:bottom; border:0 none;}
sub,sup {position:relative; line-height:0; vertical-align:baseline;}
sup {top:-5px;}
sub {bottom:-5px;}
hr {height:0; -webkit-box-sizing:content-box; box-sizing:content-box;}
button,input,select,textarea {margin:0; padding:0; outline:none;}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled],input[disabled] {cursor:default;}
input[type="radio"],input[type="checkbox"] {position:relative; top:-2px;}
textarea {overflow:auto;}
a {color:#333; background:transparent; text-decoration:none; -webkit-transition:all .5s; transition:all .5s;}
a:hover {color:#023c9f; text-decoration:none;}
a:active {color:#023c9f; outline:0;}
a:focus {outline:0;}
*,:after,:before {-webkit-box-sizing:border-box; box-sizing:border-box;}

/* float */
.fl {float:left;}
.fr {float:right;}

/* margin-padding */
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

/* font */
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.ffy {font-family:arial,tahoma,sans-serif;}
@font-face {font-family:number; src:url("webfont/number.ttf");}

/* color-background */
.c666 {color:#666;}
.c999 {color:#999;}
.ceec91a {color:#eec91a;}
.bfff {background:#fff;}

/* text-alignment */
.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}

/* link-color */
a.c666 {color:#666;}
a.c666:hover {color:#023c9f;}

/* control */
.input {height:18px; padding:3px 5px; line-height:18px; border:1px solid #ddd;}
.select {padding:2px; border:1px solid #ddd;}
.textarea {padding:5px; color:#666; border:1px solid #ddd;}

/* ellipsis */
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* overflow */
.ofvisible {overflow:visible;}

/* cover-background */
.coverbg {position:fixed; top:0; right:0; bottom:0; left:0; z-index:9998; display:none; background:rgba(0,0,0,.5);}

/* layout */
.rht_layout {clear:both; position:relative; width:1200px; margin:0 auto;}
.rht_layout:after,.clearfix:after {clear:both; content:""; display:block; height:0; visibility:hidden;}
.clearfix {zoom:1;}

/* button */
.rht_btn {}

/* topbar */
.rht_topbar {position:absolute; top:0; left:0; width:100%; height:40px; line-height:40px; color:rgba(255,255,255,.5); background:rgba(0,54,119,.8);}
.rht_topbar a {position:relative; float:left; padding-right:12px; margin-right:12px; font-size:12px; color:rgba(255,255,255,.5);}
.rht_topbar a::after {content:''; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background:rgba(228,235,251,.2);} 
.rht_topbar a:last-child::after {content:initial;}
.rht_topbar a:hover {color:#fff;}
.rht_topbar span {float:left; display:flex; align-items:center; margin-right:12px; font-size:12px;}
.rht_topbar span b {margin-left:8px; font-family:number; font-size:16px;}
.rht_topbar .fl a {margin-right:8px; padding:0;}
.rht_topbar .fl a::after {content:initial;}

/* service */
.rht_service {padding:36px 0 20px; background:#fff;}
.rht_service .rht_layout {display:flex; justify-content:space-between;}
.rht_service .phone {margin-right:50px;}
.rht_service .phone dt {display:flex; font-size:18px; align-items:center;}
.rht_service .phone dt i {margin-right:4px; font-size:22px; color:#023c9f;}
.rht_service .phone dd .num {padding:10px 0 10px; font-size:22px; color:#023c9f;}
.rht_service .phone dd a {display:inline-block; height:36px; padding:0 40px; line-height:36px; color:#023c9f; border:1px #023c9f solid; }
.rht_service .phone dd a:hover {color:#fff; background:#023c9f;}
.rht_service .cont {display:flex; flex:1;}
.rht_service .cont li {margin-left:60px; padding-left:28px;}
.rht_service .cont li h3 {position:relative; margin-bottom:12px; font-size:16px; color:#333;}
.rht_service .cont li h3 i {position:absolute; top:50%; left:-30px; margin-top:-12px; font-size:24px; color:#023c9f;}
.rht_service .cont li a {display:block; font-size:12px; line-height:24px; color:#787880;}
.rht_service .cont li a:hover {color:#023c9f;}
.rht_service .code .img {display:block; width:122px; height:122px; padding:8px; border:1px #ddd solid;}
.rht_service .code .img img {width:100%; height:100%;}
.rht_service .code label {display:block; margin-top:8px; font-size:12px; color:#666; text-align:center;}

/* footer */
.rht_copyright {padding:12px 0; text-align:center; border-top:1px solid #eee;}
.rht_copyright p {display:flex; height:24px; color:#999; align-items:center; justify-content:center;}
.rht_copyright a {font-size:12px; color:#999;}
.rht_copyright a:hover {color:#023c9f;}
.rht_copyright p img {height:16px; margin:0 4px;}

/* main */
.rht_main {height:800px; padding-top:40px; background:url(../images/rht_indexbg.jpg) no-repeat center;}
.rht_maininfo {display:flex; height:760px; padding-bottom:20px; flex-direction:column; align-items:center; justify-content:center; color:#fff;}
.rht_logo {display:flex; align-items:center;}
.rht_logo img {height:48px;}
.rht_logo b {position:relative; margin-left:32px; padding-left:20px; font-size:36px;}
.rht_logo b::before {content:""; position:absolute; top:50%; left:0; width:1px; height:38px; margin-top:-19px; background:rgba(239,239,239,.5);}
.rht_notice {display:flex; width:732px; height:40px; align-items:center; margin-top:48px; padding:0 20px; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.2); border-radius:20px; overflow:hidden;}
.rht_notice i {margin-right:8px; font-size:18px;}
.rht_notice .bd {flex:1;}
.rht_notice .bd li {display:flex; height:40px; line-height:40px;}
.rht_notice .bd li p {flex:1; width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rht_notice .bd li a {color:#fff;}
.rht_notice .bd li a:hover {text-decoration:underline;}
.rht_notice .bd li em {margin-left:32px; font-size:12px;}
.rht_business {margin-top:64px;}
.rht_business ul {display:flex; flex-wrap:wrap;}
.rht_business li {position:relative; height:200px; color:#fff; transition-duration:.3s;}
.rht_business li.w300 {width:300px; overflow:hidden;}
.rht_business li.w600 {width:600px;}
.rht_business li.bluebg {background:linear-gradient(70deg,#76d5ff,#0199e2);}
.rht_business li.orgbg {background:linear-gradient(70deg,#fbd7be,#f78839);}
.rht_business li.yellowbg {background:linear-gradient(70deg,#fbe9b5,#f5bc25);}
.rht_business li.hover {width:600px;}
.rht_business li .info {position:relative; top:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; transition-duration:.3s;}
.rht_business li img {position:absolute; bottom:0; left:0; width:100%;}
.rht_business li i {height:48px; margin-bottom:16px; font-size:48px; transition-duration:.3s; overflow:hidden;}
.rht_business li b {margin-bottom:4px; font-size:24px;}
.rht_business li span {text-transform:uppercase;}
.rht_business li a {display:none; width:90px; height:30px; margin-top:20px; line-height:28px; color:#fff; text-align:center; border:1px solid #fff; border-radius:15px; transition-duration:.3s;}
.rht_business li.jydt .info {align-items:flex-start; padding-left:44px; color:#2247b6;}
.rht_business li.jydt a {display:block; background:linear-gradient(to right,#4973ea,#1f3a9f); border:0;}
.rht_business li:hover .info {top:-48px; padding-top:80px;}
.rht_business li:hover .info i {height:0;}
.rht_business li.jydt:hover .info {top:0; padding-top:0;}
.rht_business li:hover .info a {display:block;}
.rht_business li a:hover {width:100px;}

/* animation */
@-webkit-keyframes name {
	
}
@keyframes name {
	
}

/* mobile */
@media (max-width:1024px) {
	html,body {min-width:1260px;}
}