*{
  padding: 0;
  margin: 0;
}

img{
  width: 100%;
  height: 100%;
}

body{
  background:  #f5f5f5;
}
.body{
  background-color: #fff;
}
.body .f_ul{
  width: 1200px;
  margin: 0 auto;
  height: 40px;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
}
.body .f_ul .logo_z a{
  float: left;
  height: 40px;
}
.body ul li,.body ul span{
  float: left;
  line-height: 40px;
}
.body ul li a{
  color:#333;
  font-size: 16px;
  line-height: 40px;
  margin:0 15px 0 0 ;
  text-align: center;
}
.tou_s{
  margin: 2px 0; 
}
.tou_s a{
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  float: left;
  display: block;
  margin-left: 10px;
  border-radius: 6px;
  color:#fff;
  font-size: 14px;
}
.ts_1{
  background: #3933ad;
}
.ts_2{
  background: #ff7b33;
}

.logo{
  width: 830px;
  margin: 60px auto 0 auto;
  display: block;
}
.lg_a{
  width: 100%;
  height: 45px;
  display: flex;
  overflow: hidden;
  margin: 0 auto 20px auto;
}
.lg_a img{
  width: 290px;
  height: 32px;
  margin: 0 auto;

}
.seach{
  width: 560px;
  height: 50px;
  margin: 0 auto;
  border-radius: 40px;
  padding-left: 50px;
  background: url(../img/seach2.png) no-repeat 20px center #fff;
}
.seach_w{
  padding: 5px ;
  height: 40px;
}
.text{
  line-height: 40px;
  width: 400px;
  float: left;
}
.button{
  width: 115px;
  height: 40px;
  display: block;
  background:#7a64df;
  float: right;
  border-radius: 40px;
  font-size: 16px;
  font-weight: normal;
  color:#fff;
}
.gjc{
  width: 1200px;
  text-align: center;
  justify-content: center;
  margin: 40px auto;
  display: flex;
}
.gjc p{
  line-height:30px;
  margin-right: 10px;
  color:#fff;
  font-size: 14px;
}
.gjc a{
  padding: 0 15px;
  line-height:30px;
  background-color: rgb(53 45 90 / 50%);
  display: inline-block;
  border-radius: 40px;
  color:#fff;
  margin: 0 3px;
  font-size: 12px;
}
.gjc a:hover{
  background: #7a64df;
}
/*icon*/
.icon_abc{
  width: 1200px;
  margin: 0 auto 20px auto;
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.ul_icon,.ban-bottom{
  display: flex;
  display: none;
}
.ul_icon li {
  width: 189px;
  border-right: 1px dotted #ebebeb;
  margin-left: 20px;
  padding-right: 20px;
}
.ul_icon li a {
  display: flex;
  width: 100%;
  justify-content: center;
}
.ul_icon li a img {
  width: 50px;
  float: left;
  margin-right: 10px;
}
.ul_icon li a p {
  text-align: center;
  float: right;
  width: 130px;
  display: inline-block;
  margin-top: 2px;
} 
.ul_icon li a p span {
  font-size: 16px;

}
.ul_icon li a p span, .ul_icon li a p text {
  float: left;
  line-height: 24px;
}
.ul_icon li a p text{
  font-size: 12px;
  color:#999;
}
.ul_icon li:nth-child(5){
  border-right: 0 !important;
}
/*content*/
.kk {
  display: none;
}
.content{
  width: 1200px;
  margin: 0 auto;
}
.one,.two,.three{
  display: inline-block;
  margin-bottom: 20px;
}
.two .k{
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: 1px dotted #ebebeb;
}
.three{
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
}
.three .u10{
  margin-left: 30px;
}
.three .tag4{
  padding: 0;
}
/*模块1*/
/*banner*/
.tag1{
  float: left;
  margin-right: 20px;
  width: 520px;
}
.tag1 .a{
  width: 520px;
  height: 330px;
  display: block;
  overflow: hidden;
  border-radius: 6px;
}
.hots{
  margin: 14px 0;
}
.hots p{
  width: 20px;
  height: 44px;
  display: block;
  float: left;
  background-color: #3933ad;
  text-align: center;
  color:#fff;
  padding: 5px;
  border-radius: 8px;
}
.hots ul {
  float: left;
  width: 450px;
  margin-left: 10px;
}
.hots ul li{
  float: left;
  line-height: 28px;
  width: 205px;
  padding-left: 15px;
  margin-right: 10px;
  background: url(../img/icon_yd.png) no-repeat left center;;
}
.hots ul li a{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: bold;
  
}
.hots ul li:nth-child(2n){
  margin-right: 0 !important;
}
.tag2{
  width: 285px;
  float: left;
}

.tag2 p .a,.tag3 p .a{
  color:#333;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}
.tag2 p .m{
  float: right;
  color: #666;
  line-height: 26px;
  text-align: center;
  font-family: 宋体;
  font-size: 12px;
  color: #999;
  background: url(../img/more.png) no-repeat center center;
  background-size: 20px 5px;
  text-indent: -9999px;
  width: 30px;
}
.ul4{
  display: inline-block;
}
.ul4 li {
  width: 285px;
  display: inline-block;
  float: left;
}
.ul4 li em{
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  text-align: center;
  line-height: 20px;
  margin-right: 10px;
  background: #ededed;
  border-radius: 4px; 
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.banner-right .ul4 li a,.ul4 li a{
  font-size: 15px;
  color:#333;
  overflow: hidden;
  width: 190px;
  float: left;
  height: 20px;
  display: block;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ul4 li a:hover,.two-510 li a:hover,.u10 li a:hover{
  color:#3933ad;
  text-decoration: underline;
}
.c1{
  background: #3933ad  !important;
  color: #ffffff!important;
}
.c2{
  background: #5b55e1 !important;
  color: #ffffff!important;
}
.c3{
  background: #9995ff !important; 
  color: #ffffff!important;
}
.ul4 li{
  line-height: 20px;
  margin-top: 13px;
}

/**/
.w880{
  width: 825px;
  background-color: #fff;
  display:inline-block;
  padding: 20px;
  border-radius: 8px;
  float: left;
  height: 330px;
}


/*热门*/
.hot{
  font-weight: bold;
  color: #333;
  position: relative;
  float: left;
  width: 285px;
  border-radius: 8px;
}


/*tag3*/
.tag3{
  float: left;
  width: 260px;
  padding: 20px 20px 24px 20px;
  background-color: #fff;
  margin-left: 20px;
}
.tag3 .hot{
  width: 260px !important;
}
.b20{
  margin-bottom: 20px;
  width: 100%;
  display: inline-block;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.ul5{
  float: left;
}
/*footer*/
.footer img{
  justify-content: center;
}
.ul-15 li .ul_img{
  float: left;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
}
.ul-15 li{
  height: 60px;
  margin-top: 15px;
}
.ul-15 li .ul_img img{
  width: 88px;
  height: 60px;
  object-fit: cover;
}
.ul-15{
  display: block;
  float: left;
}
.ul-15 li .ul-15-a{
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.ul-15 li .ul-15-a{
  margin-top: 5px;
}
.ul5 li{
  line-height: 20px;
  margin-top: 15px;
  width: 100%;
  display: inline-block;
  float: left;
  position: relative;
}
.ul5 li a{
  float: left;
  width: 210px;
  height: 20px;
  display: block;
  overflow: hidden;
  color:#333;
  text-indent: 15px;
  font-size: 15px;
}
.ul5 li a:hover{
  color:#3933ad;
  text-decoration:underline;
}
.ul5 li p{
  float: right;
  font-size: 12px;
  color:#999;
}

.ul5 li a::before{
  content: '';
  background-color: #d3d2d2;
  width: 4px;
  height: 4px;
  border-radius: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
}
.ul5-a{
  margin-top: 20px;
}
.ul5-a a{
  display: flex;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 18px;
}
.ul5-a a img{
  width: 100px;
  height: 68px;
  border-radius: 4px;
  margin-right: 16px;
}
.ul5-a a .div_a{
  flex: 1;
}
.ul5-a a .div_a div:nth-child(1){
  font-size: 15px;
}
.ul5-a a .div_a div:nth-child(2){
  font-size: 12px;
  color:#999;
  margin-top: 12px;
}
.hots{
  float: left;
}
.two{
  padding: 30px;
  background-color: #fff;
  width: 1140px;
}
.two_top{
  display: inline-block;
  width: 100%;
}
.two_top .a{
  font-weight: bold;
  font-size: 20px;
  background-size: 26px 26px;
  float: left;
  position: relative;
  line-height: 26px;
}

.two_top .m,.hota .m{
  float: right;
  line-height: 26px;
  text-align: center;
  font-family: 宋体;
  font-size: 12px;
  color: rgb(153, 153, 153);
  width: 40px;

}
.u1{
  margin-top: 8px;
  display: flex;
  justify-content: space-between;

}
.class{
  float: left;
}
.class_1{
  float: left;
  margin-right: 32px;
  width: 260px;
  height: 133px;
}
.u1 li a{
  display: block;
  overflow: hidden;
}
.u1 li{
  margin-right: 20px;
  width: 215px;
}
.u1 li p{
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 15px;
  color:#333;
}
.u1 li:nth-child(5),.class_1:nth-child(4){
  margin-right: 0 !important;
}
.class_1 {
  height: auto !important;
  float: left;
}
.class_1 p{
  padding-left: 25px;
  line-height: 30px; 
  font-weight:bold;
}

.class_1 p.p1{
  background: url(../img/icon_a_4.png) left center no-repeat;
}
.class_1 p.p2{
  background: url(../img/icon_a_5.png) left center no-repeat;
}
.class_1 p.p3{
  background: url(../img/icon_a_6.png) left center no-repeat;
}
.class_1 p.p4{
  background: url(../img/icon_a_7.png) left center no-repeat;
}

.class_1 .a{
  margin-top: 5px;
  display: inline-block;
}
.class_1 .a a{
  float: left;
  margin-right: 10px;
  font-size: 14px;
  color:#999;
 line-height: 20px;
}
.two_top .x{
  float: right;
  font-size: 12px;
  color:#999;
  line-height: 26px;
}

/*tag4*/
.tag4 {
  width: 855px;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  display: inline-block;
  float: left;
}
.tag4 .hota .a{
  font-weight: bold;
  font-size: 20px;
  float: left;
}
.hota ul{
  float: left;
  margin-left: 40px;
}
.hota ul li{
  float: left;
  line-height: 26px;
  margin-right: 10px;
}
.hota ul li a{
  border-radius: 30px;
  background:#f1f1f1;
  font-size: 12px;
  height: 26px;
  padding: 0 15px;
  display: block;
  color:#999
}
.hota ul li a:hover{
  background-color: #6761df;
  color:#fff !important;
}

.u7{
  width: 240px;
  float: left;
}
.u7 li{
  width: 240px;
}
.u7 li:nth-child(2){
  margin-top: 20px;
}
.u7 li a{
  width: 240px;
  height: 148px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}
.u7 li p{
  width: 240px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  margin-top: 11px;
  margin-bottom: 8px;
}
.u7 li text{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #999;
  font-size:12px !important;
}
.u_left{
  display: flex;
}
.word_ul li:nth-child(4n){
  margin-right: 0;
}
.word_ul li{
  margin-right: 32px;
}
.word_ul li:nth-child(5),.word_ul li:nth-child(6),.word_ul li:nth-child(7),.word_ul li:nth-child(8){
  margin-top: 20px;
}
.word_ul{
  float: left;
  display: flex;
  flex-wrap: wrap;
}
.u_left .u7{
  margin-right: 30px;
}
.word_ul li a img{
  border:1px solid #ebebeb;
  width: 120px;
  height: 148px;
}

.word_ul li a p{
  width: 122px;
  font-size: 14px;
  color:#333;
  margin-top: 11px;
  margin-bottom: 8px;
  line-height: 16px;
  font-weight: bold;
}
.word_div p {
  line-height: 16px;
  font-size: 12px;
  height: 16px;
  display: block;
}
.word_div p .icon_em,.word_div p .icon_em2{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../img/i_s_eye.png) no-repeat center center;
  margin-right: 5px;
  float: left;

}
.word_div p .icon_em2{
  background: url(../img/i_s_download.png) no-repeat center center !important;
  margin-right: 0px !important;
}
.word_div{
  display: flex;
  justify-content:space-between;
}
.two-2{
  margin-top: 20px;
}

.u9{
  width: 395px;
  float: left;
}
.u9 li{
  margin-top: 11px;
  width:395px;
  display: inline-block;
}
.u9 li a{
  float: left;
  font-size: 15px;
  width: 325px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  text-indent: 15px;
}
.u9 li a::before{
  content: '';
  background-color: #d3d2d2;
  width: 4px;
  height: 4px;
  border-radius: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}
.u9 li a:hover{
  color:#3933ad;
  text-decoration: underline;
}
.u9 li em{
  float: right;
  font-size: 12px;
  color:#999
}
.m_top_1{
  margin-top: 20px;
}
.u10{
  padding: 0;
}
.u10 .ul4 li{
 margin-top: 0px;
 margin-bottom: 15px;
}

.yl {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;

}
.yl a{
  width: 250px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
  margin-right: 30px;
}
.yl a:nth-child(4n){
  margin-right: 0;
}
.yl a::before{
  content: '';
  background-color: #e3e3e3;
  width: 4px;
  height: 4px;
  border-radius: 16px;
  margin-top:18px;
  display: block;
  float: left;
  margin-right: 8px;
}
/*footer*/

.footer {
  text-align: center;
  background: #363d4d;
  line-height: 24px;
  padding: 10px 0;
}
.footer p {
  text-align: center;
  color: #c7c7c7;
  font-size: 12px;
}
.footer p a {
  color: #c7c7c7;
  padding: 0 2px;
}
.footer_two_1,.footer_two_1 a{
  font-size: 12px;
  color:#fff;
}

/*内容页面*/
.top,.footer{
  background-color: #272c30;
}

.nav-top,.nav ul,.tab,.nav-bottom ul{
  width: 1200px;
  margin: 0 auto;
}
.top_nav{
  padding: 20px 0;
  width: 100% !important;
  background: url(../img/body.jpg) no-repeat;
}
.nav-top li,.logo-ul li{ 
  float: left;
}
.nav-top li a{
  color:#fff;
  font-size: 12px;
  line-height: 24px;
  margin-right: 10px;
}
.logo-nav{
  margin: 0 auto;
  display: flex;
  width: 1200px;
  justify-content: space-between;
  align-items: center;
}
.logos{

  margin-right: 40px;
}
.logo-ul li{
  line-height: 30px;
  margin-left: 20px;
}
.logo-ul li a{
  font-size:14px;
  color:#666;
}
.logo-ul li a,.submit{
  margin: 16px 0;
  display: block;
}
.submit a{
  background-color: #3933ad;
  color:#fff !important;
  line-height: 30px;
  display: block;
  padding: 0 5px;
  float: left;
  margin-left: 10px;
  border-radius: 4px;
  text-decoration: none;
}
.submit a:hover{
  opacity: 0.8;
}
.submit a.c{
  background-color: #ff7b33;
  color:#fff !important;
  text-decoration: none;
}
.nav{
  background-color: #3933ad;
}
.nav ul{
  line-height: 44px;
  display: block;
  height: 44px;
}
.nav ul li,.nav-bottom ul li{
  float: left;
  margin-right: 10px;
}
.nav ul li a,.nav-bottom ul li a{
  padding: 4px 10px;
  color:#fff;
  border-radius: 4px;
}
.nav .click a,.nav ul li a:hover{
  background-color: #4e48cf;
}
.span,.sidenav{
  display: none;
}
img{
  width: 100%;
}
/**/
.ul-a li {
  display: block;
  float: left;
  line-height: 24px;
  color: #666666;
  margin-left: 10px; 
  border: 1px solid #ebebeb;
  padding: 2px 20px;
  border-radius: 40px;
  background-color: #f1f1f1;
}
.ul-a li a {
  background: url(../img/Slice4.png) no-repeat center left;

  padding-left: 16px;
  font-size: 14px;
}
.ul-a li:nth-child(2) a {
  background: url(../img/Slice5.png) no-repeat center left;

  padding-left: 20px;
}
.ul-a li:nth-child(3) a {
  background: url(../img/Slice3.png) no-repeat center left;
  background-size: 16px 16px;
  padding-left: 20px;
}
.ul-a li:nth-child(4) a {
  background: none;
  padding: 0 10px !important;
  font-size: 14px;
  color: #fff;
}
.n_body{background:  #eee;}
/*from*/
.bj{
  background-color: #eee;
}
.from{
  width: 300px;
  background: #f1f1f1;
  margin: 16px 0;
  line-height: 32px;
  border-radius: 30px;
}
.from .text{
  margin-left: 15px;
}
.from .button{
  width: 62px;
  height: 32px;
  float: right;
  background: url(../img/seach.png) no-repeat center center #ff8b14;
  border-radius: 60px;
}
/*面包屑*/
.Bread{
  width: 1200px;
  margin: 0 auto;
  line-height: 50px;
}
.Bread a{
  font-size: 14px;
}
.Bread span{
  font-family: 宋体;
}
.Bread h2,.Bread h1,.Bread h3{
  font-size: 14px;
  display:inline;
}
/*列表页面*/
.list{
  width:1200px;
  margin:0 auto;
}
.list .list_one {
  float: left;
  margin-top: 20px;
}
.list .list_one a:nth-child(1){
  width: 80px;
  height: 32px;
  display: block;
  float: left;
  background-color: #3933ad;
  text-align: center;
  line-height: 32px;
  border-radius: 4px;
  color:#fff;
  border: 0 !important;
}
.list .list_one a{
  height: 30px;
  border: 1px solid #ebebeb;
  line-height: 30px;
  float: left;
  border-radius: 4px;padding: 0 10px;
  margin-right:10px;
  font-size: 14px;
}
.ul9 {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.ul9 li{
  float: left;
  line-height: 26px;
  margin-right: 10px;
}
.ul9 li a{
  border-radius: 30px;
  background:#f1f1f1;
  font-size: 14px;
  padding: 4px 15px;
}
.ul9 li a:hover{
  background-color: #3933ad;
  color:#fff !important;
}
.list .tag4 .hots{
  width: 100%;
  display: inline-block;
}
.ms{
  float: left;
  line-height: 30px;
}
.ul11{
  width: 100%;
  display: inline-block;
  padding-top: 20px;

}
.ul11{
  display: inline-block;
}
.ul11 li{
  width: 100%;
  float: left;
}
.ul11 li .img{
  float: left;
  margin-right: 20px;
  width: 150px;
  overflow: hidden;
  height: 100px;
  border-radius: 6px;
}
.ul11 li .title{
  color:#000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  justify-content: center;
}
.ul11 li .d {
  margin-top: 8px;
  height: 16px;
  overflow: hidden;
}
.ul11 li .d em,.ul11 li .d a{
float: left;
margin-right: 20px;
font-size: 12px;
color:#999
}
.ul11 li p{
  font-size: 14px;
  color:#999;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  justify-content: center;
}
.ul11 li{
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom: 1px dotted #ebebeb;
}
/*page*/
.qm-pg{
  width: 100%;
  margin: 10px 0;
  text-align: center;
}
.qm-pg a{
  width: 36px;
  display: inline-block;
  border: 1px solid #ebebeb;
  background-color: #f8f8f8;
  margin-right: 5px;
  border-radius: 4px;
  text-align: center;
  line-height: 36px;
}
.qm-pg a:hover,.qm-pg a.c{
  background-color: #3933ad;
  color:#fff !important;
  border: 1px solid #3933ad;
}
.qm-pg a:hover{
  text-decoration: none !important;
}
.qm-pg .pg{
  padding: 0 10px;
}
.left{
  width: 880px;
  float: left;
}
.right{
  width: 300px;
  float: right;
}
.right .tag3 {
  margin-bottom: 20px;
  margin-left: 0;
}
.ul12{
  display: inline-block;
}
.ul12 li {
  width: 260px;
  display: inline-block;
  float: left;
  margin-top: 16px;
}
.ul12 li em{
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  text-align: center;
  line-height: 20px;
  margin-right: 10px;
  background: #ededed;
  border-radius: 4px; 
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;

}
.ul12 li a{
  font-size: 15px;
  color:#333;
  line-height: 20px;
  overflow: hidden;
  width: 230px;
  float: left;
  height: 20px;
  display: block;
 
}
.ul12 li a:hover{
  color:#3933ad;
  text-decoration: underline;
}
.tag3 .hot_zz .a{
  margin-left: 0 !important;
}
/*tag*/
.tag{
  margin-right: 10px;
  line-height: 22px;
  display: inline-block;
  margin-top: 20px;
}
.tag a{
  white-space: nowrap;
  padding: 2px 5px;
  background: #efefef;
  float: left;
  margin: 0 5px 5px 0;
  border-radius: 6px;
  font-size: 13px;
  color: #333;
}

.tag5{
  width: 820px;
  padding: 30px;
  background-color: #fff;
  display: inline-block;
  float: left;
}
/*内容*/
.content-view{
  width: 820px;
  background-color: #fff;
  display:inline-block;
  padding: 30px;
  float: left;
  margin-bottom: 20px;
}
.content-view h1,.content-view h2{
  text-align: center;
  font-weight: 700;
  margin: 20px 0 10px 0;
  font-size: 30px;

}

.content-view .em{
  text-align: center;
  width: 100%;
  display: block;
  color:#999;
  font-size: 12px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.view-content{

  padding-top: 20px;

}
.view-content h3{
  margin-bottom: 20px;
  font-size: 16px;
}
.view-content h2{
  font-size: 30px;
  margin: 10px 0;
  font-weight: bold;
}
.view-content p{
  text-indent: 20px;
  line-height: 32px;
  margin-bottom: 24px;
}

.xia{
  padding-top: 20px;
  border-top:1px solid #ebebeb;
  margin-top: 20px;
  display:inline-block;
  width: 100%;
}
.xia a{
  color:#2257a7 !important
}
.xia em{
  float: left;
}
.b{
  border-left: 4px solid #0094FF;
  text-indent: 10px !important;
  display: block;
  margin-bottom: 16px;
  font-size: 20px;
}
.b-ul {
  width: 790px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 20px;
}
.b-ul li{
  float: left;
    width: 240px;
    margin-right: 20px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 4px;
    padding-left: 10px;
    text-indent: 5px;
    background: url(../img/yq.png) no-repeat center left;
}
.b-ul li:nth-child(3n){
  margin-right: 0;
}
.content-view .p{
  text-indent: 0 !important;
  font-size: 12px;
  color: #999;
}

.ul13{
  float: left;

}
.ul13 li{
  line-height: 20px;
  margin-top: 16px;
  width:395px;
  display: inline-block;
  float: left;
  position: relative;
  margin-right: 30px;
}
.ul13 li:nth-child(2n){
  margin-right: 0 !important;
}
.ul13 li a{
  float: left;
  width: 210px;
  height: 20px;
  display: block;
  overflow: hidden;
  color:#333;
  text-indent: 15px;
  font-size: 16px;
}
.ul13 li a:hover{
  color:#3933ad;
  text-decoration:underline;
}
.ul13 li p{
  float: right;
  font-size: 12px;
  color:#999;
}

.ul13 li a::before{
  content: '';
  background-color: #d3d2d2;
  width: 6px;
  height: 6px;
  border-radius: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}

/* 栏目 */
.sidenav h3{
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  padding-left: 0.5rem;
  border-left: 4px solid #3933ad;
  color: #333;
  font-size: 1rem;
  display: block;
  line-height: 1.25rem;
}
.sidenav {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left:-200%;
  background-color: #fff ;
  overflow-x: hidden;
  transition: 0.5s;
  text-align: center;
}
.sidenav::-webkit-scrollbar{
  display: none;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  position: absolute;
  top: 0;
  right: -0.75rem;
  color: #333;
  font-size: 2.25rem;
}
.bottom-a{
   display: none;
}
.jz751-h5-a1 ul{
  margin: 0 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.jz751-h5-a1 ul li{
  margin-right: 0.625rem;
  background-color: #3933ad;
  margin-bottom: 0.625rem;
  border-radius: 0.3125rem;
}
.jz751-h5-a1 ul li a{
  margin: 0 auto;
  text-align: center;
  line-height: 2.625rem;
  padding: 0.625rem 1rem;
  overflow: hidden;
  font-size: 1rem;
  color: #fff;
}
.jz751-h5-a2 ul{
  margin: 0 1.25rem; 
}
.jz751-h5-a2{
  background-color: #fff;
  margin: 20px 0;
}
.jz751-h5-a2 ul li a{
  display: block;
  white-space: nowrap;
  margin: 0 0.625rem;
  text-align: center;
  line-height: 2.625rem;
  overflow: hidden;
  font-size: 0.875rem;
  color: #333;
}
.jz751-h5-a2 ul li{
  float: left;
  background-color: #eaeaea;  
  border-radius: 0.3125rem;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}
.jz751-h5-a3{
  overflow: hidden;
  margin:  0 1.25rem;
}
.jz751-h5-a3 h4{
  display: block;
  float: left;
  color: #333;
  border-left: 4px solid #3933ad;
  padding-left: 0.5rem;
}

.jz751-h5-a2 ul{
  margin-top: 1.25rem;
}
.orderform,.kk{
    display: none;
}
/*banner*/
.banner {
  background-color: #fff;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 20px;
}
.banner .banner-box{
  padding: 30px;
}

.ban-top{ 
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f7f7f7;
}
.banner-left {
  width: 355px;
  display: block;
  float: left;
}
.banner-left .ul5 li{
  margin-top: 17px !important;
}
.banner-a{
  float: left;
}
.banner-right{
  float: right;
}
.banner-a {
  width: 355px;
  height: 210px;
  overflow: hidden;
}
.bt-one {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 11px 15px;
  background: #f7f7f7;
}
.col_z{
  margin-bottom: 0 !important;
}
.bt-one p {
  font-size: 16px;
  float: left;
  color: #333;
  font-weight: bold;
  line-height: 24px;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two_top .a::after{
  margin-top: 2px !important;
}
.bt-one p::before,.two_top .a::before{
  content: '';
  background-color: #6761df;
  width: 4px;
  height: 22px;
  border-radius: 16px;
  margin-top:2px;
  display: block;
  float: left;
  margin-right: 8px;
}
.bt-one a.m1 {
  background: url(../img/oir.png) no-repeat;
  background-size: 24px 24px;
}
.bt-one a.m1{
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  font-size: 12px;
  float: right;
  line-height: 20px;
  color: #999;
}
.new-s {
  display: inline-block;
}
.new-s .p, .new-s .p2 {
  float: left;
  width: 100%;
}
.new-s .p em {
  font-size: 12px;
  color: #fff;
  background-color: #ff8402;
  padding: 3px 5px;
  border-radius: 4px;
  float: left;
  margin-right: 10px;
}
.new-s .p span {
  line-height: 20px;
  font-weight: bold;
}
.new-s .p2 {
  color: #999;
  font-size: 14px;
  margin: 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px dotted #d0d0d0;
}
.new-s .p2 a {
  color: #3933ad;
}
.banner-right-list li {
  float: left;
  color: #333;
  font-size: 14px;
  margin-bottom: 14px;
  width: 100%;
}
.banner-right-list li .cl1 {
  color: #4599cf;
  background-color: #edf7fe;
  padding: 3px 5px;
  border-radius: 4px;
  width: 60px;
  text-align: center;
  margin-right: 10px;
  float: left;
}
.banner-right-list li .a {
  float: left;
  color: #333;
  font-size: 16px;
  width: 320px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 22px;
}
.banner-right-list li i {
  font-size: 14px;
  color: #999;
  float: right;
  width: 50px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  line-height: 22px;
}
.banner-right {
  margin-left: 30px;
}
.banner-box .w4, .xuex .w4 {
  width: 450px !important;
}
.banner-box .banner-right{
  width: 600px;
}
.banner-right ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ban-box-r{
  margin-left: 30px;
}
.banner-right .ul4 li{
  margin-top: 15px;
  width:285px;
}
.banner-right .ul4 li p{
  font-size: 12px;
  color:#999;
  float: right;
}
.fw-seach{
  width: 300px;
  height: 40px;
  float: right;
  border-radius: 6px;
  padding-left: 40px;
  background: url(../img/seach2.png) no-repeat 13px center #f5f5f5;
}
.fw-seach_w{
  padding: 5px ;
  height: 30px;
}
.fw-text{
  line-height: 30px;
  width: 210px;
  float: left;
}
.fw-button{
  width: 60px;
  height: 30px;
  display: block;
  background:#3933ad;
  float: right;
  border-radius: 6px;
  font-size: 14px;
  font-weight: normal;
  color:#fff;
}
.ban-width{
  width: 510px;
  height: 330px;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  float:left;
}

.ban-a{
  width: 1650px;
  display: flex;
}
.ban-a a{
  position: relative;
  flex: 1;
  display: block;
  width: 550px;
  height: 330px;
}
.ban-a a p{
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgb(0 0 0 / 80%);
  color:#fff;
  line-height: 40px;
  height: 40px;
  text-indent: 20px;
}
.two-285{
  width: 285px;
}
.two-main a.img-s{
  width: 285px;
  height: 165px;
  display: block;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  margin-bottom: 17px;
}
.two-main a.img-s p{
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgb(0 0 0 / 80%);
  color: #fff;
  line-height: 30px;
  height: 30px;
  text-indent: 10px;
  font-size: 14px;
}
.two-main a.img-s img{
  width: 100%;
}
.two-main{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  flex-wrap: wrap;
}
.u10,.left_img{
  float: left;
  width: 285px;
 
}
.u10 li:nth-child(5){
  margin-bottom: 0;
}
.u10 li{
  float: left;
  width:285px;
  margin-bottom: 15px;
}
.u10 li:nth-child(13),.u10 li:nth-child(14){
  margin-bottom: 0 !important;
}
.u10 li:nth-child(2n){
  margin-right: 0 !important;
}
.u10 li a:nth-child(1){
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  padding: 1px 4px;
  background-color: #3933ad;
  color:#fff;
  border-radius: 4px;
  float: left;
  margin-right: 10px;
}
.u10 li a:nth-child(2){
  float: left;
  line-height: 22px;
  height: 22px;
  width:170px;
  overflow: hidden;
  font-size: 15px;
}
.u10 li p{
  line-height: 22px;
  height: 22px;
  display: block;
  float: right;
  font-size: 12px;
  color:#999;
}
.two-510{
  width: 510px;
}
.two-510 ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.two-510 li a{
    width: 240px;
    height: 20px;
    display: block;
    overflow: hidden;
    color: #333;
    text-indent: 15px;
    font-size: 15px;
    position: relative;
}
.two-510 li{
  margin-bottom: 17px;
}
.two-510 li:nth-child(19),.two-510 li:nth-child(20){
  margin-bottom: 0 !important;
}
.two-510 li a::before{
  content: '';
  background-color: #d3d2d2;
  width: 4px;
  height: 4px;
  border-radius: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}
.two-285 .ul4 li{
  margin-top: 0;
  margin-bottom: 17px;
}
.two-285 .ul4 li a{
  line-height: 20px !important;
  font-size: 15px;
  width: 100%;
  position: relative;
  text-indent: 15px;
}
.two-285 .ul4 li a::before{
  content: '';
  background-color: #d3d2d2;
  width: 4px;
  height: 4px;
  border-radius: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}
.two-285 .ul4 li:nth-child(13){
  margin-bottom: 0;
}
.list-sell,.list-bm-xia ul{
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.list-sell .ul5-a a{
  border-bottom:0;
}
.list-sell .ul5-a a .div_a div:nth-child(1){
  font-size: 16px;
}
.list-sell .ul5-a,.list-bm-xia ul li{
  width: 380px;
}
.list-bm-xia ul{
 flex-wrap: wrap;
}
.list-bm-xia ul li p{
  font-size: 12px;
  color:#999;
}
.list-bm-xia .ul4 li a{
  width: 280px ;
  display: block;
}
.ul-tt{
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}
.ul-tt li a{
  height: 20px;
  overflow: hidden;
  display: block;
}

.ul-tt li{
  float: left;
  width: 48%;
  overflow: hidden;
  margin-top: 16px;
}
.ul-tt li em{
  line-height: 15px;
  color: #ffffff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  float: left;
  margin-right: 7px;
  background: #c7c7c7;
  border-radius: 4px;
}
.ul-tt li a{
  font-size: 15px;
}
/**/
.word {
  background: #fff;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.word h1{
  padding: 11px 20px 4px;
  font: 16px/24px "微软雅黑";
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
  display: flex;
}
.word .word_a{
  color: #999;
  font-size: 12px;
  padding: 0 20px 14px;
  margin-top: 5px;
}
.word_b{
  margin: 0 6px;
  width: 1px;
  height: 10px;
  background: #999;
  display: inline-block;
}
.p_ab{
  position: absolute;
  width: 134px;
  height: 36px;
  color: #fff;
  cursor: pointer;
  background: #5b55e1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  font-size: 15px;
  top: 9px;
  right: 20px;
  border-radius: 6px;
}
a.p_ab:hover{
  color: #fff !important;
  font-style: normal;
  text-decoration: none;
}
.icon_down2 {
  width: 20px;
  height: 20px;
  background: url(../img/down.png) no-repeat;
  background-size: 100% 100%;
}
.icon_down3{
  width: 20px;
  height: 20px;
  background: url(../img/word3.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  margin-top: 2px;
  margin-right: 5px;
}
.recom-article{
  border: 1px solid #f5f5f5;
  margin: 40px auto 0 auto;
}
.recom-article p{
  line-height: 40px;
  padding: 2px 15px;
  background-color: #f9f9f9;
}
.recom-article li{
  border-top: 1px  solid #f5f5f5;
  padding: 0 15px;
}
.recom-article a{
  display: flex;
  line-height: 24px;
  justify-content: space-between;
  padding: 10px 0;
}
.recom-article a .art-div i{
  background: url(../img/word3.png) no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: block;
}
.recom-article a .art-d{
   margin-left: 10px;
}
.recom-article a .art-div{
  display: flex;
}
.art-div .art-d,.recom-article p{
  font-size: 17px;
  font-weight: bold;
}
.art-d2{
  display: flex;
  align-items: center;
}
.art-d2 i{
  background: url(../img/xx.jpg) no-repeat;
  width: 76px;
  height: 12px;
  display: block;
}



/* 下载*/
.download_card {
  padding: 10px;
  border: 1px solid #e4e4e4;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 0 20px 0;
  float: left;
  width: 820px;
  box-sizing: border-box;
}

.download_card div {
  clear: none;
  text-align: left;
}

.download_card_pic {
  width: 70px;
  float: left;
}

.download_card_msg {
  float: left;
}

.download_card_title {
  font-size: 16px;
  color: #003399;
  text-decoration: underline;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 360px;
}

.download_card_tip {
  font-size: 14px;
  color: #666;
}

.download_card_tj {
  font-size: 14px;
  color: #999;
  float: left;
}

.download_card_tj em {
  float: left;
}

.download_card_tj img {
  width: 14px;
  margin-top: 2px;
  float: left;
  margin-right: 3px;
}

.download_card_btn {
  width: 210px;
  height: 60px;
  background-color: #5b55e1;
  border-radius: 4px;
  position: absolute;
  right: 10px;
  top: 14px;
  cursor: pointer;
}

.download_card_btn img {
  width: 30px;
  float: left;
  display: block;
  margin: 0 28px 0 16px;
}

.downlod_btn_right {
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
}
.downlod_btn_right div,.downlod_btn_right p{
  color: #fff;
}
.downlod_btn_right p {
  font-size: 12px;
  margin: 2px 0 0 0;
}
.ul7,.ulx {
  width: 820px;
  display: inline-block;
}
.ul7 li {
  width: 395px;
}
.ul7 li:nth-child(1), .ul7 li:nth-child(2) {
  margin-bottom: 20px;
}
.ul7 li:nth-child(2n){
  margin-right: 0;
}
.ul7 li .img {
  float: left;
  width: 140px;
  height: 90px;
  margin-right: 15px;
}
.ul7 li .img{
  overflow: hidden;
}
.ul7 li .divs {
  margin-top: 2px;
}
.ul7 li .divs a {
  font-size: 15px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ul7 li .divs a:hover{
  color:#3933ad;
  text-decoration: underline;
}
.ul7 li .divs p {
  font-size: 12px;
  color: #999;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 4px 0 0 0;
  line-height: 20px;

}
.two-2 {
  margin-top: 20px; 
  display:flex;
  width: 820px;
  justify-content: space-between;
}
.u_left {
  display: block;
  float: left;
  width: 395px;
}
.u_left:nth-child(2) {
  margin-right: 0;
}
.u_left .p {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  position: relative;
  float: left;
  width: 395px;
  height: 40px;
  line-height: 40px;
  background-color: #f6f6f6;
  border-radius: 8px;
  position: relative;
  text-indent: 25px;
}
.u_left .p::before {
  content: '';
  background-color: #6761df;
  width: 4px;
  height: 18px;
  border-radius: 40px;
  display: block;
  position: absolute;
  left: 14px;
  top: 11px;
}
.ul7{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.yl2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}
.yl2 a{
  width: 250px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
}
.yl2 a::before{
  content: '';
  background-color: #e3e3e3;
  width: 4px;
  height: 4px;
  border-radius: 16px;
  margin-top:18px;
  display: block;
  float: left;
  margin-right: 8px;
}
.news-pro .ulx,.news-pro .ul7,.news-pro .two-2{
  width: 1140px;
}
.news-pro .ul7 li,.news-pro .u_left,.news-pro .u_left .p,.news-pro .u9 li,.news-pro .u9{
  width: 360px;
}
.nav-bottom{
  background-color: #fff;
  line-height: 44px;
  display: block;
  height: 44px;
}
.nav-bottom ul li a{
  color:#666;
  font-size: 14px;
}
article.content-view h2{
  text-align: left;
  font-size: 18px;
  width: auto !important;
  }
  article.content-view p{
  text-indent: 2em;
  line-height: 38px;
  font-size: 18px;
  margin: 12px 0;
  text-align: justify;
  }
  article.content-view h2{
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  ul.recom-article p{
  margin: 0;
  }
  article.content-view .zx-la-art2{
    width: 100%;
    overflow: hidden;
    display: block;
    font-weight: normal;
    padding-bottom: 15px;
    border-bottom: #f2f2f2 1px solid;
    margin-bottom: 15px;
    
    }a
    article.content-view .zx-la-art2 i{
      text-align: center;
      display: block;
      width: 100%;
    }
    article.content-view p:last-child{
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-indent: 0 !important;
      font-size: 12px;
    }
@media screen and (min-width: 768px) {
.banner-box .two{
  padding: 0 ;
  margin-bottom: 0;
}
}
/**/
@media screen and (max-height: 28.125rem) {
  .sidenav {
      padding-top: 1rem;
  }
  .sidenav a {
      font-size: 1.125rem;
  }
}
@media (max-width:991px) {
  .n_bodys{ background: #efefef;}
  .logo,.gjc,.tag1 .hots,.none_s,.u_left .u7,.tou_s,.nav-bottom,.two-285 .ul4,.download_card_msg,.icon_down2,.art-d2,.banner-right{
    display: none !important;
  }
  .content,.w880,.tag1,.one,.list,.left,.ban-width{
    width: 23.4375rem;
  }
  .logo{
    width: 21.5625rem;
    background-color: #141413;
    margin-top: 0 !important;
    padding: 1rem 0.9375rem;
    position: relative;
  }
  .right,.body .f_ul{
    width: auto;
  }
  .left{
  }
  .lg_a{

    height: 1.5rem;
    width: auto !important;
    display: block;
  }
  .seach{
    width: 10rem;
    height: 1.5rem;
    padding-left: 1.5rem;
    float: left;
    margin-left: 1rem;
    background: url(../img/seach2.png) no-repeat 0.5rem center #fff;
    background-size: 1rem 1rem;
  }
  .seach_w{
    padding: 0px;
    width: 10rem;
    height: auto !important;
    float: left;
  }
  .text{
    width: 6rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
  }
  .button{
    width: 3rem;
    height: 1.5rem;
    font-size: 0.75rem;
  }
  .span{
    background: url(../img/icon-m.png) no-repeat center center;
    background-size: 1.25rem 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0.5rem 0;
    float: right;
    display: block;
}
  /* 金刚区 */
  .kk{
    padding: 1rem;
    width: 21.4375rem;
    background-color: #fff;
    box-shadow:1px 0.25rem 0.625rem 0px #e1faf3;
    z-index: 80;
    display: block !important;
  }
  .fanww-kk-a{
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .fanww-kk-a ul{
    display: -webkit-box;
    align-items: center;
  }
  .fanww-kk-a ul li{
    width:20%;
    text-align: center;
  }
  .fanww-kk-a ul li a img{
    margin: 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: block;
  }
  .fanww-kk-a ul li a span{
    display: block;
    font-size: 0.75rem;
    margin-top: 0.5rem;
  }
  .fanww-kk-a::-webkit-scrollbar{
    display: none;
  }
  /* 金刚区结束 */
  .content{
    margin-top: 0!important;
  }
  .w880{
    padding: 0 !important;
    height: auto;
    background: none;
    float: none;
  }
 
  .tag1,.tag1 .a{
    width: 23.4375rem !important;
    height: 15rem;
    position: relative;
    float: none;
    margin-bottom: 4.25rem;
    margin-left: 0 !important;
    border-radius: 0 !important;
  }
  .tag2,.tag3,.two,.tag4{
    width: auto;
    margin: 0 auto 1rem auto;
    float: none;
    background: #fff;
    padding: 0.9375rem;
  }
  .tag3{
    display: block;
  }
  .tag2 .hot,.tag3 .hot{
    width: 100% !important;
  }
  .ul4 li,.ul5 li{
    line-height: 1.25rem;
    margin-top: 0.9375rem;
    width: 100%;
  }
  .ul4 li em {
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.25rem;
    margin-right: 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    margin-top: 0.125rem;
  }
  .ul4 li a {
    font-size:0.9375rem;
    line-height: 1.25rem;
    width: 15rem;
    height:1.25rem;
  }
  .one{
    margin-bottom: 0 !important;
  }
  .two{
    display: block;
    padding: 0.9375rem !important;
  }
  .u1{
    margin-top: 0.5rem;
    flex-wrap: wrap;
  }
  .u1 li{
    width:9.53125rem;
    margin-right:0.625rem;
    margin-bottom:0.625rem ;
  }
  .u1 li:nth-child(2n){
    margin-right: 0 !important;
  }
  .u1 li a img{
    width: 100%;
    height: 100%;
  }
  .class{
    margin-top:0;
  }
  .class_1{
    margin-right: 0 !important;
    width:17.8125rem;
    padding: 0.9375rem;
    background-color: #f8f8f8;
    border-radius: 0.5rem;
    margin-bottom: 0.625rem;
  }
  .class_1:nth-child(4){
    margin-bottom: 0 !important;
  }
  .three{
    margin: 0 0.9375rem;
    padding: 0.9375rem;
    width: 19.6875rem;
    margin-bottom: 0.9375rem !important;
  }
  .u8,.u_left,.u_left,.news-pro .u_left{
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u8{
    line-height: 2rem;
    font-size: 1rem;
  }
  .u_left:nth-child(2) .u8{
    display: none;
  }
  .u8 li a,.ul5 li a{
    width: 100%;
    height: 1.25rem;
    overflow: hidden;
    text-indent: 0.9375rem;
    font-size: 0.9375rem;
  }
  .ul5 li a{
    width: 17rem !important;
  }
  .ul5 li p{
    font-size: 0.75rem !important;
  }
  .ul5 li a::before{
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 40px;
    top: 0.4375rem;
  }
  .b20{
    margin-bottom: 0.625rem !important;
    padding-bottom: 0.625rem;
  }
  .u_left .p,.news-pro .u_left .p{
    font-size: 1rem;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0.25rem;
    text-indent: 1.875rem;
  }
  .u_left .p::before {
    width: 0.375rem;
    height:1.375rem;
    border-radius: 2.5rem;
    left: 0.875rem;
    top: 0.5625rem;
  }
  .u_left .u9,.u_left .u9 li{
    width: 100%;
  }
  .u_left .u9{
    margin-bottom: 1rem;
  }
  .u9 li a{
    width: 17rem;
    font-size: 0.9375rem;
    height: 1.25rem;
    overflow: hidden;
  }
  .u10 .ul4 li{
    margin: 0.9375rem 0 0 0;
  }
  .top_nav {
    padding: 1rem 0.9375rem;

    width: 21.5625rem !important;
    background: url(../img/body.jpg) no-repeat #141413;
    display: inline-block;
  }
  .logo-nav{
    display:inline-block;
    justify-content:end;
    align-items:unset;
    position:relative;
    width: 21.5625rem;
  }
  .logos{
    height: 1.5rem;
    width: auto !important;
    display: block;
    margin-right: 0 !important;
  }
  .Bread{
    margin: 0 0.9375rem;
    width: 21.5625rem;
    line-height: 2;
  }
  .tag5{
    float: none;
    background-color: #fff;
    width: auto;
    padding: 0.9375rem;
    display: inline-block;
  }
  .ul9{
    margin: 10px 0 0 0;
  }
  .ul9 li{
    line-height: 1.625rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
  }
  .ul11{
    padding-top: 0.75rem;
    width: 100%;
    display: inline-block;

  }
  .ul11 li .img {
    margin-right: 1rem;
    width: 6.25rem;
    overflow: hidden;
    height: 4.25rem;
    border-radius: 0.375rem;
}
.ul11 li .title{
    font-size: 0.9375rem;
    margin-bottom: 0.375rem;
}
.ul11 li p {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.ul11 li .d em, .ul11 li .d a{
  margin-right: 1.25rem;
  margin-bottom: 0.375rem;
}
.qm-pg{
  margin: 0 0 0.625rem 0 ;
}
.qm-pg .pg{
  padding: 0 0.5rem;
}
.tag2 p .a, .tag3 p .a{
  color: #333;
  font-size: 1.25rem;
}
.hot_zz{
  display: block;
}
.ul12 li em {
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.25rem;
  margin-right: 0.625rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  margin-top: 0.125rem;
}
.ul12 li{
  width: 100%;
}
.ul12 li a {
  font-size: 0.9375rem;
  line-height: 1.25rem;
  width: 17.5rem;
  height: 1.25rem;
}
.tag a {
  padding: 0.125rem 0.3125rem;
  background: #efefef;
  float: left;
  margin: 0 0.3125rem 0.3125rem 0;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.qm-pg a {
  width: auto;
  margin-right: 0.3125rem;
  border-radius: 0.25rem;
  line-height: 2.25rem;
  padding: 0 .625rem;
}
.footer{
  padding: 0.625rem;
}
.content-view{
  width:  21.5625rem;
  padding: 0.9375rem !important;
  border-radius: 0;
  margin-bottom: 1rem;
}
.b-ul {
  width: 19.6875rem;
  margin-bottom: 1.25rem;
}
.content-view .p {
  width: 100%;
  overflow: hidden;
  font-size: 0.75rem;
  word-wrap: break-word;
}
.xia {
  padding-top: 1rem;
  border-top: 0.0625rem solid #ebebeb;
  margin-top: 1rem;
}
.xia div {
  float: left;
  line-height: 30px;
}
.ul13 li{
  line-height:1.25rem;
  margin-top: 1rem;
  width: 100%;
  margin-right: 0;
}
.ul13 li a{
  width:13.125rem;
  height: 1.25rem;
  text-indent: 0.9375rem;
  font-size: 0.9375rem;
}
.wit350 {
  margin-bottom: 0 !important;
}
.right .tag3{
  margin-bottom:0.9375rem;
}
.span{
  display: inherit;
}
.sidenav{
  display: block;
}
.ms{
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.icon_abc{
  display: none;
}
.logo_z{
  width: 7rem;
  margin-right: 0!important;

}
.f_ul .ul_zzz,.word_ul,.three .u10 .hot{
  display: none;
}
.body .f_ul .logo_z a{
  height: 2rem;
}
.body .f_ul{
  height: 2rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
}
.three .u10{
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
}
.three .u10 .m_top_1{
  margin: 0 auto;
}
.three .u10 .m_top_1 li{
  margin-top: 0;
  margin-bottom: 0.9375rem;
}
.word_ul li:nth-child(2n){
  margin-right: 0;
}
.word_ul li{
  margin-right: 1.25rem;
  width: 9.0625rem;
}
.word_ul li a p{
  width: 100%;

}
.word_ul li a img{
  width: 9.0625rem;
  height: 12rem;
}
.three .tag4{
  margin-bottom: 0;
}
.tag3 .ul-15{
  width: 19.6875rem;
}
.ul-15 li .ul-15-a,.ul5-a a .div_a div:nth-child(1){
  font-size: 0.9375rem;
}
.ul-15 li .ul_img img{
  height: 4.375rem;
  width: 7.5rem;
}
.ul-15 li{
  height: 4.375rem;
}
.banner,.banner-a{
  width: 100%;
}
.banner{
  border-radius: 0;
  margin-top: 0;
  background-color:#efefef;
}
.banner-a{
  height: 10rem;
}
.banner .banner-box{
  padding: 0;
}
.banner-left,.banner-box .banner-right,.ban-box-r{
  margin:0.9375rem 0.9375rem 0 0.9375rem;
  padding:0.9375rem;
  width: 19.6875rem !important;
  background-color: #fff;
  border-radius: 0.25rem;
}
.bt-one{
  margin-bottom: 0.625rem;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.5rem;
}
.bt-one p {
  font-size:1rem;
  line-height: 1.25rem;
}
.bt-one p::before {
  width: 0.25rem;
  height: 1.25rem;
  border-radius: 1rem;
  margin-top: 0;
  margin-right: 0.5rem;
  line-height: 1.25rem;
}
.bt-one a.m1 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.new-s .p em {
  font-size: 0.75rem;
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.25rem;
  margin-right: 0.625rem;
}
.new-s .p span {
  line-height: 1.25rem;
}
.new-s .p2 {
  color: #999;
  font-size: 0.875rem;
  margin: 0.9375rem 0;
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem dotted #d0d0d0;
}
.banner-right-list li {
  font-size: 0.875rem;
  margin-bottom: 0.875rem;
}
.banner-right-list li .cl1 {
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.25rem;
  width: 3.75rem;
  margin-right: 0.625rem;
}
.banner-right-list li .a {
  font-size: 1rem;
  width: 11.25rem;
  line-height: 1.375rem;
}
.ban-width{
  height: 12.5rem;
  border-radius: 0;
  float: none;
}
.ban-a a{
  height: 12.5rem;
}
.fw-seach{
  width: 10rem;
  height: 1.5rem;
  padding-left: 1.5rem;
  float: left;
  margin-left: 0;
  background: url(../img/seach2.png) no-repeat 0.5rem center #f5f5f5;
  background-size: 1rem 1rem;
}
.fw-seach_w {
  padding: 0px;
  width: 10rem;
  height: auto !important;
  float: left;
}
.fw-text {
  width: 6rem;
  line-height: 1.5rem;
  font-size: 0.75rem;
}
.fw-button {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.75rem;
}
.ban-top{
  flex-wrap: wrap;
  border: 0;
  margin-bottom:0rem;
  padding-bottom: 0;
  margin-bottom: 0.9375rem;
}
.ban-bottom{
  width: 100%;
  background-color: #fff;
  padding: 20px 0 ;
}
.banner{
  margin-bottom: 0;
}
.ul5-a{
  margin-top: 1.25rem;
}
.ul5-a a{
  padding-bottom: 1.125rem;
}
.ban-box-r .ul5 li a{
  width: 100% !important;
}
.two-main{
  margin-top: 0.625rem;
}
.two-285{
  width: 19.6875rem ;
}
.two-510{
  margin: 1rem 0 0;
  padding: 1rem 0 0;
  border-top: 1px solid #ebebeb;
}
.two-main a.img-s,.u10, .left_img,.u10 li,.list-sell .ul5-a, .list-bm-xia ul li{
  width: 100%;
}
.two-main a.img-s{
  height: 10.3125rem;
}
.u10 li{
  margin-bottom:0.9375rem
}
.two_top .a {
  font-weight: bold;
  font-size: 1rem;
  background-size: 1.625rem 1.625rem;
  float: left;
  position: relative;
  line-height:1.625rem;
}
.two-main a.img-s p{
  line-height: 1.875rem;
  height: 1.875rem;
  text-indent: 0.625rem;
  font-size: 0.9375rem;
}
.u10 li a:nth-child(1){
  font-size:0.75rem;
  line-height:1.25rem;
  height: 1.25rem;
  padding: 0.0625rem 0.25rem;
  border-radius:0.25rem;
  margin-right: 0.625rem;
}
.two-510 li:nth-child(19){
  margin-bottom: 1.0625rem !important;
}
.ul5-a a .div_a div:nth-child(2){
  font-size: 0.75rem;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.list-sell .ul5-a a .div_a div:nth-child(1){
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.list-sell .ul5-a{
  margin-top: 1rem;
}
.list-sell .ul5-a a{
  padding-bottom: 0;
}
.list-sell{
  flex-wrap: wrap;
}
.list-sell .ul5-a, .list-bm-xia ul li{
  display: flex;
}
.u10 li a:nth-child(2){
  line-height:1.375rem;
  height: 1.375rem;
  width: 10.625rem;
  font-size: 0.9375rem;
}
.u10 li p{
  line-height:1.375rem;
  height: 1.375rem;
  font-size: 0.75rem;
}
.two-510 li a {
  width: 100%;
  height: 1.25rem;
  text-indent:  0.9375rem ;
  font-size: 0.9375rem;
}
.two-510 li{
  width: 100%;
}
.list-bm-xia .ul4 li a{
  width: 12rem !important;
}
.list-bm-xia ul li p{
  margin-left: 1.5rem;
}
.yl{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.yl a{
  width: 21.5625rem;
  line-height: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  position: relative;
  margin-right: 1.875rem;
}
.yl a:nth-child(5n){
  margin-right: 0;
}
.content .two .two_top{
  margin-bottom: 0.25rem;
  padding-bottom: 0;
  border-bottom: 0;
}
.content .two .k:last-child{
  border-bottom: 0 !important;
}
.p_ab{
  width: 5.625rem;
  height: 2.25rem;
  margin: 10px auto;
  font-size: 15px;
  top: 9px;
  right: 20px;
  border-radius: 6px;
}
.content-view h1, .content-view h2{
  margin: 1.25rem 0 0.625rem 0;
  font-size:1.5rem;
}
.recom-article{
  margin: 20px auto 0 auto;
}
.view-content div img,.download_card{
  width: 100% !important;
}
.ul-tt li a{
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
.ul-tt li em {
  line-height: 0.9375rem;
  width: 1.25rem;
  height:1.25rem;
  font-size: 0.75rem;
  margin-right: 0.4375rem;
  border-radius: 4px;
  line-height: 1.25rem;
}
.word{
  margin-bottom: 1rem;
  border-radius: 0;
  width: 100%;
}
.word h1{
  padding: 11px 0.9375rem 4px;
  font: 0.875rem/24px "微软雅黑";
}
.word .word_a {
  font-size: 0.75rem;
  padding: 0 0.9375rem 14px;
  margin-top: 0;
}
.art-d2{
  font-size: 0.75rem;
}
.recom-article a .art-d{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  justify-content: center;
  height: 24px;
}
.art-div .art-d{
  font-size: 0.9375rem;
  font-weight: normal;
  margin-left: 5px !important;
}
.view-content h3{
  font-size: 1rem;
  margin-bottom: 1rem;
}
.view-content p {
  text-indent: 1.25rem;
  line-height:2rem;
  margin-bottom:0.75rem;
}
.download_card {
  padding:0.625rem;
  margin: 0 0 1rem 0;
  box-sizing: border-box;
}
.news-xx .tag5{
  width: 21.5625rem;
  margin: 0 ;
  border-radius: 0;
}
.recom-article a{
    line-height:1.5;
    padding: .625rem 0;
}
.recom-article a .art-div{
  display: block;
}
.recom-article a .art-div i{
    float: left ;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
}
.news-xx .right .tag3{
  width: 21.5625rem;
  border-radius: 0;
}
.news-xx .right,.news-xx .body .f_ul{
  width: 100%;
  padding: 0;
  border-radius: 0;
}
.ul11 li{
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.ul_icon li{
  max-width: 50%;
}
.ul_icon{
  justify-content: space-between;
}
.ban-bottom{
  display: block;
}
.ul7, .ulx,.ul7 li,.news-pro .ul7,.news-pro .ulx{
  width: 100%;
}
.two-2{
  width: 100% !important;
  display: block;
}
.ul7 li:nth-child(1), .ul7 li:nth-child(2), .ul7 li:nth-child(3),.news-pro .ul7 li:nth-child(4),.news-pro .ul7 li:nth-child(5){
  margin-bottom: 1rem
}
.ul7 li .img{
  float: left;
  width: 7.5rem;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 15px;
  height: auto;
}
.ul7 li .divs p{
  -webkit-line-clamp: 2;
}
.ul7 li .divs a{
  font-size: 0.9375rem;
}
.nav ul{
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  height: 2.75rem;
  line-height: 2.75rem;
}
.nav ul li{
  margin-left: 10px;
  margin-right: 0;
}
.nav,.nav ul{
  width: 23.4375rem;
}
.nav ul li a{
  display: block;
  padding:0 10px;
  max-width: 100px;
  height: 2rem;
  white-space: nowrap;
  line-height: 2rem;
  margin-top: 0.375rem;
}
.nav ul::-webkit-scrollbar {
  width: 1px; /* 滚动条宽度 */
  height: 1px; /* 滚动条高度 */
  }
.banner-box .two{
  display: none;
}
.two_top{
  margin-bottom: 0.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #ebebeb;
}
.yl2 a{
  width: auto;
  line-height: 2.2rem;
  height:2.2rem;
  overflow: hidden;
  position: relative;
}

/* 添加logo文字样式 */
.logo-text {
    display: flex;
    align-items: center;
    height: 42px;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.logo-text:hover {
    color: #f60;
    text-decoration: none;
}

@media (max-width: 768px) {
    .logo-text {
        height: 32px;
        font-size: 20px;
        max-width: 90vw;
        padding: 0 5px;
    }
}