@charset "utf-8";
li,p,ol,ul,h1,h2,h4,h3,h5,label{ margin: 0; padding: 0;}
html,body{ height: 100%; width: 100%;}
.h100{ height: 100%;}
img{ max-width: 100%;}
li{ list-style-type: none;}
a:hover,a:active,a:focus,video,video:active,video:focus,audio,audio:active,audio:focus{ text-decoration: none;outline:none!important; }
body{ font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif !important;}
::-webkit-scrollbar {width:7px;height:5px;position:absolute;background:transparent;}
::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.1);border-radius: 10px}
::-webkit-scrollbar-track {background:transparent; border-radius: 10px;}
  video{ display: block;}
input{ outline: none!important;}
.btn-primary{ background: #3d75da; border-color: #3d75da;}
.btn-primary:hover{ background: #4c84e7; border-color: #4c84e7; }
/**input 美化**/
input[type=checkbox],
input[type=radio]
{width:18px;height:18px;background-color:#fff;border:solid 1px #ccc;-webkit-border-radius:.6rem;border-radius:3px;margin:0;padding:0;position:relative;display:inline-block;vertical-align:top;cursor:default;-webkit-appearance:none;-webkit-user-select:none;user-select:none;-webkit-transition:background-color ease .1s;transition:background-color ease .1s}

input[type=checkbox],
input[type=radio]{border-radius:3px;margin-right:6px; position:relative;top:1px}
.el-checkbox__original[type=checkbox]{ margin-right: 0 !important;}
input[type=checkbox]:checked,input[type=radio]:checked{background-color:#3d75da;border:solid 1px #3d75da;text-align:center;background-clip:padding-box}
input[type=checkbox]:checked:after,
input[type=checkbox]:checked:before,
input[type=radio]:checked:after,
input[type=radio]:checked:before{content:'';width:10px;height:5px;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-3px;background:0 0;border:1px solid #fff;border-top:none;border-right:none;z-index:2;-webkit-border-radius:0;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
input[type=checkbox]:disabled,
input[type=radio]:disabled{background-color:#ddd;border:solid 1px #ddd}

input[type=checkbox]:disabled:after,
input[type=checkbox]:disabled:before,
input[type=radio]:disabled:after,
input[type=radio]:disabled:before{content:'';width:.5rem;height:.3rem;position:absolute;top:50%;left:50%;margin-left:-.25rem;margin-top:-.4rem;background:0 0;border:1px solid #fff;border-top:none;border-right:none;z-index:2;-webkit-border-radius:0;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
input[type=radio]{border-radius:20px}

/***头部**/
.head{ position: relative; z-index: 11;}
.head .container{ display: flex; justify-content: space-between; align-items: center; height: 90px;}
.head .container:before,  .head .container:after{ display: none;}
.head li{ position: relative; display: inline-block; z-index: 1001; padding: 10px 0; padding-left: 15px;;}
.head  li a{ color: #555555; font-size: 18px; display: inline-block;}
.head  li a i{ color: #b2b2b2; font-size: 16px; padding-right:6px;}
.head .wechatcode{ position:absolute; background: #fff; width:160px; padding: 20px; border-radius: 3px; top:50px; box-shadow: 5px 5px 45px 0 rgba(0, 0, 0, 0.12);  right: 0; display: none;}
.head .wechatcode img{ width: 100%;}
.head .wechatcode:before{ content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; top: -10px; position: absolute; right: 75px;}
.head  li:hover .wechatcode{ display: block;}

@media (max-width: 1200px){
}
@media (max-width: 990px){
  .head .container{ display: block; height: auto; padding-top:10px;}
  .head ul{ display: flex; align-items: center; justify-content: center; border-top: 1px solid #eee; margin-top: 10px;}
  .head li{ padding: 0;}
  .head li a{ font-size: 16px; padding: 10px 10px; display: block;}
}

/**banner 和登录 **/
.swbox .swiper-button{position: absolute;bottom:41%;z-index: 100; outline: none; }
.swbox .swiper-button i{ font-size: 36px; color: #c9c9c9;}
.swbox .swiper-button:hover i,.bannerbox .swiper-button2:hover i{ color: #0085e2;}
.swbox .button-next1{ left: -50px;;}
.swbox .button-prev1{ right: -50px;;}

.swbox .button-next2{ left: 10px;;}
.swbox .button-prev2{ right:10px;;}
.swbox .swiper-button2{position: absolute;bottom:50%;z-index: 100; outline: none;}
.swbox .swiper-button2 i{ font-size:18px; color: #b4b4b4; }

@media (max-width: 1200px){
  .swbox .swiper-button{ display: none}
}

.loginboxtabs{ width:350px; height: 445px; background: rgba(255,255,255,.99); padding: 10px  25px 0;  border-radius: 3px; box-shadow: 5px 5px 45px 0 rgba(0, 0, 0, 0.12); position: absolute; z-index: 100; left: 50%; margin-left: 220px;; top: 60px;}
.loginboxtabs .nav-tabs{ border:none; padding: 20px 0 20px 0;}
.loginboxtabs .nav-tabs li{ width:50%; text-align: center;}
.loginboxtabs .nav-tabs li a{ display:inline-block; text-align:  center; line-height:200%;border: none;  padding: 0;  color:#666; margin: 0; font-size: 18px;}
.loginboxtabs .nav-tabs li a:hover{ background:none;border: none; }
.loginboxtabs .nav-tabs li.active a{ border-radius: 0; background: none; border: none; color:#3d75da; position: relative;}
.loginboxtabs .nav-tabs li.active a:before{ content: ""; width: 60%; height: 2px; background: #3d75da; left: 20%; bottom: 0; position: absolute;}
.inputbox{ position: relative;}
.login_input li{ position:relative; padding-bottom: 15px; overflow: hidden;}
.inputbox input{ display:block; height: 46px; padding-right: 76px;text-indent: 36px;;  line-height: 46px; width: 100%; border-radius:2px; border: 1px solid #efefef;  background: #efefef; font-size: 16px;;}
.inputbox:after{ position: absolute; left: 10px; line-height: 46px; top: 0; font-family: iconfont; color: #a9acb3; font-size: 16px;}
.inputbox.username:after{ content: "\e605";}
.inputbox.password:after{  content: "\e642";}
.inputbox.yzcode:after{  content: "\e623";}
.yzcode{width: 56%;}
.login_input li .btn{ line-height:32px;}
.login_input a{ cursor: pointer; }
.yzimg{ width: 40%; height: 46px;;}
.yzimg img{ width: 100%; height: 100%;}

.forget{ position: absolute; line-height: 46px; right: 0; top: 0; padding: 0 10px;}

.qr-coagent {background-color:#fff;color:#999;border:none;padding:0;line-height:25px;text-align: center;}
.qr-coagent ul {margin:0;}
.qr-coagent li {text-align:left;position:relative;margin-right:18px;display: inline-block;}
.qr-coagent li b {width:25px;height:25px;display:block;background:url(qr-coagent.png) no-repeat;margin:0 auto;position:absolute;left:0;top:-2px;}
.qr-coagent li .faster {background-position:-27px}
.qr-coagent li .more-safe {background-position:-54px;}
.qr-coagent li em {padding-left:32px;font-style:normal;*display:inline-block;_display:inline}

.loginewm p{text-align: center; padding: 20px 0; color: #777;  font-size: 15px;}
.ewmcode img{ width: 150px; margin: 25px auto; display: block; }


@media (max-width: 1200px){
  .loginboxtabs{ margin-left: 120px;}
}
@media (max-width: 990px){
  .loginboxtabs{
    left: auto;
  }
  /* .banner1 li.swiper-slide{background: #0085e2;} */
  .banner1 li.swiper-slide img{ filter: blur(50px); opacity:.5; height: 110%;}
}
/****/
.swbox{ position: relative; margin-top: 35px;}
.banner1{z-index: 10; position: relative; background:url(images/banner2.png) center center;}

.banner1 .swiper-slide a{ display: block; height: 540px;  display: flex;  justify-content: center; align-items: center;}
.banner1 .swiper-slide a img{ max-width: inherit;  width: 100%; height: 100%; object-fit: cover;}
.banner1 .swiper-pagination-bullet{ width: 50px; height: 4px; border-radius: 3px; background: #fff;}

/***模块滑动**/
.tabs{ position: relative;   padding-bottom: 20px;;}
.tabs:before{ position: absolute; left: 0; width: 100%; bottom: 20px; height: 1px; content: ""; border-bottom: 1px dashed #c5c5c5;}
.tabs ul{height: 100%; /** display: flex; **/ ;}
.tabs li a{ color: #000; font-size:18px; padding: 0 15px 15px 15px; display: block; height: 100%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tabs .swiper-slide-thumb-active a{ color: rgba(0,133,226,1);}
.tabs li{ position: relative; height:100%; cursor: pointer;}
.tabs li:before{ position: absolute; bottom: -4px; left: 50%; margin-left: -4px;; content: ""; width: 8px; height: 8px; border-radius: 100px; background: #9d9d9d;  z-index: 11;}
.tabs li.swiper-slide-thumb-active::before{  background: rgba(0,133,226,1); transform: scale(1.2);z-index: 11}
.tabs li:after{ position: absolute; bottom: -8px; left: 50%; margin-left: -8px;; content: ""; width: 16px; height: 16px; border-radius: 100%; background:  transparent; border:4px solid rgba(157,157,157,.2) ; z-index: 10;}
.tabs li.swiper-slide-thumb-active:after{  background:  #aad7f5; border:3px solid #e5f3fc; transform: scale(1.8);}

.row-xs{ margin-left: -5px;  margin-right: -5px;;}
.row-xs li{ padding: 0 5px;}

@media (max-width: 990px){
  .tabs ul{justify-content:flex-start; }
  .logo{  text-align: center;}
  .tabs li a{font-size: 16px;    padding: 0 0 15px 0;}
  .row-xs{ margin-1left: -5px!important;  margin-right: -5px!important;}
.row-xs li{ padding: 0 5px!important;}
}

/***图标**/
  .indexicon{padding: 45px 0;}
  .indexicon li a{ display: block; text-align: center; border: 1px solid #eee; color: #222; height: 100px; border-radius: 3px; padding:13px 0 15px 0;margin: 5px 0;}
  .indexicon li a i{display: block; text-align: center; font-size: 30px; padding-bottom:2px; height: 47px;}
  .indexicon li:nth-child(6n+1) a{ color: #0085e2; border-color: #dfefff; background: #f2faff;}
  .indexicon li:nth-child(6n+2) a{ color: #5bc900; border-color: #dbf1d4; background: #f0ffeb;}
  .indexicon li:nth-child(6n+3) a{ color: #2ad4a8; border-color: #d6f4ec; background: #eafef9;}
  .indexicon li:nth-child(6n+4) a{ color: #5b68ce; border-color: #e1e3f7; background: #f0f2ff;}
  .indexicon li:nth-child(6n+5) a{ color: #e9982f; border-color: #f5eae1; background: #fff9f2;}
  .indexicon li:nth-child(6n+6) a{ color: #ff5252; border-color: #ffe2e2; background: #fff3f3;}

  .indexicon .row{ margin-left: -10px;  margin-right: -10px;;}
  .indexicon .row li{ padding: 0 10px;}
  .indexicon li a:hover{transform: scale(1.1); box-shadow: 5px 5px 15px rgba(0,0,0,0.03);}
/***底部***/
  .footer{ background: #282c2f; padding: 40px 0; margin-top: 50px;}
  .footer ul{ display: flex; align-items: center; justify-content: space-between;}
  .footer p{ color: #acb0b4;}
  .footer a{ color: #fff;}
  .footer .copyright{ opacity: .85; padding: 5px 0; font-family: "等线";min-width: 300px;}

  @media (max-width: 990px){
    .indexicon{ padding: 25px 0;}
    .indexicon a span{ font-size: 16px;;}
    .footer{ margin-top: 30px;}
  .footer ul{ display: block;}
  .footer ul li:nth-child(2){ padding-top: 30px;;}

  }

/**模态框美化**/
  .modal-content{border-radius:5px;border:none;box-shadow:0 10px 50px 0 rgba(0,0,0,.5)}
  /* .modal-content .modal-header{border-bottom:none;padding:24px 24px 0 24px} */
  #system_door .modal-content .modal-header button{position: absolute;right: 14px;top: 18px;outline: 0;}
  #system_door .modal-title {
    color: #333 !important;
  }

  #system_door .close {
    display: block !important;
  }

  .modal-content .modal-header .title{margin-top:5px;margin-bottom:0}
  .modal-content .modal-body{padding:15px 24px;line-height:1.9}
  .modal-content .modal-footer{border-top:none;padding:15px 24px 15px 24px;-webkit-justify-content:space-between;justify-content:space-between}
  .modal-content .modal-footer button{margin:0;padding-left:16px;padding-right:16px;width:auto}
  .modal-content .modal-footer button.pull-left{padding-left:5px;padding-right:5px;position:relative;left:-5px}
  /* .modal-backdrop {background: rgba(0,0,0,0.3);} */
/* .modal-dialog {  position: absolute !important;  top: 50% !important;  left: 50% !important;  transform: translate(-50%,-100%) !important;} */


.friendship_link a{ background: #f6f6f6; display: block; height: 90px; display: flex; align-items: center; justify-content: center;}
.friendship_link .row{ margin-left: -10px;  margin-right: -10px;;}
.friendship_link .row li{ padding: 0 10px; margin: 5px 0;}
.friendship_link a img{ max-width: 90%; max-height: 35%;}


@media (max-width: 990px){
  .modal-content .modal-header button{ top: 18px;}
  /* .modal-content .modal-header{padding:15px 15px 0 15px} */
  .modal-content .modal-body{padding:15px;}
  .modal-content .modal-footer{padding:0 15px 15px 15px;}
.friendship_link .row{ margin-left: -5px;  margin-right: -5px;;}
.friendship_link .row li{ padding: 0 5px;}
}




.alltitle{ display: flex; align-items: center; justify-content: center; position: relative; padding: 50px 0 30px 0;}
.alltitle>div{ padding: 0 10px;}
.alltitle:before,.alltitle:after{ content: ""; width: 50px; height:2px; background: #c3c3c3;}
.alltitle h3{ font-weight: bold; color: #111111; text-align: center; font-size: 28px;;}
.alltitle h3 i{ font-style: normal; color: #0085e2;}
.alltitle  span{ color:#cdcdcd; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}



.down02 li{ display: flex; align-items: center; background: #f6f6f6; margin: 15px 0; padding:20px 45px; height: 162px;;}
.down02 li:first-child{ margin-top: 0;}
.down02 li:last-child{ margin-bottom: 0;}
.down02 li>div{ padding: 0 20px; width: calc(100% - 130px);}
.down02 li .imgbox,
.down02 li a{ flex-shrink: 0; }
.down02 li a{ border: 1px solid #0085e2; color: #0085e2; margin-left: auto;}
.down02 li a:hover{ background:#0085e2; color: #fff;}
.down02 h4{ color: #111; font-size: 18px; padding-bottom: 7px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.down02 p{ color: #888888; font-size: 13px; line-height: 1.6;height: 60px;  overflow: hidden;-webkit-line-clamp: 3;}
.down02 p span{ display: inline-block;}

.down01{ background: url(./images/down_bg.png); height: 515px; margin-left: 0px;;}
.down01 .imgbox{ margin-left: -15px; height: 100%; display: flex; align-items: flex-end;}
.downcode{ text-align: center; padding:60px 0; }
.downcode p{ color:#888888; font-size: 13px; line-height: 150%;}
.downcode>h3{ font-size: 18px; padding: 15px 0;}
.downcode li h4{ font-size: 15px; padding:15px 0 5px 0;}
.downcode li span{ display: block; width:54px; height: 54px; background: #fff; border-radius: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.downcode ul{ padding-top: 36px; margin: 0; }
.downcode li{ padding: 0 5px;}
.downcode li{ padding: 0;}
.downcode ul li p{ padding: 0 10px;}
.downcode .imgbox{ margin: 0;}
.downcode .imgbox div{width: 150px;display: block; margin:  0 auto;}


@media (max-width: 990px){
  .alltitle h3{ font-size: 24px;}
  .alltitle span{ font-size: 10px;}
  .alltitle::before, .alltitle::after{ height: 1px;;}
  .down01{ margin-left:-15px;;}
  .down01 .col-md-7{ padding-left:15px!important ;}
  .down02 li>div{padding: 0;}
  .down02 li{     padding: 20px 15px;}
  .down02 li:first-child{ margin-top: 30px;;}
  .down02 .imgbox{ width: 60px;; margin-right: 20px;;}
  .down02 li{ height: 140px;}
}


/**安全资源**/
.resources  .videobox{ height: 200px; position: relative; border-radius: 3px; overflow: hidden;;}
.resources  .videobox video{ width: 100%; height: 100%; object-fit: cover;}
.resources  .videonav{ position: absolute;  left: 0; bottom: 0; width: 100%; height: 50px; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));}
.resources  .videonav p{ line-height: 55px; color: #fff; font-size: 20px; padding-left: 50px;}
.resources  .videonav a { position: absolute; color: #fff; font-size: 32px; text-align: center; width: 50px; line-height: 55px;;}
.resources  .videonav a:before{content: "\e64d"; font-family: "iconfont";}
.resources  .videonav a.active:before{content: "\e606"; font-family: "iconfont";}

/**除第1个**/
.resources li a{
  display: block;
  line-height: 49px;
  color: #333333;
  font-size: 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px;
  white-space: nowrap;
  border-bottom: 1px solid #eee;
}
.resources>ul>li>a:after{ content: ""; position: absolute; right: 5px; top: 15px; border-radius: 100%; width: 20px; height: 20px; background-image: url(../images/typeicon.png);}
.resources .type_audio a:after{ background-position: 0 center;}
.resources .type_video a:after{background-position:40px center;}
.resources .type_pic a:after{background-position:60px center;}
.resources .type_txt a:after{background-position:20px center;}


/**安全专题**/
.swipernav>.swiper-wrapper>.swiper-slide{ height: 400px; overflow: hidden;;}
.tit01{ color: #333333; font-size: 20px; padding: 0 0  15px 0;}
.tit01 a{ float: right; font-size: 14px; line-height: 26px; display: inline-block; color: #999999;}
.special ul li a{ display: flex; }
.special li a .imgbox{ width: 270px; height: 86px; border-radius: 3px; overflow: hidden; flex-shrink: 0; margin-right: 15px;box-shadow: 0 0 2px rgba(0,0,0,0.1);;}
.special li a .imgbox img{ width: 100%; height: 100%; object-fit: cover;}
.special ul li{ margin-bottom: 25px;}
.special ul li:last-child{ margin-bottom: 0;}

.special li .listnav{ width:100%; }
.special li .listnav1{ width: calc(100% - 185px);}
.special li a:hover p{ color: #0085e2;}
.special li  a .imgbox img{ transition: all .5s;}
.special li  a:hover .imgbox img{ transform: scale(1.1);}

.special li .listnav p{ font-size: 18px; color: #333; height: 65px;}
.special li .listnav ol span{ color: #999999; display: inline-block; padding-right:20px;}

.special1 li a .imgbox{ width: 170px; height: 100px;}
.special1 li .listnav p{ height: auto; height: 25px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.special1 li .listnav div{ color: #999999; padding:5px 0 30px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.special1 ul li{ margin-bottom: 20px;}
.special1 ul{overflow: hidden;  height: 360px;}


.newsliststyle li a{ display: block; line-height: 38px; font-size: 15px; color:#333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsliststyle li a:hover{ color: #3d75da;}
.newsliststyle li span{ color: #999999; flex-shrink: 0;}
.newsliststyle li{display: flex; justify-content: space-between; align-items: center;}
.twolineshow{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{outline: none;}
.expert li{ background: #ecf6ff; height: 345px; padding:60px 0; text-align: center;}
.expert  .imgbox{margin: 0 auto; width: 140px; height: 140px; border-radius: 100%; overflow: hidden;;}
.expert  .imgbox img{ width: 100%; height: 100%; object-fit: cover;}
.expert  h3{ color: #0085e2; font-size: 20px; padding: 20px 40px  0 40px; margin-bottom: 10px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.expert  p{ color: #888888; font-size: 15px;}

.agreementInfoBox{ z-index: 1001;}

@media (max-width: 990px){
  .swipernav>.swiper-wrapper>.swiper-slide{ height: 500px;}
  .special1 ul{height: 670px;}
  .expertbox { margin-top: 25px;;}
  .tit01{ font-size: 17px; font-weight: bold;}
  .tit01 a{ font-weight: normal;}
  .special{ padding-bottom: 30px;;}
  .special ul li a{ display: block;}
  .special li a .imgbox{ width: 100%; height: 150px;}
  .special li .listnav{ padding-left: 0;}
  .special li .listnav p{ height: auto;  padding: 5px 0; white-space: normal;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;    -webkit-box-orient: vertical;}
  .special li .listnav{ width: 100%;}
.special1 li .listnav div {  padding: 5px 0 10px 0; display: none;}
.newsliststyle li a{ font-size: 18px;}
}

/**通知条**/
.newsbar{ background: #fff4f4;}
.newscroll{ padding-left:10px; height: 60px; margin-left: 0; width: 100%;}
.newsbar li{ line-height: 60px; color: #777777;}
.newsbar li a{  color: #333333; font-size: 17px;;}
.newsbar li span{  color: #777777;}

.newsarrow{ position: absolute; right: 5px; top: 30%; z-index: 100;;}
.newsarrow a{display: block; margin: 5px 0; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.newsarrow_down{ border-bottom: 6px solid #bbb;}
.newsarrow_up{ border-top: 6px solid #bbb;}
.newsarrow_down:hover{ border-bottom: 6px solid #0085e2;}
.newsarrow_up:hover{ border-top: 6px solid #0085e2;}
.newsbaricon{ color: #ee523d; font-size: 17px; flex-shrink: 0; display: flex; align-items: center;}
.newsbaricon i{ font-size: 20px; padding-right: 5px;}

@media (max-width: 990px){
  .newscroll{ padding-left: 26px; height: 48px;}
  .newsbar li{ line-height: 48px;}
  .newsbaricon i{ font-size: 16px;}
  .newsbar li a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-right: 10px; font-size: 16px;}
  .newsarrow{ top: 24%; right: 0;}
}


#columns,#news_info{ height: 100%;}
.menu{ background: #fff; border: none; border-radius: 0; border-top: 1px solid #f3f3f3; margin-bottom: 0;}
.containernav{ min-height: calc(100% - 323px); background: linear-gradient(to bottom,#0085e2,#fff 70%);}
.containerpd{ background: #fff;  padding: 60px;}
.bannersm{ height: 100px; line-height:100px;font-size: 30px; padding-left: 58px; font-weight: lighter; color: #fff; background: url(../images/bannersm.png) no-repeat right top;}
.menu{ min-height: inherit;}
.menu ul{ text-align: center; float: none; font-size: 0;}
.menu li{ float: none; display: inline-block;}
.menu li a{ font-size: 18px; color: #333!important; padding:15px 20px; display: block;}
.menu li.active a{ color: #0085e2!important; background: none!important;}
.menu .navbar-collapse{ border: none;}
.logo{height:60px;display: flex;align-items: center;}
.logo img{max-height: 90%;max-width: 100%;}
.logo .menubtn{ display: none; text-align: right;}
.logo .menubtn i{font-size: 22px; color: #ccc;}
.menu_sm li a{ font-size: 16px; padding: 15px 8px;}

.leftmenu>ul>li>a{ display: block; border-bottom: 1px solid #eee; line-height:48px; font-size: 16px; color: #666666; position: relative; padding-left: 15px;}
.leftmenu>ul>li>a:before{ content: ""; width: 3px; height:20%; left: 0; top: 40%; background: #eee;  position: absolute; }
.leftmenu>ul>li.active>a{  color: #0085e2;}
.leftmenu>ul>li.active>a:before{ background: #0085e2;}


.leftmenu ul ul{ display: none;}
.leftmenu li ul a{ display:block; color: #888; line-height: 36px; padding-left: 15px; }
.leftmenu li ul li{border-bottom: 1px dotted #eee;}
.leftmenu li ul li.active a{color: #0085e2;}
.leftmenu li ul li:last-child{border-bottom: none;}
.leftmenu li.active ul{ display: block;}
.leftmenu .leftmenu_arrow{ position: relative;}
.leftmenu .leftmenu_arrow:before{ position: absolute; right: 3px; top: 22px; border-left: 4px solid transparent;  border-right: 4px solid transparent;
  border-top: 5px solid #ddd; content: "";}
  .leftmenu li.active.leftmenu_arrow:before{ transform: rotate(180deg);}


@media (max-width: 990px){
  .leftmenu{ padding-bottom: 15px;}
  /* .tel{ border-bottom: 1px solid #eee;} */
  .bannersm{height: 80px; line-height:80px;font-size: 24px; padding-left: 0; text-align: center;}
  .menu{ border: none;}
  .logo{ display: flex; align-items: center; justify-content: space-between;}
  .logo .logoimg{ width: calc(100% - 50px);}
  .logo .menubtn{ display: block; width: 32px; height: 32px;  flex-shrink: 0;}
  .containerpd{ background: #fff; min-height: inherit; padding: 0px;}
  /* .bannersm{ background-size: 100% auto;} */
}

.contitle h1{ font-size: 24px; padding-bottom: 10px; line-height: 1.5;}
.contitle  p span{ display: inline-block; color: #888; padding: 0 8px;}
.contitle{ text-align: center; padding-bottom: 20px;}
.contxt p{ padding:7px 0; font-size: 16px; line-height: 1.6;word-break: break-all;}
.contxt div{word-break: break-all;}
.contxt span{word-break: break-all;}
.contxt img{ max-width: 100%!important; margin: 0 auto; display: block; padding:7px 0; }
.contxt audio{ margin: 30px auto; display: block; width: 100%; max-width: 480px;}

.u_login_ok{ text-align: center; padding:50px 0;}
.u_login_ok .userheadimg{    width: 86px;  height: 86px; overflow: hidden; border-radius: 100%;margin: 0 auto; border:1px solid #eee; padding: 3px;}
.u_login_ok .userheadimg img{ width: 100%; height: 100%; object-fit: cover;  border-radius: 100%;}

.u_login_ok h6{font-size: 15px;  color: #666; padding: 10px 0 5px 0;}
.u_login_ok h5{font-size: 18px;  margin-top: 5px;  margin-bottom: 8px;}
.u_login_ok h4{ color: #63ae10;padding-top:40px;font-size:20px; display: flex; align-items: center; justify-content: center;}
.u_login_ok h4 i{ font-size: 30px; margin-right: 10px;}
.u_login_ok .btn_user a{width: 50%; line-height: 48px; display: flex;  align-items: center; justify-content: center; color: #555; font-size: 15px;;}
.u_login_ok .btn_user a i{ font-size: 18px; color: #999; margin-right: 5px; }
.u_login_ok .btn_user a:first-child{ border-right: 1px solid #eee;}
.u_login_ok .btn_user a:hover{ background: #f5f5f5; }
.u_login_ok .btn_user{ display: flex; border-top: 1px solid #eee; margin-left: -25px; margin-right: -25px;; position: absolute; bottom: 0; width: 100%;}
@media (max-width: 990px){
  .contitle h1{padding-top: 30px; font-size:20px}
  .contxt p,.contxt { font-size: 15px;}
}

.down02 .imgbox{ width: 70px; height:70px; padding: 0;}
.down02 .imgbox img{ width: 100%; height:100%; object-fit: contain;}
