﻿/*悬浮框*/
.icon-fixed {
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top:-161px;
    z-index: 99;
    font-size: 14px;
    color: #FFFFFF;
}
.icon-fixed a{
    text-decoration:none;
}
.contact-phone {
	cursor: pointer;
    position:relative;
}
.contact-online {
	width: 80px;
	height: 80px;
	background: #ff6b00;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.contact-phone img {
	width: 35px;
	height: 40px;
	margin-top: 10px;
}
.contact-online img {
	width: 38px;
	height: 38px;
	margin-top: 10px;
}
.free-call-inside {
	width: 280px;
	height: 240px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
}
.free-call-top {
    padding:19px 0 0 0;
	width: 280px;
	height: 63px;
	background: #ff6b00;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
}
.free-call-top h2 {
    font-weight:bold;
	font-size: 20px;
	margin:0 0 4px 0;
}
.call-title{
    font-size:14px;
    margin-top:0px !important;
}
.contact-online a{
 color: #fff;
}
.free-contact {
    position: relative;
    z-index: 99;
    text-align: center;
    width: 80px;
    height: 80px;
    background: #3DCD4D;
    border-bottom: 1px solid #fff;
}
.qr-code-content {
	position: absolute;
	left: 100px;
    top:0;
	transition: all 0.5s;
	opacity: 0;
	z-index: 8;
}
.qr-code {
    width: 280px;
    height: 290px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20); 
    font-size: 24px;
    color: #333333;
    letter-spacing: 2.66px;
    line-height: 30px;
}
.follow-us .qr-code img {
	width: 220px;
	height: 220px;
	margin: 20px 0 0 0;
}


.follow-us:hover .qr-code-content {
    top:0;
    left: -290px;
    opacity: 1;
}
.back-call input {
    width: 160px;
    height: 24px;
    border: 1px solid #b3b3b3;
    padding-left: 3px;
    border-right: none;
    display: block;
    float: left;
    margin-left: 25px;
    font-size: 12px;
    color: #B5B5B5;
    font-family:"Microsoft YaHei" ;
}
.back-call {
    text-align: left;
    font-size: 18px;
    color: #333333;
    letter-spacing: 2px;
    line-height: 30px;
    margin: 21px 0 0 0;
}
.small-prompt {
    float:left;
    padding:0 39px; 
    font-size:12px;
    line-height:18px;
    letter-spacing: 0;
    text-align:center;
    padding-top:20px;
}
.prompt-text {
	font-size: 12px;
	color: #B5B5B5;
	letter-spacing: 0;
	line-height: 12px;
	padding:20px 46px 0;
    text-align:left;
}
.back-call a {
    display: block;
    float: left;
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background:#ff6b00; 
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.77px;
}
.follow-us{ 
    text-align: center;
    color: #C41F26;
    font-size: 12px;
    cursor: pointer;
}
.scan-follow {
	position: relative;
	width: 80px;
	height: 80px;
	/*padding: 11px  0 0 0;*/
	background: #fff;
	z-index: 98;
}
.follow-us img {
    margin-top:4px;
	width: 70px;
	height: 71px;
}
.up-top {
	width: 80px;
	height: 80px;
    text-align: center;
    cursor: pointer;
    background: #1F2B40;
    border-top: 1px solid #fff; 
}
.up-top img{
	width: 40px;
	height: 40px;
	margin-top: 20px;
}
.contact-online,.up-top{
    position: relative;
    z-index: 99;
}
.follow-us p,
.contact-online p {
    margin-top: 5px;
}

.contact-phone p{
    margin-top:0px;
}
#cnzz_stat_icon_1261596804 img{
    vertical-align:bottom;
}

.fixed-bottom{
    position:fixed;
    right:0;
    bottom:0;
    z-index:999
}
.fixed-bottom>.free-call-inside{
    width:376px;
    margin-left:-180px;
    height:auto;
}
.fixed-bottom>.free-call-inside .free-call-top{
    position:relative;
    width:100%;
    height:88px;
    padding:0;
}
.fixed-bottom>.free-call-inside .free-call-top h2{
    margin-bottom:7px;
    line-height:20px;
    padding-top:20px;
    font-size:24px;
}
.fixed-bottom>.free-call-inside .back-call{
    margin-top:25px;
}
.close-btn{
    position:absolute;
    right:10px;
    top:10px;
    width:10px;
    height:10px;
    background:url("/templets/default/newimages/i-delete-2.png");
    cursor:pointer;
}
.fixed-bottom>.free-call-inside .small-prompt{
    width:277px;
    padding:20px 49px;
    font-size:14px;
}

#phone-icon{
    float:left;
    margin:5px 0 0 25px;
    width:56px;
    height:41px;
}

#telInput2{
    width:232px;
    height:36px;
}
#callBtn2{
    width:88px;
    height:40px;
    line-height:40px;
}
#service-icon{
    float:left;
    margin:-68px -50px 0 10px;
}
#telInput,
#telInput2{
    padding:0;
    box-sizing:content-box;
}


/*免费电话修改处*/
/*.contact-phone:hover .free-call{
    opacity:1;
}*/
.contact-phone .gg_tel.gg_h{
    top:0;
    right:-250px;
    opacity:0;
    visibility:hidden;
    transition:all .5s;
}
.contact-phone:hover .gg_tel.gg_h{
    opacity:1;
    visibility:visible;
    right:80px;
}

.contact-phone .gg_tel_input{
    height:28px;
}

.contact-phone .telico{
    color:#333;
}

.header-modal{
    height:70px;
}