@charset "utf-8";
.pc-header .top{height:90px;background-color: #fff;}
.pc-header .top img{width: 65%}
.search-form input{border:1px solid #d7dce0;border-radius: 6px 0 0 6px;background: url(../img/search-ico.png) no-repeat 10px center;padding-left: 40px}
.search-form button{border:1px solid #0083cd;background: #0083cd;color: #fff;font-size: 14px;border-radius: 0 6px 6px 0;height: 40px;padding: 0 18px;}
.pc-header .login-wrap{color: #2B72DE; font-size: 14px;}
.pc-header .login-wrap b{font-weight: normal;}
.pc-header .login-wrap a{margin-right: 24px; color: #2B72DE}
.pc-header .login-wrap a.name{margin-right: 0}
.pc-header .login-wrap a:hover{opacity: .8}
.pc-header .login-wrap img{width: 16px; height: 16px; margin-right: 5px}
.pc-header .login-wrap i{width: 22px; height: 22px; margin-right: 5px;border-radius: 22px}
.pc-header .login i{background: url(../img/login-icon.png) no-repeat center;}
.pc-header .register i{background: url(../img/register-ico.png) no-repeat center;}
.pc-nav{background: linear-gradient(to bottom, #002d45 1px, #61a1bb 2px, #4584a1 3px, #003c5b 4px, #124669 25px, #003150 26px, #032d45 100%); border-bottom: 1px solid #297cc2}
.pc-nav li{position: relative; flex-grow: 1; border-right: 1px solid #002346; border-left: 1px solid #0d5582}
.pc-nav li:first-child{border-left: 0 none}
.pc-nav li:last-child{border-right: 0 none}
.pc-nav li>a{display: block; overflow: hidden; height: 50px; line-height: 50px; color: white; font-size:18px; text-align: center; white-space: nowrap;}
.pc-nav li>a:hover, .pc-nav li>a.on{position:relative; background: url(../img/nav-bg-hover.png) repeat-x center; color: #fff}
.pc-nav li .sub-nav{position: absolute; transition: all 300ms; visibility: hidden; opacity: 0; top: 90px; left: 50%; transform: translateX(-50%); min-width: 100%; text-align: center; z-index: 2; background-color: white; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); font-size: 14px; white-space: nowrap;}
.pc-nav li .sub-nav a{display: block; color: #333; padding: 10px;}
.pc-nav li .sub-nav a:hover{background: linear-gradient(to right, #006ee7, #02a4f9); color: #fff}
.pc-nav li:hover .sub-nav{visibility: visible; opacity: 1; top: 50px}

.mobile-top-wrap{display: none; height: 50px;}
.mobile-top{height: 50px; background-color: #25303e; padding: 0 15px; position: fixed; left: 0; width: 100%; top: 0; z-index: 9;}
.mobile-top .mobile-logo{width: 145px; transition: all 300ms;}
.mobile-top.show-nav .mobile-logo{transform: translateX(-300px);}
.mobile-top .mobile-logo img{display: block; width: 100%; height: auto;}
.mobile-top .right{transition: all 300ms;}
.mobile-top.show-nav .right{transform: translateX(-272px);}
.mobile-top .mobile-search{width: 22px; height: 22px; background: url(../img/icon-search2.png) no-repeat center/100%;}
.mobile-top.show-nav .mobile-search{display: none;}
.mobile-top .nav-btn{width:22px; height:22px; overflow:hidden; position:relative; margin-left: 25px;}
.mobile-top .nav-btn span{width:100%; left:0; background:#D8D8D8; height:2px; position:absolute; transition:all 500ms;}
.mobile-top .nav-btn .line1{top:0; transform:rotate(0); transform-origin:left top;}
.mobile-top .nav-btn .line2{top:10px;}
.mobile-top .nav-btn .line3{bottom:0; transform:rotate(0); transform-origin:left bottom;}
.mobile-top .nav-btn.on .line1{width:145px; transform:rotate(41deg);}
.mobile-top .nav-btn.on .line2{left:-100%;}
.mobile-top .nav-btn.on .line3{width:145px; transform:rotate(-41deg);}
.mobile-nav{position: fixed; right: -272px; top: 0; bottom: 0; overflow-y: auto; z-index: 10; background-color: #052733; width: 272px; transition: all 300ms;}
.mobile-nav.show{right: 0;}
.mobile-nav li a{display: block; color: white; height: 65px; line-height: 65px; border-bottom: 1px solid #1A3640; padding-left: 70px;}
.mobile-nav li .sub-nav a{margin-left: 15px; font-size: 14px; height: 38px; line-height: 38px;}

/*index公共title*/
.module-title{height: 58px;border-bottom: 1px solid #dce1e6;}
.module-title span{color:var(--blue1);font-size: 20px; font-weight: 400;position: relative;}
.module-title span i{font-style: normal;font-size: 14px;color: #a1aab2;margin-left: 10px;}
.module-title span::after{content: '';display: block;height: 4px;width: 100%;background: linear-gradient(90deg,#ff83a4 0,#e8a81f 100%);position: absolute; bottom: -16px;left: 0;}
.module-title .more{color:#a1aab2 !important;font-size: 14px;}
.module-title .more:hover{color: var(--blue1);}

.module-lists1{padding: 25px 30px;}
.module-lists1 li{line-height: 38px;}
.module-lists1 li i{background: url(../img/list-ico.png) no-repeat;display: inline-block;height: 10px;width: 6px;margin-right: 8px;}
.module-lists1 li a{color:#455a66;}
.module-lists1 li a:hover{color:var(--blue1);}
.module-lists1 li time{color:#859299;font-size: 14px;flex-shrink: 0;}

/*.module-lists2{padding: 25px 30px;}*/
.module-lists2 li{border-bottom: 1px dashed #dce1e6;line-height: 50px;}
.module-lists2 li:last-child{border-bottom: none;}
.module-lists2 li i{display: inline-block;width: 7px;height: 7px;background: #006fcd;border-radius: 4px;margin-right: 12px;}
.module-lists2 li a{color:#455a66;}
.module-lists2 li a:hover{color:var(--blue1);}
.module-lists2 li time{color:#859299;font-size: 14px;flex-shrink: 0;}

.module-list3 img{position: relative; top: 4px; margin-right: 5px}
.module-list3 .down{white-space: nowrap; font-size: 14px; height: 28px; flex-shrink: 0; width: 60px; line-height: 26px; border:1px solid #9eeecf; background-color: #ebfff7; color: #2fb782; text-align: center;}

.footer{background: url(../img/bottom-bg.png) no-repeat center/cover; border-top:2px solid #0077c8; color: #acb3b7;text-align: center; margin-top: 100px;}
.footer a{color: #0077c8;}
.footer .footer-top{padding: 20px;border-bottom: 1px solid #344252;}
.footer .footer-top select{background: rgba(55, 68, 83, 1);border: none; color: #fff;margin-right: 30px; padding:5px 10px;height: 35px;}
.footer .footer-top li{margin-right: 35px;line-height: 35px;}
.footer .footer-info{line-height:28px;padding:15px 0;font-size: 14px;margin-top: 1px solid #0077c8;}
.footer .footer-info b{font-weight:400;}
.footer .footer-info label{white-space: nowrap;}

.flinks{padding-top: 20px; padding-bottom: 20px; background: #517fd0;}
.flinks .container{flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between;}
.flinks .container label{color: #fff; font-size: 14px;}
.flinks .dropdown{position:relative; width: 22%; cursor: pointer; background-color: white; height: 30px; display: flex; justify-content: center; align-items: center; color: rgb(84, 84, 84); margin-right: 10px;}
.flinks .caret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.flinks .dropdown-menu{color: #333; background:white; max-height: 130px; overflow: auto; position: absolute; top: 100%; left: 0; width: 100%; z-index: 1000; display: none; padding: 5px 0; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.flinks .dropdown:hover .dropdown-menu{display: block;}
.flinks .dropdown a{display: block; padding: 3px 20px; line-height: 1.42857143; color: #333; white-space: nowrap; text-align: left;}
.flinks .dropdown a:hover{color: #262626; text-decoration: none; background-color: #f5f5f5;}

.breadcrumb{font-size: 14px; display: flex; align-items: center; flex-wrap: wrap; padding-top: 28px; padding-bottom: 28px;}
.breadcrumb a, .breadcrumb span{color: #565a60}
.breadcrumb .pos{margin-right: 10px;}
.breadcrumb .arrow{margin: 0 5px;}
.breadcrumb .current{color: #185da5}
.breadcrumb.border{padding-bottom: 18px; border-bottom: 1px solid #185da5}

.pagination{display: flex; align-items: center; justify-content: center; margin-top: 35px; flex-wrap: wrap;}
.pagination a, .pagination span{padding:5px 10px; font-size: 14px; margin-left: 10px; border-radius: 3px; margin-bottom: 10px;}
.pagination span{background-color: #135e9e; color: #fff !important; border-color: #e0e0e0; cursor: default;}
.pagination a, .pagination .dot{border: 1px solid #e0e0e0;}
.pagination a:hover{background-color: #135e9e; color: #fff !important; border-color: #e0e0e0}

/*公共表单组件*/
.common-input{display: flex; align-items: center; margin-bottom: 16px; font-size: 16px;}
.common-input label, .common-input input{font-size: 16px}
.common-input label{color: #333; white-space: nowrap;text-align: right; width: 140px; flex-shrink: 0; padding-right: 40px;}
.common-input input{width: 100%; border: 1px solid #E5E5E5;color: #333; padding: 0 10px;height: 44px;line-height: 42px;border-radius: 8px;}
.common-input input.bold{font-weight: bold; font-size: 16px}
.common-input .radio{width: 18px;height: 18px;border: 1px solid #999;}
.common-input .radio-txt{margin: 0 90px 0 18px;}
.common-input .select{height: 44px;line-height: 42px; width: 100%;border-color: #E5E5E5;border-radius: 8px;padding: 0 10px;color: #333;font-size: 16px;}
.common-input .select option{height: 40px;}
.common-input .select option:hover{background: #2B72DE;}
.common-input textarea{width: 100%;background: #fff;border: 1px solid #E5E5E5;border-radius: 8px;height: 120px;padding: 10px 10px;font-size: 16px;}
.common-input.code{border-bottom: 0 none;}
.common-input.code input{width: 207px;height: 44px;line-height: 42px; border-radius: 8px; border: 1px solid #888; padding: 5px 15px;}
.common-input.code img{width: auto; height: 54px;margin-left: 24px;}
.common-input.code a{color: #999; font-size: 16px;}
.common-input label.required::before{content: '*'; color: #D8070C; font-size: 22px; position: relative; top: 5px; margin-right: 6px;}
.common-input input::placeholder,.common-input textarea::placeholder{color: #ccc;}

.common-input2{display: flex; align-items: center; margin-bottom: 36px;font-size: 22px;}
.common-input2 label{color: #333; white-space: nowrap;text-align: right; width: 140px; flex-shrink: 0; padding-right: 40px;}
.common-input2 input{height: 64px;line-height:64px;background-color: #f8f8f8;color:#333;border-radius: 8px;border: 1px solid #E5E5E5;padding: 0 30px;width: 100%;font-size: 22px;}
.common-input2 textarea{height: 221px; width: 100%;border-radius: 8px;border: 1px solid #E5E5E5;padding: 30px;background-color: #f8f8f8;color:#333;font-size: 22px;}
.common-input2 input.password::placeholder{color: #ccc;}

@media (max-width: 1199px) {
	.pc-nav li>a{padding: 0 11px;}
	.footer .footer-middle{padding:30px 20px;}
}
@media (max-width: 991px) {
	.pc-header{display: none !important}
	.mobile-top-wrap{display: block;}
	.pc-nav li>a{font-size: 18px;}
	.page-banner img{height: 420px;}
	.footer{margin-top: 80px;}
	.footer .footer-top li{line-height: 30px;}
	.footer .footer-top,.footer .footer-middle{flex-direction: column;}
	.footer .footer-middle li{margin-right: 10px;}
	.footer .footer-middle .footer-logo{margin-bottom: 25px; margin-right: 0;text-align: center;}
	.footer .footer-middle{padding:20px;}
	.footer .footer-middle span{margin-top:10px;}
	.footer .footer-top select{width: 30%;margin-bottom: 15px;}
	.footer .footer-top ul{flex-direction: column;}
	.flinks{padding-top: 25px;padding-bottom: 25px;}
	.flinks select{padding: 8px 10px;}
	.footer .footer-info{line-height: 25px;}
	.module-lists1{padding: 10px}
	.flinks .dropdown{margin-bottom: 5px}
}
@media (max-width: 767px) {
	.footer{margin-top: 40px;}
	.footer .footer-bottom i{margin: 0 10px;}
	.module-title span i{display: none}
	.module-lists2{padding: 0}
	.flinks .container label{width: 100%; text-align: left; margin-bottom: 5px}
	.flinks .dropdown{width: 45%}
}
@media (max-width: 699px) {
	.footer .footer-bottom{display: flex;flex-direction: column;align-items: center;line-height: 20px;padding: 8px 0;}
	.flinks select{width: 49%}
	.flinks select:nth-child(1), .flinks select:nth-child(2){margin-bottom: 15px}
}
@media (max-width: 599px) {
	.footer .footer-top select{width: 40%;}
	.footer .footer-bottom{line-height: 22px;padding: 5px 0;}
	.flinks{padding-top: 20px;padding-bottom: 20px;}
	.flinks select:nth-child(1), .flinks select:nth-child(2){margin-bottom: 12px}
}

@media (max-width: 414px) {
}
@media (max-width: 400px) {
}
@media (max-width: 375px) {
}
@media (max-width: 320px) {
}