@charset "UTF-8";
/**
 * 
 * @authors WEB小工匠 (twb804@qq.com)
 * @date    2019-04-10 15:00:10
 * @QQ      1318523288
 * @link    http://www.twbweb.com
 */

.ihead{position: fixed;z-index:12; width: 100%;max-width: 720px;background: #0db7c8;}
.ihead img{float: left;}
 .ihmenubtn{float: left;margin: 0.2rem 0 0 0.2rem ; width: 7%;}
 .ihlogo{float:left;margin: 0.15rem  10% 0.15rem 12% ; width: 52%;}
 .ihtel{float: right;margin: 0.2rem 0.2rem; width: 7%;}
 .ihtel img{animation:shake 2s ease 0s normal none infinite running;}
.imenuAll{position: fixed;z-index:103;top:0;left: 0;width:0;overflow: hidden;min-height: 100%; background:rgba(0,0,0,.8);}
.imenutitle{float: left; width:100%;min-width: 300px;background: #07a7b7;overflow: hidden;}
.imenutitle img{float: left;}
.project_main{overflow: hidden;width: 100%;min-width: 320px;background:#fff;}
.project_main .project_nav{width: 22%;float: left;height: 32em;overflow-y:scroll;-webkit-overflow-scrolling: touch;margin:0;padding:2% 0; background:#f6f6f6;}
.project_main .project_item{width: 70%;float: right;height: 35em;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.project_nav li{color:#404040;text-align: center;font-size:0.26rem;position: relative;padding: 1em 0;}
.project_nav li:after{content:"";width:0.1rem;margin-top: 0.05rem;height: 1em;background: #f6f6f6;float: left;}
.project_nav li.on:after{content:"";background: #18adbc;}
.project_nav li.on{ color: #18adbc;font-weight: bold;background: #fff;}
.project_main .project_item .item_box dl{overflow: hidden;margin-top: 0.3rem;}
.project_main .project_item .item_box dl dt{font-size:0.26rem;font-weight: 700;color:#404040;overflow: hidden;margin-bottom: 5%;padding-left: 4%;
    line-height:normal;}
.project_main .project_item .item_box dl dd{position: relative;float: left;text-align: center; width: 1.4rem;padding:1% 0;margin:0.2rem 2% 2% 0;border: 1px solid #e5e5e5;border-radius: 0.3rem;}
.project_main .project_item .item_box dl dd a{font-size:0.26rem;color:#404040;display: block;width: 100%;height: 100%;text-align: center;}
.project_main .project_item .item_box dl dd i{ position: absolute; right:-0.15rem;top: -0.25rem; width: 0.4rem; }
.project_main .project_item .item_box dl dd i img{float: left; width: 100%;}
.project_main .project_item .item_box dl:last-child{border-bottom: none;}

/* footer */
.ifooter{ width:100%;overflow: hidden;}
.iftel{margin: 0.2rem auto; width: 80%;}
.iftel img{float: left; width: 100%;animation: pulse 1.5s ease 0s normal none infinite running;margin-bottom: 0.2rem;}
.imap{float: left; width: 100%;position: relative;}
.imap img{float: left; width: 100%;}

.ifbtn{position: absolute;right:0; bottom:8%;width: 38%; z-index:3;}
.ifbtn a{float: left; width:45%;margin:0 2.0%;height: 40px;}
.icopyright{float: left; width: 100%;}

.ifixall{position: fixed; width: 100%;max-width: 720px;background: #fff;bottom:0; z-index: 11; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);   }
.ifblank{height:0.9rem;}
.ifix{float: left; width: 100%;}
.ifix dd{float: left; width: 19%;text-align: center;}
.ifix dt{float: left; width: 24%;}

.ifix dd i{float: left;width:100%;height:0.5rem;margin-top: 0.05rem;}
.ifix dd.ifindex i{ background:url(../images/icon/index.png) top center no-repeat;-webkit-background-size: 32%;background-size: 32%; }
.ifix dd.ifindex.on i{background:url(../images/icon/index_on.png) top center no-repeat;-webkit-background-size: 32%;background-size: 32%;}
.ifix dd.ifindex.on span{color: #07a7b7;}
.ifix dd.ifcase i{margin-top:0.05rem;}
.ifix dd.ifcase i img{width: 60%;}
.ifix dd.ifcase.on i{background:url(../images/icon/case_on.png) top center no-repeat;-webkit-background-size: 32%;background-size: 32%;}
.ifix dd.ifcase.on span{color: #07a7b7;}
.ifix dd.ifxm i{ background:url(../images/icon/xm.png) top center no-repeat;-webkit-background-size: 32%;background-size: 32%; }
.ifix dd.ifpp i{ background:url(../images/icon/itel.png) top center no-repeat;-webkit-background-size: 32%;background-size:32%; }
.ifix dd span,.ifix dt span{float: left; width: 100%; text-align: center; font-size:0.2rem;color: #666;}
.ifix dt span{color: #07a7b7;}
.ifix dt a{float: left;margin-top: -0.3rem; width: 48%;margin-left: 26%;height:0.8rem; border-radius: 50%;padding: 0.03rem;background: #fff; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);}
.ifix dt i{float: left; position: relative;width: 100%;height: 100%; border-radius: 50%; background:#0db7c8;}
.ifix dt i img{float: left; width: 70%;margin-left: 15%;margin-top:10%; animation: pulse 1s ease 0s normal none infinite running;}
.ifix dt i em{
	padding: 0.02rem;
    background: #f00;
    border-radius: 1em; color: #fff;
    display: inline-block;
    font-size: 0.14rem;
    font-style: normal;
     z-index: 5;
    right:0;
    top: 0;
    position: absolute;
     animation: bounce 1s infinite;-webkit-animation: bounce 1s infinite}

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80%{
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40%{
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    60%{
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }
}


@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}