body {font-family: "Microsoft YaHei" ! important;

    
}

.product-sy{
    position:relative;
}
.lf-tetle{
    position:absolute;
    width:100%;
       min-width:1024px;
    text-align:center;
    top:70px;
    color:#fff;
    font-size:40px;
   
}
.lf-tetle::before{
    content:"";
    position:absolute;
    width:80px;
    height:2px;
    top:70px;
    background-color:#e52230;
    left:50%;
    margin-left:-40px;
}
.product-sy ul li{
    height:auto;
 
}
.product-sy ul li .div-mian{
    width:80%; 
      min-width:1024px;
    margin:0 auto;
}
.product-sy ul li .div-mian .pic{
    float:left;
    width:50%;
}
.product-sy ul li:nth-child(2n) .div-mian .pic{
    float:right;
    width:50%;
}
.product-sy ul li:nth-child(1){
    padding-top:104px;
    background:url(../../images/sy-bj1.jpg) no-repeat center center;
      background-size:100% 100%;
}
.product-sy ul li:nth-child(2){
  background:url(../../images/sy-bj2.jpg) no-repeat center center;
    background-size:100% 100%;
}
.product-sy ul li:nth-child(3){
  background:url(../../images/sy-bj3.jpg) no-repeat center center;
    background-size:100% 100%;
}
.product-sy ul li:nth-child(4){
  background:url(../../images/sy-bj4.jpg) no-repeat center center;
    background-size:100% 100%;
}

.product-sy ul li .div-mian .tet{
    width:50%;
    text-align:center;
    float:right;
    color:#fff;
    padding-top:15%;
}

.product-sy ul li:nth-child(2n) .div-mian .tet{
    float:left;
}
.product-sy ul li .div-mian .tet h3{
    font-weight:inherit;
}
.product-sy ul li .div-mian .tet p{
    padding:30px 0 40px 0;
    font-size:30px;
}
.product-sy ul li .div-mian .tet .more{
    background-color:#e52230;
    padding:10px 30px;
    font-size:16px;
    color:#fff;
    transition:all 0.5s;
}
.product-sy ul li .div-mian .tet .more:hover{
    border-radius:10px;
    opacity:0.8;
}





.product-sy2{
    position:relative;
    background:url(../../images/sy-bj1.jpg) no-repeat center center;
    background-size:100% 100%;
    padding:40px;
      
}
.product-sy2 .lf-tetle{
    left:0;
}
.product-sy2 .product-sy2-mian{
    margin-top:140px;
   width:90%;
   margin:140px auto 0;
   position:relative;
    overflow:hidden;
    padding:0 60px
}

 .product-sy2 .product-sy2-mian a{
     padding:0 60px;
     text-align:center;
     display:block;
 }
  .product-sy2 .product-sy2-mian a div{
      /*border:solid 2px #e52230;*/
  }
   .product-sy2 .product-sy2-mian a p{
       padding-top:20px;
       color:#fff
   }




.wmfc-sy{
    position:relative;
  background:url(../../images/sy-bj5.jpg) no-repeat top  -1px center;
  overflow:hidden;
  background-size:100% 100%;
}


.wmfc-sy .video-fs{
  width:70%;
  min-width:1024px;
  margin:150px auto 70px auto;
  cursor:pointer;
}
.wmfc-sy .video-fs video{
    width:100%;
}


.link-sy{
    position:relative;
   top:-2px;
  background:url(../../images/sy-bj6.jpg) no-repeat top  -1px center;
  overflow:hidden;
    background-size:100% 100%;
    transition:all 0.5s;
}


.link-list{
  width:80%;
  min-width:1024px;
  margin:180px auto 100px auto;
}
.link-list2{
  margin:100px auto 100px auto;
}
.link-list  ul{
    margin:0 -10px;
    overflow:hidden;
}
.link-list  ul li{
    width:20%;
    padding:10px;
    float:left;
    transition:all 0.5s;
}
.link-list  ul li a{
    display:block;
    overflow:hidden;
}
.link-sy .moer{
    position:absolute;
    bottom:40px;
    width:100%;
    text-align:center;
}
.link-sy .moer i{
    font-size:28px;
    color:#fff;
    transition:all 0.5s;
}

.link-sy .moer i:hover{
     font-size:36px;
}
.sy-footer{
    overflow:hidden;
}

.sy-footer p{
    font-size:16px;
    color:#191919;
    line-height:40px;
    /*white-space:nowrap*/
}
.sy-footer p a{
    color:#191919;
    text-decoration:underline;
}

.ej-nav{
    background-color:#fff;
    position:absolute;
    top:70px;
    padding:40px 100px;
    z-index:7;
    width:100%;
    left:0;
    text-align:center;
    display:none;
}

.ej-nav .pic{
    width:90%;
    margin-bottom:20px;
    margin:0 auto;
    margin-bottom:20px;

}

.ej-nav  a{
    color:#666;
}
.ej-nav  a:hover{
    color:#e52230;
 
}

.div-mian{
    width:80%;
    min-width:1024px;
    margin:0 auto;
}

/*关于我们*/

.about-ny{
    position:absolute;
    top:0;
    left:0;
  background:url(../../images/about.jpg) no-repeat center center;
  overflow:hidden;
  background-size:100% 100%;
  /*height: calc(100% - 54px);*/
  height:100%;
  width:100%;
  overflow:auto;
  
}
.about-ny .tte-h1{
    font-size:60px;
    margin:180px 0 150px 0;
    text-align:center;
    color:#fff;
}
.about-ny .tet{
    color:#fff;
    padding-bottom:40px;
}


/*人才招聘*/

.join-ny{
    position:relative;
    padding-bottom:40px;
    padding-top:150px;
}
.banner{
    position:relative;
    text-align:center;
    min-width:1024px;
}
.banner .banner-bj{
    position:absolute;
    width:100%;
    height:90%;
    z-index:3;
}
.banner h1{
    font-size:60px;
    color:#fff;
    text-align:center;
    position:absolute;
    width:100%;
    z-index:5;
    top:50%;
    margin-top:-30px;
    min-width:1024px;
}
.join-ny .lf-tetle{
    position:absolute;
    width:100%;
    min-width:1024px;
    text-align:center;
    top:70px;
    color:#333;
    font-size:40px;
   
}

.join-ny ul li{
    overflow:hidden;
    background-color:#f5f5f5;
    height:70px;
    margin-top:20px;
}
.join-ny ul li p{
    max-width:80%;
    background:url(../../images/jrwm-icon1.png) no-repeat left 10px center;
    line-height:70px;padding-left:50px;
    font-size:16px;
    color:#333;
}

.join-ny ul li a{
    display:inline-block;
    float:right;
    width:155px;
    height:50px;
    line-height:50px;
    background-color:#e52230;
    text-align:center;
    margin-top:10px;
    margin-right:10px;
    font-size:16px;
    color:#fff;
}

.join-ny ul li a:hover{
    opacity:0.8;
}

.join-ny2{
    position:relative;
  
  background:url(../../images/jrwm-bj1.jpg) no-repeat center center;
  overflow:hidden;
    background-size:100% 100%;
    padding-top:150px;
   max-height:970px;
   padding-bottom:40px;
    overflow:auto;
}
.join-ny2 h3{
    color:#fff;
    font-weight:inherit;
}


.content-ny{
    position:relative;
    padding-bottom:40px;
    padding-top:180px;
}
.content-ny .lf-tetle{
    position:absolute;
    width:100%;
    min-width:1024px;
    text-align:center;
    top:70px;
    color:#333;
    font-size:40px;
   
}

.content-ny .pic{
    width:504px;
    height:464px;
        background:url(../../images/lxwm.png) no-repeat left center;
    text-align:center;
        display:flex;
    justify-content:center;
    align-items:center;
    margin:40px auto 40px auto;
}

.content-ny .pic h3{
    font-size:36px;
    line-height:50px;
}

.content-ny .lx-h2{
    background:url(../../images/lxwm-icon.png) no-repeat left center;
    line-height:40px;
    font-size:18px;
    color:#333;
    padding-left:50px;

    

}
.content-ny .dw-ul li{
    position:absolute;
    overflow:hidden;
    width:330px;
}

.content-ny .dw-ul li .div-fl{
    float:left;
    width:180px;
    text-align:center;
    padding-top:25px;
}
.content-ny .dw-ul li .div-fr{
    float:right;
    width:150px;
   height:150px;
   border-radius:50%;
   padding:0 10px;
   font-size:14px;
   color:#666;
   line-height:25px;
   background-color:#f5f5f5;
    text-align:center;
            display:flex;
    justify-content:center;
    align-items:center;
}

.content-ny .dw-ul li:nth-child(2n) .div-fl{
        float:right;
}

.content-ny .dw-ul li:nth-child(2n) .div-fr{
        float:left;
}

.content-ny .dw-ul li:nth-child(1){
   left:50%;
   margin-left:-600px;
   top:100px;
}
.content-ny .dw-ul li:nth-child(2){
   right:50%;
   margin-right:-600px;
   top:100px;
}

.content-ny .dw-ul li:nth-child(3){
   left:50%;
   margin-left:-700px;
   top:260px;
}

.content-ny .dw-ul li:nth-child(4){
   right:50%;
   margin-right:-700px;
   top:260px;
}

.content-ny .dw-ul li:nth-child(5){
   left:50%;
   margin-left:-600px;
   top:410px;
}

.content-ny .dw-ul li:nth-child(6){
   right:50%;
   margin-right:-600px;
   top:410px;
}

.content-ny2{
        position:relative;
  
  background:url(../../images/lxwm-bj2.jpg) no-repeat center center;
  overflow:hidden;
    background-size:100% 100%;
    padding-top:150px;
   padding-bottom:40px;
}
.content-ny2-list span{
    display:inline-block;
    width:60px;
    font-size:16px;
    color:#fff;
}
.content-ny2-list  input{
    border:none;
    outline:none;
    height:50px;
    width:80%;
    text-indent:10px;
    font-size:16px;
}

.content-ny2-list textarea{
    /*width:calc(100% - 60px);*/
    width:100%;
    height:150px;
    margin-top:30px;
    /*margin-left:60px;*/
    padding:10px;
    font-size:16px;
    outline:none;
}

.content-ny2-list .but{
    display:block;
    float:right;
    background-color:#e52230;
    width:150px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:16px;
    color:#fff;
    margin-top:30px;
    border:none;
    outline:none;
}
.content-ny2-list .but:hover{
    opacity:0.8;
}

/*产品*/

.product-ny{
    padding-top:100px;
    overflow:hidden;
    padding-bottom:40px;
}
.product-ny .div-fl{
    width:280px;
    float:left;
    background-color:#f5f5f5;
}
.product-ny .div-fl .title{
    /*background:url(../../images/cp-cl.png) no-repeat center center;*/
    background-color:#e52230;
    /*height:160px;*/
    height:140px;
    margin-bottom:20px;
    text-align:center;
    color:#fff;
    padding-top:20px;
}
.product-ny .div-fl .title h3{
    font-size:36px;
    font-weight:inherit;
}
.product-ny .div-fl .title p{
    font-size:30px;
    margin-top:10px;

}

.product-ny .div-fl ul li{

    border-bottom:solid 1px #ececec;
    font-size:16px;
    color:#333;

}

.product-ny .div-fl ul li .a-t{
    position:relative;
    display:inline-block;
    line-height:60px;
        width:300px;
        padding-left:40px;
    margin-left:-20px;
    color:#666;
}

.product-ny .div-fl ul li .a-t:before{
        content: '';
     border-color:  transparent transparent transparent #f29097;
     border-style: solid; 
     border-width: 15px; 
     position: absolute; 
     left: 5px; 
     top: -15px; 
     z-index: 2; 
     transform:rotateZ(45deg);
     display:none;

}
/*.product-ny .div-fl ul li:hover .a-t,*/
 .product-ny .div-fl ul li .cur{
    background-color:#e52230;
    color:#fff;
}

/*.product-ny .div-fl ul li:hover .a-t:before,*/
 .product-ny .div-fl ul li .cur:before{
    display:block;
}


/*.product-ny .div-fl ul li:hover .a-t i,*/
 .product-ny .div-fl ul li .cur i{
   color:#666;
   background-color:#fff;
      transform:rotateZ(-90deg);
}
.product-ny .div-fl ul li  i{
    width:25px;
    height:25px;
    background-color:#e52230;
    color:#fff;
    border-radius:50%;
    display:inline-block;
    text-align:center;
    line-height:25px;
    font-size:20px;
    margin-right:10px;
}
.product-ny .div-fl ul li .cl-cp{
    padding:0 10px;
    display:none;
}
.product-ny .div-fl ul li .cl-cp1{
    display:block;
}
.product-ny .div-fl ul li .cl-cp a{
    font-size:14px;
    color:#666;
    line-height:50px;
    display:block;
    border-bottom:solid 1px #ececec;
    padding-left:40px;
}

.product-ny .div-fl ul li .cl-cp a:hover, .product-ny .div-fl ul li .cl-cp a.cur2{
    color:#e52230;
}

.product-ny .div-fr{
    width:calc(100% - 320px);
    float:right;
}
.product-ny .div-fr ul li{  
    position:relative;
    background-color:#f5f5f5;
}
.product-ny .div-fr ul li .pic{
    position:relative;
    width:45%;
    float:left;
    text-align:center;
}
.product-ny .div-fr ul li .pic .div-img-b{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    padding:20px;
     display:flex;
    justify-content:center;
    align-items:center;
}
.product-ny .div-fr ul li .pic .img-b{
    max-height:100%;


}

.product-ny .div-fr ul li .tet{
  
    padding-left:48%;
}

.product-ny .div-fr ul li .tet h3{
    font-size:36px;
    font-weight:inherit;
    color:#333;
    padding:20px 0 10px 0;
}
.product-ny .div-fr ul li .tet p{
    font-size:30px;
    color:#666;
}

.product-ny .div-fr ul li .tet span{
    display:block;
    width:150px;
    height:40px;
    background-color:#e52230;
    line-height:40px;
    text-align:center;
    font-size:16px;
    color:#fff;
    position:absolute;
    bottom:40px;
    right:20px;
    
}
.product-ny .div-fr ul li .tet img{
    max-width:50%;
    margin-top:40px;
    height:220px;
}
.div-mian1{
    width:90%;
    margin:0 auto;
}

.product-ny .div-fr ul li .tet span:hover{
    opacity:0.8;

}
.product-detail .pic{
    width:50%;
    float:left;
    text-align: center;
       display:flex;
    justify-content:center;
    align-items:center;
    height:400px;

}
.product-detail .pic img{
    max-height:400px;
}
.product-detail .tet{
    padding-left:52%;
}
.product-detail .tet h3{
    font-size:36px;
    color:#333;
    font-weight:inherit;
    margin:20px 0 10px 0;
}
.product-detail .tet p{
    font-size:30px;
    color:#666;
    font-weight:inherit;
}
.product-detail .tet .he-img{
    height:180px; 
    margin:40px 0;
}
.product-detail .tet  img{
   max-height:100%;
}
.product-detail .tet .a {
        display:inline-block;
    width:150px;
    height:40px;
    background-color:#e52230;
    line-height:40px;
    text-align:center;
    font-size:16px;
    color:#fff;
    margin-right:40px;

}
.product-detail .tet .a:hover{
    opacity:0.8;
}
.cp-video{
    position:relative;
    padding:180px 0 40px 0;
}
.cp-video .lf-tetle{
    position:absolute;
    width:100%;
       min-width:100%;
    text-align:center;
    top:70px;
    color:#333;
    font-size:40px;
   
}
.cp-video video{
    width:100%;
}
.detail-xq table{
    width:100%;
    text-align:center;
}
.detail-xq table tr th{
    padding:10px 0;
    font-size:16px;
    background-color:#f5f5f5;
    text-align:center;
}
.detail-xq table tr td{
    padding:10px 0;
    font-size:16px;
    text-align:center;
}

.h-100{
    height:100%;
}

.cp-video-show{
    cursor:pointer;
}

.cpxq-viedo{
    position:fixed;
    background-color:rgba(0, 0, 0, 0.50);
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:9;
    display:none;
}
.cpxq-viedo .x-hide{
    position:absolute;
    font-size:30px;
    color:#fff;
    top:5px;
     right:10px;
    cursor:pointer;
}

.cpxq-viedo embed, .cpxq-viedo iframe{
    width:1000px;
    height:600px;
  
}





/*搜索*/

.div-sous-a{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    text-align:center;
    height:100px;
    background-color:#fff;
    box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);
    z-index:8;
    padding-top:30px;
    display:none;
}

.div-sous-a input{
    width:50%;
    height:40px;
    border:solid 1px #ececec;
    border-radius:2px;
    vertical-align:middle;
    outline:none;
    text-indent:5px;
}
.div-sous-a a{
    display:inline-block;
    width:60px;
    height:40px;
    background-color:#e52230;
        vertical-align:middle;
        line-height:40px;

}
.div-sous-a a i{
    font-size:20px;
    color:#fff;
}
.div-sous-a a:hover{
    opacity:0.8;
}

.div-sous-a .sp-shide{
    position:absolute;
    font-size:40px;
    top:25px;
    right:10px;
    cursor:pointer;
    color:#666;
}






@media (max-width: 1660px){
.product-ny .div-fr ul li .tet img{
    max-width:50%;
    margin-top:40px;
    height:150px;
}
}



@media (max-width: 1366px){
    .product-ny .div-fr ul li .tet img{
    max-width:50%;
    margin-top:40px;
    height:100px;
}
.content-ny .dw-ul li:nth-child(1){
   left:50%;
   margin-left:-500px;
   top:100px;
}
.content-ny .dw-ul li:nth-child(2){
   right:50%;
   margin-right:-500px;
   top:100px;
}

.content-ny .dw-ul li:nth-child(3){
   left:50%;
   margin-left:-600px;
   top:260px;
}

.content-ny .dw-ul li:nth-child(4){
   right:50%;
   margin-right:-600px;
   top:260px;
}

.content-ny .dw-ul li:nth-child(5){
   left:50%;
   margin-left:-500px;
   top:410px;
}

.content-ny .dw-ul li:nth-child(6){
   right:50%;
   margin-right:-500px;
   top:410px;
}

.product-ny .div-fr ul li .tet img{
    max-width:50%;
    margin-top:20px;
}


}


@media (max-width: 1200px){
.product-sy ul li .div-mian .tet{
    padding-top:10%;
}
.product-ny .div-fr ul li .tet h3{
    font-size:24px;
    font-weight:inherit;
    color:#333;
    padding:20px 0 10px 0;
}
.product-ny .div-fr ul li .tet p{
    font-size:20px;
    color:#666;
}
.product-ny .div-fr ul li .tet img{
    max-width:50%;
    margin-top:20px;
}
}