@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,Microsoft YaHei,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{color:#bc1a3a;text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
/*顶部按钮*/
a.logo {
font-size: 0;
text-indent: -999px;
display: block;
float: left;
width: 345px;
height: 44px;
background-position: 0 -24px;
margin-top: 16px;
overflow: hidden;
}
.pi_lxfs {
margin-right: 10px;
width: 132px;
height: 41px;
line-height: 41px;
margin: -1px 10px -14px;
background: url(../images/sjdh.gif) center center no-repeat;
display: inline-block;
border-radius: 4px;
}
.pi_btn{float: right; margin-top: 20px;}
.pi_qq{ margin-right:10px; width: 170px; height: 39px; line-height: 39px; background:#da2a2a;border:solid 1px #da2a2a; text-align: center; color: #fff;font-size:16px; display: inline-block; border-radius: 4px;}
.pi_qq:hover{background:#C80808;border-color: #C80808; color: #fff;}
.pi_qq i{display: inline-block;width:20px;height:20px; vertical-align:middle;margin: 0 5px 1px 0; *margin-top: 4px;background: url(../images/qq.png) no-repeat;}
.pi_jrgw{ margin-right:10px; width: 130px; height: 39px; line-height: 39px; background:#FC9E1E;border:solid 1px #FC9E1E; text-align: center; color: #fff;font-size:16px; display: inline-block; border-radius: 4px;}
.pi_jrgw:hover{background:#FC811E;border-color: #FC811E; color: #fff;}
.pi_jrgw i{display: inline-block;width:20px;height:20px; vertical-align:middle;margin: 0 5px 3px 0; *margin-top: 4px;background: url(../images/wz.png) no-repeat;}
.pi_lxfs {
margin-right: 10px;
width: 132px;
height: 41px;
line-height: 41px;
margin: -1px 10px -14px;
background: url(../images/sjdh.gif) center center no-repeat;
display: inline-block;
border-radius: 4px;
}
/*Copyright*/
.gototop{cursor:pointer;z-index:99;position:fixed;width:49px;bottom:80px;font-size:12px;left:50%;margin-left:595px;_position:absolute;display:block;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.backtop{float:left;margin:5px 0 0 0;width:40px;height:0;background-color:#f60;background-position:-463px -68px;overflow:hidden;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.qqservice{ position: relative; width: 38px; height: 38px; background: #6da9de url(../images/qq.png) no-repeat 9px 7px; border:1px solid #6da9de;transition: all 0.5s}
.qqservice.on{ background: #fff url(../images/qq.png) no-repeat -31px 7px; border-color: #ccc;}
.qqservice ul{ display: none; position: absolute; right: 38px; bottom: -46px; width: 130px; padding: 10px 15px; background: #fff; border:1px solid #ccc;}
.qqservice.on ul{ display: block;}
.qqservice span{ font-family:"���ź�"; font-size: 16px}
.qqservice li{ padding: 5px 0; border-bottom: 1px solid #e2e2e2;}
.qqservice li a{ display: block; background: #6da9de; color: #fff; line-height: 24px; border-radius: 24px; padding: 5px 15px; font-weight: 700; }
.qqservice li a:hover i{ background-position: -40px 0}
.qqservice li i{ float: left; width: 24px; height: 24px; background: url(../images/qq.png) no-repeat; transition: all 0.5s}
.pi_tit{ height: 50px; line-height: 50px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: bold; color: #333;}
.pi_tit a{ color: #333;}
.pi_tit a:hover{ color: #0d86bf;}
.pi_box{ max-height: 9999px; margin-bottom: 6px;}
.pi_box_l{ float: left; width: 80px; font-size: 12px; color: #999; line-height: 30px; font-family: ����;}
.pi_box_r{ float: left; width: 546px; line-height: 30px; font-size: 13px; color: #333; font-family: ����;}
.pi_price{ font-weight: bold; font-size: 24px; color: #cd2e21; font-family: ���ź�;}
.pi_lx{ line-height: 20px; padding:3px 15px 3px 5px; color: #333; border:2px solid #ddd; display:inline-block; cursor:pointer;position: relative;}
.pi_lx s{display:none;position:absolute;}
.pi_lxActive{ border:2px solid #f60; background:#fff6e7;}
.pi_lxActive s{display:block; width: 18px; height:18px;right:0px;bottom:0px; background: url(../images/icon.png); background-position: 0px -142px;}
.pi_btn{float: right; margin-top: 20px;}
.pi_qq{ margin-right:10px; width: 170px; height: 39px; line-height: 39px; background:#da2a2a;border:solid 1px #da2a2a; text-align: center; color: #fff;font-size:16px; display: inline-block; border-radius: 4px;}
.pi_qq:hover{background:#C80808;border-color: #C80808; color: #fff;}
.pi_qq i{display: inline-block;width:20px;height:20px; vertical-align:middle;margin: 0 5px 1px 0; *margin-top: 4px;background: url(../images/qq.png) no-repeat;}
.pi_jrgw{ margin-right:10px; width: 130px; height: 39px; line-height: 39px; background:#FC9E1E;border:solid 1px #FC9E1E; text-align: center; color: #fff;font-size:16px; display: inline-block; border-radius: 4px;}
.pi_jrgw:hover{background:#FC811E;border-color: #FC811E; color: #fff;}
.pi_jrgw i{display: inline-block;width:20px;height:20px; vertical-align:middle;margin: 0 5px 3px 0; *margin-top: 4px;background: url(../images/wz.png) no-repeat;}
.pi_lxfs {
margin-right: 10px;
width: 132px;
height: 41px;
line-height: 41px;
margin: -1px 10px -14px;
background: url(../images/sjdh.gif) center center no-repeat;
display: inline-block;
border-radius: 4px;
}
.lxfs_info_box{ width: 500px; margin: 0 auto 30px; padding: 10px 25px; border-radius: 2px; border: 1px solid #ddd; background: #f7f7f7; line-height: 24px; color: #666;}
.lxfs_info_txt{ padding-left: 58px; line-height: 30px; font-size: 15px; color: #333;}
.lxfs_info_txt span{ font-weight: bold; font-size: 15px;}
/************弹窗**********/
.dialogCommon {
position: fixed;
top: -50%;
height: -50%;
z-index: 9999;
overflow:hidden;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.7);
}
.dialogCommon .modal_close {
display: inline-block;
position: relative;
width: 100%;
height: auto;
line-height: 40px;
color: #fff;
text-align: right;
}
.dialogCommon .fa-close {
position: absolute;
left: 51%;
margin-left: 280px;
font-size: 25px;
padding: 10px;
border-radius: 19px;
background: #d33232;
width: 19px;
height: 19px;
top: -2%;
line-height: 20px;
}
.modal_form {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
width: 80%;
max-width: 600px;
padding: 20px;
border: 10px solid #fff;
max-height: 400px;
margin: auto;
margin-top: 10px;
height: 100%;
background: #fff;
}
.text-center {text-align:center;margin: 15px 0px;color: #333;}
.f_content{width: 100%;
margin: 10px 0px;}
.f_name {
width: 100%;
background: #fff;
height: 40px;
float: left;
overflow: hidden;
color: #333;
line-height: 38px;
font-size: 15px;
margin-bottom: 10px;
border: 1px solid #ddd;
}
.f_tel {
width: 100%;
background: #fff;
height: 40px;
float: left;
overflow: hidden;
margin-bottom: 10px;
color: #333;
line-height: 36px;
font-size: 15px;
border: 1px solid #ddd;
}
.f_name input, .f_tel input{ border: 0;}
.f_name span, .f_tel span{ color: #aaa;
padding: 0 20px;
border-right: 1px solid #ddd;margin-right: 5px;}
.fa-user{background:url(../images/r.jpg) center no-repeat;}
.fa-phone-square{background:url(../images/p.jpg) center no-repeat;}
.modal_form .f_content .f_name .uname {
width: 40%;font-family: inherit;
font-size: inherit;
line-height: inherit; outline:none;
}
.f_name label {
font-weight: 400;
float: right;
margin-left: 10px;
}
.f_btn {
width: 100%;
height: 60px;
background-color: #d33232;
float: left;
margin-top: 20px;
cursor: pointer;
color: #0f4b6d !important;
background-position: bottom left, top right, 0 0, 0 0;
-webkit-transition: background-position 1s;
-moz-transition: background-position 1s;
transition: background-position 1s;
background-image: url(../Images/button_bg.png), url(../images/button_bg.png), -moz-radial-gradient( center bottom, circle, rgba(211, 50, 50, 1) 0, rgba(211, 50, 50, 0) 100px), -moz-linear-gradient(#d33232, #d33232);
background-image: url(../Images/button_bg.png), url(../images/button_bg.png), -webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100, from(rgba(211, 50, 50, 1)), to(rgba(211, 50, 50, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d33232), to(#d33232));
}
.f_btn:hover {
background-color: #63c7fe;
background-position: top left;
background-position: top left, bottom right, 0 0, 0 0;
background-image: url('../Images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient( center bottom, circle, rgba(211, 50, 50, 1) 0, rgba(211, 50, 50, 0) 100px), -moz-linear-gradient(#d33232, #d33232);
background-image: url('../Images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100, from(rgba(211, 50, 50, 1)), to(rgba(211, 50, 50, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d33232), to(#d33232));
}
.f_btn input {
width: 100%;
height: 100%;
font-size: 24px;
line-height: 60px;
text-align: center;
border: 0;
background: none;
color: #fff;
}
.f_tel input {
max-width: 100%;
width: 80%;
line-height: inherit;
outline:none;
}
.name,.telbox{ width: 100%; height: 60px; background: #fff; border: 1px solid #ddd; float: left; margin-top: 10px; padding: 5px; box-sizing: border-box;}
.frbox{ width: 100%; max-width: 600px; height: auto; float: left;overflow: hidden;}
.name,.telbox{ width: 100%; height: 60px; background: #fff; border: 1px solid #ddd; float: left; margin-top: 10px; padding: 5px; box-sizing: border-box;}
.name input.uname{ width: 350px; height: 48px; border: 0; line-height: 48px; padding: 0 5px; font-size: 16px;outline: none;}
.name label {display: inline; cursor: pointer; margin-right: 20px;}
.name .sex {display: none;}
.name .sex + label span {-webkit-appearance: none;background-color: #fff;border: 1px solid #aaa;padding: 9px;border-radius:50px;display: inline-block;position: relative; top: 5px;}
.name .sex:checked + label span{ border-color: #004dac;}
.name .sex:checked + label span:after {content: ' ';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background:#004dac;left: 3px;}
.telbox input.tel{width: 98%; height: 48px; border: 0; line-height: 48px; padding: 0 5px; font-size: 16px;outline: none;}
.btns{ width: 100%; padding: 0;}
.btns .subbtn{ width: 200px; height: 60px; cursor: pointer; margin-top: 10px; font-size: 24px; float: left;background: #C00000; color: #fff; text-align: center; border: 0;}
.telbox{ position: relative;}
.yzmbox{ width: 40%; height: 50px; z-index: 999; padding: 4px; border: 0; position: absolute; top: 0; right: 0;}
.yzmbox input{ border: 0;height: 50px; line-height: 50px; display: block; float: left; width: 50%;}
.yzmbox img{ display: block; float: right;}
.hidden{ display: none;}