@charset "utf-8";

/* CSS Document */

/* 初始化CSS */
html,body{min-width: 300px;width: 100%;}
*{margin:0; padding:0;font-family: 'microsoft Yahei'}

h1, h2, h3, h4, h5, h6{font-weight:normal;}

h3, h4{font-weight: bold;}

fieldset, img{vertical-align:middle; border:none;}

address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}

ul, ol{list-style:none;}

li{list-style-type:none;}

select, input{vertical-align:middle;}

select, input, textarea{font-size:12px; margin:0;outline-style:none;font-family:Arial, Helvetica, sans-serif;}

input[type="button"]{cursor: pointer;}

input{border: none;}

textarea{resize:none;}

input{outline: none;vertical-align: middle;border: none;}

input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none; }

input[type="checkbox"]{border-radius: 0;border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}

input[type="radio"]{border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}

textarea {-webkit-appearance: none;} 

input,textarea{-webkit-border-radius:none;}

a,a:hover,a:active,a:visited,input{tap-highlight-color: rgba(0,0,0,0);focus-ring-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-focus-ring-color: rgba(0, 0, 0, 0);-moz-tap-highlight-color: rgba(0,0,0,0);-moz-focus-ring-color: rgba(0, 0, 0, 0);border: none;}

body{position: relative;  color:#232323; font:12px Arial, Helvetica, sans-serif;background-color: #fff; font-family: "微软雅黑";font-family: "Microsoft Yahei";}

a{cursor: pointer; text-decoration:none;outline: none;-webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}



a:visited;a:active{color:#232323;}

.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

.clearfix{zoom:1;}

.fl{float: left;}

.fr{float: right;}

.clear{clear: both;float: none;}

.overflow-hidden{overflow: hidden;width: 100%;}
.fixed{position: fixed;}
.center-block{width: 100%; max-width: 1200px;margin: 0 auto; }



/*头部条*/
.top-bar{background: #1f365c;color: #fff;height: 32px;line-height: 32px;font-size: 14px;z-index:1000;}
.top-bar i{margin-right: 5px;font-size: 16px;}
.top-bar .fr{margin-right: 1%}
.top-bar .fl{margin-left: 1%}
/*网站头部*/
.header{width: 100%; max-width: 1200px;margin:0 auto;padding: 0.2rem 0;z-index: 999;background: #fff}

.header .logo-block{float: left;}
.header .logo-block a{font-size: 0.3rem;color: #040c7a;font-weight: bold}
.header .logo-block img{margin-right:0.2rem;}
.header .logo-block span{top: 0.03rem;position: relative;}

.header .search-block{float: right;width: 24%;margin-right: 1%; overflow: hidden;position: relative;top:0.18rem;border:1px solid #040c7a;border-radius: 4px;}

.header .search-block input.search-word{background:none;padding: 0.06rem 0.1rem;width: 75%;font-size: 0.14rem;}
.header .search-block input.submit{font-size: 0.16rem;color: #040c7a; position: absolute;right: 0.1rem;top:0.02rem;background: none;cursor: pointer;}


.nav{border-top:1px solid #ddd;box-shadow:0px 2px 2px rgba(0,0,0,0.1);padding: 0;width: 99.9%;top:0;z-index: 999;background: #fff;}
.nav ul{width: 100%; max-width: 1200px;margin: 0 auto;margin: 0rem auto;}
.nav ul li{width: 14.2%;float: left;text-align: center;font-size: 16px;position: relative;height: 40px;}
.nav ul li:last-child{border-right: none}
.nav ul li i{margin-right: 0.1rem;}
.nav ul li *{color: #777;}

.nav ul li>a{border-right: 1px solid #ddd;display: block;height:24px;margin-top: 0.08rem;}
.nav ul li a:hover {color: #040c7a;font-weight: bold;}
.nav ul li:hover i{color:#040c7a}
.nav ul li:hover>a{color:#040c7a ;font-weight: bold;}
.nav ul li.on i{color: #040c7a}
.nav ul li.on>a{color: #040c7a;font-weight: bold;}
.nav ul li:nth-child(2)>a{border-left:1px solid #ddd;}
.nav ul li .nva-second{display: none;text-align: left;box-shadow: 0px 2px 2px #ddd; position: absolute;top:0.4rem;z-index: 9;background: #fff;padding:0 20px 12px; width:230px;}
.nav ul li:nth-child(8) .nva-second {right: 0; }
.nav ul li .nva-second a{display: block;line-height: 200%;font-size: 0.14rem;font-weight: normal;}
.nav ul li .nva-second a:hover{font-weight: bold;}
.nav ul li .nva-second a.on{color: #040c7a;font-weight: bold; }

.nav ul li.logo{display: none;}
.nav ul li.logo img{width: 90px;}
.nav.fixed ul li.logo{display: block;}
.nav.fixed ul li{width: 12.3%;line-height: 40px;}
.nav.fixed ul li .nva-second{top:40px;}
.nav.fixed ul li.logo a{margin-top: 0;border:none;}
.scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 44px;
    height: 44px;
    opacity: 1;
    z-index: -1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    text-align: center;
    font-size: 24px;
    line-height: 44px;
    color: #fff;
    z-index: 10000;
    display: none;
}

#menu {
  display: none;
  overflow: hidden;
  height: 100%;
  position: fixed;
  right: 0;
  z-index: 9999;
  top:0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#ensconce {
  /*隐藏菜单样式*/
  height: 36px;
  text-align: center;
  position: relative;
  display: none;
  float: right;
  right: 0;
  font-size: 20px;
}
 
#menu #open {
  /*显示菜单样式*/
  width: 3.6rem;
  height: 100%;
  background-color:#1f365c;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
}
#menu #open .navH {
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.34rem;
  color: #fff;
  position: relative;
  box-sizing: border-box;
}
#menu #open .navH span {
  position: absolute;
  top: 49%;
  right: 0;
  padding: 0 0.15rem;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
}
#menu #open .navH span .obscure {
  width: 0.24rem;
}
#menu #open .navBox {
  height: 100%;
  overflow-y: auto;
  padding-left: 0.05rem;
  padding-right: 0.07rem;
  margin-top: 0.1rem;
}
#menu #open .navBox ul li {
  background-color: #1f365c;
  cursor: pointer;
  margin-bottom: 4px;
  border-bottom:1px solid rgba(255,255,255,0.5);
}
/*#menu #open .navBox ul li .obtain {
  background-color: #3889D4; 
}
#menu #open .navBox ul li .obtain:hover {
  background-color: #3D8332; 
}*/

#menu #open .navBox ul li a{color: #fff;}
#menu #open .navBox ul li h2 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  text-indent: 0.1rem;
  color: #fff;
  font-size: 16px;
  padding: 0.15rem 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}

#menu #open .navBox ul li h2 span{margin-right:0.1rem;}

#menu #open .navBox ul li .secondary h3.on{background: #1acbfc} 

#menu #open .navBox ul li h2 i {
  position: absolute;
  top: 50%;
  right: 0.15rem;
  border-top: 0.07rem transparent dashed;
  border-left: 0.07rem solid #fff;
  border-right: 0.07rem transparent dashed;
  border-bottom: 0.07rem transparent dashed;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.6s ease;
  -moz-transition: -moz-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  -ms-transition: -ms-transform 0.6s ease;
  transform-origin: 4px 3px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#menu #open .navBox ul li h2 .arrowRot {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#menu #open .navBox ul li .secondary {
  overflow: hidden;
  height: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}
#menu #open .navBox ul li .secondary h3 {
  padding: 0.1rem 0;
    text-align: left;
    padding-left:0.3rem;
    font-size: 0.13rem;
    background-color: #1f365c;
    color: #ffffff;
    border-bottom: 0.8px solid #646873;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
#menu #open .navBox ul li .secondary h3:hover {
  background-color: #1acbfc;
}
#menu #open .navBox ul li .secondary .seconFocus {
  background-color: #1acbfc;
  -webkit-box-shadow: 3px 3px 3px #aa8c51;
  -moz-box-shadow: 3px 3px 3px #aa8c51;
  box-shadow: 3px 3px 3px #aa8c51;
}


#menu .search-block{float: right;display: none; width: 24%;overflow: hidden;position: relative;top:0.18rem;border:1px solid #040c7a;border-radius: 4px;width: 98%;background: #fff;}
#menu .search-block input.search-word{background:none;padding:5px 10px;width: 75%;font-size: 14px;}
#menu .search-block input.submit{font-size: 16px;color: #040c7a; position: absolute;right: 10px;top:3px;background: none;cursor: pointer;}



/* 首页焦点图栏*/
.f1-block{max-width: 1200px;width: 100%;margin: 0 auto;margin-top:0.2rem;}
.f1-block .banner{width: 45%;float: left;}
.f1-block .banner .swiper-slide {background: url() no-repeat center top;background-size: cover;height: 320px;}
.f1-block .banner .swiper-pagination{text-align: right;width: auto !important;right: 0.1rem;bottom: 0.1rem; left:auto;}
.f1-block .banner .swiper-slide p{position: absolute;bottom:0;background: rgba(0,0,0,0.6) no-repeat;width: 100%;padding: 10px 0; text-indent: 0.1rem;}
.f1-block .banner .swiper-slide p a{color: #fff;
    display: inline-block;
    white-space: nowrap;
    max-width: 64%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.f1-block .banner .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color:#000;
  opacity: 1;
  background: rgba(255,255,255,1);
  border-radius: 0;
  outline: none;

}
.f1-block .banner .swiper-pagination-bullet-active {
  color:#fff;
  background: #040c7a;
  border:1px solid rgba(255,255,255,0.5);
}

.f1-block .tab-news{float: left;width: 53%;margin-left:2%;height: 320px;overflow: hidden;}
.f1-block .tab-news ul{flex-wrap: wrap;display: flex;}
.f1-block .tab-news ul li{flex-basis: 33.3%;text-align: center;}



.f1-block .tab-news .tab-list{display: flex;flex-wrap: wrap;}
.f1-block .tab-news .tab-list a{display: inline-block;color: #666;border-right: 1px solid #fff; background: #e8e8e8;flex-grow: 3;text-align: center;padding: 10px 0;font-size: 16px;}
.f1-block .tab-news .tab-list a.on{background: #040c7a;color: #fff;}
.f1-block .tab-news .tab-list a:hover{background: #040c7a;color: #fff;}
.f1-block .tab-news .tab-list a:last-child{border-right: none;}
.f1-block .tab-news .news-list{display: none;padding: 14px 0;}
.f1-block .tab-news .news-list li{text-align: left;line-height: 190%;font-size: 14px;}
.f1-block .tab-news .news-list li span{float: right;margin-right: 0.1rem;}
.f1-block .tab-news .news-list li a{
    color: #333;
    display: inline-block;
    white-space: nowrap;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.f1-block .tab-news .news-list li a:hover{color:#0066CC;text-decoration-line: underline;}

.active-block{width: 100%;max-width: 1200px;margin: 0.2rem auto;overflow: hidden;font-size: 0;}
.active-block img{width: 100%;}


.article-download{margin-bottom: 0.2rem;border-bottom:1px solid #ddd;padding-bottom:0.1rem;}
.article-download h4{font-size:16px;color: #040c7a;border-bottom:1px solid #040c7a;padding-bottom: 0.05rem;margin-bottom: 0.1rem;}
.article-download i{color: #040c7a;font-size: 12px;}
.article-download li{padding: 0.05rem 0;list-style-type: disc;margin-left: 0.16rem;line-height: 180%;font-size: 16px;}
.article-download li i{float: right;position: relative;top:0.05rem;}
.article-download li a{text-decoration: underline;}

.advantage-block{max-width: 1200px;width: 100%;margin: 0 auto;margin-top: 0.45rem;}
.advantage-block video{width: 42%;float: right ;}
.advantage-block ul{display: flex;flex-wrap: wrap;flex-grow: 2;width: 54%;float:left;margin-top: 15px;}
.advantage-block ul li{flex-basis:48%;margin: 0 1%;text-align: center;margin-bottom:24px;}
.advantage-block ul li i{font-size: 0.22rem;background: #040c7a;color: #fff;padding: 15px 15px;border-radius: 100%;margin-bottom: 0.2rem;}
.advantage-block ul li h4{font-size: 16px;}
.advantage-block ul li h4 a{color: #040c7a;}
.advantage-block ul li p{font-size: 14px;margin-top: 10px;}
.advantage-block ul li:hover i{background: #ffffff;color: #040c7a;cursor: pointer;}

.f3-block{width: 100%;margin:0 auto;max-width: 1200px;margin-top: 0.6rem;}
.f3-block .notice-block{width: 30%;float: left;}
.f3-block .notice-block h4{border-bottom:1px solid #040c7a;font-size: 16px;padding-bottom: 5px;}
.f3-block .notice-block h4 span{background: #040c7a;color: #fff;padding:5px 10px;}
.f3-block .notice-block h4 a{float: right;font-size: 14px;}
.f3-block .notice-block ul {padding:14px 0;}
.f3-block .notice-block ul li{line-height: 200%;}
.f3-block .notice-block ul li span{float: right;}
.f3-block .notice-block ul li a{
    color: #333; 
    display: inline-block;
    white-space: nowrap;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
.f3-block .notice-block ul li a:hover{color:#0066CC;text-decoration: underline;}

.f3-block .case-block{width: 64%;float: right;}
.f3-block .case-block h4{border-bottom:1px solid #040c7a;font-size: 16px;padding-bottom: 5px;}
.f3-block .case-block h4 span{background: #040c7a;color: #fff;padding:5px 10px;}
.f3-block .case-block h4 a{float: right;font-size: 14px;}
.f3-block .case-block .swiper-slide {text-align: center;padding-top: 20px;}
.f3-block .case-block .swiper-slide video{width: 80%;height: 150px;}
.f3-block .case-block .swiper-slide h5{margin-top: 12px;font-size: 14px;}
.f3-block .case-block .swiper-button-prev{left:0px;font-size: 36px;background: none;color:#040c7a;width: 20px;}
.f3-block .case-block .swiper-button-next{right: 0;font-size: 36px;background: none;color:#040c7a;width: 20px;}
.partner-block{width: 100%;max-width: 1200px;margin: 0.2rem  auto 0.45rem;padding-top: 0rem;text-align: center;}
.partner-block a{width: 16.32%;display: inline-block;text-align: center;}
.partner-block a img{margin-bottom: 0.1rem;width: 98%;}

.partner-block h4{border-bottom:1px solid #040c7a;font-size: 16px;padding-bottom: 5px; text-align: left;margin-bottom: 0.2rem;}
.partner-block h4 span{background: #040c7a;color: #fff;padding:5px 10px;}
.partner-block h4 a{float: right;font-size: 14px;width: auto;}

/*公告底部*/
.footer{background: #1f365c;color: #fff;}
.footer .company-info{padding: 0.2rem 0;}
.footer .company-info .base-info{float: left;}
.footer .company-info .base-info p{line-height: 240%;margin-top: 0.1rem;font-size: 14px;}
.footer .company-info .contact{float: left;margin-left: 1rem;}
.footer .company-info .contact h4{font-size:0.16rem;margin-top: 0.05rem;}
.footer .company-info .contact h5{color: rgba(255,255,255,1);margin-top: 0.1rem;font-size: 14px;}
.footer .company-info .contact h5 b{color: rgba(255,255,255,1);margin-right: 0.1rem;}
.footer .company-info .contact a{color: #fff;margin-right: 0.1rem;margin-top: 0.05rem;display: inline-block;}
.footer .company-info #map{float: right;width: 450px;height: 140px;}
.footer .copyright {margin-top: 0.2rem;padding: 0.14rem 0;border-top:1px solid  #fff;}
.footer .copyright p{float: left;}
.footer .copyright p a{color: #fff;}
.footer .copyright ul{float: right;}
.footer .copyright ul li{float: left;margin-left: 0.2rem;position: relative;}
.footer .copyright ul li a{color: #fff;}
.footer .copyright ul li a i{margin-right: 0.05rem;}



.footer .copyright ul li .nva-second{display: none;text-align: left;position: absolute;bottom:16px;z-index: 9;background: #fff;padding:10px 20px ; width:max-content;}
.footer .copyright ul li:nth-child(7) .nva-second{right: 0;}
.footer .copyright ul li .nva-second a{display: block;line-height: 200%;font-size:14px;color:#777; }
.footer .copyright ul li .nva-second a:hover{color: #040c7a;font-weight: bold;}
.footer .copyright ul li .nva-second a.on{color: #040c7a;font-weight: bold; }

.cate-content{background: #f2f2f2;padding-top: 0.1rem;padding-bottom: 0.45rem;}
.cate-content .center-block{background: #fff;}
.cate-content .categore-bar{background:#fff ;padding-left: 0.3rem;border-bottom: 1px solid #ddd;}
.cate-content .categore-bar ul li{float: left;padding:20px 0;}
.cate-content .categore-bar ul li a{margin-right: 10px;color: #040c7a;font-size: 14px;}

.cate-content .left-block{float: left;width: 70%;background: #fff;padding:0 0rem;margin:0.2rem 0; padding-bottom: 0; box-sizing: border-box;border-right:1px solid #ddd;}
.cate-content .cat-block{width: 93%;margin: 0 auto;margin-bottom:0.2rem;}
.cate-content .cat-block h4{border-bottom: 1px solid #ddd;font-size:16px;margin-bottom: 0.1rem;}
.cate-content .cat-block h4 span{background: #040c7a;color: #fff;padding:0.1rem;display: inline-block;}
.cate-content .cat-block ul li{padding: 0.1rem 0;line-height: 160%;font-size: 14px;list-style-type: square;margin-left: 0.2rem;}



.cate-content .cat-block .case-block{float: none;margin-bottom: 0.2rem;}
.cate-content .left-block .img-block{width: 93%;margin: 0 auto;margin-bottom: 0.3rem;}
.cate-content .cat-block .case-block .swiper-slide {text-align: center;padding-top: 20px;}
.cate-content .cat-block .case-block .swiper-slide img{width:100%;height: 2.4rem;}
.cate-content .cat-block .case-block .swiper-slide h5{margin-top: 12px;}
.cate-content .cat-block .case-block .swiper-slide h5 a{color: #333;}
.cate-content .cat-block .case-block .swiper-button-prev{left:0px;font-size: 36px;background: none;width: 24px;text-align: center;line-height:110%; background:rgba(0,0,0,0.3);color: #fff;}
.cate-content .cat-block  .case-block .swiper-button-next{right: 0;font-size: 36px;background: none;width: 24px;text-align: center;line-height:110%; background:rgba(0,0,0,0.3);color: #fff;}
.cate-content .cat-block .case-block .swiper-button-prev:hover{background:rgba(0,0,0,0.8)}
.cate-content .cat-block .case-block .swiper-button-next:hover{background:rgba(0,0,0,0.8)}
.cate-content .right-block{float: right;width: 30%;background: #fff;box-sizing: border-box;padding:0.2rem 0.3rem;}
.cate-content .right-block .win-box{margin-bottom: 0.1rem;}
.cate-content .right-block .win-box h4{font-size:16px;border-bottom: 1px solid  #ddd;padding-bottom: 0.03rem;}
.cate-content .right-block .win-box h4 a{font-size: 14px;float: right;}
.cate-content .right-block .win-box ul{padding: 0.1rem 0;}
.cate-content .right-block .win-box ul li{line-height: 200%;list-style-type:disc;margin-left: 0.15rem;}
.cate-content .right-block .win-box ul li span{float:right;margin-right: 0.1rem;font-size: 14px;}
.cate-content .right-block .win-box ul li a{
    color: #333;
    display: inline-block;
    white-space: nowrap;
    max-width: 60%;
    line-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
.cate-content .right-block .win-box ul li a:hover{color:#040c7a;text-decoration: underline;}
.cate-content .bdsharebuttonbox{float: right;margin-right:0.2rem;margin-top:0.1rem;}

.txt-block{margin-bottom: 0rem;width: 93%;margin: 0 auto;}
.txt-block .text-box{line-height: 160%;font-size: 14px;padding: 0.2rem 0;text-align: justify; }
.txt-block .text-box *{max-width: 100%;}
.txt-block .text-box img{margin: 0.15rem 0;}
.txt-block .text-box strong{margin: 0.08rem 0;display: inline-block;}

.txt-block h4{border-bottom: 1px solid #ddd;font-size: 16px;position: relative;}
.txt-block h4 span{background: #040c7a;color: #fff;padding:0.1rem;display: inline-block;}
.txt-block h4 b{font-size: 14px;position: absolute;right: 0;bottom: 0;font-weight: normal;color: #666;}
.txt-block h5{margin-top: 0.2rem;font-size: 16px;margin-bottom: 0.1rem;}
.txt-block ul li{list-style-type: disc;margin-left: 20px;}
.txt-block h4 a {
    font-size: 16px;
    float: right;
    margin-top: 0.14rem;
}

.txt-block .text-box .article-download li:nth-child(n+10){display: none;}

.right-slide-box{width: 100%;margin-bottom: 0.2rem;}
.right-slide-box .swiper-slide {background: url() no-repeat center top;background-size: cover;}
.right-slide-box .swiper-pagination{text-align: right;width: auto !important;right: 0.1rem;bottom: 0.07rem; left:auto;}
.right-slide-box .swiper-slide p{position: absolute;bottom:0;background: rgba(0,0,0,0.6) no-repeat;width: 100%;padding: 10px 0; text-indent: 0.05rem;}
.right-slide-box .swiper-slide p a{color: #fff;
    display: inline-block;
    white-space: nowrap;
    max-width: 60%;
    line-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.right-slide-box .swiper-slide img{width: 100%;height: 1.8rem;}
.right-slide-box .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color:#000;
  opacity: 1;
  background: rgba(255,255,255,1);
  border-radius: 0;

}
.right-slide-box .swiper-pagination-bullet-active {
  color:#fff;
  background: #040c7a;
  border:1px solid rgba(255,255,255,0.5);
}

.leve-message{border-radius:0.1rem;border:1px solid #040c7a;padding:0.2rem 0.2rem 0.4rem;margin-top: 0.2rem;}
.leve-message h4{font-size: 16px;border-bottom: 1px solid  #ddd;padding-bottom: 0.1rem;text-align: center;color:#040c7a }
.leve-message h4 i{margin-right: 0.05rem;}
.leve-message p{padding: 0.1rem;text-indent: 0.24rem;line-height: 160%;font-size: 14px;}
.leve-message form{}
.leve-message form input[type="text"]{border-bottom: 1px solid #ddd;width: 100%;padding: 0.1rem 0;text-indent: 0.1rem;font-size: 14px;}
.leve-message form input[type="submit"]{background: #040c7a;font-size: 16px; cursor: pointer; color: #fff;padding: 0.08rem 0;width: 100%; border-radius: 0.1rem; margin: 0 auto;display: block;margin-top: 0.2rem;}
.leve-message form input[type="submit"]:hover{opacity: 0.8}
.leve-message form textarea[type="text"]{border: 1px solid #ddd;width: 100%;padding: 0.1rem ;font-size: 14px;margin-top: 0.1rem;box-sizing: border-box;min-height: 1rem;}
.leve-message form input[type="file"]{border-bottom: 1px solid #ddd;width: 100%;padding: 0.1rem 0;text-indent: 0;font-size: 14px;padding-left: 0.1rem;}

.right-search-block {position: relative;margin-top: 0.3rem;}
.right-search-block input[type="text"]{border-radius: 8px;font-size: 0.14rem; width: 100%;box-sizing: border-box; border:1px solid #040c7a;padding: 0.1rem;display: block;margin: 0 auto;}
.right-search-block input[type="submit"]{width:30px;height:0.2rem;position: absolute;top:0;right: 0rem;opacity: 0;background: none;cursor: pointer; }
.right-search-block label i{ font-size:20px;}
.right-search-block label{ position: absolute;float: right;top:0.08rem;right: 0.1rem;}

.article-content{width: 93%;margin:0 auto;}
.article-content .article-head{border-bottom:1px solid #ddd;padding-bottom: 0.1rem;}
.article-content .article-head h1{margin-bottom: 0.2rem;text-align: justify;line-height: 140%;color: #000;font-size: 0.3rem;font-weight: bold;}
.article-content .article-head .push-time{font-size: 14px;}
.article-content .article-head .push-time b{float: right;font-weight: normal;}
.article-content .article-head .push-time b a{color: #333;}
.article-content .article-body{padding: 0.2rem 0;line-height: 180%;text-align: justify;font-size: 16px;}
.article-content .article-body *{max-width: 100%;}
.article-content .article-body img{margin: 0.15rem 0;max-width: 640px;}
.article-content .article-foot{padding: 0.2rem 0 0;font-size: 14px;border-top: 1px solid rgb(4, 12, 122);}
.article-content .article-foot .prevarticle{float: left;}
.article-content .article-foot .nextarticle{float: right;}
.article-content .article-foot a{margin-bottom: 10px;color: #333}
.article-content .article-foot a:hover{text-decoration: underline;}

.article-content .article-body table td{padding-left: 5px;text-align: center;}

.text-box table td{padding: 5px 0 5px 5px;text-align: center;font-size: 14px;}
.text-box table th{padding: 5px 0 5px 5px;text-align: center;font-size: 14px;font-weight: bold;}

.sports-lists i{font-style: normal;font-size: 16px;font-weight: bold;margin-right: 5%;top:0 !important;}
.sports-lists b{font-style: normal;font-size: 16px;float: right;margin-right: 20%;font-weight: bold;color: #040c7a;}


.news-list{width: 93%;margin:0 auto;}
.news-list dl{clear: both;margin-bottom: 0.2rem;border-bottom:1px solid #ddd;padding-bottom: 0.2rem;}
.news-list dl a{color: #333;}
.news-list dl a:hover{color: #040c7a;}
.news-list dl dt{float: left;margin-right: 0.1rem;width: 24%;height: 1.2rem;overflow: hidden;}
.news-list dl dt img{width: 100%;}
.news-list dl dd{line-height: 200%;text-align: justify;}
.news-list dl dd h4{font-size: 16px;margin-bottom: 0.05rem;}
.news-list dl dd i:before{margin-right: 0.05rem;}
.news-list dl dd i{float: right;margin-top: 0.05rem;}
.news-list dl dd p{font-size: 14px;}
.pages{text-align: center;margin-top: 0.1rem;}
.pages a{display: inline-block;padding: 5px 10px;border:1px solid  #040c7a;border-radius: 3px;margin:0 5px;}
.pages span{display: inline-block;padding: 5px 10px;background:#040c7a;color: #fff;border:1px solid  #040c7a;margin: 0 5px;border-radius: 3px;}
.pages a:hover{background:#040c7a;color: #fff;}

.img-block{margin-bottom: 0.3rem;}
.img-block img{width: 100%;}
.video-list{width: 93%;margin:0 auto;}
.partner-list{width: 95%;margin: 0 auto;}
.partner-list ul{display: flex;flex-wrap: wrap;}
.partner-list ul li{position: relative; flex-basis:24%;flex-grow: 3;box-sizing: border-box;margin: 0 10px 20px;overflow: hidden;}
.partner-list ul li img{width: 100%;height: 0.6rem}
.partner-list ul li p{display:none;padding-top: 0.2rem;font-size: 0.14rem; position: absolute;top:0;left: 0; background: rgba(0,0,0,0.6);width:100%;box-sizing: border-box;height: 100%;color: #fff;text-align: center;vertical-align:middle;}


.video-list ul{ }
.video-list ul li{float: left;width: 32%;margin-right: 2%;text-align: center;margin-bottom: 0.2rem;}
.video-list ul li video{width: 100%;height: 1.6rem;}
.video-list ul li h5{height: 32px;overflow: hidden;}

.job-bottom{width: 93%;margin: 0 auto;border-top: 1px solid #040c7a;padding-top: 0.1rem;font-size: 0.14rem;line-height: 160%;}
.job-bottom h4{font-size: 0.16rem;margin-bottom: 0.05rem;}

.li-row-2{margin-top: 0.2rem;}
.li-row-2 li{width: 33%;float:left;list-style-type: none !important;margin-left: 0 !important;}
.text-box .li-row-2 li:nth-child(n+28){display: none;}
.row-2-ul{width: 98%;}
.row-2-ul li{width:45%;float: left;}
.bdshare_popup_box{z-index: 998!important}

.left-block .left-nav{
  float: left;
  width: 22%;
  background: #f2f2f2;
  margin-left: 0.3rem;
  position: sticky;
  top:60px;
  box-shadow: 1px 2px 3px #ddd;
  z-index: 9;
}

.left-block .left-nav a{
  display: block;
  border-bottom:1px solid #ddd;
  padding: 0.1rem;
  color: #333;
  font-size: 14px;
}

.left-block .left-nav a.active{
  background: #fff;
  color: #040c7a;
  font-weight: bold;
  font-size: 14px;
}
.left-block .left-nav a:hover{
  background: #fff;
  color: #040c7a;
  font-weight: bold;
  font-size: 14px;
}
.left-block .left-content{
  float: right;
  width: 75%;
}

.left-block .left-nav h4{    background: #040c7a;
    color: #fff;
    font-size: 16px;
    padding: 18px 0.1rem;
}


.leve-message-bottom{border:1px solid #040c7a;padding:0.2rem 0.2rem 0.3rem;width: 89%;margin: 0.3rem auto;}
.leve-message-bottom h4{font-size: 16px;border-bottom: 1px solid  #ddd;padding-bottom: 0.1rem;text-align: left;color:#040c7a }
.leve-message-bottom h4 i{margin-right: 0.05rem;}
.leve-message-bottom p{padding: 0.1rem;line-height: 160%;}
.leve-message-bottom form div.form-input{float: left;width: 48%;}
.leve-message-bottom form input[type="text"]{border-bottom: 1px solid #ddd;width: 100%;padding: 0.1rem 0;text-indent: 0.1rem;}
.leve-message-bottom form input[type="submit"]{background: #040c7a;cursor: pointer; color: #fff;padding: 0.1rem 0;clear: both; width: 100%; display: block;margin-top: 0.2rem;font-weight: bold;}
.leve-message-bottom form input[type="submit"]:hover{opacity: 0.8}
.leve-message-bottom form textarea[type="text"]{float: right;width: 48%;border: 1px solid #ddd;padding: 0.1rem ;margin-top: 0.1rem;box-sizing: border-box;min-height: 1.5rem;}

.mobile-show{display: none;}
.pc-show{display: block;}

@media (max-width: 1200px){
.nav ul li{box-sizing:border-box;}
.footer .company-info .contact{margin-left: 0.3rem;}
.footer .company-info #map{width: 360px;}
.cate-content .cat-block .case-block .swiper-slide img{height: 2.2rem;}
.left-block .left-content{ width: 74%;}
}



@media (max-width: 980px){

.nav ul li{font-size: 0.14rem;}
.footer .company-info #map{width: 200px;margin-right: 1%}
.footer .copyright ul{display: none;}
.footer .copyright p{float: none;text-align: center;}

.partner-block a{width: 16.2%;}
.cate-content .left-block{width: 60%}
.cate-content .right-block{width: 40%}
.video-list ul li video{height: 1rem;}
.li-row-2 li{width: 50%;}
.cate-content .cat-block .case-block .swiper-slide img{height: 2rem;}
}

@media (min-width: 769px){
  #ensconce{display: none !important;}
}

@media (max-width: 768px){
.top-bar{position: fixed;top:0;width: 100%;}
.header{position: fixed;top:20px;width: 100%;padding-bottom: 0.1rem;box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}
.nav{display: none;}
#ensconce{display: block;margin-right: 1%;top:0px;}
#ensconce h2{color: #040c7a;font-size: 0.4rem;}
.logo-block a span{font-size: 16px}
.logo-block a img{width: 1.4rem;}
.header .search-block{top:0.12rem;}
.header .logo-block{margin-left: 1%}
.f1-block{margin-top: 1.05rem;}
.f1-block .banner{width: 100%;float: none;overflow: hidden;}
.f1-block .tab-news{width: 100%;float: none;margin-left: 0}
.f1-block .banner .swiper-slide{height: 4rem;}
.f1-block .banner .swiper-pagination{bottom: 0.13rem;}
.f1-block .tab-news .news-list li a{text-indent: 0.1rem;}
.advantage-block video{width: 92%;margin: 0 auto;margin-bottom: 45px;float: none;display: block;}
.advantage-block ul{width: 100%}
.advantage-block ul li{flex-basis: 48%;}
.advantage-block ul li:first-child{margin-bottom: 0.5rem;}
.advantage-block ul li:second-child{margin-bottom: 0.5rem;}
.active-block{margin-top: 0.36rem;}
.f3-block .notice-block{width: 98%;margin-left: 1%;float: none;margin-bottom: 0.2rem;}
.f3-block .case-block{width: 98%;margin-left: 1%;float: none;margin-bottom: 0.2rem;}

.f3-block .case-block .swiper-slide video{height: 1.5rem;}
.partner-block a{width: 32%;}
.footer .company-info #map{width: 98%;margin-right: 1%;margin-top: 0.2rem;}
.cate-content {margin-top: 1.05rem;}

.cate-content .left-block{width: 100%;float: none;}
.cate-content .right-block{width: 100%;float: none;}
.video-list ul li video{height: 1.2rem;}
.cate-content .cat-block ul li{margin-bottom: 0.14rem;}
.right-slide-box .swiper-slide img{height: 3.2rem;}
.f1-block .tab-news{height: auto}
.active-block{margin-top: 0;}
#menu #open .navBox ul li a{font-size:14px;}
.cate-content .cat-block .case-block .swiper-slide img{height: 1.6rem;}

.news-list dl dt {width:36%;height: 1.6rem; }
.article-content .article-body img{max-width: 100%;}

.left-block .left-nav{display: none;}
.left-block .left-content{width: 100%}

}


@media (min-width: 601px){
  .video-list ul li:nth-child(3n){margin-right: 0;}
  
}

@media (max-width: 600px){

.header .search-block{display: none;}
#menu .search-block{display: block;}
.footer .company-info .base-info{float: none;margin-left:1%;}
.footer .company-info .contact{float: none;margin-left:1%;}
.video-list ul li{width: 49%;}
.video-list ul li:nth-child(2n){margin-right: 0}
.video-list ul li video{height: 1.6rem;}
.article-download li i{top:0.1rem;}
.mobile-no-time a i{display: none;}

}

@media (max-width: 420px){
.header{top:0.45rem;}
.f1-block{margin-top: 1.3rem;}
.header{padding-bottom: 0rem}
.footer .copyright p{font-size: 0.1rem;}
.footer .company-info .base-info img{width: 80%;}
.footer .company-info .contact h4{font-size: 0.3rem;}
.cate-content {margin-top: 1.2rem;}
.cate-content .categore-bar ul li{padding-bottom: 0.1rem;}
.news-list dl dd h4{font-size: 0.24rem;}
.pages span{padding: 5px;}
.pages a{padding: 5px;}
.footer .company-info {padding: 0.2rem;}
#ensconce h2{color: #040c7a;font-size: 0.5rem;}
.row-2-ul li{width: 100%;float: none;}
.video-list ul li h5{height: 48px;}

.leve-message-bottom form div.form-input{float: none;width: 100%;}

.leve-message-bottom form textarea[type="text"]{float: none;width: 100%;}

.mobile-show{display: block;}
.pc-show{display: none;}

}