@charset "utf-8";
*{ font-family: "微软雅黑"; font-size: 14px; line-height: 1.8; margin: 0 auto; padding: 0px;}
ul,li,ol{ list-style: none;}
a{color: #000;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}

a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}
img{ max-width: 100%; height: auto;}
em{font-style: normal;font-weight: normal;}
body{position: relative;}
.pull-left{float: left;}
.pull-right{float: right;}
.clear{clear: both;}
p,ul{ margin: 0 auto; padding: 0px; }
.w-10{width: 10%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.w-25{width: 25%;}
.w-30{width: 30%;}
.w-35{width: 35%;}
.w-40{width: 40%;}
.w-45{width: 45%;}
.w-60{width: 60%;}
.w-70{width: 70%;}
.w-80{width: 80%;}
.w-85{width: 85%;}
.w-90{width: 90%;}


.imgbs{overflow: hidden;display: block;}
.imgbs img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;transform: scale(1);}
.imgbs img:hover{transform: scale(1.1);}


.usel{padding-bottom: 3rem;}
.bg-lgblue{background-color: #eff3f7;}
.usels{padding: 3rem 0rem;}


.use{background: url(/uploads/carousel/hot_pro_tit.jpg) center no-repeat;line-height: 60px;text-align: center;}
.use span{color: #087dd5;font-weight: bold;font-size: 36px;}







header{background: #0081D2;}
header ul .navlib .list{font-size: 15px;color: #fff;text-align: center;padding: 0px 11px;display: block;line-height: 28px;border-right: 2px solid #426EBE;}
header ul .navlib:nth-child(1) a{line-height: 56px;}
header .navbar{padding: 0;}
header ul .navlib .list:hover{background: #303030;}


.top-head{padding: 30px 0px 10px;border-top: 5px solid #0081D2;}
.top-head .in{padding-left: 10px;border-left: 1px dashed #bcbdc2;margin-top: 15px;overflow: hidden;display: inline-block;}
.top-head .in b{display: block;font-size: 20px;line-height: 38px;}

.top-head .bt{text-align: center;margin-top: 15px;}
.top-head .bt p{font-size: 20px;color: #303030;font-weight: bold;}
.top-head .bt span{font-size: 30px;font-weight: bold;color: #1758B1;text-align: center;line-height: 35px;}




/*pages*/
.pages{text-align:center;padding: 0.5rem 0;}
.pages span,.pages a{padding: 5px 11px;margin: 0px 5px;color: #595959;border: 1px solid #1e82e8;}
.pages .current{background: #1e82e8;color: #fff;padding: 5px 11px;}
.pages .disabled:hover,.pages a:hover{background: #1e82e8;color: #fff;padding: 5px 11px;}


/*footer*/
footer{text-align: center;background: white;color: black;padding: 20px 0px;}
footer a{color: #000;}
footer .ftlink{padding-bottom: 15px;}
footer .ftlink a{background: #363636;color: white;display: inline-block;padding: 0px 10px;font-size: 14px;line-height: 35px;margin: 0px 5px;}
footer .ftlink a:hover{background: #1e82e8;}
.ewm .left,.ewm .right{float: left;margin-right: 15px;text-align: center;}
.ewm  span{display: block;}



.kapian{background: url(/uploads/carousel/yq.jpg) no-repeat center top;padding-top: 30px;height: 256px;color: white;}
.kapian .tit{padding-bottom: 35px;}
.kapian .tit h4{font-size: 37px;display: block;color: #ffffff;line-height: 40px;text-align: center;font-weight: bold;}
.kapian .tit span{font-size: 40px;color: #087dd5;line-height: 40px;}
.kapian p{font-size: 14px;color: #ffffff;line-height: 35px;padding-top: 15px;float: left;border: 1px solid #79818f;padding-left: 78px;margin-left: 20px;margin-right: 5px;width: 100%;padding-bottom: 15px;}
.kapian p span{font-size: 22px;color: #FFF;line-height: 28px;display: block;}



.kapian .dt1{background: url(/uploads/carousel/t.png) no-repeat 20px 20px;}
.kapian .dt2{background: url(/uploads/carousel/w.png) no-repeat 20px 20px;}
.kapian .dt3{background: url(/uploads/carousel/wxm.png) no-repeat 10px 10px;padding-left: 90px;}
.kapian .dt4{background: url(/uploads/carousel/mb.png) no-repeat 20px 20px;}






@media (max-width: 767px) {
  .hidden-xs {display: none !important;}

  .use span{font-size: 22px;}
  .kapian .tit h4{font-size: 24px;}
  .kapian .tit span{font-size: 26px;}
  .kapian .tit{padding-bottom: 10px;}

  .kapian p{margin: auto;}


  header{position: fixed;width: 100%;z-index: 999;}
  .hgt{height: 53px;}

  header ul .navlib .list,header ul .navlib:nth-child(1) a{line-height: 20px;padding: 3px 0px;border-right:none;border-bottom: 1px solid #ffffff82;}
  .usels{padding: 1rem 0rem;}







}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {display: none !important;}
}

@media (min-width:992px){
  /*header*/
  header .navbul{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
  header .navbul>.navlib{flex: 1;float: left;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {display: none !important;}

}

@media (min-width: 1200px) {
  .hidden-lg {display: none !important;}

  header .collapse .navlib{float: left;text-align: center;margin: 0;position: relative;}
  header .collapse .navlib .lista{padding: 15px 35px;display: block;color: #fff;transition: all .3s ease-in-out 0s;}
  .navlib .navdown{position: absolute;width: 100%;background: white;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);z-index: 999;}
  .navlib .navdown li{border-bottom: 1px solid #eee;font-size: 14px;padding: 8px 0px;}
  .navlib .navdown li:hover{background:#f9f9f9;}
  .navlib .navdown li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;padding: 0px 10px;}
  
  .navopen:hover .navdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
}