/*全局*/
* { margin: 0; padding: 0; list-style: none; } 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
body { min-width: 1200px; overflow: auto; margin: 0 auto; background-color: #fff; font-family:"微软雅黑"; font-size:16px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; font-size: 18px; color: inherit; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 
.w1200 { width: 1200px; margin: 0 auto; height: inherit; } 

.top { position: relative; } 
.top a { cursor: pointer; } 
.top_msg { position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -30px; color: rgb(219, 8, 8); font-weight: bold; z-index: 99999; border-radius: 8px; overflow: hidden; width:60px; border: 1px solid #fff; background-color: rgba(31,148, 251, .5); height: 25px; line-height: 25px; font-size: 14px; text-align: center; } 

/* 通用底部 */
.footer { background-color: #1f2732; } 
.footer a { color: #8d97a1; } 
.footer a:hover { color: #1d8bfe; } 
.footer_top { padding: 40px 0; color: #c5cdd8; border-bottom: 1px solid #353d48; } 
.footer_top .tit { font-size: 20px; font-weight: bold; } 
.footer_top .btns { margin-top: 30px; } 
.footer_top .btns .el { float: left; margin-left: 40px; transition: .3s all ease; } 
.footer_top .btns .el a { padding-left:45px; font-size: 22px; background-repeat: no-repeat; background-position: center left; background-size: contain; } 
.footer_top .btns .el:first-child { margin-left: 0; } 
.footer_top .btns .el:hover { color: #1d8bfe; transform: translateY(-3px); transition: .3s all ease; } 
.footer_top .qrcode { font-size: 14px; float: left; text-align: center; margin-left: 30px; } 
.footer_top .qrcode
.footer_top .qrcode:first-child { margin-left: 0; } 
.footer_top .qrcode img,.footer_top .qrcode .code { border-radius: 5px; padding: 5px; background-color: white; margin-top: 10px; width: 70px; height: 70px; } 

.footer_top .btns .el.e0 a { background-image: url(../images/common/idxf1.png); } 
.footer_top .btns .el.e1 a { background-image: url(../images/common/idxf2.png); } 
.footer_top .btns .el.e2 a { background-image: url(../images/common/idxf3.png); } 
.footer_top .btns .el.e3 a { background-image: url(../images/common/idxf4.png); } 
.footer_top .btns .el.e4 a { background-image: url(../images/common/idxf5.png); } 
.footer_top .btns .el.e5 a { background-image: url(../images/common/idxf6.png); } 

.footer_btm { padding: 30px 0; } 
.footer_btm div { font-size: 15px; color: #8d97a1; padding: 5px 0; } 
.footer_btm div a { font-size: 15px; } 
.footer_btm div a:hover { color: #1d8bfe; } 

.nodata { font-size: 22px; color: #000; padding: 30px 0; text-align: center; } 

/* 通用表单 */
.call_form { border: 1px solid #ebeef5; background-color: white; padding: 30px; } 
.call_form .f_title { font-size: 26px; font-weight: bold; color: #000; text-align: center; margin-bottom: 20px; } 
.call_form .f_btn { outline: none; border: none; display: block; margin: 0 auto; margin-top: 20px; cursor: pointer; width: 200px; height: 40px; line-height: 40px; text-align: center; background-color: #1d94ff; color: #fff; font-size: 20px; font-weight: bold; border-radius: 30px; } 
.call_form .f_btn:hover { box-shadow: 0 0 20px 5px #c1e2ff; } 
.call_form textarea { resize: none !important; } 
.call_form .fw100 { width: 100px !important; } 
.call_form .fw200 { width: 200px !important; } 
.call_form .fw300 { width: 300px !important; } 
.call_form .fw400 { width: 400px !important; } 
.call_form .fw500 { width: 500px !important; } 
.call_form .fw730 { width: 733px !important; } 
.call_form .bb { font-size: 16px !important; font-weight: bold !important; position: relative; } 
.call_form .bb.on:after { content: "*"; font-size: 18px; color: #ff0000; font-weight: bold; position: absolute; left: 0; top: 5px; } 

/* 分页 */
.pc-page { margin:0 auto; margin:20px 0 40px 0; font-size: 0; text-align: center; padding: 20px; white-space: nowrap; } 
.pc-page a { cursor: pointer; font-size: 18px; margin-right: 10px; color: #010101; padding: 0 15px; height: 44px; border: 1px solid #dcdcdc; text-align: center; line-height: 44px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pc-page a span { font-size: 16px; } 
.pc-page a.none { background-color: #f0f0f0; cursor: not-allowed; color: #5f5f61; } 
.pc-page a:hover,.pc-page a.current { background-color: #1d94ff; color: white; } 
.pc-page a.none:hover { background-color: #f0f0f0; color: #5f5f61; } 

.contact_area { position: fixed; bottom: 40%; right: 50%; margin-right: -720px; width: 80px; border-radius: 5px; overflow: hidden; } 
.contact_area .btn a { display: block; width: 100%; height: 100%; font-size: 15px; color: #ffffff; } 
.contact_area .btn { border-top: 1px solid #fff; cursor: pointer; height: 55px; padding: 5px; font-weight: bold; text-align: center; background-color: #1d94ff; font-size: 15px; color: #ffffff; } 
.contact_area .btn img { max-width: 22px; height: auto; padding-right: 5px; display: block; margin: 5px auto; } 
.contact_area .btn:hover { opacity: .5; } 
.contact_area .btn:first-child { border-top: 0; } 

.contact_qrcode { width: 100px; text-align: center; font-weight: bold; font-size: 15px; } 
.contact_qrcode img { display: block; margin-bottom: 5px; width: 100px; height: 100px; max-width: none !important; max-height: none !important; min-height: none !important; min-width: none !important; }