﻿
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
 img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
 caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output,
 section, summary,time, mark, audio, video, input, select { margin:0;padding:0;}
<style type="text/css">
@media screen and (max-width:979px){
    .footer,.loginGg_link,.ewmdl,.header_tit,.header_r{ min-width: 0; display: none!important;}
    .header{ min-width: 0;}
    .logo{ margin-left: 20px;}
    .login_box{ min-width: 0; background: none!important; height: auto;}
    .box{ width: 100%;}
    .login_info_box{ float: none; margin: 30px auto 0;}
}
@media screen and (max-width:767px){
    
}
@media screen and (max-width:413px){
    
}
@media screen and (max-width:374px){
    .login_info_box{ width: 320px; margin-left: -10px;}
    .hqyzm,.hqyzm_no{ right: -27px;}
}



body{ background: #fff; color: #333; font: 12px/1.5 "Microsoft Yahei","Hiragino Sans GB",arial,sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,dfn,em,var,i{ font-style:normal}
ol, ul { list-style: none;}
img{ border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #f60; text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input::-ms-clear, ::-ms-reveal{display: none;}
input:focus,textarea:focus { outline:none;}
.mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1;}
:root .mask{filter:none\9;}/*for IE9*/
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box{ width: 1200px; margin: 0 auto; position: relative; max-height: 99999px;}

.header{ min-width: 1200px; height: 50px; line-height: 90px;}
.logo{ margin-top: 30px; *margin-top: 5px;margin-left:1%;}
.header_tit{ display: inline-block; height: 31px; line-height: 31px; margin-left: 25px; padding-left: 25px; border-left: 1px solid #ddd; font-size: 24px; color: #717171; position: relative; top: 25px;cursor:default}
.header_r{ float: right;  padding-right:3%; font-size: 14px; color: #717171; margin-top: 55px; position: relative; z-index:55}
.red{ color: #e60012;}
.login_box{ min-width: 1200px; height: 685px; background:center center no-repeat; }
.loginGg_link{ float: left; display: block; width: 780px; height: 585px; position: relative;}
.loginGg_link .ggTxt{ position: absolute; left: 0; bottom: 0; padding: 1px 8px; background: #000; color: #fff; opacity: 0.24; filter:alpha(opacity=24);}
.login_info_box{ float: left; width: 347px; height: 438px; margin-top: 30px; border-radius: 4px; background: url(login_bg.png) repeat;}
.login_info_t{ height: 70px; overflow: hidden; position: relative; padding-left: 20px; font-size: 24px; color: #555;}
.login_info_t span{ display: inline-block; font-size: 24px; color: #555; margin-top: 8px;}
.login_info_t a{ font-size: 14px; color: #07b0ff; margin-left: 10px;}
.login_info_t a:hover{ text-decoration: underline;}
.dlfs{ position: absolute; right: 0; top: 0; width: 70px; height: 70px;}
.ewmdl{ background: url(ewmdl.png) right top no-repeat;}
.mmdl{ display: none; background: url(mmdl.png) right top no-repeat;}
.login_info_c{ height: 225px; padding: 15px 35px 0;}
.input_box{ position: relative;}
.login_input{ height: 39px; line-height: 39px; width: 225px; padding: 0 10px 0 40px; border: 1px solid #e2e2e2; background: #fff; color: #666; border-radius: 3px;}
.login_input:hover{border-color:#3db308}
.login_input::-webkit-input-placeholder{ color: #aaa;}
i.user{ display: block; width: 18px; height: 18px; position: absolute; left: 11px; top: 11px; background: url(user.png) center center no-repeat;}
i.suo{ display: block; width: 18px; height: 18px; position: absolute; left: 11px; top: 11px; background: url(suo.png) center center no-repeat;}
i.phone{ display: block; width: 18px; height: 18px; position: absolute; left: 11px; top: 11px; background: url(phone.png) center center no-repeat;}
i.yzm{ display: block; width: 18px; height: 18px; position: absolute; left: 11px; top: 11px; background: url(yzm.png) center center no-repeat;}
.login_txtbox{ height: 32px; line-height: 32px; color: #999;}
.login_txtbox a{ color: #979797; float: right;}
.login_txtbox a:hover{ text-decoration: underline; color: #f50;}
.login_txtbox input{ vertical-align: middle; margin: 0 0 3px 2px;}
.ie7-32{ *margin-top: -32px;}
.login_error{ height: 28px; line-height: 20px; overflow: hidden; color: #f00;}
.login_btn{ width: 277px; height: 41px; line-height: 41px; border: 0; background: #ff7300; color: #fff; font-size: 18px; border-radius: 3px; cursor: pointer;}
.login_btn:hover{ background: #f36f03;}
.login_info_b{ padding: 10px 35px 0;}
.login_info_b_tit{ color: #939ca0; padding-left:3px}
.login_qtfs{ text-align: right; margin-top: 10px;}
.login_qtfs a{ display: inline-block; text-align: center; margin-left: 15px;}
.login_qtfs a.yhmdl{ display: none;}
.sjdl_box,.ewmdl_box{ display: none;}
.hqyzm{ display: block; position: absolute; right: 0; top: 0; height: 41px; line-height: 41px; width: 120px; text-align: center; font-size: 14px; background: #4ab3f9; color: #fff; overflow: hidden;}
.hqyzm:hover{ background: #35a7f4; color: #fff;}
.ewmdl_tit{ height: 40px; line-height: 40px; font-size: 16px; color: #333; text-align: center;}
.ewmdl_tit a{ color: #a00; padding: 0 2px;}
.ewmdl_ewm{ text-align: center; margin-top: 10px;}
.ewmdl_ewm img{ width: 150px; height: 150px;}
.footer{ min-width: 1200px;  padding: 0px 0; margin-top:-20px}
.footer_info{ text-align: center; line-height: 30px; font-size: 14px; color: #777;}
.footer_info a{ color: #777; border-right: 1px solid #999; padding-right: 10px; margin-right: 10px;}
.footer_info a:last-of-type{ border-right: 0;}
.footer_info a:hover{ color: #f60;}
.hqyzm_no{ display: block; position: absolute; right: 0; top: 0; height: 41px; line-height: 41px; width: 120px; text-align: center; font-size: 14px; background: #cfcfcf; color: #fff; overflow: hidden;}
.hqyzm_no:hover{ background: #cfcfcf; color: #fff;}






