﻿/**********全局定义**********/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, textarea,input, table,tr, td,dl,dt,dd, img, div{ margin: 0; padding: 0; }
html{min-height:100%; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*,*:before,*:after {box-sizing: inherit; -o-box-sizing: inherit; -ms-box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit;}
img { border-width:0px; display:block;}
body { font-family:"宋体","Arial Narrow","iconfont"; font-size: 12px; color: #333; background-color: #f5f5f5;}
ul{ list-style-type: none; }
/*以下a和a:active定义为了解决在点击a标签时所出现的虚线框*/
a,input[type="button"],input[type="submit"],textarea{ text-decoration: none; outline: none; }
a:active { star: expression(this.onFocus=this.blur()); }
em,i,dfn,strong{ font-style: normal; font-weight: normal;}
h1,h2,h3,h4,h5,h6,b{font-weight: normal;}

/** 改写浏览器滚动条样式 **/
::-webkit-scrollbar{ background: #f0f0f0; width: 14px;
	border-radius: 7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;
	box-shadow: 0px 0px 2px #969696 inset;
}
::-webkit-scrollbar-thumb{background: #939393;
	border-radius: 7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;
	box-shadow: 0px 0px 2px #646464 inset;
}
::-webkit-scrollbar-track{} 

/** 公用input输入框样式 **/
.input{
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	border: 1px solid #cdcdcd; padding-left:5px;
	border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
.input:focus{
	border-color: #f7931e;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,147,30,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,147,30,.6);
	-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,147,30,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,147,30,.6);
}
.ie-placeholder{color:#878787 !important;}/***IE浏览器改写value后颜色***/
input,textarea{font-family:"宋体","Microsoft Yahei","Arial Narrow";}
input:-moz-placeholder,textarea:-moz-placeholder{color:#878787; }   
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#878787; }   
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#878787;}





/**********【右侧的免费通话】**********/
.callbox2{border: 1px solid #dcdcdc; padding:25px 20px 10px 20px; position: relative; z-index: 9;
	border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.callbox2 strong{ display:block; text-align: center; width: 46%; height: 32px; line-height: 32px; background: #0090ff; color: #fff; font-weight: bold; font-size: 14px; 
	position: absolute; z-index: 10; top: -16px; left: 50%; margin-left: -23%;
	border-radius:16px; -o-border-radius:16px; -ms-border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;
}
.callform2 .input{line-height: 38px; height: 40px; width: 100%; margin-bottom:10px;}
.callform2 .calllabel2{ background: #ff8d26; font-weight: normal; font-size: 16px; text-align: center; margin-bottom: 10px;}
.calllabel2 div{display: inline-block; overflow: hidden;}
.calllabel2 div i{float: left; font-size: 20px; margin-right:5px;}
.calllabel2 div b{ float: left; }
.calllabel2 input{ display: none; }
.callinfo2 p{line-height: 18px; color: #999; text-align: center; height: 18px; overflow: hidden;}

/* 新增短信验证码 */
.sameCodeDiv{}
.Texting{ position: relative; z-index: 9;}
.Texting .ObtainCode{ position: absolute; z-index: 10; top: 0px; right: 0px; width: 110px;}
.ObtainCode,.ztCodeBtn{width: 100%; height: 40px; line-height: 40px; background: #ff483b; display: inline-block; text-align: center;
	font-size: 14px; color: #fff; cursor: pointer; border-width: 0px;
	border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
input.ObtainCode[disabled],input.ztCodeBtn[disabled]{
	border:1px solid #d9d9d9;
	background-color:#ebebe4;
	color:#666;
}
.Texting .ztCodeBtn{ position: absolute; z-index: 10; top: 0px; right: 0px; width: 110px;}


/**********【免费通话1、留言板】**********/
.MessageForm{width:1210px; overflow:hidden; background: #fff;
	border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;padding: 15px 60px;margin-top: 35px;
}
.MessageForm h6{ height: 50px; line-height: 50px; background: #ff483b; text-align: center; color: #fff; font-size: 18px; font-weight: bold; padding-left: 20px; }
.MessageForm h6 b{padding-right:10px; padding-left:10px; font-weight: bold;}


.TelForm{padding:45px 60px;}
.formclass .input{ height: 38px; line-height: 36px; width: 100%;}
.formclass .ObtainCode{height: 38px; line-height: 36px;}

/*左侧免费通话*/
.mfcall{float: left; width: 270px; border: 1px solid #d2d2d2; padding:25px 20px;
	border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.mfcall h5{font-size: 16px; font-weight: bold; color: #333; line-height: 20px; margin-bottom: 30px; position: relative; z-index: 9}
.mfcall h5:before{ width: 5px; height: 18px; content: ''; background: #ff483b; position: absolute; top: 1px; left:-20px; z-index: 10;}
.callbox{ margin-bottom: 30px; }
.callbox .callhead{ color: #ff483b; line-height: 20px; margin-bottom: 10px; font-size: 14px; }
.calllabel{ cursor: pointer; }
.calllabel .callbtn{ display:block; text-align: center; width: 100%; font-size: 16px; color: #fff; background: #ff483b; padding: 5px 0px; height: 50px;
	border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.callbtn dl{ overflow:hidden; display: inline-block; line-height: 20px;}
.callbtn dt{ float: left; margin-right: 7px;}
.callbtn dt.iconfont{ font-size: 36px; line-height: 40px; }
.callbtn dd{ float: left; text-align: left; }
.callbtn dd strong{ display: block; line-height: 40px; font-size: 18px; font-weight: bold;}
.callbtn dd p{font-size: 12px; display: none;}
.calllabel input{ display: none;}
.mfcall .formclass .input{ margin-bottom: 15px; }

.callinfo{line-height: 20px;}
.callinfo b{ font-weight: bold; color: #555; margin-bottom:3px; display:block;}
.callinfo p{color: #888; }

/*提交留言表单*/
.tjform{ float: left; width: 390px;}
.tjform dl{ position: relative; margin-bottom: 15px; clear:both;}
.tjform dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tjform dt{ width: 80px; line-height: 38px; color: #555; text-align: right; padding-right: 10px; font-size: 12px; font-weight: bold; float: left; }
.tjform dt i{ color: #f00; padding-right: 5px; font-weight: bold; }
.tjform dd{ width: 100%; padding-left: 80px; color: #444;}
.tjform dd:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.tjform .RadioTime{margin-top: -10px;}
.tjform .RadioTime dt{height: 30px; line-height: 30px;}
.tjform .RadioTime .inlinebox{ margin-bottom: 7px; margin-top: 7px; }
.referBtn{ padding-left: 80px; }
.tjform .SubmitBtn{ background: #ff483b;
    cursor: pointer;
    border-radius: 6px;
    display: block;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 320px;
    background: #ff4939;
    border: 1px solid #e5e5e5;
    color: #ffffff;
    margin: 16px 0 0 0;}

/* 留言新增的服务条款 */
.tjform .TermsForm label{display: inline-block; float:left;}
.tjform .TermsForm i{float:left; }
.tjform .TermsForm a{ color: #0078ff; cursor: pointer;}
.tjform .TermsForm a:hover{color: #ff483b; text-decoration:underline;}

.tjform .TermsForm2 div{overflow: hidden;}
.tjform .TermsForm2 div:first-child{margin-bottom:7px;}
.tjform .TermsForm2 label{display: inline-block; float:left; font-size: 12px;}
.tjform .TermsForm2 p{display: inline-block; float:left;}
.tjform .TermsForm2 i{float:left; }
.tjform .TermsForm2 a{float:left; color: #0078ff; cursor: pointer;}
.tjform .TermsForm2 a:hover{color: #ff483b; text-decoration:underline;}

.quickMess{ width: 370px; float: right; border:1px solid #ff483b; overflow: hidden;
	border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.quickMess .qmtitle{height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; background-color: #ff483b; text-align: center;}
.quickMess .qmmain{padding:20px 10px;}
.qmmain p{ height: 34px; line-height: 34px; color: #666; cursor: pointer;}
.qmmain p:hover{ background-color: #f5f5f5; color: #ff483b;}

/* 点击按钮 */
.tjform dl.FastClick{margin-top: -10px; margin-bottom: 10px;}
.tjform dl.FastClick dd{ height:20px; line-height:20px; text-align: right;}
.tjform dl.FastClick dd a{ color: #ff483b; cursor: pointer;}

/* 快捷留言列表 */
.FastList{padding: 10px 15px;}
.FastList p{ display: block; line-height: 40px; height: 40px; border-bottom: 1px solid #dcdcdc; cursor: pointer; }
.FastList p:last-child{border-bottom-width:0px;}
.FastList p:hover{background: #f5f5f5; color:#ff483b;}

/