.head_top{
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}
.head_top .h{
    text-align: right;
    line-height: 24px;
    
    
}
.head_top .tel{
    display: inline-block;
    font-size: 12px;
    color: #8c8c8c;
    vertical-align: middle;
    margin-right: 10px;
}
.head_top ul{
    display: inline-block;
    vertical-align: middle;
}
.head_top ul li{
    display: inline-block;  
}
.head_top ul li a{
    display: block;
    line-height: 24px;
    font-size: 12px;
    color: #8c8c8c;
    padding:0 10px;
}
.head_top ul li:last-child{
    background: url(../images/lan_icon.jpg) no-repeat left center;
}

.head .logo{
    display: block;
    line-height: 110px;
    float: left;
    
}
.head .h{
    overflow: visible;
    
}
.head .nav{
    float: right;
    overflow: visible;
    
}
.head .nav .nav_item{
    display: inline-block;
    position: relative;
}
.head .nav .nav_link{
    display: block;
    line-height: 110px;
    padding:0 12px;
    font-size: 16px;
}
.head .nav .nav_item>a:hover,
.head .nav .nav_item>a.hover{
    background-color: #551d87;
    color: #fff;
}


.head .head_secnav{
    position: absolute;
    left: 0;
    top: 110px;
    width: 100%;
    z-index: 9999;
    background-color: #e8e8e8;
    display: none;
}

.head .head_secnav a{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    letter-spacing: 1px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.head .head_secnav a:before{
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: #551d87;
    content: '';
    transition: all ease-in-out 0.3s;
}
.head .head_secnav a:hover::before{
    width: 100%;
}














.index_type{
    padding-top: 70px;
    margin-bottom: 35px;
}
.index_type h1{
    font-size: 30px;
    text-align: center;
    padding-bottom: 10px;
    background: url(../images/type_icon.jpg) no-repeat center bottom;
}

.index_type h2{
    font-size: 16px;
    color: #aaaaaa;
    text-align: center;
    padding-top: 5px;
}

.index_ab .ab_cont{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}

.index_ab .img{
    width: 464px;
    padding: 4px;
    border:4px solid #ccc;
}
.index_ab .img1{
    width:97%;
    padding: 4px;
    border:4px solid #ccc;
}
.index_ab .cont{
    width: 684px;
    line-height: 32px;
    font-size: 16px;
}
.index_ab .cont a{
    color: #f57f0e;
    font-size: 16px;

}

/* 首页产品 */

.index_pro{
    margin-top: 100px;
    padding-bottom: 60px;
    background: url(../images/pro_bj.jpg) no-repeat center;
}

.index_pro .index_type h1,
.index_pro .index_type h2{
    color: #fff;
}

.index_pro .pro_list{
    position: relative;
    
}
.index_pro .pro_list .lr{
    width: 100%;
    position: absolute;
    top: 50%;
    height: 52px;
    margin-top: -26px;
}
.index_pro .pro_list .title{
    padding: 12px;
    overflow: hidden;
    background-color: #551d87;
}
.index_pro .pro_list h1{
    
    float: left;
    line-height: 28px;
    font-size: 16px;
    color: #fff;
    width: 250px;
}
.index_pro .pro_list i{
    display: block;
    float: right;
    
    font-style: normal;
    text-align: center;
    width: 76px;
    line-height: 28px;
    background-color: #f57f0e;
    color: #fff;
}

.index_pro .h{
    overflow: visible;
    
}
.index_pro .lr{
    position: absolute;
    
}
.index_pro .lr div{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    
    position: absolute;
    background: rgba(0,0,0,0.5);
}
.index_pro .lr .client_left{
    left: -114px ;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;
    
    
}
.index_pro .lr .client_left i{
    display: block;
    width: 52px;height: 52px;
    background: url(../images/public/arrow.png) no-repeat center;
    -webkit-background-size: 30px;
    background-size: 30px;
}
.index_pro .lr .client_right{
    right: -114px;
    
}
.index_pro .lr .client_right i{
    display: block;
    width: 52px;height: 52px;
    background: url(../images/public/arrow.png) no-repeat center;
    -webkit-background-size: 30px;
    background-size: 30px;
}

a.more{
    display: block;
    width: 158px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-align: center;
    border:2px solid #fff;
    margin: 40px auto 0 auto;
    transition: all ease-in-out 0.3s;
}

a.more:hover{
    background-color: #f57f0e;
    color: #fff;
}

.index_news .news_list ul{
    display: flex;
}
.index_news .news_list li{
    margin-right: 30px;
}
.index_news .news_list li:last-child{
    margin-right: 0;
}
.index_news .news_list{

}
.index_news .news_list h2{
    font-size: 16px;
    color: #551d87;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.index_news .news_con{
    padding: 18px;
    background-color: #f5f5f5;
}

.index_news .news_con .sum{
    line-height: 24px;
    padding-top: 16px;
    padding-bottom: 50px;
    position: relative;
   transition: all ease-in-out 0.3s; 
}

.index_news .news_con i{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    font-style: normal;
    width: 30px;
    height: 30px;
    background:url(../images/news_icon.png) no-repeat center;
    background-color: #e0e0e0;
    transition: all ease-in-out 0.3s;
}
.index_news li a:hover i{
    background-color: #f57f0e;
}
.index_news li a:hover .news_con{
    background: #551d87;
}

.index_news li a:hover h2,
.index_news li a:hover .sum{
    color: #fff;
}
.index_dlid ul{
    display: flex;
    margin: 0 -20px; 
    
    
}
.index_dlid{
    margin-top: 90px;
    padding:90px 0;
    background: #f6f6f6;
}
.index_dlid li{
    padding:0 20px;
}
.index_dlid .img{
    position: relative;
    
}
.index_dlid li h2{
    width: 328px;
    line-height: 48px;
    padding-left: 12px;
    position: absolute;
    left: 0;
    top: 160px;
    font-size: 20px;
    color: #666666;
    background: rgba(255,255,255,0.8);
    transition: all ease-in-out 0.3s;
}
.index_dlid li a:hover h2{
    color: #fff;
    background: #551d87;
}
#map{
    width: 430px;
    height: 210px;
    float: left;
}

.footer{
    padding: 18px 0;
    background-color: #323232;
    margin-top: 80px;
}

.index_contact{
    color: #9f9f9f;
    line-height: 28px;
    float: left;
    padding-left: 100px;
}

.qd{
    float: right;
    
}
.qd img{
    max-width:140px;
}
.foo_bottom{
    background: #000;
}
.foo_bottom .h{
    text-align: center;
    
}
.foo_bottom a{
    display: inline-block;
    padding:0 20px;
    line-height: 38px;
    color: #666666;
}


/* 关于我们 */

.about{
    line-height: 30px;
}

.about_img{
    padding: 60px 0;
    background: #f5f5f5;
}

.about_img li{
    margin-bottom:10px;
}
.public_product{
    padding-top: 90px;
}
.pub_left{
    width: 262px;
    float: left;
    
}
.pub_left li{
    margin-bottom: 10px;
}
.pub_left li a{
    display: block;
    line-height: 70px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #551d87;
}
.product_read,
.product{
    float: right;
    width: 906px;
    overflow: hidden;
    
}

.product ul{
    display: flex;
    margin:0 -9px;
    flex-wrap: wrap;
}
.product ul li{
    padding:0 9px;
    margin-bottom: 18px;
}
.product ul a{
    display: block;
    

}
.product ul .img{
    border:1px solid #ccc;
}
.product ul h1{
    text-align: center;
    background-color: #b1b1b5;
    color: #fff;
    margin-top: 3px;
    line-height: 58px;
    font-size: 16px;
    transition: all ease-in-out 0.3s;
}

.product ul a:hover h1{
    background-color: #551d87;
}
.product_read .pro_top{
    overflow: hidden;
    
}
.product_read .img{
    width: 362px;
    height: 362px;
    border:1px solid #ccc;
    float: left;
    
}
.product_read .title{
    width: 494px;
    float: right;
 
    
}
.product_read .title h1{
    font-size: 20px;
    font-weight: bold;
}
.product_read .title .sum{
    padding-top: 14px;
    line-height: 24px;

}

.product_read .detail{
    margin-top: 40px;
    
}
.product_read .de_tit{
margin-bottom: 20px;

    border-bottom: 1px solid #551d87;
}
.product_read .de_tit h4{
    color: #fff;
    width: 162px;
    line-height: 58px;
    text-align: center;
    font-size: 16px;
    background-color: #551d87;
}

.workshop ul{
    display: flex;
    margin:0 -20px;
    flex-wrap: wrap;
}
  
.workshop  ul li{
    padding:0 20px;
    margin-bottom: 40px;
}
.workshop  ul a{
    display: block;
    

}
.workshop  ul .img{
    padding: 8px;
    border:1px solid #ccc;
    overflow: hidden;
}
.workshop  ul .img img{
    transition: all ease-in-out 0.2s;
}
.workshop  ul a:hover img{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}



.honor ul{
    display: flex;
    margin:0 -14px;
    flex-wrap: wrap;
}
  
.honor ul li{
    padding:0 14px;
    margin-bottom: 30px;
}
.honor ul a{
    display: block;
    

}
.honor ul .img{
    padding: 8px;
    border:1px solid #ccc;
    overflow: hidden;
}
.honor ul .img img{
    transition: all ease-in-out 0.2s;
}
.honor ul a:hover img{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}


.honor_read{
    display: flex;
    margin-bottom: 60px;
}
.honor_read .cont{
    width: 566px;
    padding:0 40px;
    background-color: #f4f4f4;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    flex-wrap: wrap;
}
.honor_read .img{
    width: 554px;

}

.honor_read .sum{
    font-size: 16px;
    line-height: 28px;
}
.honor_read h4{
    font-size: 24px;
    color: #551d87;
    padding-top: 30px;
}

.news_read,
.news {
    width: 868px;
    float: right;
    
}
.news li a{
    display: block;
    overflow: hidden;
    padding: 30px 0; 
    border-bottom: 1px dashed #ccc;
}

.news li .img{
    float: left;
    
}

.news li .news_main{
    float: right;
    width: 540px;
    padding:0 12px;
    height: 130px;
    padding-bottom: 30px;
    position: relative;
}

.news li h1{
    font-size: 18px;
    color: #551d87;
}
.news li .sum{
    padding-top: 12px;
    line-height: 26px;
}

.news li i{
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: url(../images/news_icon.png) no-repeat center;
    background-color: #e0e0e0;
    transition: all ease-in-out 0.3s;
}
.news li .img{
    overflow: hidden;
    
}
.news li img{
    transition: all ease-in-out 0.3s;
}
.news li a:hover img{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}
.news li a:hover i{
    background-color: #551d87;
}

.news_read h1{
    text-align: center;
    font-size: 24px;
}
.news_read .time{
    text-align: center;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #ccc;
}

.news_read .read_con{
    padding-top: 20px;
    line-height: 24px;
    padding-bottom: 30px;
}
.join ul{
    display: flex;
    margin:0 -25px;

    flex-wrap: wrap;
}
.join li{
    padding:0 25px;
    width: 575px;
    margin-bottom: 40px;
}
.join .join_main{
    padding:0 30px;
    padding-bottom: 30px;
    background-color: #f4f4f4;
}
.join .join_main h1{
    line-height: 54px;
    font-size: 22px;
    border-bottom: 1px solid #f57f0e;
}

.join .join_main .cont{
padding: 14px 0;
line-height: 26px;
}
.join .join_main a{
    display: block;
    width: 76px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #f57f0e;
}
.contact{
    padding:0 60px;
    overflow: hidden;
    
    margin-bottom: 60px;
}
.contact h1{
    font-size: 30px;
    margin-bottom: 28px;
}

.contact .cont{
    float: left;
    
}
.contact .sum{
    line-height: 26px;
}
.contact .qdm{
    float: right;
    padding-top: 48px;
}
#map2{
    width: 100%;
    height: 500px;
}
#map2 .BMap_center{

}
#map img,
#map2 img{
    max-width: none;
}


.culture .cul_top{
    display: flex;
}
.culture .cul_top .left{
    width: 320px;
    padding:0 40px;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    background-color: #f5f5f5;
}
.culture .cul_top .right{
    width: 800px;
}

.culture h1{
    font-size: 30px;
    color: #ff7d00;
}
.culture p{
    font-size: 18px;
    padding-top:6px;
    line-height: 30px;
}

.culture .cul_center{
    margin-top: 14px;
}
.culture .cul_one{
    width: 780px;
    float: left;
    background-color: #f5f5f5;
}

.culture .cul_two{
    width: 404px;
    float: right;
    background-color: #f5f5f5;
}
.culture .cul_center .title{
    height: 168px;
    padding:0 40px;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
}

/* 员工风采 */

.staff ul{
    display: flex;
    margin:0 -20px;
    flex-wrap: wrap;
}
  
.staff  ul li{
    padding:0 20px;
    margin-bottom: 40px;
}
.staff  ul a{
    display: block;
    

}
.staff  ul .img{
  
    border:1px solid #ccc;
    overflow: hidden;
}
.staff  ul .img img{
    transition: all ease-in-out 0.2s;
}
.staff  ul a:hover img{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}
.staff li h1{
    text-align: center;
    line-height: 40px;
    background-color: #f5f5f5;
    transition: all ease-in-out 0.2s;
}
.staff li a:hover h1{
    color: #fff;
    background-color: #551d87;
}