.bs-banner,.bs-mbanner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 380px;
    position: relative;
}

.none{display: none!important;}
.block{
    display: block!important;
}


.bs-mbanner{
display: none;
}


/*lanmu*/
.header_top1 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.header_top1.on {
    position: fixed;
    top: 0px;
    z-index: 112;
    background: #FFFFFF;
}

.header_top2 {
    position: relative;
    z-index: 2;
}

.header_top2 ul {
    display: flex;
    column-gap: 100px;
    flex-direction: row;
    justify-content: center;
}

.header_top2 ul li {
}

.header_top2 ul li p {
    font-size: 16px;
    color: #5A6063;
    line-height: 24px;
    padding: 18px 0px;
}

.header_top2 ul li span {
    display: block;
    border-bottom: 2px solid #0679D5;
    width: 0px;
    transition: all 0.3s;
}

.header_top2 ul li:hover p, .header_top2 ul li.on p {
    color: #0679D5;
}

.header_top2 ul li:hover span, .header_top2 ul li.on span {
    width: 100%;
}

.header_top3 {
    position: absolute;
    bottom: 0%;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    z-index: 1;
}

/* banner */
.p-intro {
    background: url(../images/p-intro.png) no-repeat top center;
    height: 518px;
        background-size: cover;
}

.intro-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.intro-list .intro-pic {
    width: 569px;
    height: 294px;
    overflow: hidden;
    display: block;
}

.intro-list .intro-pic img {
    transition: all 0.3s;
}

.intro-list .intro-pic:hover img {
    transform: scale(1.2);
}

.intro-list  .intro-info {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: rgba(90, 96, 99, 1);
    width: 550px;
}

/*pro-char*/
.char-list {
    display: flex;
}

.char-list.safety{
justify-content: space-evenly;
    width: 900px;
    margin: 0px auto;
}






.char-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.char-list li {
    width: 212px;
    height: 95px;
    opacity: 1;
    border-radius: 6px;
    margin-bottom: 32px;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    border: 1px dashed rgba(229, 229, 229, 1);
}

.char-list li .ico {
    padding: 10px 0;
    display: block;
}

.char-list li .ico span {
    font-size: 40px;
    color: #5a6063;
    display: block;
}

.char-list li.te {
    width: 610px;
    height: 95px;
    opacity: 1;
    display: flex;
    border-radius: 6px;
    background: rgba(255, 255, 255, 1);
    border: 1px dashed rgba(229, 229, 229, 1);
    align-items: center;
}

.char-list li.te p {
    font-size: 14px;
    color: #5a6063;
    padding-top: 10px;
}
.char-list li .info{
      font-size: 16px;
    color: #000;
}
.char-list li.te .info {
    text-align: left;
  
}

.char-list li.te2 .info p {
        font-size: 14px;
    color: #5a6063;
    padding: 10px;
  
}

.char-list li.te .ico {
    width: 150px;
}

.char-list li:hover {
    border: 1px dashed #0679D5;
    align-items: center;
    cursor: pointer;
}


/*two list*/

.char-list-righttwo li{
    height: 158px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*zhuanye*/
.p-zy {
    background: url(../images/p-zy.png) no-repeat top center;
    margin-top: 40px;
    background-size: contain;
}

.p-zy .com-t {
    color: #fff;
}

.p-zy .zy-info {
    background: #fff;
    height: 544px;
    width: 973px;
    text-align: center;
    border-radius: 6px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    margin: 0 auto;
    margin-bottom: 50px;
}

.p-zy .zy-info img {
    width: 798px;
    margin-top: 35px;
}

/*product list*/
.p-list {
    background: url(../images/pro-list.png) no-repeat bottom center;    /*height: 702px;*/
    margin-top: 60px;
    padding-bottom: 60px;
    background-size: cover;
}

.p-list-items {
    display: flex;
    justify-content: space-between;
}

.p-list-items .hd {
   /* height: 30px;
    line-height: 30px;*/
    background: #FFF;
    width: 304px;;
 
 
    position: relative;
}

.p-list-items .hd ul {
 
}

.p-list-items .hd ul li {
     cursor: pointer;
     height: 150px;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     border: 1px solid #F2F2F2;
}

.p-list-items .hd ul li.on {
 background: #0679D5;
 color:#fff;
 border: 1px solid #0679D5;
}

.p-list-items .hd ul li .ico{
    width:50px;height: 50px;
}

.p-list-items .hd ul li .ico img{
    width:100%;height: 100%;
}

.p-list-items .hd ul li .ico img:last-child{
display: none;
}
.p-list-items .hd ul li.on .ico img{
display: none;
}
.p-list-items .hd ul li.on .ico img:last-child{
display: block;
}

.p-list-items .hd ul li .info
{
    font-size: 16px;color:#000;
    margin-top: 10px;
}

.p-list-items .hd ul li.on .info
{
     color:#FFF;
}

.p-list-items .bd .p-item {
    
   width: 876px;
min-height: 599px;
opacity: 1;
background: rgba(255, 255, 255, 1);

border: 1px solid rgba(242, 242, 242, 1);      
}

.p-list-items .bd li {
    height: 24px;
    line-height: 24px;
}



.p-list-items .bd .p-list-item ul{
    display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding:20px 40px;
}
.p-list-items .bd .p-list-t
{
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    font-size: 16px;height: 64px;line-height: 64px;
    text-align: center; 
}


.p-list-items .bd .p-list-item  ul li{
    width:48%;
    line-height: 22px;
    color: rgba(90, 96, 99, 1);
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


 .p-list-items .hd li .ico span{
    font-size: 40px;
    color: rgba(90, 96, 99, 1);
 }



 .p-list-items .hd li.on .ico span{
 
    color:#fff;
 }


.safety-list-item{
    margin:20px;
}
.safety-list-item .safety-items{
    display: flex;
    justify-content: space-between;
    /*width: 794px;*/
    padding:20px 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(242, 242, 242, 1);
    /*margin-bottom: 20px;*/
}

.safety-list-item .safety-ico {
    width:200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.safety-list-item .safety-ico span{
    font-size: 32px;

}

.safety-list-item .safety-ico img{
    width:35px;
}

.safety-list-item{
    display: flex;
    flex-direction: column;
}

.safety-list-item  ul{
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     width: calc(100% - 200px);
     row-gap: 6px;
     column-gap: 6px;
}
.safety-list-item  ul li
{font-size: 14px;
    padding: 2px 0px;
    background: #F8F8F8;
    width: calc(100% / 3 - 4px );
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.safety-list-item  ul li.w2
{font-size: 14px;
    padding: 2px 0px;
    background: #F8F8F8;
    width: calc(100% / 2 - 4px );
    text-align: center;
}


.safety-list-item  ul li.w4
{font-size: 14px;
    padding: 2px 0px;
    background: #F8F8F8;
    width: calc(100% / 4 - 5px );
    text-align: center;
}

.safety-list-item  ul li.w1
{font-size: 14px;
    padding: 2px 0px;
    background: #F8F8F8;
    width: calc(100% / 1 - 4px );
    text-align: center;
}


.safety-list-item .safety-ico p{
    color:#000;font-size: 16px;
    margin-top: 10px;
}




.char-list.safety.test {
    justify-content: space-evenly;
    width: 1100px;
    margin: 0px auto;
}


.safety-list-item.test-list .safety-ico{
width:110px;
}


.safety-list-item.test-list ul{
      width: calc(100% - 110px);
}




/*联系方式*/

.pro-contact{
    display: flex;
    
 
    justify-content: space-between;
    border: 1px solid #dddddd;
    margin: 60px 0;

}

.pro-contact .desc{
    padding: 40px;
    background: url(../images/gywm_lxwm_zb.png) center/100% 100% no-repeat;
    width: calc( 100% - 400px );
}


.pro-contact .search{
    width:400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:60px;

}


.pro-contact .search #select {
    width: 100%;
    height: 40px;
    border: 1px solid #dddddd;
    color: #333333;
    font-size: 14px;
    margin: 30px 0 20px;
    padding-left: 10px;
}


.pro-contact .search #area {
    background: #0679D5;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.pro-contact .desc .city{
    display: flex;
    align-items: center;

}
.pro-contact .desc .city span.iconfont{
    font-size: 20px;
}
.pro-contact .desc .city .value{
    font-size: 20px;
    color:#0679D5;
}
.pro-contact .desc .contact-item>div{
padding:10px 0;
}
.pro-contact .desc{
    display: flex;
     justify-content: flex-start;
}

.pro-contact .desc .contact-item{
      display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.pro-contact .desc .contact-item .name{
    display: flex;
        align-items: center;
        column-gap: 10px;
}





.map_content{
    background: url(../images/gywm_map_bg.png) no-repeat top center;
 
        background-size: cover;
        color:#fff;
        /*margin-bottom: 60px;*/
        padding-bottom: 60px;
}

.map_content .com-t{
    color:#fff;
}
.map_content_right .txt3{
    display: flex;
    margin-bottom: 30px;
}
.map_content_right .items{
    display: flex;justify-content: space-around;
    margin-bottom: 60px;
}.map_content_right .mb30{
    margin-bottom: 30px;
}
.map_content_right .item .num{
    font-size: 45px;
        font-family: "Montserrat-SemiBold-9";
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        vertical-align: baseline;
        letter-spacing: 5px;
       
}
.map_content_right .txt3 .num
{
      padding-left:20px;
}
.map_content_right .item .symbol{
        font-size: 36px;
    font-family: DIN;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    vertical-align: baseline;
}
.map_content_right  .txt4{display: flex;
 
    font-size: 18px;

justify-content: space-around;}


.map_content_right .item p{
    font-size: 20px;
}
/*联系方式结束*/



/*map*/

/*map*/

.datamap .com-t{
    padding-bottom: 0;
}

.map {
  height: 900px;

}
 
.map .icon-cube {
  color: #68d8fe;
}
.map .chart {
  flex: 1;
  background-color: rgba(255, 255, 255, 0.05);
}
.map .geo {
  width: 100%;
  height: 800px;
}


#dataChart {
    width: 900px;
    height: 900px;
    position: relative;
    margin:0 auto;

}
 
.data-chart {
 background: transparent;
 color: #FFFFFF;
}

 
 




/*map end*/
.solution-intro {
    background: url(../images/solution-bg.png) no-repeat top center;
    height: 495px;
        background-size: cover;
}

.solution-status{
    width:90%;margin:0 auto;
}
.solution-status ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-row-gap: 16px;
    align-content: center;
}
.solution-status li{
    background: #fff;
    width:calc(100% / 2 - 20px);
    padding:15px;
}

.solution-desc{
    display: flex;column-gap: 40px;

}

.solution-desc .solution-pic{
    width:920px;
}

.solution-desc .solution-pic img{
    width:100%;
}

.solution-desc .solution-info{
    width: 278px;
    background: url(../images/solution-info-bg.png) no-repeat top center;
    background-size: cover;
    display: flex;
    padding: 30px;
    color:#fff;
    align-items: center;
    line-height: 28px;
}

.solution-value  ul {
    display: flex;
    column-gap: 20px;
}
.solution-value li {
    background: #fff;
    border:1px solid #E5E5E5;
    padding: 20px;
}
.solution-value li .ico span{
    font-size: 38px;
}

.solution-value .info{
    font-size: 18px;
    color:#000;
    margin-top: 20px;
}

.solution-value .info p{
      font-size: 14px;
      color: #5a6063;
      padding: 10px 0;
      line-height: 20px;
}
 .solution-value li:hover{
    background: #0679D5;cursor: pointer;
 }
 .solution-value li:hover .info,  .solution-value li:hover span{color:#FFF;}

 .solution-value li:hover .info p{
    color:#fff;
 }

 
 

 

.solution-case{
  display: flex;
  justify-content: space-between;
}
.solution-case .item .pic{
  overflow: hidden;
  width: 370px;height: 216px;

}

.solution-case .item .pic img{
  width: 100%;height: 100%;
  transition: all 0.3s;
}

.solution-case .item .info
{
  height: 50px;
opacity: 1;
text-align: center;
line-height: 50px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(229, 229, 229, 1);            
}

.solution-case .item:hover .pic img{
  transform: scale(1.2);
}

.solution-case .item:hover .info{
  background: rgba(6, 121, 213, 1);
  color:#fff;
  border: 1px solid rgba(6, 121, 213, 1);            

}

.case{
    margin-bottom: 50px;
}


.about-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 40px;

}

.about-list .about-pic {
width: 542px;height: 344px;
}

.about-list .about-pic video{
    width: 542px;height: 344px;
}

.about-list .about-pic img {
    width:100%;height: 100%;
}

.about-list .about-info{
    width: 628px;
    line-height: 24px;
}

.about-history {
    background: url(../images/history-bg.png) no-repeat top center;
    height: auto;
        background-size: cover;
        margin-top: 60px;
        padding-bottom: 100px;
}

.history-list  {
    display: flex;
    flex-direction: row;
    position: relative;
 
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.history-list .items{
  display: flex;
  position: relative;
  width: 50%;
  align-items: baseline;
  justify-content: space-between;
  z-index: 2;
}

.history-list .xian{position: absolute;
    left:50%;
    top:0px;height:885px;
    width:1px;
    background:#0679D5;
    z-index: 1;

}
.history-list .items:nth-child(even){display: flex;margin-left: -12px;margin-top: 100px;}

.history-list .items:nth-child(odd){display: flex;flex-direction: row-reverse;margin-right: -12px;}



.history-list .items:nth-child(odd) .right-info{display: flex;flex-direction: column;align-items: flex-end;text-align: right;}


.history-list .items .right-info{
      /*border-top:1px solid #E5E5E5;*/
      display: flex;
      align-items: flex-start;
      flex-direction: column;
}

.history-list .items .quan{
    width: 12px;
    position: relative;
    z-index: 2;
    background: #fff;
    height: 12px;
    border-radius: 50%;
    border:1px solid #0679D5;
}


.history-list .items:last-child .quan{
    top:0;
}
 


.history-list .items .ye{
    width:150px;
    font-size: 18px;
    color:#000;
}

.history-list .items:nth-child(3){
    margin-top: -110px;
}

.history-list .items:nth-child(5){margin-top: -100px;}
/*.history-list .items:before{
    position: absolute;
    width:10px;
    border:1px solid #0679D5;
    content: "";
    left: -30px;
    top:0px;
    height: 10px;
    border-radius: 50%;
    z-index: 3;
}*/

/*.history-list .items:nth-child(even):before{
    position: absolute;
    width:1px;
    background:#0679D5;
    content: "";
    left: 0px;
    top:0px;
    height: 100%;
    z-index: 1;
}*/

.history-list  .info{
    /*width:925px;*/
    padding-top: 20px;
    width: 541px;
}

.history-list .items:last-child .right-info{
     border-bottom:1px solid #E5E5E5;
     padding-bottom: 20px;
}

.culture-bg {
    background: url(../images/culture.png) no-repeat top center;
    height: 415px;
        background-size: cover;
}
.culture-bg .com-t{
    color: #fff;
}

.culture-list ul{
    display: flex;
    justify-content: space-around;
    color:#fff;
    align-items: center;
    text-align: center;
}

.culture-list ul li{
     width: calc(100% / 4 - 120px);
  padding:10px;
}
.culture-list ul li:hover{
    background:#0679D5; cursor: pointer;
    
}

.culture-list .ico span{
    color:#fff;font-size: 42px; 
}
.culture-list .info{
    font-size: 18px;
    padding:20px 0;
}

.culture-list .info p{
    font-size: 14px;line-height: 20px;
    padding-top: 20px;
}











.culture-value  ul {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    grid-row-gap: 30px;
    justify-content: space-between;
}
.culture-value li {
    background: #fff;
    border:1px solid #E5E5E5;
    padding: 20px;
    width:calc(100% / 2 - 20px);
}
.culture-value li .ico span{
    font-size: 38px;
}

.culture-value .info{
    font-size: 18px;
    color:#000;
    margin-top: 20px;
}

.culture-value .info p{
      font-size: 14px;
      color: #5a6063;
      padding: 10px 0;
      line-height: 20px;
}
 .culture-value li:hover{
    background: #0679D5;cursor: pointer;
 }
 .culture-value li:hover .info,  .culture-value li:hover span{color:#FFF;}

 .culture-value li:hover .info p{
    color:#fff;
 }

.honor-list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
grid-row-gap:  30px;
width:88%;
margin:0 auto;
}
.honor-list .item{display: flex;width: 25%;justify-content: center;}

.honor-list .item .info{
    /*width: 108px;*/
    font-size: 16px;
    color:#D4A42A;
    line-height: 22px;
    font-weight: 600;
    background:url(../images/honor-bg.png) no-repeat;
    width: 213px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 138px;
    background-size: cover;
    font-family: "miscrosofo yahei";
    padding: 0px 44px;
}
.coopration-list ul{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    align-items: center;
}

.coopration-list li{
    width:calc(100% / 8 - 20px);
    border:1px solid #E5E5E5;
    padding:10px 0;
}

.coopration-list li:hover{
    border:1px solid #0679D5;
    cursor: pointer;

}

.coopration-list li:hover img{
    
    transform: scale(1.2);
}

.coopration-list li img{
    width:72px;
transition: all 0.3s;
}
.coopration-links{
    margin-bottom: 60px;
}
.coopration-links ul{
      display: flex;
    flex-wrap: wrap;
 
    text-align: center;
    align-items: center;
        justify-content: space-between;
}
.coopration-links li{
     width:calc(100% / 5 - 25px);
     border:1px solid #E5E5E5;
     padding:25px 0;
}

.coopration-links li a{
    color:#000;
    line-height: 18px;
}
.coopration-links li p{
    font-size: 12px;
}

.coopration-links li:hover{
    border:1px solid #0679D5;
    cursor: pointer;

}

.coopration-links li:hover a{
    color:#0679D5;
}

.coopration .com-t{
    font-size: 24px;
}

.contest-list{
     padding:60px 0; 
}
.contest-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contest-info {
    width:556px;
}
.contest-info h4{
  font-size: 24px;color:#000;
}

.contest-info p{
  line-height: 24px;
  margin-top: 10px;
}

.contest-pic{
  width: 530px;height: 224px;
  overflow: hidden;
}

.contest-pic img{
  width:100%;height: 100%;
  transition: all 0.3s;
}

.contest-pic img:hover{
transform: scale(1.1);
}


.contest-item{
    background:#F5F5F5;
    padding:60px 0;
}

.contest-items{
    background: #fff;padding:30px 0;
    display: flex;
    flex-direction: column;
}
.contest-items .items{
    height: 60px;
    line-height: 60px;
}

.contest-items .items ul{
    display: flex;
    justify-content: space-around;
    font-size: 12px;
    text-align: left;
}

.contest-items .items ul.te{
    color:#000;
    font-weight: bold;
    font-size: 14px;
}

.contest-items .items:nth-child(2n+1){
    background: #F5F9FF;
}


.contest-items .items {
    border-bottom:1px solid #F0F0F0;
}
.contest-items .items  li.c{
    color:#0679D5;font-size: 14px;
}

.contest-items .items:hover{
    background: #0679D5;color:#fff;
    cursor: pointer;
}
.contest-items .items:hover .c {
    color:#fff;
}

.contest-items .items:hover .te{
     background: #F5F9FF;
}

.contest-items .items li:nth-child(1){
    width:60px;
}

.contest-items .items li:nth-child(2){
    width:160px;
}


.contest-items .items li:nth-child(3){
    width:260px;
}


.contest-items .items li:nth-child(4){
    width:100px;
}

.contest-items .items li:nth-child(5){
    width:360px;
}




.service-standard .ico span{font-size: 30px;}

.service-standard ul{display: flex;
justify-content: space-between;
text-align: center;
}
.service-standard li{
    width:calc(100% / 3 - 20px);
    background:#fff;
    padding:30px 0;
}

.service-standard .info{
    font-size: 18px;color:#000;
    padding:20px 0;
}

.service-standard .info p{
    font-size: 14px;color:#5A6063;
    padding-top: 10px;
    line-height: 22px;
}




.service-content{


    background: url(../images/service-conetent.png) no-repeat top center;
    height: 380px;
        background-size: cover;
}
.service-content .com-t{
    color: #fff; 
}



.service-con-list ul{
    display: flex;
    justify-content: space-between;
}

.service-con-list ul li{
    background: #fff;height: 146px;
    padding:20px;
    text-align: center;
    width:120px;
}
.service-con-list ul li:first-child{
    width:211px;
}

.service-con-list ul li .ico span{
    font-size: 30px;
}

.service-con-list ul li .info{
    padding:20px 0;line-height: 22px;
}


.contest-chara ul{
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
    column-gap: 20px;
}

.contest-chara ul li{
    
 
    text-align: center;
    
}
 

.contest-chara ul li .ico span{
    font-size: 24px;
}

.contest-chara ul li .info{
    padding:20px 0;line-height: 22px;
}

.contest-chara.colleges li{
    background: #F5F5F5;padding:10px;

}

.contest-chara.colleges .info{
    color:#000;
}
.contest-info .contest-chara.colleges  p{
    margin-top: 6px;color:#5A6063; 
}

.contest-chara.colleges ul li{
    padding-top: 15px;
}
.contest-chara.colleges ul li .info{
    padding:10px 0;
}




.service-after{


    background: url(../images/service-after.png) no-repeat top center;
    height: 380px;
        background-size: cover;
}
.service-after .com-t{
    color:#fff;
}


.service-after .service-con-list li:first-child{
     width:calc(100% / 8 - 20px);

}

.service-after .service-con-list ul li{
    width:calc(100% / 8 - 20px);
    padding:20px 10px;
}
.contest-list.pad0{
    padding:0;
}



/* dataarea */
.area{
    background: #F6F6F6;
    padding-bottom: 60px;
}

.dataarea{display: flex;justify-content: space-between;flex-wrap: wrap;}
.dataarea .items{
    width:48%;
    display: flex;
    background-color: #fff;
    padding:20px;
    column-gap: 20px;
    margin-bottom: 20px;
}
.dataarea .items .pic{
    width:260px;
    height: 180px;
    overflow: hidden;
}

.dataarea .items .pic img{
    width:100%;
    height: 100%;
}

.dataarea .items .info *{
    padding-top:10px;
   
}

.dataarea .items .info h3{
    color:#000;font-weight: bold;
}

/* dataarea end */



.edu .com-t{
    padding:60px 0 20px;
}

.edu-intro{text-align: center;}
.edu-intro  p {color:#000;}
.edu-intro  p span{
    color:#0679D5;font-size: 20px;
}
.edu-intro .info{
padding-top: 6px;
}


.edu-content{
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    align-items: center;
}
.edu-left li{width:268px;height: 204px;
background: #F2F2F2;
text-align: center;
padding:20px;
}


.edu-left li .ico span{
    font-size: 30px;
}
.edu-left li .info{
    font-size: 20px;color:#000;
    padding:10px 0;
}

.edu-left li .info p{
    font-size: 14px;line-height: 22px;
    color:#5A6063;
    padding-top: 10px;
}

.edu-left ul{
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
}


.edu-right li{
    color:#000;position: relative;
    padding-left:20px;
    line-height: 26px;
}
.edu-right li:before{
    position: absolute;
    left:0px;
    content: "";
    top:6px;
    width:10px;
    height: 10px;
    border:1px solid #A6A6A6;
    border-radius: 50%;
}

.edu-right{
    margin-left: 50px;
}


.course-flow{
        background: url(../images/course-flow.png) no-repeat top center;
    height: 329px;
        background-size: cover;

        margin-top: 60px;
}



.course-flow .com-t{
    color:#fff;
}

.course-flow-list ul{display: flex;
align-items: baseline; color:#fff;
text-align: center;
justify-content: space-between;
}

.course-flow-list li .ico span{
    font-size: 24px;
    color:#fff;
}

.course-flow-list  li span{
    font-size: 16px;  color:#fff;
}
.course-flow-list  li {
    text-align: center;
}

.course-flow-list li .info{
    padding-top: 20px;
}

.course-flow-list .ico{
    border:1px solid #fff;
    border-radius: 50%;
    width:56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
}


.virual{
       background: url(../images/virual.png) no-repeat top center;
       height: 578px;
       background-size: cover;
}

.virual-info{
    line-height: 24px;
    padding: 30px 20px 0;

}

.virual-video {
display: flex;
justify-content: center;
margin-top: 60px;
column-gap: 30px;
}

.virual-video  .hd  ul{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
   grid-row-gap:  20px;

}

.virual-video  .hd  li .ico span{
    font-size: 30px;
}
 
.virual-video  .hd{
    width:300px;
}

.virual-video  .hd  li
{
    width: 85px;
height: 90px;
opacity: 1;

border: 1px solid rgba(229, 229, 229, 1); 
color: #000;    
text-align: center;
display: flex;
    flex-direction: column;
    justify-content: center;

}

.virual-video  .hd  li .info{
    padding-top: 10px;
}

.virual-video  .hd  li.on{
    color:#0679D5;
    border:1px solid #0679D5;
    cursor: pointer;


}

.virual-video  .hd  li.on span{
    color:#0679D5;
}

.virual-video .bd video{
   width:100%;height: 100%;
}

.virual-video .bd ul{
     width: 550px;height: 307px;
}




.edu-case{
  display: flex;
  justify-content: space-between;
}
.edu-case .item .pic{
  overflow: hidden;
  width: 280px;height: 160px;

}

.edu-case .item .pic img{
  width: 100%;height: 100%;
  transition: all 0.3s;
}

.edu-case .item .info
{
  height: 40px;
opacity: 1;
text-align: center;
line-height: 40px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(229, 229, 229, 1); 
overflow: hidden;        
text-overflow: ellipsis;
white-space: nowrap;   
}

.edu-case .item:hover .pic img{
  transform: scale(1.2);
}

.edu-case .item:hover .info{
  background: rgba(6, 121, 213, 1);
  color:#fff;
  border: 1px solid rgba(6, 121, 213, 1);            

}

   .edu-b{
    padding-bottom: 60px;
}



.build-item{
        background: #F5F5F5;
        padding-bottom: 60px;
}

.build-item .contest-list h5{
    font-size: 14px;color:#000;
}
.build-item .contest-list{
    padding: 0;
}
.build-item .contest-list .contest-info p{line-height: 30px;}


.com-xt {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  text-align: center;
  padding: 40px 0;
}

.build-item .service-standard li{
    width: calc(100% / 4 - 20px);
    padding:30px 20px 20px;

}

.build-item .textbookxt .service-standard li{
    width: calc(100% / 4 - 20px);
    padding:40px 20px 20px;

}

.build-item .service-standard li .ico span{
    font-size: 36px;
}


.build-item.nobg{
    background: none;
}

.build-item.nobg .service-standard li{
   background:#F5F5F5;
}

.build-condition{
        background: #F5F5F5;
        
}

.build-item .service-standard li:hover{
    background:#0679D5;color:#fff; cursor: pointer;
}
.build-item .service-standard li:hover .ico span{
    color:#fff;
}
.build-item .service-standard li:hover .info{
      color:#fff;
}
.build-item .service-standard li:hover .info p{
      color:#fff;
}




.no-list{
    padding:60px 0;
}
.no-list{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.no-info {
    /*width:200px;*/
}
.no-info h4{
  font-size: 24px;color:#000;
}

.no-info p{
  line-height: 24px;
  margin-top: 10px;
}

.no-pic{
  width: 350px;height: 350px;
  overflow: hidden;
}

.no-pic img{
  width:100%;height: 100%;
 
}


.xw-detail  .ico-l{
  display: flex;
  justify-content: space-between;
  width: 300px;
}

 

.xw-detail .ico-l >div{
  display: flex;
   justify-content: space-around;
   color: #a0a8af;
   align-items:center;
   font-size: 12px;
   margin-top: 10px;
}
.xw-detail h4{
     color: #000; 
     font-size: 20px;

}


.xw-detail .ico-l >div span{
      padding-right: 6px;
}

 
.xw-detail-content{
    padding:60px 0;
}
 
.xw-detail.xw-t{
    height: auto;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(229, 229, 229, 1)
}


/* 教材开发 */

.textbook .contest-pic{
    width: 545px;
    height: 309px;
}





.textbook .contest-info p{
    line-height: 30px;
}


.textbookxt .com-xt{
font-size: 24px;
}

.build-item .textbookxt .service-standard li
 .ico span{
    font-size: 37px;
}

.textbookxt .textbook-info{

    line-height: 30px;
    margin-top: 10px;

}


.textbookpic-list{
    margin-top:20px;
    display: flex;
    justify-content: space-between;
}

.textbookpic-list  .items{
 
    text-align: center;
}

.textbookpic-list  .items .textbookpic-info{
    margin-top: 10px;
}
.textbookpic-list  .items .textbookpic-pic{
    overflow: hidden;
}
.textbookpic-list  .items .textbookpic-pic img{
    width:100%;height: 100%;
    transition: all 0.3s;
  }
  
  .textbookpic-list  .items .textbookpic-pic img:hover{
  transform: scale(1.1);
  cursor: pointer;
  }







@media only screen and (max-width:479px) {
}

@media only screen and (max-width:639px) {
}

@media (max-width:991px) {
}

/* banner */
@media(max-width:768px) {
    .bs-banner {
       display: none;
    }

    .bs-mbanner {
        height: 200px;
        display: block;
        margin-top: 50px;
    }


    .header_top2 ul {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        column-gap:28px;
    }

    .header_top2 {
        margin: 10px 0;
    }

    .header_top2 ul li {
        width: 43%;
        float: none;
        margin-right: 0;
        text-align: center;
        background: #FFF;
        border: 1px solid #e7e7e7;
        margin: 4px 0px;
    }

    .header_top2 ul li p {
        padding: 5px 0;
        font-size: 14px;
    }


    .xbanner-zi h3 {
        font-size: 16px;
    }

    .xbanner-zi {
        height: 200px;
        grid-row-gap: 10px;
    }


    .intro-list{
        display: flex;
        flex-direction: column;
        margin:0px 15px;
    }

    .intro-list .intro-pic{
        width:100%;
        height: auto;
    }

    .intro-list .intro-info{
        width:100%;
        margin-top: 20px;
    }

    .p-intro{
        height: auto;padding-bottom: 50px;
    }
.char-list ul{
    display: flex;

}

.char-list ul li.te{
    width:40%;
    display: flex;
    flex-direction: column;
}

.char-list ul li{
    width:40%;
}
.char-list li.te p{
    display: none;
}

.char-list li.te .info{
    font-size: 14px;color:#5A6063;
}

.p-zy .zy-info{
    width:100%;
    height: auto;
}

.p-zy .zy-info img{
    width: 88%;
    height: auto;
    padding-bottom: 30px;
}

.p-zy{
    background-size: cover;
}

.p-list-items{
    display: flex;
    flex-direction: column;
    margin: 0px 15px;
}

.p-list-items .hd ul li .ico
{
    width:30px;height: 30px;
}
.p-list-items .hd{
    width:100%;
}

.p-list-items .hd ul li{
    height: auto;
    width: 50%;
    padding: 10px;
}
.p-list-items .hd ul li .info{
    font-size: 14px;
}

.p-list-items .hd ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.p-list-items .bd .p-item{
    width:100%;
    height: auto;
}
.p-list-items .bd .p-list-item ul{
    display: flex;
}
.p-list-items .bd .p-list-item ul li{
    width:100%;
}
 .char-list-center{

  }
  .char-list.safety{
    width:100%;
    display: flex;
    flex-direction: column;
  }

.char-list-righttwo li{
    height: 95px;
}
.safety-list-item .safety-items{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.safety-list-item ul{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.safety-list-item ul li,.safety-list-item ul li.w1,.safety-list-item ul li.w2,.safety-list-item ul li.w4{
    width:calc(100% / 1 );
}
.p-list-items .bd .p-list-t{display: none;}
.safety-list-item .safety-ico{
    width:100%;
    margin-bottom: 10px;
}


.solution-case{
  display: flex;
  flex-wrap: wrap;justify-content: center;
}
 
.solution-case .item .pic{
  width: 100%;
}

.solution-status li{
    width: calc(100% / 1);
}

.solution-intro{
    height: auto;
    padding-bottom: 30px;
}
.solution-desc{
    display: flex;
    flex-direction: column;
}

.solution-desc .solution-pic{
    width:100%;
}
.solution-desc .solution-info{
    width:100%;
}
.solution-value ul{
       flex-direction: column;
       margin: 0px 20px;
       row-gap: 10px;
}
.solution-case .item{
    margin-bottom: 10px;
}

.about-list{
    display: flex;
    flex-direction: column;
    padding:0px 20px;
}

.about-list .about-pic{
    width:100%;
    height: auto;
}
.about-list .about-info{
    width:100%;
    padding-top: 20px;
}

.history-list .items:before{
    display: none;
}

.history-list .items .quan{
    display: none;
}
.history-list{
    padding-left: 0;
    display: flex;
    flex-direction: column;
}

.history-list .info{
    width:auto;
}

.history-list .items .right-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin:0px 15px;
    width: 100%;
}

.history-list .items:nth-child(odd) .right-info{
    text-align: left;
    align-items: flex-start;
}
.history-list .items{
    width:auto;
    margin-top:30px!important;
}

.history-list .xian{
    display: none;
}

.history-list .items:nth-child(odd){
    display: flex;
    flex-direction: row;
    margin:0;
}

.history-list .items:nth-child(even){
    margin:0;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.culture-list ul li{
    width:calc(100% / 2 - 20px);
}


.culture-list ul{
    display: flex;
    flex-wrap: wrap;
}

.culture-bg{
    height: auto;
}

.culture-value li{
    width:100%;
}

.culture-value ul{
    margin:0px 15px;
}

.honor-list .item{
    width: 45%;
    height: 120px;
}

.honor-list .item .info{
    width:100%;
    height: 120px;
    font-size: 14px;
    padding: 0px 39px;
    background-size: contain;
    line-height: 20px;
}
.honor-list {
 
    grid-row-gap: 10px;
    width:100%;
  justify-content: space-around;
    }
    .pro-contact{
        display: flex;
        flex-direction: column;
    }

    .pro-contact .desc{
        width:100%;
    }
    .pro-contact .search{
        width: 100%;
    }

    .map_content_right .items{
        display: flex;
         
    }
    .map_content_right .item{
        flex: 1;
        flex-direction:column;
        display: flex;
        align-items: center;
    }

    .map_content_right .item img{
        object-fit: contain;
        width: 60px;
    }

    .map_content{
        padding-bottom: 20px;
    }
    .map_content_right .item p{
        font-size: 14px;
    }

    .map_content_right .item .num{
        font-size: 16px;
        padding: 10px 0;
    }
    .map_content_right .item .symbol{
        font-size: 14px;
    }

    .dataarea .items .pic{
        height: 100px;
         
        
    }

    .dataarea .items {
        display: flex;
        padding:10px;
       
    }
 
 




    .coopration .com-t{font-size: 20px;}

    .coopration-list li{
        width: calc(100% / 2 - 10px);
    }
    .coopration-list ul{
        display: flex;
        justify-content: space-between;
        padding:0px 15px;
    }

    .coopration-links li{
         width: calc(100% / 2 - 10px);
    }

    .coopration-links ul{
        justify-content: space-between;
        padding:0px 15px;
        grid-row-gap: 20px;
    }


.edu-content .edu-left li{
    width:46%;
    height: auto;
}

.edu-content{
    display: flex;
    flex-direction: column;
}

.edu-left ul{
    justify-content: space-around;
    column-gap:0px;
}
.edu-right{
    margin: 30px 20px 0;
}

.edu-right li:before{
    top:5px;
}

.course-flow{
    height: auto;
}

.course-flow-list ul {
    display: flex;
    flex-wrap: wrap;
}
.course-flow-list ul  li{
    margin: 20px 0;

}
.course-flow-list .ico{
    width:40px;height: 40px
}
.course-flow-list li .info{
    font-size: 12px;
}

.virual-video{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.virual{
    height:auto;
    padding-bottom: 30px;
}
.virual-video .hd{
    width:100%;
}
.virual-video .hd ul
{
    justify-content: center;
}

.virual-video .bd{
    margin-top: 20px;
    width:90%;
    height: auto;
}

.virual-video .bd ul{
    width:100%;height: 100%;
}
.edu-case{
    display: flex;
   flex-wrap: wrap;
    justify-content: space-around;
    grid-row-gap: 20px;
}
.edu-case .item{
    width:46%;
}
.edu-case .item .pic{
    width:auto;
    height:120px
}

.contest-info h4{
    font-size: 20px;
}
.contest-list{
    margin:0px 10px;
}
 .contest-info{
    width:90%;
    margin:0 auto;

 }

 .contest-pic{
    width:90%;height: auto;
    margin-top: 20px;
 }
 .contest-list{
    display: flex;
    flex-direction: column;

 }

 .service-standard ul{
    justify-content: space-around;
 }

 .service-content,.service-after{
    height: auto;
    padding-bottom: 30px;
 }

 .service-con-list ul{
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    justify-content: space-evenly;
 }
 .pad2.contest-list{
padding: 0;
 }
  .pad2.contest-list .contest-info {
padding-top: 20px;
 }

 .service-after{
    height: auto;
    padding-bottom: 30px;
 }
.service-after .service-con-list li:first-child{
    width:calc(100% / 3 - 10px);
}

.service-after .service-con-list ul li{
      width:calc(100% / 3 - 10px);
      height: auto;
}
 
 .contest-item{
    padding:20px 0 40px;
 }

 .build-item .service-standard li{
    width: calc(100% / 2 - 20px);
    padding:20px 10px 10px;
 }
 .build-item .service-standard ul{
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 20px;
 }

 .no-list{
    display: flex;
    flex-direction: column;
 }
 .no-info{
    width:auto;
 }
 .no-pic{
    width:80%;
    height: auto;
    margin:0 auto;
 
 }
 .char-list.safety.test{
    width:100%;
 }

 .fa .fa-list .items{
    padding-top: 80px;
 }





 /* 教材开发 */



 .textbook .contest-pic{
    width:90%;
    height:auto;
 }
 .textbookpic-list{
    display: flex;
    flex-direction: column;
 }

 .textbookpic-list .items .textbookpic-pic img{
    width:90%;height: auto;
 }
 .textbookpic-list .items{
    margin-bottom: 20px;
 }

}