body {font-family: "Microsoft YaHei", 微软雅黑; width: auto;min-width: 1200px;}
::-webkit-scrollbar {width: 5px;height: 5px;background-color: #fff;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #f5f5f5;}
::-webkit-scrollbar-thumb {	border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);background-color: #898989;}
/* navbar */
.navbar-bg{position: fixed;top:0;width: 100%;min-width: 1200px;z-index: 99;background: rgba(255,255,255,0);}
.navbar-content{max-width: 1400px;margin: 0 auto;display: flex;justify-content:space-between;}
.navbar-logo {padding: 8px; width: 300px; background: url('../images/logo2.png') no-repeat;}
.navbar-menu{display: flex;list-style: none;margin-bottom: 0;}
.navbar-menu .nav-item {flex-direction:row;padding: 26px 10px;}
.navbar-menu .nav-item .nav-link {color: #ccc;font-size: 16px;}
.navbar-menu .nav-item:hover .nav-link {color: #f0f0f0;}
.navbar-menu .nav-item:hover .dropdown-menu{display: block;}
.navbar-menu .nav-item .nav-link.active{color: #fff;}
.navbar-menu .nav-item .nav-item-sub{border: 0; border-radius: 0;padding:0;margin-top: 0px; box-shadow:    0px -2px 0px 0px #FFFFFF, -1px 0px 2px 0px #ccc, 1px 0px 2px 0px #ccc, 0px 1px 2px 0px #ccc;}
.navbar-menu .nav-item .nav-item-sub a{padding: 10px 25px;text-align: left;}
.navbar-menu .nav-item .nav-item-sub a:hover{color:#fff;background: #262E58;}
/* navbar scroll */
.navbar-top{background: rgba(255,255,255,0.8);}
.navbar-top .navbar-logo {background: url('../images/logo.png') no-repeat;}
.navbar-top .navbar-menu .nav-item .nav-link {color: #404D95;}
.navbar-top .navbar-menu .nav-item .nav-link.active{color: #262E58;}
/* banner */
.banner-top{overflow: hidden;margin: 0 auto;max-width: 1920px;}

/* footer */
footer {width: 100%;background: #EBEBEB;}
footer .block{display: flex; padding: 30px 0;}
footer .block .message{width: 700px;}
footer .block .message .row{margin:10px 0px 20px 0px;}
footer .block .message .row input{width: 100%; font-size: 14px; line-height: 50px;border: 0;padding: 0 20px;}
footer .block .message .row textarea{width: 100%; height: 120px; font-size: 14px; line-height: 30px;border: 0;padding: 0 20px; resize: none;}
footer .block .message .row button{width: 160px;line-height: 50px;border: 0; color: #ccc;background: #262E58;}
footer .block .message .row button:hover{background: #000;color: #FFFFFF;}
footer .block .contact{width: 500px;padding: 0 80px;}

footer {width: 100%;background: #000000;}
footer .footer-content{width:1200px; margin:0 auto;}
footer .footer-top{ border-bottom:1px solid #9b9b9b;}
footer .footer-top .footer-logo{width:50%; padding:10px 0;}
footer .footer-top .footer-logo img{height:40px;}
footer .footer-body{display:flex; padding:20px 0;}
footer .footer-body .navs{ width:180px; padding-left:40px;}
footer .footer-body .navs p{margin:0;}
footer .footer-body .navs p a{color:#ccc; line-height:35px;}
footer .footer-body .links{ width:100%; display:flex; flex-wrap:wrap;}
footer .footer-body .links .btns{width:100%; height:30px; display:flex;justify-content: flex-end;}
footer .footer-body .links .btns .btn-icon{ margin-left:20px;}
footer .footer-body .links .codes{width:100%;display:flex;justify-content: flex-end;}
footer .footer-bottom{border-top:1px solid #9b9b9b; color:#ffffff; text-align:right; font-size:12px; line-height:50px;}

/* img animation */
@keyframes img-toBig {from {transform: scale(1)} to {transform: scale(1.1)}}
@keyframes img-toSmall {from {transform: scale(1.1)} to {transform: scale(1)}}
@keyframes img-toBig5 {from {transform: scale(1)} to {transform: scale(1.05)}}
@keyframes img-toSmall5 {from {transform: scale(1.05)} to {transform: scale(1)}}
/* title animation */
@keyframes txt-upIn {from {bottom: -100px } to {bottom: 0px }}
@keyframes txt-downOut {from {bottom: 0px } to {bottom: -100px }}

/* block */
.block{width:1200px; margin: 0 auto; overflow: hidden;}
/* block-full */
.block-full{width: 100%;}

/* navigation */
.navigation ul{ width:100%; display: flex;flex-wrap: nowrap;font-size: 14px;}
.navigation ul.center{justify-content: center; }
.navigation ul.right{justify-content: flex-end; }
.navigation ul .page-item{width:80px; line-height: 40px; background: #898989; color: #FFFFFF; text-align: center;margin: 2px; border-radius: 5px;}
.navigation ul .page-num{width:40px; line-height: 40px; background: #f0f0f0; color: #404D95; text-align: center;margin: 2px; border-radius: 5px;}
.navigation ul .page-num-current{width:40px; line-height: 40px; background: #404D95; color: #FFFFFF; text-align: center;margin: 2px; border-radius: 5px;}
.navigation .nulldata{ text-align:center; margin:100px 0 200px 0;}

.row-line{border-top: 1px solid #f0f0f0;  margin: 20px 0;}