﻿
/*小导航栏*/
#about_nav{min-height:70px;background-color:white;text-align:center;font-size:15px;}
#about_nav #navbar-collapse .active>a{background-color:white;color:black;font-weight:bold;}
#about_nav .navbar-collapse{ height:70px;}
#about_nav .line{height:30px;width:1px;margin-top:25px;border:0.5px #ccc solid;float:left;display:block;}
#about_nav a{cursor:pointer;padding-top:25px;font-size:15px;margin:0 10px;}
.navbar-nav>li>.dropdown-menu {margin-top: 15px;min-width:100%;}
.navbar-nav>li>a{padding-bottom:10px;}

/*主体*/
#job .container{background-color:white;padding: 15px 30px 30px 30px;}
#business .imgs{text-align:center;}
#job .imgs{text-align:center;}
#business .txt img{width:100%;margin-top:10px;margin-bottom:10px;max-width:100%;}
#job .txt img{width:100%;margin-top:10px;}

/*荣誉页*/
#business .honor_item{display: inline;float:left;padding:10px;margin:0 auto;}
#business .honor_list{display:inline-block;}
#business .honor_panel{text-align:center;}
#business .honor_pager{display:none;}
#business .honor_name{margin: 10px 0 20px 0;}
#business .honor_info{color:black;}
#business .honor_item .honor_img{max-width:100%;border:none;}

/****人才招聘*****/
#business .honor_1 p{display:inline-block;padding-top:10px;}
#business .honor_1 img{width:40%;}
#business .honor{display:inline-block;width:100%;}
#business .honor_1{display:inline-block;float:left;width:20%;text-align:center;}
#job table thead{display:none;}
#job table tbody .col_2,#job table tbody .col_3,#job table tbody .col_4,#job table tbody .col_5,#job table tbody .col_8{display:none;}
#job table{width:100%;}
#job table tbody tr{line-height: 35px;}
#job table tbody .col_1, .col_6, .col_7 {width: 187px;text-align: center;}
#job table .col_7{color:#ccc;}
#job table .col_1 a{color:black;}
a:hover{text-decoration:none;}
.red{color:red;}

/****人才招聘详情****/
#business .zhaopin{display:inline-block;float:left;width:30%;text-align:center;}
#business .job_detail{padding:30px;}

/******联系我们*******/
#business .contact{
width:100%;
}
#business .contact_1{display:inline-block;float:left;width:24.5%;text-align:center;margin-bottom:10px;}
#business .contact_1 p{margin:0;margin-top:5px;}
.gray{color:#999;}
#business .contact .line{display:inline-block;float:left;height:60px;width:1px;margin-top:20px;border:0.5px #ccc solid;}
#dituContent{width:100%;height:550px;border:#ccc solid 1px;}

/****产品中心*****/
#business .product_item {
    float: left;
    margin:10px;
    width: 200px;
    display:inline;
}
#business .product_list{
    display:inline-block;
}
#business .product_panel{
    text-align:center;
}
#business .product_item img{
    width:100%;
    border:none;
}
#business .product_item .product_name{
    color:black;
    padding-top:10px;
    display:block;
    text-align:center;
    font-size:15px;
}
#business .imgs .carousel .carousel_pic a{
    color:#999;
}
#business .imgs h3{
    color:black;
    margin-bottom:0;
    font-weight:700;
}

 #about_nav #nav a{
     color:#777;
 }
 #about_nav .active>.category_name{
     color:black;
 }
#about_nav .category_item{
     float:left;
     height:100%;
 }
#about_nav .category_item a{
     color:#777;
 }
#about_nav .category_list{
    margin:0 auto;
    height:80px;
}
#about_nav .category_name {
    position: relative;
    display: block;
    padding:30px 17px 8px 17px;
}
/******产品详情******/
#business .text .product_img{
    display: inline-block;
    width: 27%;
}
#business .text .product_img img{
    width:100%;
}
#business .text .product_intro_body{
    width:72%;
    float:right;
}
#business .text .product_disic{
    margin-top: 50px;
    padding: 10px 0;
    border-top: 1px #ccc solid;
}
#business .text .product_info{
    padding:30px;
}
#list_title{
    width:1170px;
    padding: 15px 0;
}
#list_title .list a{
    color:#999;
}
#list_title .list .tit_active{
    color:black;
}
.product_pager .first,.current,.last,.pager_info,.num{
    display:none;
}
.pager_detail .prev {
    position: relative;
    padding-right: 13%;
    color: black;
}
.next {
    position: relative;
    padding-left: 13%;
    color: black;
}
.pager .next>a, .pager .next>span{
    float:none;
}

/******加工中心********/
.machine_title{
    font-size:20px;
    color:black;
    font-weight:800;
    margin:0;
    line-height:30px;
}
.machine_item{
    display:inline;
    float:left;
    padding:15px 30px 15px 30px;
}
.machine_container .machine_item .machine_img{
    width:100%;
}
.machine_container .machine_name,.machine_pager{
    display:none;
}
/******加工中心详情******/
#business .text .machine_img{
    display: inline-block;
    width: 30%;
}
#business .text .machine_img img{
    width:100%;
}
#business .text .machine_intro{
    width:68%;
    float:right;
}

#business .text .machine_info{
    padding:30px 30px;
}


/*****生产流程******/
.machine_item .machine_img{
    width:50%;
    padding-right:10px;
    float:left;
}
#pro_inspection .container{
    background-color:white;
    padding: 15px 30px 30px 30px;
}

#pro_inspection .imgs{
    text-align:center;
}

#pro_inspection .machine_item {
    width: 33%;
    margin-bottom: 20px;
    position: relative;
}

/*黑色蒙层*/
.black_bg {
    background-color: black;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    position:absolute;
    z-index:99;
    top:0;
}

/******新闻中心*******/
#services { max-width: 1200px; margin: 0 auto;}
.news .imgs img{width:100%;}
.news .container{padding:0;}
.news .service_title{margin: 20px 20px 10px 20px;padding-bottom: 10px;border-bottom:1px #f6f6f8 solid;font-size:15px;color:#0e8be8;font-weight:bold;}
.news .honor{ padding: 0 25px 10px 25px;}
.news .honor li{line-height:22px;color: #dddddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .honor .news_title{ color:black; font-size:14px;}
.news .honor .news_date{ display:none;}
.news .container { background-color: white; width: 100%;height:auto; }
/******新闻详情******/
#news_list{
    width: 72%;
    display: inline-block;
    background-color: white;
    padding: 30px;
}
#news_list .news_info{
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
}
.news_detail #news_list .news_content .news_body img{
    width:100%;
    padding:15px 10px;
}
.list_right{
   width:26%;
   float:right;
   display:none;
}
.list_right .left_top{
    background-color: white;
    height: 230px;
    margin-bottom: 20px;
    padding: 15px;
}
.list_right .left_bottom{
     background-color:white;
     height: 230px;
     padding: 15px;
}
.list_right h4{
    border-bottom: 1px #ccc solid;
    padding-bottom: 5px;
}
.list_right .news_date{
    display:none;
}
.list_right .news_item{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.list_right .news_title{
    color:black;
    line-height:25px;
}




/*小屏幕(手机，小于等于760px)*/
@media (max-width:760px){
    #business{
        margin:0 auto;
    }
    #business .item-summary{
    line-height:20px;
    font-size:14px;
    width:100%;
    color:#999999;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    -webkit-line-clamp:2; 
    word-break:break-all;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    }
    /*#business .text .product_img img {
        width: 50%;
    }*/
    /*新闻资讯*/

#business .news_list{
    list-style:none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
#business .item-main{
    padding: 3% 0;
    width:100%;
    height:100%;
}
#business .item-pic{
    width: 30%;
    height: 100%;
    float: left;
    padding-right: 2%;
}
.news_list img{
    width:100%;
    height:auto;
    border-radius: 0;        
}
#business .honor .news_item{
    height:auto;
    border-top: 0.5px solid #eee;
    padding-bottom: 10px;
    margin:0 auto;
}
#business .news_pager{
    text-align:center;
    height: 30px;
    display:inline-block;
    width:100%;
    margin-bottom:0;
}
#business .item-top{
    font-weight: bold;
    overflow:hidden;
    white-space:nowrap;     /*使文字不换行*/
    text-overflow:ellipsis; /*使多余的文字以省略号替代，必须加上hidden才生效*/
    font-size:15px;
    text-align:left;
}

#business .item-info{
    position: relative;
    color: black;
    display: block;
    float: left;
    width:70%;
}

.pager .next>a, .pager .next>span {
    float:none;
}
.news_pager .first,.current,.last,.pager_info,.num{
    display:none;
}
.product_pager .first{
    display:none;
}
.pager_detail  .prev{
    position:relative;
    padding-right:13%;
    color:black;
}
.next{
    position:relative;
    padding-left:13%;
    color:black;
}

    /****新闻详情****/
    #phone_report{
        background-color:white;
        padding:20px;
    }
    .news_body{
        line-height:24px;
        font-size:16px;
    }
     #phone_report .news_content .news_body img{
         width:100%;
         padding:10px 0;
     }
    .news_title{
        text-decoration:none;
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight:600;
    }
    /*设备详情*/
    #business .text .machine_info {
        padding: 30px;
    }

    /***生产中心****/
    #pro_inspection .machine_item {
        width: auto;
        margin-bottom: 20px;
        position: relative;
    }
    #pro_inspection .machine_name{
        margin:0 auto;
    }
    #pro_inspection{
        margin:30px auto;
    }
}
/*小屏幕(平板，大于等于768px)*/
@media (min-width:768px){
   #business .item-summary{
        line-height:20px;
        font-size:14px;
        width:100%;
        color:#999999;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:normal;
         -webkit-line-clamp:3; 
         word-break:break-all;
        display: -webkit-box; 
         -webkit-box-orient: vertical; 
    }
    #business .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
    #services .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
    #mission .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
    #sense .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }

        /****人才招聘详情****/
    #business .zhaopin{
        display:inline-block;
        float:left;
        width:35%;
        text-align:left;
    }
    #business .job_detail{
        padding:25px 50px;
        width: 100%;
        max-width:1170px;
    }
    .job_detail{
        padding:25px 50px;
        width: 100%;
        margin:0 auto;
    }
    .job_detail h3{
        display:inline-block;
    }
    .information .job_left_top{
        display:inline-block;
        width: 70%;
        background-color: white;
        padding: 15px 50px;
        margin-right:20px;
    }
    .information .job_detail{
        padding:0;
    }
     .information .job_left_bottom{
        display:inline-block;
        width: 70%;
        background-color: white;
        padding: 15px 50px 30px 50px;
    }
     .information .job_left_bottom #dituContent{
         height:400px;
     }
     .information .job_left_right{
        background-color:white;
        width: 28%;
        display: inline-block;
        padding: 30px;
        float: right;
        text-align:center;
        position: relative;
     }
     .information .job_left_right p{
         margin:0;
     }
     .information .job_left_right .contact_1{
         margin:20px auto;
     }
     /**生产中心产品检测**/
     #pro_inspection .machine_name {
        position: absolute;
        top: 48%;
        z-index: 100;
        display: none;
        color:white;
    }
}
/*中等屏幕(桌面显示器，大于等于992px)*/
@media (min-width:992px){
   #business .item-summary{
        line-height:20px;
        font-size:14px;
        width:100%;
        color:#999999;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:normal;
         -webkit-line-clamp:5; 
         word-break:break-all;
        display: -webkit-box; 
         -webkit-box-orient: vertical; 
    }
       #business .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
       #services .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
    #mission .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
    #sense .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }

       #HY{
           height:318px;
       }
       #ZL{
           height:318px;
       }
       #YX{
           height:318px;
       }
        /****人才招聘详情****/
    #business .zhaopin{
        display:inline-block;
        float:left;
        width:35%;
        text-align:left;
    }
    #business .job_detail{
        padding:25px 50px;
        width: 100%;
        max-width:1170px;
    }
    .job_detail{
        padding:25px 50px;
        width: 100%;
        margin:0 auto;
        max-width:1170px;
    }
    .job_detail h3{
        display:inline-block;
    }
    .information .job_left_top{
        display:inline-block;
        width: 70%;
        background-color: white;
        padding: 15px 50px;
        margin-right:20px;
    }
    .information .job_detail{
        padding:0;
    }
     .information .job_left_bottom{
        display:inline-block;
        width: 70%;
        background-color: white;
        padding: 15px 50px 30px 50px;
    }
     .information .job_left_bottom #dituContent{
         height:400px;
     }
     .information .job_left_right{
        background-color:white;
        width: 28%;
        display: inline-block;
        padding: 30px;
        float: right;
        text-align:center;
        position: relative;
     }
     .information .job_left_right p{
         margin:0;
     }
     .information .job_left_right .contact_1{
         margin:20px auto;
     }
     /**生产中心产品检测**/
     #pro_inspection .machine_name {
        position: absolute;
        top: 48%;
        z-index: 100;
        display: none;
        color:white;
    }
}
/*大屏幕(大桌面显示器，大于等于1200px)*/
@media (min-width:1200px){
   #business .item-summary{
        line-height:20px;
        font-size:14px;
        width:100%;
        color:#999999;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:normal;
         -webkit-line-clamp:6; 
         word-break:break-all;
        display: -webkit-box; 
         -webkit-box-orient: vertical; 
    }
       #business .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
       #services .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
    #mission .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
    #sense .container{
        background-color:white;
        padding: 15px 30px 30px 30px;
    }
      #header .navbar-right{
        padding-top:15px;
    }
       #HY{
           height:318px;
       }
       #ZL{
           height:318px;
       }
       #YX{
           height:318px;
       }
      
        /****人才招聘详情****/
    #business .zhaopin{
        display:inline-block;
        float:left;
        width:35%;
        text-align:left;
    }
    #business .job_detail{
        padding:25px 50px;
        width: 100%;
        max-width:1170px;
    }
    .job_detail{
        padding:25px 50px;
        width: 100%;
        margin:0 auto;
    }
    .job_detail h3{
        display:inline-block;
    }
    .information .job_left_top{
        display:inline-block;
        width: 70%;
        background-color: white;
        padding: 15px 50px;
        margin-right:20px;
    }
    .information .job_detail{
        padding:0;
    }
     .information .job_left_bottom{
        display:inline-block;
        width: 70%;
        background-color: white;
        padding: 15px 50px 30px 50px;
    }
     .information .job_left_bottom #dituContent{
         height:400px;
     }
     .information .job_left_right{
        background-color:white;
        width: 28%;
        display: inline-block;
        padding: 30px;
        float: right;
        text-align:center;
        position: relative;
     }
     .information .job_left_right p{
         margin:0;
     }
     .information .job_left_right .contact_1{
         margin:20px auto;
     }
     /**生产中心产品检测**/
     #pro_inspection .machine_name {
        position: absolute;
        top: 48%;
        z-index: 100;
        display: none;
        color:white;
    }
}

