.fn_h{height: 110px;display: none;}
.g_fnva{position:fixed; z-index:100; bottom:0; width:100%;background:#2a2a2a;display: none;}
.m-f01 li{float: left;width: 25%;text-transform: uppercase;border-right: 1px  solid rgba(255,255,255,0.5); box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.m-f01 li em{display: block;width: 45%;padding-top: 6px; margin: 0 auto;}
.m-f01 li img{width: 24px;display: block;margin: 0 auto;}
.m-f01 a{ color:#fff;line-height: 30px;display:block;text-align:center;font-size: 14px;position: relative;}
.pin-wrapper{z-index: 1;}
.h_h{height: 8px;}


.head{height: 80px;width: 100%;position: fixed;background: #fff;z-index: 999;-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);}
.head .logo{}
.head .logo img{ height:80px}
.head .tel{font-size: 16px;color: #666;background: url(../images/h-tel.png) no-repeat left;padding-left: 26px;margin-top: 25px;margin-left: 3%;}
.head .tel b{font-size: 24px;color: #333;font-family: 'Lato';}
.head .nav{display: block;width: 55%;}
.head .nav ul li{float:left;position: relative;z-index: 999;padding-left: 30px;
    padding-right: 30px;}
.head .nav ul li .f_a{display:block;text-align:center;font-size:16px;color:#333;line-height: 75px;}
.head .nav ul li:hover .f_a,.head .nav ul li.cur .f_a{    border-top: 3px solid transparent;
    border-bottom: 3px solid #a30000;}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;z-index: 9999;box-sizing: border-box;border-radius: 10px;overflow: hidden;}
.head .nav ul li .s_navbox .s_a a{color:#000;font-size:14px;text-transform:uppercase;display:block;text-align: center;border-top: 1px solid #CCCCCC;height: 40px;line-height: 40px;overflow: hidden;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#c50000;color: #fff;transition:all .3s;}

.head-wap{display: none;}
.m_img{display:block;height:54px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
.m_img .headlf{padding-top:7px;padding-left:7px;float: left;}
.m_img .headlf .m_logo{max-height:40px;display: block;}
.m_img .headrg{padding-right:10px;padding-top:15px;float: right;}
.m_img .headrg a .m_menuimg{height:22px;vertical-align:top;display: block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

.foot{background: url(../images/foot-bg.jpg) no-repeat center;overflow: hidden;padding-top: 20px;height: 460px;overflow: hidden;margin-top: 20px;}
.foot .copy{border-top: 1px solid rgba(221,221,221,0.5);margin-top: 10px;font-size: 14px;color: #bbb;line-height: 36px;text-align: center;padding: 25px 0;max-height: 130px;overflow: hidden;}
.foot .copy a{color: #bbb;}
.foot .box{width: 28%;}
.foot .box .des{font-size: 14px;color: #bbb;line-height: 24px;margin: 20px 0 40px;max-width: 410px;}
.foot .box form{position: relative;max-width: 320px;}
.foot .box form .p{width: 100%;height: 50px;background: #444;border-radius: 3px;color: #999;padding-left: 10px;font-size: 14px;}
.foot .box form input.p::-webkit-input-placeholder{color: #999;}
.foot .box form .sub{position: absolute;right: 0;top: 6px;width: 42px;height: 38px;background: url(../images/f-send.png) no-repeat center;cursor: pointer;}
.foot .f-nav{width: 60%;}
.foot .f-nav li{width: 20%;float: left;overflow: hidden;}
.foot .f-nav li .f-fl{display: block;font-size: 18px;color: #fff;margin-bottom: 30px;}
.foot .f-nav li .s-fl{display: block;font-size: 14px;color: #bbb;margin-top: 20px;}
.foot .f-nav li .s-fl span{font-family: 仿宋;margin-right: 5px;}
.foot .f-nav li .s-fl:hover{text-decoration: underline;}

@media (max-width: 1200px){.head .tel{display: none;}}
@media (max-width: 1024px){
	.head,.foot{display: none;}
	.g_fnva,.fn_h,.head-wap{display: block;}
	.h_h{height: 54px;}
}



.fixed-bottom-box{clear:both;font-family: "";}
.fixed-bottom-box .fixed-bottom-bar{ height:120px; width:100%; position:fixed; z-index:20; bottom:0;left:0; font-size:16px; visibility:hidden;transform:translateX(-100%);-webkit-transform:translateX(-100%); transition:all ease .3s;-webkit-transition:all ease .3s;}
.fixed-bottom-box.active .fixed-bottom-bar{ visibility:visible; transform:translateX(0);-webkit-transform:translateX(0);}
.fixed-bottom-bar .close{ width:30px; height:30px; text-align:center; line-height:30px; position:absolute; right:0; top:0; color:#fff; font-size:20px; cursor:pointer; z-index:11;}
.fixed-bottom-bar .close:hover{ background:#000;}
.fixed-bottom-bar .shadow{ background:#000; opacity:.7; filter:alpha(opacity=70); width:100%; height:100%; position:absolute; left:0; top:0;}
.fixed-bottom-bar .box{ position:relative; z-index:10; }
.fixed-bottom-bar .myform{ height:80px;  position:relative;margin-top: 30px;}
#fixed-bottom-submit{ position:absolute; top:0; right:30px; width:120px; height:60px; background:#e71f19; font-size:18px; color:#fff; border:0; cursor:pointer;border-radius: 10px;}
#fixed-bottom-submit:hover{ background:#ec4c26;}
#fixed-bottom-form p,#fixed-bottom-form p{margin:0; padding: 0;}
#fixed-bottom-form input,#fixed-bottom-form textarea,#fixed-bottom-form button {outline:0; border:0;}
.col-xs-2>p{margin:0; padding: 0;}
.fixed-bottom-bar select{  height:35px;line-height:35px;  border:0; margin-bottom:7px; position:relative; color:#7d7d7d; background:#fff; overflow:hidden;width: 140px;font-size: 16px;}


.fixed-bottom-bar .input{  height:60px;line-height:60px;  border:0; margin-bottom:7px; position:relative; color:#7d7d7d; background:#fff; overflow:hidden;width: 285px;font-size: 16px;}
.fixed-bottom-bar input{ width:150px; height:35px; line-height:35px; border:0 !important; margin:0 5px; color:#666;}
.fixed-bottom-bar .input .placeholder{ position:absolute; left:5px; top:7px; pointer-events:none; line-height:20px;}
.fixed-bottom-bar .tel-tit{font-size: 28px; color: #fff;  margin-top: 5px;}
.fixed-bottom-bar .tel-num{font-size: 24px;color:#e71f19;}
.fixed-bottom-box .down-bar-btn{width: 130px;height: 134px;position:fixed;left:0;bottom:0;z-index:21;cursor: pointer;visibility:visible;transform:translateX(0);-webkit-transform:translateX(0); transition:all ease .3s;-webkit-transition:all ease .3s;}
.fixed-bottom-box .down-bar-btn p{font-size:16px;color:#fff;width: 25px;text-align: center;margin: 20px 0 0 19px;}
.fixed-bottom-box.active .down-bar-btn{ visibility:hidden; transform:translateX(-130px);-webkit-transform:translateX(-130px);}


.DesignTeam_mian {
    padding: 30px 0;
}

    .DesignTeam_mian ul {
       
    }

        .DesignTeam_mian ul li {
            position: relative;
            float: left;
            width: 19.2%;
            height: 418px;
            overflow: hidden;
            margin-left: 11px;
            margin-bottom: 20px;
            background: #fff;
            cursor: default;
        }

            .DesignTeam_mian ul li .come h4 {
                width: 100%;
                height: 288px;
                overflow: hidden;
            }

                .DesignTeam_mian ul li .come h4 img {
                    width: 85%;
					margin: 0 auto;
					border-radius:50%;
					border: 2px solid #edf0f4;
                }

            .DesignTeam_mian ul li .come h5 {
                height: 56px;
                padding: 0 25px;
                border-bottom: 1px solid #e9e9e9;
                line-height: 56px;
				font-weight: normal;
				text-align: center;
            }

                .DesignTeam_mian ul li .come h5 font {
                    font-size: 20px;
                    color: #333;
                }

                .DesignTeam_mian ul li .come h5 span {
                    padding-left: 10px;
                    font-size: 14px;
                    color: #FF0000;
                }

                    .DesignTeam_mian ul li .come h5 span i {
                        display: inline-block;
                        width: 18px;
                        height: 14px;
                        background: url(../images/icon_19.png) no-repeat right top;
                        vertical-align: middle;
                    }

            .DesignTeam_mian ul li .come h6 {
                padding: 12px 25px 0 25px;
                font-size: 14px;
                color: #999;
                line-height: 24px;
            }

                .DesignTeam_mian ul li .come h6 span {
                    display: block;
                }

                .DesignTeam_mian ul li .come h6 font {
                    display: block;
                }

            .DesignTeam_mian ul li .Eject {
                visibility: hidden;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 37px 22px;
                background: url(../images/data_02.png) no-repeat top center;
                box-sizing: border-box;
                opacity: 0;
                -webkit-transition: all .5s;
                transition: all .5s;
            }

                .DesignTeam_mian ul li .Eject.on {
                    display: none;
                }

                .DesignTeam_mian ul li .Eject .a1 div.fl {
                    width: 98px;
                    height: 98px;
                    overflow: hidden;
                    background: #fff;
                }

                    .DesignTeam_mian ul li .Eject .a1 div.fl img {
                        width: 100%;
                    }

                .DesignTeam_mian ul li .Eject .a1 div.fr {
                    width: 130px;
                }

                    .DesignTeam_mian ul li .Eject .a1 div.fr h4 {
                        font-size: 20px;
                        font-weight: bold;
                        color: #fff;
                        line-height: 24px;
                    }

                    .DesignTeam_mian ul li .Eject .a1 div.fr h5 {
                        font-size: 14px;
                        color: #FF0000;
                        line-height: 30px;
                    }

                        .DesignTeam_mian ul li .Eject .a1 div.fr h5 i {
                            display: inline-block;
                            width: 18px;
                            height: 14px;
                            background: url(../images/icon_19.png) no-repeat right top;
                            vertical-align: middle;
                        }

                    .DesignTeam_mian ul li .Eject .a1 div.fr h6 {
                        padding-top: 5px;
                        font-size: 12px;
                        color: #999999;
                    }

                .DesignTeam_mian ul li .Eject .a2 {
                    position: relative;
                    width: 100%;
                    height: 136px;
                    overflow: hidden;
                    margin: 30px 0;
                }

                    .DesignTeam_mian ul li .Eject .a2 h5 img {
                        width: 100%;
                    }

                    .DesignTeam_mian ul li .Eject .a2 h6 {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 34px;
                        background: url(../images/icon_20.png) repeat;
                        font-size: 12px;
                        color: #999;
                        text-align: center;
                        line-height: 34px;
                    }

                .DesignTeam_mian ul li .Eject .a3 a {
                    display: block;
                    width: 100%;
                    height: 50px;
                    background: #FF0000;
                    font-size: 18px;
                    color: #fff;
                    text-align: center;
                    line-height: 50px;
                }

            .DesignTeam_mian ul li:hover .Eject {
                visibility: inherit;
                opacity: 1;
            }