/*  index*/
.smart_all {
		width: 350px;
    position: fixed;
    bottom: 40%;
    right: 0px;
    z-index: 999;
}

.index_bg {
    background-image: url(../images/index.png);
    background-position: top center;
    width: 100%;
    height: 1080px;
    background-repeat: no-repeat;
}

.smart_up {
    width: 28px;
    height: 28px;
    margin-bottom: 12px;
    margin-left: 42px;
    cursor: pointer;
    display: none;
}

.smart_alpha {
    width: 70px;
    height: 100px;
    cursor: pointer;
    background-image: url(../images/QA2.png);
		background-repeat: no-repeat;
		background-size: 90%;
		float:right;
		right:10px;
		bottom:10px;
		z-index:1000;
		_position:absolute; /* position fixed for IE6 */
}

.smart_alpha_M {
    width: 40px;
    height: 40px;
    cursor: pointer;
    //background-image: url(../images/QA2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		float:right;
		right:10px;
		bottom:10px;
		z-index:1000;
		_position:absolute; /* position fixed for IE6 */
			border-radius: 60%;


}

.divcss5 {
	 margin:10px auto;
	 border-radius:50%;
	}

    .smart_alpha.end {
        background-image: url(../images/QA2.png);
				background-size: 90%;
				float:right;
				right:10px;
				bottom:10px;
				z-index:1000;
    }

    .smart_alpha.shut {
        background-image: url(../images/QA_End.png);
        background-size: 70%;
        background-position: 0px 14px;
        background-repeat: no-repeat;
    }

    .smart_alpha_M.end {
        //background-image: url(../images/QA_End.png);
				background-size: 90%;
				float:right;
				right:10px;
				bottom:10px;
				z-index:1000;
    }

    .smart_alpha_M.shut {
        background-image: url(../images/QA_End.png);
        background-size: 70%;
        background-position: 0px 14px;
        background-repeat: no-repeat;
    }


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

    .smart_alpha {
        background-image: url(../images/QA1.png);
        background-size: 100%;
        background-position: 0px 14px;
        background-repeat: no-repeat;
    }

    .smart_alpha.end {
        background-image: url(../images/QA1.png);
        background-size: 100%;
        background-position: 0px 14px;
    }

    .smart_alpha.shut {
        background-image: url(../images/QA_End.png);
        background-size: 70%;
        background-position: 0px 14px;
        background-repeat: no-repeat;
    }


    .smart_alpha_M {
        //background-image: url(../images/QA_End.png);
        background-size: 100%;
        background-position: 0px 14px;
        background-repeat: no-repeat;
    }

    .smart_alpha_M.end {
        //background-image: url(../images/QA_End.png);
        background-size: 100%;
        background-position: 0px 14px;
    }

    .smart_alpha_M.shut {
        background-image: url(../images/QA_End.png);
        background-size: 70%;
        background-position: 0px 14px;
        background-repeat: no-repeat;
    }
}



.smart_say .say {
    right: 20px;
    background-color: #fff;
    border-radius: 40px 40px 40px 40px;
    padding: 10px 20px;
    position: relative;
    box-shadow: 0px 8px 20px 0px #a7a7a7;
    -moz-box-shadow: 0px 8px 20px 0px #a7a7a7;
    -webkit-box-shadow: 0px 8px 20px 0px #a7a7a7;
    box-shadow: 0px 8px 20px 0px #a7a7a7;
    font-size: 14px;
    line-height: 1.4;
}

    .smart_say .say::before {
        content: "";
        position: absolute;
        width: 24px;
        height: 18px;
        background-image: url(../images/robot_index.png);
        background-repeat: no-repeat;
        bottom: -12px;
        right: 15px;
        z-index: 2;
    }

.smart_say p {
    margin: 0;
}

.smart_box_M {
    margin-right: 10px;
    margin-bottom: -14px;
    border-radius: 10px;
    box-shadow: 0px 8px 20px 0px #a7a7a7;
    -moz-box-shadow: 0px 8px 20px 0px #a7a7a7;
    -webkit-box-shadow: 0px 8px 20px 0px #a7a7a7;
    box-shadow: 0px 0px 0px 0px #a7a7a7;
    overflow: hidden;
    height: 615px;
		top:100px;
    z-index: 3;
    display: none;
}


.smart_box {
    margin-right: 10px;
    margin-bottom: -14px;
    border-radius: 10px;
    box-shadow: 0px 8px 20px 0px #a7a7a7;
    -moz-box-shadow: 0px 8px 20px 0px #a7a7a7;
    -webkit-box-shadow: 0px 8px 20px 0px #a7a7a7;
    box-shadow: 0px 8px 20px 0px #a7a7a7;
    overflow: hidden;
    height: 615px;
    z-index: 3;
    display: none;
}

.smart_box iframe {
    width: 450px;
    height: 615px;
    background: #fff;
}
.smart_icon {
    float: right;
}
/*  index  end*/


.smart_iframe_M{
    position: fixed;
    left:20px;
    top:60px;
    right:0;
    bottom:0;
    border:none;
}

.circCont {
    display: inline-block;
    z-index: 12000;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 50px;
}
.circle {
    width: 40px;
    height: 40px;
    background: url(../images/m_close.png);
    background-size: 40px 40px;
    border: none;
    position: absolute;
    cursor: pointer;
    display: inline-block;
    top: 5px;
    right: 10px;
}
.m_smart_box {
    display: none;
}
.m_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 100;
    display: none;
    top: 0;
}
.m_smart_box.on {
    display: block;
    position: fixed;
    z-index: 101;
    bottom: 0px;
    width: 100%;
    margin: 0;
    left: 0%;
    height: 100%;
    padding-top: 50px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-name: box_lightbox;
    animation-name: box_lightbox;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.m_smart_box.on iframe {
    height: 100%;
}
@-webkit-keyframes box_lightbox {
    0% {
        -webkit-transform: translateY(85%);
        transform: translateY(85%);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes box_lightbox {
    0% {
        -webkit-transform: translateY(85%);
        transform: translateY(85%);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}