/* reset */
*, *::after, *::before {
    box-sizing: border-box;
}
html,body{height:100%; width:100%}
body{
/*font-family: "Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","微软雅黑",'Segoe UI',Tahoma,"宋体b8b\4f53",SimSun,sans-serif;*/
 font-family:Arial,sans-serif;

}

body,select,input,textarea,button,h1,h2,h3,h4,h5,h6,table{font-size:14px;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,form,p,dl,dt,dd,table,th,td,img,blockquote{
	margin:0;
	padding:0;
	border:0;
}
input,button,textarea,img{line-height:normal;}
abbr,acronym,address,cite,q,em,code,var,dfn,ins{font-style:normal;text-decoration:none;border:0;}
q:before,q:after{content:"";}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
select,input,button,button img,.btn{vertical-align:middle;}
.ipt-c,.ipt-r{width:16px;height:16px;padding:0;margin:0 3px 0 0;overflow:hidden;}
.ipt-b,
.btn{font-weight:bold;font-size:13px;cursor:pointer}
.ipt-b{border:0;background:0;padding:0;}
.btn{text-align:center;}




#login {
	background-image:url(../Images/login_bg4.gif);
	display: block;
	padding:0;
	width:880px;
	height:486px;
	background-repeat: no-repeat;
	margin:0 auto;

}
#login_main{
	position:absolute;
	width:330px;
	margin-top:180px;
	margin-left:480px;
}
#login_main h3{
	text-indent:-9999px;
	
}
#fi1{
	display:block;
	padding:6px 0;
}
#fi2{
	display:block;
	padding:6px 0;
}
#divFotPwd
{
	margin-right:20px;
}
.lb{
	font-size:13px;
	margin:auto 10px auto 10px;
	width:65px;
	float:left;
	line-height:30px;
	color:#666;
}

.ipt-t{
	font-size:13px;
	color:#454545;
	border:1px solid #A5BACE;
	width:198px;
	margin-right:-5px;
	background-repeat:no-repeat;
	line-height:16px;
}  
.ipt-t-focus{
	background-color: #e3ecf3;
}

.fi-btn{
	padding:10px 0;
	padding-left:85px;
}
.ipt-b{
	background: url(../Images/Login_btn_enter.gif) repeat-x;
	color:#FFF;
	width:68px;
	height:26px;
	display: block;
	text-align:center;
	float:left;
	text-decoration:none;
	border:1px solid #1e8bfa;

	text-align:center;
}

.ipt-b-hover{
	background-color:#5E8EBB;
}
.ipt-c
{
	margin-left:10px;
	line-height:25px;
	text-decoration: underline;
}

.info{
	position:absolute;
	bottom:40px;
	left:0;
	font-size:12px;
	color:#000;
	display: block;
	width:880px;
	text-align: center;
	clear:both;
	/*padding-top: 45px;
	padding-left:10px;*/
}

#list_lang a{
	text-decoration:none;
}
#list_lang a{
	text-decoration:none;
}
#list_lang a:hover{
	text-decoration:underline;
	color:#fff;
}
#list_3MTest
{
	position:absolute;
	margin-top:100px;
	margin-left:100px;
	list-style-type: none;
}

a{
color:#000;
}


a:hover {
text-decoration:none;
color:#F60;
}
a:link {
color:#fff;
text-decoration:underline;
}

 <style>
        *, *::after, *::before
        {
            box-sizing: border-box;
        }
        .card-main
        {
            height: 100%;
        }
        
        .card-main .card-left
        {
            padding: 0 4%;
            width: 45%;
            height: 100%;
            float: left;
        }
        .card-main .card-right
        {
            width: 55%;
            height: 100%;
            float: left;
            background-size: cover;
        }
        
        .card-main .site-logo
        {
            margin-top: 30px;
            margin-bottom: 50px;
        }
        .card-main .card-left label
        {
            font-size: 24px;
            font-weight: inherit;
            margin-top: 15px;
            margin-bottom: 30px;
            display: inline-block;
            max-width: 100%;
            color: #006384;
        }
        
        .form-control
        {
            display: block;
            width: 100%;
            height: 40px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 28px;
            color: #333;
            background-color: #fbfbfb;
            background-image: none;
            border: 1px solid #D7D7D7;
        }
        .m-b-20
        {
            margin-bottom: 13px;
        }
        .m-b-60
        {
            margin-bottom: 60px;
        }
        
        .login-btn
        {
            cursor: pointer;
    font-family: MuseoSansRounded,Arial,Sans-serif;
    font-weight: 300;
	font-size:14px;
    display: inline-block;
    background-color: #2ab9d5;
    padding:.45rem 1rem;
    border: 1px solid #2ab9d5;
	width:120px;
  
    line-height: 1.5;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color:#fff;
        }
        
        .login-switch
        {
            width: 52px;
            height: 52px;
            line-height: 52px;
            position: absolute;
            right: 5px;
            top: 8px;
            -moz-user-select: none;
        }
        
        .login-switch .iconfont
        {
            cursor: pointer;
        }
        
        .login-tip
        {
            position: absolute;
            top: 10px;
            right: 68px;
        }
        
        .poptip
        {
            border: 1px solid #d1e3ef;
            padding: 5px 20px 5px 15px;
            background: #f5fbff;
            position: relative;
        }
        
        
        
        .poptip-arrow
        {
            top: 8px;
            right: 0;
        }
        
        .poptip-arrow
        {
            position: absolute;
            z-index: 10;
        }
        
        .poptip-arrow em, .poptip-arrow span
        {
            position: absolute;
            width: 0;
            height: 0;
            border-color: rgba(255, 255, 255, 0.5);
            border-style: solid;
            overflow: hidden;
            top: 0;
            left: 0;
        }
        
        .poptip-arrow em
        {
            top: 0;
            left: 1px;
            border-left-color: #d1e3ef;
            border-width: 6px 0 6px 6px;
        }
        .poptip-arrow span
        {
            border-left-color: #f5fbff;
            border-width: 6px 0 6px 6px;
        }
        
        
        .poptip .poptip-content
        {
            color: #6babd7;
            font-size: 12px;
            font-weight: 400;
        }
        .login_change
        {
            position: relative;
            clear: both;
            display: table;
            width: 100%;
            height: 70px;
        }

.yzm {
        width: 63%;
    float:left;
}
#maskImg {
     width: 35%;
    height:40px;
	float:right;
}
.m-b-20{
display:table;
width:100%;
}
.card-main .sd {
    background:url(../Content/Images/pbg_sd.png) no-repeat right top / cover; width:100%; height:100%;
}

.card-main .yd {
    background:url(../Content/Images/pbg_yd.png) no-repeat right top / cover; width:100%; height:100%;
}