li{list-style: none;}
.wrap{width:1200px;margin:0 auto;}

.nav{width:100%;height:60px;line-height:60px;background:#f5f5f5;margin-bottom:30px;}
.nav ul{text-align:center;width:100%;display:flex;justify-content: center;}
.nav ul li{}
.nav ul li a{display:inline-block;padding:0 60px;color:#444;}
.nav ul li a:hover,.nav ul li.on a{color: #fa8383;background: #fff;}


.list_team{}
.list_team ul{overflow:hidden;}
.list_team ul li{clear:both;padding:20px 0;overflow: hidden;}
.tem_left{float:left;width:200px;}
.litpic{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%;}
.litpic img{position: absolute;width:100%;height:100%;}

.team_info{float:right;width:calc(100% - 220px);}
.team_info h2{
	margin-top: 10px;
	color: #fa8383;
    font-weight: 700;
    font-size: 1.05em;
    text-transform: uppercase;
    letter-spacing: 2px;}
.team_info p{margin-top:10px;}
.list_team ul li a:hover img{transition: all 2s;transform: scale(1.1);}

.pages{padding:20px 0;}
.pages ul{text-align:center;}
.pages ul li{display:inline-block;}
.pages ul li a{display:inline-block;padding:0 15px;height:40px;line-height:40px;border:1px solid #eee;color:#444;margin-right:5px;}
.pages ul li a:hover,.pages ul li.active a{background:#fa8383;color:#fff;border-color:#fa8383;}


.show_con{}
.show_con h2{font-size:24px;text-align:center;line-height:35px;}
.show_info{text-align:center;padding:20px 0;border-bottom:1px solid #eee;}
.show_info span{font-size:14px;margin-right:6px;color:#444;}
.show_info span:last-of-type{margin-right:0;}
.show_content{padding-top:30px;}
.show_content p{font-size:14px; line-height:30px; margin:5px 0;}
.show_content img{max-width:100%;height:auto;}


.prev_page{padding:20px 0;}
.prev_page ul{overflow: hidden;}
.prev_page ul li{height:40px;line-height:40px;}
.prev_page ul li a{display:block;color:#666;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.prev_page ul li a:hover{color:#fa8383;}

.product{background:unset;}
.product ul{overflow: hidden;}
.product ul li{width:23.5%;margin-right:2%;margin-bottom:2%;float:left;}
.product ul li:nth-of-type(4n){margin-right:0;}
.product ul li a{display:block;}
.product ul li a p{
    height:30px;line-height:30px;color:#fa8383;margin-top:10px;text-align:center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product ul li a:hover img{transition: all 2s;transform: scale(1.1);}


.news{}
.news ul{overflow: hidden;}
.news ul li{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px dashed #e6e6e6;
}
.news ul li a{
    display: block;
    height: 40px;
    overflow: hidden;
    padding-left: 18px;
    position: relative;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
}
.news ul li a:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #005baa;
    position: absolute;
    left: 0;
    top: 17px;
}
.news ul li a dt {
    width: 90%;
    height: 40px;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    float: left;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news ul li a span {
    float: right;
    font-size: 14px;
    line-height: 40px;
    color: #808080;
    font-weight: normal !important;
}
.news ul li a:hover dt{color:#fa8383;}
.news ul li a:hover:before{background:#fa8383;}


.contact_info{}
.contact_info h2{font-size:24px;margin-bottom:10px;}
.contact_info p{line-height:35px;margin-bottom:0;}
.map{margin-top:20px;padding-bottom:20px;}


.fenlei{display:none;}

.danye .show_content{padding-top:0;}





@media (max-width:750px) {
    .wrap{padding:0 10px;width:100%;}
    .nav{display:none;}
    .nav ul{text-align:left;}
    .menu li a .fa-angle-down{display:none;}


    .fenlei{padding:15px 0;border-bottom:1px solid #e5e5e5;height:60px;position: relative;display:block;margin-bottom:20px;}
    .fenlei_left{width:30px;height:30px;border-radius: 50%;background:#b4372a;position: relative;float:left;}
    .fenlei_left .btn_nav {
        display: block;
        position: absolute;
        right: 7px;
        top: 15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
     .fenlei_left .btn_nav small, .fenlei_left .btn_nav:before, .fenlei_left .btn_nav:after {
        display: block;
        content: '';
        width: 15px;
        height: 2px;
        background: #fff;
        border-radius: 4px;
        margin: 4px 0;
    }

    .fenlei_right{float:right;font-size:16px;line-height:30px;}
    .fenlei_ul{position: absolute;top:0px;left:-200px;z-index: 99;width:200px;background:#eee;transition:all .5s ease;}
    .open{left:0;}
    .fenlei_ul ul{overflow: hidden;margin-top:50px;}
    .fenlei_ul ul li{height:40px;border-bottom:1px solid #fff;}
    .fenlei_ul ul li a{display:block;line-height:40px;font-size:14px;color:#323232;padding-left:15px;}
    .fenlei_ul ul li.on a,.fenlei_ul ul li a:hover{background:#b4372a;color:#fff;}

    .close{
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #b4372a;
        float:right;
        margin-top:10px;margin-right:10px;
    }
    .btn_close {
        display: block;
        position: absolute;
        right: 17px;
        top: 24px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        
    }
     .btn_close small, .btn_close:before, .btn_close:after {
        display: block;
        content: '';
        width: 20px;
        height: 2px;
        background: #fff;
        border-radius: 4px;
        margin: 6px 0;
    }
    .btn_close:before {
        transform: rotateZ(45deg);
        transform-origin: 1px 7px;
    }
    .btn_close small{opacity: 0;}
    .btn_close:after {
        transform: rotateZ(-45deg);
        transform-origin: 2px -5px;
    }



    .tem_left{width:100px;}
    .list_team{margin-top:10px;}
    .list_team ul li{padding:10px 0;}
    .team_info{width:calc(100% - 115px);}
    .team_info h2{margin-top:0;height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
    .team_info p{line-height:25px;margin-bottom:0;}

    .product ul li{width:49%;}
    .product ul li:nth-of-type(2n){margin-right:0;}

    .news ul li a dt{width:calc(100% - 80px);}

    .contact_info h2{font-size:20px;}



    
}