@import url(../fonts/iconfont.css);@import url(../fonts/opensans/opensans.css);@import url(../fonts/alisans/alisans.css);a{color:#333;text-decoration:none}a:hover,a:focus,a:active{color:#182987;text-decoration:none}body.body-inner{background:url("../images/body_bg.png") no-repeat center bottom;padding-bottom:100px}.body-mask{position:fixed;top:80px;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9;background-color:rgba(0,0,0,0.6);display:none;opacity:0;transition:all .3s}.body-mask.active{display:block;opacity:1}.main{padding-top:50px;padding-bottom:100px}.main-gray{background:#f5f5f5}.main .section-imglist{margin-bottom:60px}.main .para-title{height:24px;line-height:24px;font-size:24px;font-weight:bold;padding-left:15px;border-left:5px solid #182987;color:#000;margin-bottom:20px}.header{width:100%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.1);height:120px;position:relative;z-index:10;transition:all .3s}.header-dark{background:#182987;color:#fff}.header-shrink{position:fixed}.header .logo{float:left;width:148px;height:91px;margin-top:15px}.header .logo>a{display:block}.header .logo>a img{width:100%;height:100%}.header .header-r{float:right}.header .header-r .login-btns,.header .header-r .menu-wrapper,.header .header-r .header-usercenter{float:right;height:120px}.header .header-r .login-btns{margin-top:38px;margin-left:20px;width:150px;height:44px;background:#fff url("../images/divider.png") no-repeat center center;border:1px solid #182987;border-radius:22px;text-align:center;line-height:44px}.header .header-r .login-btns .top-login>a{display:inline-block;font-size:15px;padding:0 15px}.header .header-r .header-usercenter{width:200px;position:relative;padding-left:58px;padding-top:36px;margin-left:20px}.header .header-r .header-usercenter .avatar{position:absolute;left:0;top:36px;width:48px;height:48px;border-radius:50px}.header .header-r .header-usercenter .avatar img{width:100%;height:100%;border-radius:48px;border:1px solid #182987}.header .header-r .header-usercenter .info .name{font-size:18px;color:#000}.header .header-r .header-usercenter .info .desc{font-size:14px}.header .header-r .menu-wrapper ul.menu>li{height:120px;line-height:120px;float:left}.header .header-r .menu-wrapper ul.menu>li>a{display:block;font-size:15px;text-transform:uppercase;font-weight:bold;padding:0 24px}.header .header-r .menu-wrapper ul.menu>li.active>a,.header .header-r .menu-wrapper ul.menu>li.active>a:hover{background:#182987;color:#fff}.header .header-r .menu-wrapper ul.menu>li:hover>a{background:rgba(24,41,135,0.05);color:#182987}.header .mbnav{position:fixed;z-index:100;width:100%;height:100%;top:0;bottom:0;right:0;left:-100%;padding:0;transition:none .4s ease;transition-property:top,right,bottom,left,-webkit-transform;transition-property:top,right,bottom,left,transform;transition-property:top,right,bottom,left,transform,-webkit-transform;display:none;overflow:hidden}.header .mbnav a{color:#fff;text-decoration:none}.header .mbnav>ul{padding:20px 0 40px 0;position:absolute;z-index:0;top:0;left:-70%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;width:70%;height:100%;background:#006522;transition:none .4s ease;transition-property:top,right,bottom,left,border}.header .mbnav>ul.mbnav-main{left:0}.header .mbnav>ul>li{position:relative;display:block;margin:0;padding:0;list-style:none}.header .mbnav>ul>li>a{display:block;padding:10px 10px 10px 0;font-size:16px;color:rgba(255,255,255,0.6)}.header .mbnav>ul>li>a>span{margin-right:40px;padding-right:5px;display:block;overflow:hidden;margin:0;padding:10px 10px 10px 20px;white-space:nowrap;text-overflow:ellipsis;color:inherit}.header .mbnav>ul>li>a>i{display:block;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;color:inherit;position:absolute;z-index:2;top:0;right:0;width:40px;height:100%;padding:0;border-left:1px solid rgba(0,0,0,0.15)}.header .mbnav>ul>li>a>i:after{border:2px solid transparent;right:18px;position:absolute;bottom:50%;display:block;width:7px;height:7px;margin-bottom:-4px;content:"";-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-top:0;border-left:0;border-color:rgba(255,255,255,0.3)}.header .mbnav>ul>li:after{position:absolute;left:auto;width:100%;margin-left:0;bottom:0;display:block;content:"";border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0.15)}.header .mbnav>ul>li.subtitle>a{background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.3);text-indent:22px;padding-top:30px;margin-top:-20px}.header .mbnav>ul>li.subtitle:before{position:absolute;bottom:50%;display:block;width:7px;height:7px;margin-bottom:-5px;content:"";-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border:2px solid transparent;left:22px;margin-bottom:-15px;border-right:0;border-bottom:0;border-color:rgba(255,255,255,0.3)}.header .mbtop{display:none}.banner{background-color:#006522;height:750px;background:#fff url("../images/banner.png") no-repeat center center}.banner-pc{height:290px;text-align:right;position:relative;overflow:hidden;background-position:100% top;background-repeat:no-repeat;background-size:auto 100%}.banner-pc>img{margin-right:0;max-height:100%}.banner-title-txt{margin-top:30px;text-align:left;font-family:"OpenSansBold";font-size:60px;color:#fff}.banner-title-desc{max-width:400px;text-align:left;font-size:14px;color:rgba(255,255,255,0.3)}.crumbs{line-height:24px;padding:12px 0;background:url("../images/line.png") no-repeat right bottom}.crumbs ol>li{display:inline-block}.crumbs ol>li>a{color:#000;display:inline;transition:color .3s ease 0s}.crumbs ol>li>a:hover{color:#182987}.crumbs ol>li>a:first-child{padding-left:0}.crumbs ol.path-light{color:#fff}.crumbs ol.path-light>li>a{color:rgba(255,255,255,0.6)}.foot{width:90%;margin-left:5%;background:#000;color:#fff;position:relative;margin-top:150px}.foot .foot-content{position:relative;padding:100px 0}.foot .foot-content .foot-logo{position:absolute;left:0;top:-50px;width:110px}.foot .foot-content .foot-logo>img{width:100%}.foot .foot-content ul.foot-link{margin-left:60px}.foot .foot-content ul.foot-link>li{float:left;margin-right:30px;font-size:14px}.foot .foot-content ul.foot-link>li>a{color:#fff}.foot .foot-content ul.foot-link>li>a:hover{text-decoration:underline}.foot .copyright{padding-top:100px;text-align:right}.subnav-wrapper{height:74px;background:#fff url("../images/subnav_bg.png") repeat-x 0 bottom}.subnav-wrapper ul.subnav{margin:0 80px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.subnav-wrapper ul.subnav li{float:left;height:74px;text-align:center}.subnav-wrapper ul.subnav li>a{display:inline-block;box-sizing:border-box;color:#a3a3a3;font-size:16px;height:74px;line-height:18px;padding:26px 10px 0 10px}.subnav-wrapper ul.subnav li.current>a{border-bottom:2px solid #182987;color:#000;font-weight:bold}.subnav-wrapper ul.subnav.len2 li{width:50%}.subnav-wrapper ul.subnav.len3 li{width:33.3%}.subnav-wrapper ul.subnav.len4 li{width:25%}.subnav-wrapper ul.subnav.len5 li{width:20%}.tit{text-align:center;margin-top:60px;margin-bottom:60px}.tit-sub{text-transform:uppercase;color:#182987;font-size:16px;font-weight:bold}.tit-title{font-family:"OpenSansBold";color:#333;font-size:48px}.tit-desc{color:#aaa;font-size:14px;margin-top:10px}.pagebar{text-align:right;position:relative}a.more{margin-top:40px;display:inline-block;border-radius:5px;color:#005aaa;position:relative;height:40px;box-sizing:border-box;border:1px solid #005aaa;overflow:hidden}a.more:before,a.more span{display:inline-block;height:40px;line-height:38px;padding:0 20px;transition:all .3s}a.more span{display:inline-block;position:relative;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}a.more span:after{content:"\e7e4";font-family:'ico';font-size:14px;margin-left:10px}a.more:before{content:"\e7e4";width:100%;font-family:'ico';display:block;font-size:18px;background:#005aaa;color:#fff;text-align:center;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}a.more:hover span{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}a.more:hover:before{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}h2.title{margin-top:50px;margin-bottom:50px;color:#333;line-height:36px;font-size:24px;text-align:center;position:relative}h2.title:after{content:"";background:#ddd;height:3px;width:70px;position:absolute;top:50px;left:50%;margin-left:-35px}h2.title>span{display:block;text-align:center;font-size:14px;color:#a3a3a3;line-height:21px;margin-top:36px;margin-bottom:30px}.footer-bd{padding:60px 0 80px 0;background:#182987;color:#fff;font-size:16px}.footer-bd-wrap{position:relative}.footer-bd-wrap .footer-friend,.footer-bd-wrap .footer-contact{float:left;background:transparent url("../images/footer_divider.png") no-repeat right center;padding-right:12%;margin-right:8%}.footer-bd-wrap .footer-code{width:400px;position:absolute;right:0;top:0}.footer-bd-wrap .footer-code ul>li{float:left;text-align:center}.footer-bd-wrap .footer-code ul>li.first{margin-right:30px}.footer-bd-wrap .footer-code ul>li p{padding:10px 0}.footer-bd-wrap .footer-code ul>li img{width:160px;height:160px}.footer-bd .footer-tit{font-size:20px;font-weight:bold;padding-bottom:12px;margin-bottom:30px;background:url("../images/footer_tit_bg.png") no-repeat left bottom}.footer-bd ul.txt-link>li{font-size:16px;line-height:21px;padding:6px 0}.footer-bd ul.contact-link>li{padding:6px 0 6px 30px;position:relative}.footer-bd ul.contact-link>li:before{content:"";position:absolute;left:0;top:6px;font-family:"iconfont"}.footer-bd ul.contact-link>li.contact-link-address:before{content:"\e60c"}.footer-bd ul.contact-link>li.contact-link-tel:before{content:"\e8c3"}.footer-bd ul.contact-link>li.contact-link-email:before{content:"\e667"}.footer-bd a{color:#fff}.footer-bd a:hover{text-decoration:underline}.footer-ft .copyright{line-height:30px;text-align:center;font-size:16px;color:#666;padding:15px 0}.sidebar{position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:110px;background-color:#fff;border-radius:5px 0 0 5px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;z-index:99;padding:20px 10px}.sidebar-item{padding:15px 0;text-align:center;font-size:14px;color:#333;border-bottom:1px solid #eee;cursor:pointer;transition:background-color 0.2s}.sidebar-item.last{border-bottom:none}.sidebar-item .icon{width:50px;height:50px;text-align:center;line-height:50px;background:#182987;color:#fff;border-radius:6px;margin:0 auto}.sidebar-item .icon .iconfont{font-size:30px}.sidebar-item>p{font-size:14px;line-height:30px}.sidebar-item:hover{background-color:#f5f5f5}.qrcode-popup{position:fixed;left:-200px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#f5f5f5;border-radius:5px;padding:30px 15px 20px 15px;box-shadow:0 0 10px rgba(0,0,0,0.1);display:none}.qrcode-popup .qrcode-item{text-align:center}.qrcode-popup .qrcode-item .qrcode-img{width:162px;height:162px;background-color:#f0f0f0;margin:0 auto}.qrcode-popup .qrcode-item .qrcode-img>img{width:162px;height:162px}.qrcode-popup .qrcode-item .qrcode-desc{margin-top:8px;font-size:16px;color:#666}.dialog-panel{width:650px;padding:20px;border-radius:10px;background:#fff;z-index:9999;position:fixed;left:50%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:-325px;display:none;box-shadow:0 0 10px rgba(0,0,0,0.1)}.dialog-panel-hd{font-size:24px;font-weight:bold;padding:8px 0;text-align:center;position:relative}.dialog-panel-hd .dialog-panel-close{position:absolute;right:-20px;top:-70px;width:40px;height:40px;text-align:center;line-height:40px;cursor:pointer}.dialog-panel-hd .dialog-panel-close .iconfont{font-size:30px;color:#fff;font-weight:normal}.dialog-panel-hd .dialog-panel-close:hover{background:#182987}.dialog-panel-bd{padding:10px 80px 20px 80px}.form-small .form-group{margin-bottom:10px !important}.form-small .form-group>label,.form-small .form-group>input,.form-small .form-group>select{height:36px !important;line-height:36px !important}.form-small .form-group>input[type="button"]{height:44px !important;line-height:44px !important}.form .form-group{margin-bottom:18px}.form .form-group>label,.form .form-group>input,.form .form-group>select{height:44px;line-height:44px}.form .form-group-horizontal>label,.form .form-group-horizontal>input,.form .form-group-horizontal>select{display:inline-block}.form .form-group-horizontal>label{width:130px;margin:0}.form .form-group-horizontal input,.form .form-group-horizontal>select{width:316px}.form .form-group-btnbar{margin-top:24px}.form .custom-input{display:block;width:100%;padding:12px 12px;font-size:16px;line-height:1.42857;color:#555;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:0}.form .custom-label{font-size:16px;margin-bottom:4px;font-weight:normal}.form .custom-label>b{margin-right:4px}.form .custom-label>b.red{color:#f00}.form .custom-note>a{display:block}.form .custom-note>a.rt{float:right;color:#182987}.form .custom-note>a.lf{float:left;color:#999}.form .custom-note>a:hover{text-decoration:underline}.form .custom-btn{border:none;border-radius:0;font-size:16px;background:#182987;color:#fff;border-radius:5px}.form .custom-btn-block{width:100%;display:block}.form .custom-btn:hover{background:#006522}.form .custom-checkbox-group{height:30px;line-height:30px;font-size:14px}.form .custom-checkbox-group .custom-checkbox,.form .custom-checkbox-group .custom-checkbox-txt{display:inline-block;vertical-align:middle}.form .custom-checkbox-group .custom-checkbox{height:30px;line-height:30px;margin-top:0;margin-right:4px}.form .custom-checkbox-group .custom-checkbox-txt a{color:#182987}.form .custom-checkbox-group .custom-checkbox-txt a:hover{text-decoration:underline}.form .custom-select{width:100%;font-size:16px;padding:0 12px;border-color:#ddd}.dialog-panel.reset-panel .form-control,.dialog-panel.reset-panel .btn{border-radius:0 !important;height:44px;font-size:16px}.dialog-panel.reset-panel .form-control{box-shadow:none}.dialog-panel .custom-btn{border-radius:0}.page-mask{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background:rgba(0,0,0,0.6);z-index:100;display:none}.viewmore{position:relative}.viewmore:after{content:"\e640";font-family:"iconfont";font-size:32px;transition:all .3s;position:absolute;top:0;right:0;color:#182987}.viewmore:hover:after{right:-10px}.prolist .item-content{background:#fff}.prolist .item-content>a{display:block}.prolist .item-content .img{width:100%;overflow:hidden}.prolist .item-content .img img{width:100%;transition:all .3s}.prolist .item-content .img:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.prolist .item-content .desc{background:#fff;padding:20px}.prolist .item-content .desc .title{font-size:20px;font-weight:bold}.prolist .item-content .desc ul.note{margin-top:5px;margin-bottom:10px}.prolist .item-content .desc ul.note>li span{color:#666}.prolist .item-content .desc .viewmore{display:block;width:36px;height:36px;line-height:36px;text-align:left;border-radius:0;color:#182987;margin:0;padding:0}.prolist .item-content .desc .viewmore .iconfont{font-size:24px}.prolist.case .img{padding:20px}.prolist.case .desc{margin-bottom:0;padding-bottom:0}.imglist .item{display:block;float:left;background:#fff}.imglist .img{height:282px;overflow:hidden}.imglist .img img{width:100%;height:100%;transition:all .3s}.imglist .img:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.imglist-small .img{height:220px}.imglist .desc{padding:18px 25px;position:relative;height:164px;overflow:hidden}.imglist .desc .more-link{display:block;position:absolute;right:20px;bottom:50px}.imglist .desc .more-link a{color:#182987}.imglist .desc .more-link .iconfont{font-size:28px}.imglist .desc .title{font-size:20px;font-weight:bold;color:#000}.imglist .desc ul.note{margin:15px 0;font-size:16px}.imglist .desc ul.tag li{float:left;font-size:14px;color:#182987;line-height:24px;border:1px solid #182987;padding:0 15px;border:1px solid #182987;margin-right:12px}.imglist .desc ul.tag li>a{display:inline-block;color:#182987}.sidenav{background:#fff;font-size:14px;padding:50px 0}.sidenav ul>li>a{display:block;padding:12px 12px;line-height:20px}.sidenav ul>li>a:hover{background:#f5f5f5}.sidenav ul>li.active>a{background:#182987;color:#fff}.dialog{width:650px;padding:20px;border-radius:10px;background:#fff;z-index:9999;position:fixed;left:50%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:-325px;box-shadow:0 0 10px rgba(0,0,0,0.1);display:none}.dialog-close{position:absolute;right:-20px;top:-70px;width:40px;height:40px;text-align:center;line-height:40px;cursor:pointer}.dialog-close .iconfont{font-size:30px;color:#fff;font-weight:normal}.dialog-close:hover{background:#182987}.dialog .custom-result{margin-bottom:0px;padding-top:30px !important;padding-bottom:30px !important}.dialog .custom-result .title{margin-bottom:10px}.dialog .custom-result .subtitle{margin-bottom:30px}@media (max-width: 767.98px){.header{height:60px}.header .logo,.header .header-r{display:none}.header .mbtop{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:60px}.header .mbtop .mblogo{width:80px;height:50px}.header .mbtop .mblogo>a{display:block;width:80px;height:50px}.header .mbtop .mblogo>a img{width:100%}.header .mbtop .mbright{display:-webkit-flex;display:-ms-flexbox;display:flex;height:60px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.header .mbtop .search .ico{font-size:24px}.header .mbtop .btn-order{margin:0 15px}.header .mbtop .btn-order>a{display:block;background:#182987;color:#fff;height:32px;line-height:32px;border-radius:32px;padding:0 15px;text-transform:uppercase;font-size:14px}.header .mbtop .btn-order>a:hover{background:#005aaa}.header .mbtop .btn-mobile{overflow:hidden;position:relative;display:block;width:40px;height:52px}.header .mbtop .btn-mobile>a{display:block;position:absolute;width:26px;left:7px;top:14px;min-height:24px}.header .mbtop .btn-mobile>a>span,.header .mbtop .btn-mobile>a>span:before,.header .mbtop .btn-mobile>a>span:after{position:absolute;left:0;display:block;background-color:#fff;transition:all .2s ease;height:2px;width:26px;text-align:center}.header .mbtop .btn-mobile>a>span{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.header .mbtop .btn-mobile>a>span:before{content:"";width:100%;top:-8px}.header .mbtop .btn-mobile>a>span:after{content:"";width:100%;bottom:-8px}.header .mbtop .btn-mobile>a.toggle-open>span{background:rgba(0,0,0,0);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.header .mbtop .btn-mobile>a.toggle-open>span:before{-webkit-transform:translate3d(0, 8px, 0);transform:translate3d(0, 8px, 0)}.header .mbtop .btn-mobile>a.toggle-open>span:after{-webkit-transform:rotate(-90deg) translate3d(8px, 0, 0);transform:rotate(-90deg) translate3d(8px, 0, 0)}.header .mbtop .btn-mobile a span,.header .mbtop .btn-mobile a span:before,.header .mbtop .btn-mobile a span:after{background:#333}.header .mbnav{display:block}.subnav-wrapper{height:auto}.subnav-wrapper ul.subnav{margin:0;margin-left:-15px;margin-right:-15px;display:-webkit-flex;display:-ms-flexbox;display:flex}.subnav-wrapper ul.subnav>li{height:auto}.subnav-wrapper ul.subnav>li>a{font-size:12px;line-height:14px;padding:20px 0 16px 0;height:auto}.tit{margin-top:30px;margin-bottom:30px}.tit-title{font-size:24px;text-transform:uppercase;line-height:28px;margin-top:8px}.foot{width:100%;margin-left:0;margin-right:0}.foot .foot-content{padding-bottom:60px}.foot .foot-content ul.foot-link{margin-left:0}.foot .foot-content ul.foot-link li{font-size:16px}.foot .copyright{padding-top:30px;padding-bottom:30px}.sidebar{display:none}.footer{margin-top:80px}.footer .footer-bd{padding-top:50px;padding-bottom:20px}.footer .footer-bd-wrap .footer-friend,.footer .footer-bd-wrap .footer-contact{float:none;background:none;padding-right:0;margin-right:0}.footer .footer-bd-wrap .footer-code{margin-top:50px;position:inherit}.footer .footer-bd-wrap .footer-friend{margin-bottom:30px}.dialog-panel{width:90%;margin-left:-45%}.dialog-panel-hd{padding:3px 0}.dialog-panel-hd h2{font-size:18px;font-weight:bold}.dialog-panel-bd{padding-left:0;padding-right:0;padding-top:10px}.dialog-panel-bd .form-small .form-group{margin-bottom:5px !important}.dialog-panel-bd .form-small .form-group.form-group-horizontal>label{width:90px;font-size:14px}.dialog-panel-bd .form-small .form-group.form-group-horizontal select,.dialog-panel-bd .form-small .form-group.form-group-horizontal input{width:216px}}
.index_industry_img{
	width:308px;
	height:308px;
}

.index_basic_img{
	width:460px;
	height:280px;
}

.index_case_img{
	width:268px;
	height:268px;
}

.list_industry_img{
	width:340px;
	height:340px;
}

.list_basic_img{
	width:339px;
	height:220px;
}

.list_case_img{
	width:299px;
	height:299px;
}

.detail_industry_img{
	width:524px;
	height:524px;
}

.detail_basic_img{
	width:1078px;
	height:561px;
}

.detail_case_img{
	width:1078px;
	height:561px;
}

.item-padding{
	padding-top:4px;
}

.pagebar {
	text-align: right;
	margin-top: 40px;
	font-size: 16px
}

.pagebar>a {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 36px;
	text-align: center;
	background: #fff;
	color: #333;
	text-decoration: none;
	border: 1px solid #f0f0f0
}

.pagebar>a.active {
	background: #182987;
	color: #fff;
	border-color: #182987
}

.pagebar>a.disabled {
	background: #f5f5f5;
	color: #ccc;
	border-color: #ccc
}

.pagebar>a.wide {
	width: auto;
	padding: 0 15px
}

.pagebar .goto-page {
	width: 50px;
	height: 36px;
	border: 1px solid #eee;
	margin-bottom: 4px;
	margin-left: 6px;
	text-align: center;
	font-size: 16px
}

.search-input{
	color: black;	
}	

.flex-container {
  display: flex;
  justify-content: space-between; /* 或者使用 space-around, space-evenly 等 */
}

.flex-container > div {
  flex: 1; /* 这会让所有子元素平分容器的空间 */
}