﻿
body{    font-family:'Microsoft YaHei',Verdana,Simhei,'MS UI Gothic','Hei',sans-serif!important;}

a:hover{
    text-decoration:none;
}
.nav{
    width:100%
}
.nav  li{
    border-right:1px solid #dbdbdb;
    width:16.66666%;
    line-height:30px;
    
}
.nav  li:first-child{
    border-left:1px solid #dbdbdb;
}
.nav  li a.focus{
    background-color:#e6002d;
    color:#fff!important ;
    line-height:30px;
}
.nav  li a:hover{
    color:#999999!important ;
}
.none{
    display:none;
}
.logo {    
    float: left;margin-top: 22px; overflow:hidden;margin-bottom:22px}
.logo img{
    max-width:300px; max-height:80px;

}
.right-btn{
    float:right;
    padding-top:50px;
}
.right-btn .tel{
    background:url(../../images/icon-phone.png) no-repeat left center;
    padding-left:25px;
    display:inline-block;
    height:20px;
    margin-right:10px
}
.right-btn .a{
    text-align:center;
    display:inline-block;
    width:110px;
    height:28px;
    background:#e6002d;
    color:#fff;
    line-height:28px;
    margin-left:10px;
    font-size:14px;
    color:#fff;

}
.right-btn a:hover{
    background:#e6002d;
}
.navbar-brand {
    display:none;
}
.logo{
    display:block;
}
.navbar-brand img{
    width:150px;
    height:40px;
}

.i-block4{
    
    width:100%;
    max-width:960px;
    margin-left: auto;
    margin-right:auto;
    margin-top:-200px;
}
.i-block4 ul{

}
.i-block4 ul li{
    position:relative;
   width:48.5%;
    float:left;
    z-index:40;

    margin-bottom:15px;
    overflow:hidden;

}
.i-block4 ul li:nth-child(2){
    float:right;
}
.i-block4 ul li:nth-child(4){
    float:right;
}
.i-block4 ul li .block-pic{
    float:left;
    width:50%;

    height:auto;
}
.i-block4 ul li .block-pic img{
    width:100%;
    height:100%;
}
.i-block4 ul li .block-text {
    position:relative;
        height:auto;
    float:left;
    width:50%;
    z-index:50;

}
.i-block4 ul li .block-text img{
    width:100%;
     height:100%;
}
.i-block4 ul li .block-text p{
    position:absolute;
    top:40%;
    width:100%;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color:#333333;
}
.i-block4 ul li a:hover .block-text P{
    color:#999999!important;
}
.mato{
    margin-top:-165px;
}





@media screen and (max-width: 768px) {
   .navbar-brand {
    display:block;
    }
   .logo{
       display:none;
   }
   /*.container{
       padding:0 10px
   }*/
   .right-btn{
       padding-top:5px;
       display:block;
       margin:0 auto;
   }
   .right-btn span{
       float:left ;
   }
   .right-btn a{
       float:left;
       width:80px
   }
   .nav  li{
       border:none;
   }
   .nav > li {
    border-left:none!important;
    border-right:none;
    width:100%;
    line-height:35px;
    }
   .navbar-header{
       border-bottom:1px solid #ccc;
   }
}


.sy_tow{
    margin:40px auto 20px auto;
    max-width:960px;


}
.h3{
    text-align:left;
    font-size:24px;
    color:#000;
    padding: 0 10px;
}
.h3 span{
    font-size:18px;
    color:#999999;
}
.h3 a{
    float:right;
    font-size:16px;
    color:#666666;
}
.sy_tow_main{
    margin-top:20px;
    background-color:#fafafa;
    box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);
    text-align:left;
    padding:20px;
      overflow-x: hidden; 
      height:285px;
}
.sy_tow_main span{
        font-size:16px;
    color:#666666;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
}
.sy_tow_main p{
    font-size:16px;
    color:#000;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
}
.sy_tow_main ul li{
   padding:10px 0 0 0;
}
.sy_tow_main ul li:hover p{
    color:#e6002d;
}

.sy_sheer_main{
    padding:20px 0;
    overflow:hidden
}
.sy_sheer_main ul {
    margin-left:-1%;
    margin-top:-10px;
}
.sy_sheer_main ul li{
    float:left;
    width:19%;
    margin-left:1%;
    margin-top:10px;
    border:solid 1px #eeeeee;
}
.sy_sheer_main ul li img{
    width:100%;
}

.sy_footer{
    padding:25px 0;
    border-top:solid 1px #eeeeee;
    overflow:hidden;
}
.sy_footer_n{
    max-width:960px;
    margin:0 auto;
    overflow:hidden;
}
.sy_footer_n .footer_logo{
    float:left;
    width:33%;
  
}
.sy_footer_n .footer_logo img{
    max-width:100%;
}
.sy_footer_n .footer_tet{
      float:left;
    width:33%;
    text-align:center;
}
.sy_footer_n .footer_rwm{
    float:right;
    width:10%;
    text-align:right;
}
/*加入我们*/
.intex{
    width:100%;
    max-width:960px;
    margin:0 auto;
}
.sy_baner{
    width:100%;
}
.sy_baner img{
    width:100%;
}
.Joinus{
    position:relative;
    overflow:hidden;
   top:-150px;
}
.Joinus ul{
    margin-left:-1.3%;
}
.Joinus ul li{
    width:32%;
    float:left;
    margin-left:1.33%

}
/* .Joinus ul li:last-child{ */
    /* float:right; */
/* } */
.Joinus ul li img{
    width:100%;
}
.Joinus ul li p{
    width:100%;
    text-align:center;
    line-height:50px;
    font-size:16px;
    color:#333333;
    border:solid 1px #eeeeee;
}
.Joinus_ysr{
    overflow:hidden;
    padding-bottom:40px;
}

.Joinus_ysr ul li{
    overflow:hidden;
    margin-top:20px;
}
.Joinus_ysr ul li .div_fl{
    width:260px;
    height:180px;
}
.Joinus_ysr ul li .div_fl img{
    width:100%;
    height:100%;
}
.Joinus_ysr ul li .div_fr{
    padding-left:280px;
    text-align:left;
}
.Joinus_ysr ul li .div_fr h3{
    font-size:20px;
    color:#333333;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
}
.Joinus_ysr ul li .div_fr p{
    font-size:14px;
    color:#666666;
    line-height:25px;
    margin-top:10px;
    height:100px;
    overflow:hidden;
} 
.Joinus_ysr ul li:hover h3{
    color:#e6002d;
}
.mb_nav p{
    text-align:left;
    line-height:40px;
    font-size:14px;
    color:#666666;
}
.mb_nav p a{
    color:#666666;
}
.mato .ul li:last-child img{
    margin-left:1px;
}

.manpower{
    overflow:hidden;
}
.manpower ul{
    overflow:hidden;
    border-bottom:solid 1px #dddddd;
}
.manpower ul li{
    width:20%;
    float:left;
    text-align:center;
    padding:15px 0;
      border-bottom:solid 1px #fff;
}
.manpower ul li a{
    display:inline-block;
    width:100%;
    border-left:1px #dddddd solid;
    font-size:14px;
    color:#666666;
}
.manpower ul li:last-child a{
    border-right:1px #dddddd solid;
}
.manpower ul li:hover{
    border-bottom:solid 1px #e6002d;
}
.manpower ul li.sore_focus,
.manpower ul li.sidemenu_focus{
        border-bottom:solid 1px #e6002d;
}

.manpower ul li.sore_focus a,
.manpower ul li.sidemenu_focus a{
      color:#e6002d;
}
.manpower ul li:hover a{
    color:#e6002d;
}
.manpower_mian{
    padding-bottom:40px;
}

/*关于我们*/
.aboutus{
    padding-bottom:80px;
    overflow:hidden;
}
.aboutus>ul>li>a>div>p{
   margin:0 0 0 0;
}


.profile{
    overflow:hidden;
      padding-bottom:40px;
      text-align:left;
}
.profile .profile_fl{
    width:75%;
  
}
.profile .profile_fl h3{
    text-align:left;
    border-left:4px solid #e6002d;
    padding-left:10px;
    font-size:20px;
    color:#e6002d;
    font-weight:bold;
   
}
.profile .profile_fl  p{
    text-align:left;
    margin-top:10px;
}
.profile .profile_fr{
    width:20%;
}
.profile .profile_fr h3{
    background-color:#e6002d;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:40px;
    margin:20px 0 0 0;
}
.profile .profile_fr p{
     border:solid 1px #eeeeee;
    color:#666666;
    font-size:14px;
    text-align:center;
    line-height:40px;
    margin:0 ;
}
.profile .profile_fr p a{
    color:#666666;
}
.profile .profile_fr p:hover{
        border:solid 1px #e6002d;
}
.profile .profile_fr p:hover  a{
    color:#e6002d;
}
.profile .profile_fr p.sore_focus,
.profile .profile_fr p.sidemenu_focus{
       border:solid 1px #e6002d;
}

.profile .profile_fr p.sore_focus a,
.profile .profile_fr p.sidemenu_focus a{
      color:#e6002d;
}
.profile h3{
       text-align:left;
    border-left:4px solid #e6002d;
    padding-left:10px;
    font-size:20px;
    color:#e6002d;
    font-weight:bold;
}
.video{
    width:100%;
    padding:20px 0;
}
.video video{
    width:100%;
}
/*联系我们*/
.ContactUs{
    padding:40px 0;
    overflow:hidden;
}
.ContactUs .div_fl{
    text-align:left;
    width:40%;
}
.ContactUs .div_fr{
    width:60%;
}
.ContactUs .div_fl p{
    font-size:14px;
    color:#333333;
    /*margin-top:20px;*/
    padding-left:30px;
    line-height:40px;
    font-size:16px
}

.ContactUs .div_fl  .p_1{
    background:url(../../images/xl_dh.png) no-repeat 0 8px;
    background-size:25px;
}
.ContactUs .div_fl  .p_2{
    background:url(../../images/lx_dz.png) no-repeat 0 8px;
    background-size:25px;
}
.ContactUs .div_fl  .p_3{
    background:url(../../images/lx_qq.png) no-repeat 0 8px;
    background-size:20px;
}
.ContactUs .div_fl  .p_4{
    background:url(../../images/lx_yx.png) no-repeat 0 8px;
    background-size:25px;
}
/*新闻*/
.news_list{
   padding-bottom:40px;
}
.news_list ul li{
    overflow:hidden;
    margin-top:20px;
   
}
.news_list ul li p{
    float:left;
    width:75%;
    text-overflow: ellipsis;white-space: nowrap;
    overflow:hidden;
    font-size:14px;
    color:#333333;
    text-align:left;
}
.news_list ul li  span{
    float:right;
     font-size:14px;
    color:#333333;
}
.news_list ul li:hover p,
.news_list ul li:hover span{
    color:#e6002d;
}
.news_dteail{
    padding:20px 0 40px 0;
}

/*研究开发*/
.study{
    overflow:hidden;
    padding-bottom:80px;
}

.study ul li{
    /*float:left;*/
    display:inline-block;
    width:32%;
    border-left:dashed 1px #dddddd;
    padding:15px 0;
    text-align:center;
}
.study ul li:nth-child(2){
    border:none;
}
.study ul li h3{
    font-size:18px;
    color:#333333;
    font-weight: 600;

}
.study ul li p{
    color:#333333;
}
.study ul li:hover h3,
.study ul li:hover p{
    color:#999999;
}

.studydetail{
    padding:20px 0 40px;
}
/*产品*/
.products_ss{
    background-color:#fff;
    padding:10px;

}
.products{
   top:-200px;
   padding-bottom:40px;
}
.products_ss .input_tet{
    width:60%;
    background-color:#dbdbdb;
    text-indent:10px;
    border:none;
    line-height:30px;
    border-radius:0;
    height:30px;
}
.products_ss .input_but{
    width:80px;
    background-color:#e6002d;
    line-height:30px;
    border:none;
    color:#fff;
    border-radius:0;
    height:30px;
}
.products_ss span{
    font-size:16px;
    color:#e6002d;
}
.products ul li{
    border:solid 1px #eeeeee;
    background-color:#fff;
    margin-top:10px;

}
.products ul li:hover{
    box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);
}
.products ul li p{
    border:none;
    line-height:25px;
    margin-top:15px;
    font-weight:600;
    color:#e6002d;
    font-size:16px;
    
}
.products ul li span{
    display:none;
    font-size:14px;
    color:#666666;
    padding:0 10px;
    line-height:25px;
   height:75px;
   overflow:hidden;
}
.products_a{
    background-color:#f6f6f6;
    border:solid 1px #eeeeee;
    padding:10px;
    overflow:hidden;
    margin-bottom:40px;
    margin-top:-150px;
}
.products_a .div_fl{
    width:35%;
    margin-left:10%;
}
.products_a .div_fl img{
    width:100%;
}
.products_a .div_fl p{
    text-align:center;
    font-size:16px;
    color:#333333;
    margin-top:10px;
}
.products_a .div_fl:hover p{
    color:#999999;
}
.products_list .profile_fl img{
    width:100%;
}

.products_list .profile_fl  .tiv_tet{
    background-color:#fbfbfb;
    padding:10px;
}
.products_list2{
    overflow:hidden;
    padding-bottom:40px;
}
.products_list2 ul{
    margin-left:-1%;
}
.products_list2 ul li{
    width:32.3%;
    position:relative;
    float:left;
    margin-left:1%;
    margin-top:10px;
    overflow:hidden;
}

.products_list2 ul li img{
    width:100%;

}
.products_list2 ul li a{
    display:block;
}
.products_list2 ul li .p{
    width:100%;   
    background-color:rgba(0, 0, 0, 0.51);
    position:absolute;
    bottom:-80px;
    font-size:14px;
    color:#fff;
    margin:0;
    transition:all 1s ease;
}
.products_list2 ul li .p h3{
    font-size:16px;
    color:#fff;
    text-align:center;
}
.products_list2 ul li .p p{
    padding: 0 10px;
    font-size:14px;
    color:#fff;
    line-height:25px;
    height:75px;
    overflow:hidden;
}
/*.products_list2 ul li:hover .p{
     bottom:0px;
}*/
.products_list .profile_fl .div_fl{
    width:40%;
}

.products_list .profile_fl .div_fl img{
    width:100%;
}

.products_list .profile_fl .div_fr{
    padding-left:45%;
}
.products_list .profile_fl .div_fr h4{
    font-size:22px;
    margin-top:10px;
}
.products_list .profile_fl .div_fr p{
    font-size:16px;
    color:#666666;
    margin-top:15px;
}
.navbar_fyd{
    position:fixed;
    background-color:#fff;
    left:50%;
    margin-left:-480px;
    width:960px;
    z-index:80000000000000;
  
}
.he_168{
    height:168px;
}

.Sitemap{
    padding:20px 10px;
    overflow:hidden;
    text-align:left;
}
.Sitemap h3{
    font-size:18px;
    color:#e6002d;
}
.Sitemap h3 a{
    color:#e6002d;
}
.Sitemap ul li{
    font-size:16px;
    color:#666666;
    margin-top:10px;
    
}
.Sitemap ul li a {
    color:#666666;
}
.Sitemap ul>a{
    font-size:14px;
    color:#999999;
}
.sy_footer_nav{
 
    overflow:hidden;
    width:55%;
 
    float:left;
}
.sy_footer_nav ul li{
    float:left;
    width:25%;
    font-size:16px;
    margin-top:20px;
}
.sy_footer_nav ul li P{
    font-size:14px;
    margin-top:10px;
    padding:0;
}

.sy_footer_nav ul li a{
    color:#000000;
}
.sy_footer_nav ul li a:hover{
    color:#e6002d;
}
  .baanner_none{
          display:block;
      }
.baanner_nonesj{
    display:none;
}

.products ul li:nth-child(3){
  float:right;
}
.products ul li{
    border:none;
}

@media (max-width: 768px) {
    .baanner_nonesj{
    display:block;
}
      .baanner_none{
          display:none;
      }
    .i-block4 {
        width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -40px;
    }

        .i-block4 ul li .block-text p {
            position: absolute;
            top: 40%;
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            color: #333333;
        }
        .sy_sheer_main ul li{
    float:left;
    width:24%;
    margin-left:1%;
    margin-top:10px;
    border:solid 1px #eeeeee;
}
        .h3{
    text-align:left;
    font-size:22px;
    color:#333333;
    padding: 0 10px;
}
.h3 span{
    font-size:14px;
    color:#999999;
}
.h3 a{
    float:right;
    font-size:14px;
    color:#666666;
}

.sy_footer{
    padding:25px 0;
    border-top:solid 1px #eeeeee;
    overflow:hidden;
}
.sy_footer_n{
    width:100%;
    max-width:960px;
    margin:0 auto;
}
.sy_footer_n .footer_logo{
    float:left;
    width:100%;
  
}
.sy_footer_n .footer_logo img{
    max-width:100%;
    display: block;
    margin: 0 auto;
}
.sy_footer_n .footer_tet{
   float:left;
   margin-top:10px;
    width:100%;
    text-align:center;
}
.sy_footer_n .footer_rwm{
    float:left;
    width:100%;
    text-align:center;
    display:none;
}
.Joinus{
    position:relative;
    overflow:hidden;
   top:-50px;
}
.Joinus_ysr ul li{
    overflow:hidden;
    margin-top:20px;
    padding:0 10px;
}
.Joinus_ysr ul li .div_fl{
    width:160px;
    height:120px;
}
.Joinus_ysr ul li .div_fr{
    padding-left:170px;
    text-align:left;
}
.Joinus_ysr ul li .div_fr h3{
  margin-top:10px;
  font-size:18px;
}
.Joinus_ysr ul li .div_fr  p{
    height:75px;
}
.manpower_mian{
    padding:0 10px;
}

.profile{
    padding:0 5px;
}
.profile .profile_fl{
    width:100%;
    float:right;
 
}
.profile .profile_fl img{
   display:block;
    text-align:left；


}
.profile .profile_fr{
    width:100%;
    float:left;
}

  
.profile .profile_fl img{
    max-width:100%;

}
.pa_l10 img{
    max-width:100%;

}
.pa_l10{
    padding:0px 10px;
}
.study ul li h3{
    font-size:14px;
    color:#333333;
}
.products ul{
    padding:10px;
}
.products_ss .input_tet{
    width:50%;
    background-color:#dbdbdb;
    text-indent:10px;
    border:none;
    line-height:30px;
}
.products ul li{
    width:48.3%;

}
.products_a{
    background-color:#f6f6f6;
    border:solid 1px #eeeeee;
    padding:10px;
    overflow:hidden;
    margin-bottom:40px;
    margin-top:0px;
}
.products_list .profile_fl img{
    width:100%;
}
.products_list .profile_fl {
    width:100%;
}
.products_list .profile_fr {
   display:none;
}
.products_list2 ul li .p{
    width:100%;   
    background-color:rgba(0, 0, 0, 0.51);
    position:absolute;
    bottom:-50px;
    font-size:14px;
    color:#fff;
    margin:0;
    transition:all 1s ease;
}
.products_list2 ul li .p h3{
    font-size:14px;
    color:#fff;
    line-height:25px;
    margin:0;
}
.products_list2 ul li .p p{
    padding: 0 5px;
    font-size:12px;
    color:#fff;
    line-height:20px;
    height:40px;
    overflow:hidden;
}
.products_list2 ul li:hover .p{
     bottom:0px;
}
.products_list2{
    padding:10px;
}
.products_list .profile_fl .div_fl{
    width:50%;
}
.products_list .profile_fl .div_fr{
    padding-left:53%;
}
.products_list .profile_fl .div_fr h4{
    font-size:16px;
    margin-top:0px;
}
.products_list .profile_fl .div_fr p{
    font-size:12px;
    color:#666666;
    line-height:20px;
    margin-top:5px;
    max-height:60px;
    overflow:hidden;
}

.mb_nav{
    padding:0 10px;
}
.ContactUs{
    padding:20px 10px;
    overflow:hidden;
}
.ContactUs .div_fl{
    text-align:left;
    width:100%;
}
.ContactUs .div_fr{
    width:100%;
}
.study ul li {
    display:inline-block;
    width: 32%;
    border-left: dashed 1px #dddddd;
    padding: 0px 0;
}
.di_none{
    display:none;
}
.none{
    display:block;
    padding:10px;
    width:100%;
    text-align:center;
}
.none .tel{
   float:none;
}
.none  a{
    float:none;
}
.navbar_fyd{
    position:relative;
    background-color:#fff;
    left:0;
    margin-left:0px;
    width:auto;
    z-index:80000000000000;
  
}
.he_168{
    height:168px;
    display:none;
}
  .navbar {
  
    margin-bottom: 0px!important;
  }
  .right-btn .tel{
    background:url(../../images/icon-phone.png) no-repeat 30%;
    padding-left:25px;
    display:inline-block;
    margin-bottom:10px;
    height:20px;
    margin-right:10px
}
   .right-btn .tel a{
   
       color:#666666;
     
   }
      .right-btn span{
       float:none ;
   }
      .sy_footer_nav{
 
    overflow:hidden;
    width:100%;
 
    float:left;
}
.sy_footer_nav ul li{
    float:left;
    width:25%;
    font-size:16px;
}
.sy_footer_nav ul li P{
    font-size:14px;
    margin-top:10px;
    padding:0;
}

   

}

.footer_tet{
    clear:left;
    text-align:center;
    padding-top:20px;
    border-top:solid 1px #eee;
}

.news_dteail  .hd h4{
    text-align:center;
}
.news_dteail  .tit_bar{
    text-align:center
}

.sf_cp-fl{width: 100%;background-color: #DBDBDB;padding: 15px 0 40px 0;float: left;}
.cptc-zb{width: 190px;height: 85px;border: 1px solid #fff;margin:0 auto;}
.cptc-zbctn{width: 170px;height: 65px;margin: 10px auto;text-align: center;background-color: #fff;}
.cptc-zbctn h2{font-size: 20px;color: #333;font-weight: 400;padding-top: 10px;margin:0}
.cptc-zbctn p{font-size: 14px;color: #666;border:none!important;line-height:20px!important}

.cptx-ul{width:100%;margin:0 auto;margin-top: 10px;}
.cptx-ul ul li{width: 100%;height: auto;background: url(../../images/cq10_20_03.png) no-repeat center bottom;text-align: center;
				cursor: pointer;}
.cptx-ul ul li a{font-size: 14px;color: #666;line-height: 55px;display:block;}
.cptx-ul ul li:hover{background: url(../../images/cq10_19_03.png) no-repeat center bottom;}
.cptx-ul ul li .a:hover {color: #E60010;}
.founder_xq{
    display:none;
}
.profile_fl fl img{
	max-width:100%;
}