html {position: relative;min-height: 100%;}
ul,li {list-style-type: none;padding: 0;margin: 0;}
.width100 { width: 100%!important;}
body {font-size: 17px;color: #222222;}
a{color: #222;}
a:hover{ text-decoration: none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

.container-fluid{padding-left: 0px;padding-right: 0px;}


.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}

.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-40{padding:40px}

label { font-weight: normal;}
.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.clear {clear: both;}
.c_pointer{cursor: pointer;}
.table-bg thead th {background-color: #f5fafe;}
.flex-box { display: flex; flex-direction:row;}
.select-width{ width: 40%}
.ipnut-text-width { width: 40%}
[v-cloak] { display: none }
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 1px;1}
.display-inline {display: inline; }
.text-red { color:#ff0000}
/* .form-control{border-radius: 0px;box-shadow: none;}
.form-control:focus { border-color: #fdd54f;box-shadow: none;} */
button:active,button:focus{border: none;outline: none; }

@-moz-keyframes anfadeIn {
 	0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-webkit-keyframes anfadeIn {
 	0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-o-keyframes anfadeIn {
 	0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@keyframes anfadeIn {
 	0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}

.header{ padding-bottom: 10px; padding-top: 20px;padding-left: 0px;padding-right: 0px;}
.header .navbar-default{background: none; border: none;}
.header .navbar-default .navbar-nav>.active>a{background: none;color: #256ff6;}
.header .navbar-default .navbar-nav>li>a{color: #222;font-size: 17px;}
.header .service{padding-top: 10px;}
.header .service span{font-size: 20px;padding-left: 10px;}
.article-list li{background-image: url(../images/list-ico.png);background-repeat: no-repeat;background-position: center left;padding-left: 10px;}
#index .news{padding-top: 80px;}
#index .nav-tabs{border-bottom: 1px solid #174cb4;}
#index .nav-tabs a{border-radius: 0px;padding: 7px 15px;}
#index .nav-tabs .active a{background: #174cb4;color: #fff;}
#index .news .tab-pane li{padding-bottom: 5px;}

#index .ys{background: #f5f5f5;padding-top: 50px;margin-top: 80px;padding-bottom: 60px;}
#index .ys .t{text-align: center;font-size: 24px;font-weight: bold;}
#index .ys .ico-box{margin-top: 40px; text-align: center;}
#index .ys .ico-box .item{ width: 33%; }
#index .ys .ico-box .item img{width: 120px;}
#index .ys .ico-box .item .t1{font-size: 18px;padding-top: 10px;}
#index .ys .ico-box .item .t2,#index .ys .ico-box .item .t3{padding-top: 5px;color: #256ff6;font-size: 17px;}


#index .about{margin-top: 80px;padding-top: 10px; }
#index .about .t{font-size: 26px;}
#index .about .line{border-bottom: 1px solid #999;padding-top: 10px;}
#index .about .desc{padding-top: 20px;line-height: 30px;}
#index .about .more{margin-top: 20px;}
#index .about .more a{background: #174cb4; padding: 5px 20px;color: #fff;}
#index .about .cover{text-align: center;}



#about .t{margin-top: 80px; font-size: 30px; text-align: center;}
#about .c{margin-top: 80px;}

#article .t{margin-top: 80px; font-size: 30px; text-align: left;}
#article .c{margin-top: 40px;}
#article .time{color: #999;border-bottom: 1px solid #ccc; padding-top: 20px; padding-bottom: 20px;}
#article .content{border-bottom: 1px solid #ccc;padding-bottom: 40px;margin-bottom: 300px;}

#gonggao .ico-box{margin-top: 40px;display: flex;}
#gonggao .ico-box .item{text-align: center;width: 33%;}
#gonggao .ico-box .item .t{padding-top: 10px;color: #666666;}
#gonggao .ico-box .item img{transition: all 0.6s;  }
#gonggao .ico-box .item img:hover{transform: scale(1.3);  }  

#gonggao .line{border: 1px solid #999999; margin-top: 40px;}

#gonggao .search{margin-top: 30px;padding-left: 80px;}
#gonggao .searchInput{float: left;}
#gonggao .searchInput input{border-radius: 20px;padding-top: 5px;padding-bottom: 5px;width: 500px;height: 50px;}
#gonggao .searchTubiao{float:left;font-size:16px;margin-left:-40px;margin-top:18px;color: #999;}

#gonggao .list{margin-top: 60px;}
#gonggao .list li{float: left;width: 50%;padding-bottom:5px;display: flex; flex-direction:row;-webkit-animation:anfadeIn 1s both; -moz-animation:anfadeIn 1s both; -o-animation:anfadeIn 1s both; animation:anfadeIn 1s both;}
#gonggao .list li .l{width: 80%;overflow: hidden;}
#gonggao .list li .r{color: #999;}

#contact .content{margin-top: 80px;}
#contact .content .t-cn{font-size: 30px; font-weight: bold;}
#contact .content .desc{padding-bottom: 10px;}

#load-more-box{color: #999;}
.more{margin-top: 80px;}
.more .tips{}
.more #loading{display: none;}
.more .btn0{background: #eee;padding: 15px 100px;border-radius: 0px;color: #999;border: none;}

#index,#gonggao,#news,#contact,#about{margin-bottom: 400px;}

.page-title{text-align: center;font-weight: bold;font-size: 25px; margin-top: 60px;}
.footer{background-image: url(../images/picdi.jpg); height: 300px; margin-top: 80px;text-align: center;padding-top: 50px;color: #fff;position: absolute;
    bottom: 0;width: 100%;font-size: 16px;}
.footer a{color: #fff;}
.footer .link{padding-top: 30px;padding-bottom: 20px;border-bottom: 1px solid #256FF6;}
.footer .link a{margin-right: 15px;}
.footer .c{padding-top: 10px;}
