/* General Demo Style */
@charset "utf-8";
/* CSS Document */
html{background: #f2f2f2;}
body{/*font-size:64.5%;*//*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #444;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #323232; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover{color: #003770;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}

ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body, html { font-size: 100%; 	padding: 0; margin: 0;}
/* Reset */
*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
body {font-family: '微软雅黑','Microsoft yahei', Calibri, Arial, sans-serif;color: #525252;}
a {color: #525252;text-decoration: none;}
a:hover {color: #085fb1;}
.main,.container > header {width: 90%;max-width: 69em;margin: 0 auto;}
.header{width: 100%;overflow: hidden; background: #f5f5f5; border-bottom: 1px solid #7aa8d0; }
.headerIn { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0 20px 0; }
.header_logo{width: auto; float: left;}
.eh_ch { width: auto; float: right; margin: 40px 0 0 0;}
.eh_ch a { font-size: 16px; color: #999999; padding: 0 12px 0 14px; background: url(../images/index_nav_03.png) no-repeat left center; }
.eh_ch a:first-child { background: none; }
.logo{overflow: hidden;}
.logo a{float: left;}
.logo_s{font-size: 32px;float: left;margin-top:10px;margin-left:20px; letter-spacing: 3px;color:#a2714a;}
.content{width: 100%; background-size: 100% 100%;background: #ffffff;}
.con{max-width:1200px; height: auto;margin:0 auto;overflow: hidden; padding: 35px 0 0px 0;}
.contentRt{background: #f1f1f1;   width: 380px; height: 380px; padding-bottom: 50px; display: inline-block; border-radius: 5px;  border: 1px solid #e6e6e6; border-top: 0px; float:right;}
.contentCt {height: auto; max-width: 450px;margin:0 auto 30px;background: #f1f1f1; padding-bottom: 50px; border-radius: 5px;  border: 1px solid #e6e6e6; border-top: 0px;}
.contentRt dl { position:relative; width:100%; }
.contentRt dd { display:none; }
.contentRt dd h3 {  text-align: center; font-size: 16px; margin: 50px auto; }
.contentRt dd img {  display: block; margin: 0 auto; }
.ph_erweima img { width: 68px; height: 68px; display: block; }
.lflogo{text-align: center;height:100%;padding:47% 20%;}
.lflogo a{display: block;margin-top:2em;color:#085fb1;}
.lflogo a:hover{color:#024a7d;}
.form-signin{margin:0 auto;height:100%; }
.formIn { padding: 0 30px; margin: 40px 0 0 0; }
.form-signin-heading{text-align: left; border-top-left-radius: 5px; border-top-right-radius: 5px;  height: 60px; line-height: 60px; background: #005bac;  font-size: 18px;color:#525252;font-weight: normal;}
.form-signin-heading a { line-height: 56px; font-size: 22px; color: #fff; padding: 4px 4px 0 30px; display: block; width: auto; float: left; }
.form-signin-heading ol { float: right; position: relative; width: 46px; height: 47px; margin: 4px 4px 0 0;}
.form-signin-heading ol li { position: absolute; width: 46px; height: 47px; display:none; }
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #525252;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px;
    font-size: 14px;
    color:#999999;
    font-family: "Microsoft yahei";
}
.form-signin .yzm { overflow: hidden; }
.form-signin .yzm01 { display: none; }
.form-signin .yzm span { margin: 0 30px 0 0; float: left; }
.form-signin .yzm input{ padding: 10px 15px; background-color: #ffffff; width: 140px; float: left; margin: 0px; }
.form-signin .tixing span { width: auto; margin: 0px; }
.form-signin ul li { overflow: hidden; }
.form-signin .formIn .gonghao,.form-signin .formIn .sfzh,.form-signin .formIn .phone { padding-left: 20px; background: none; width: auto; }
.tishi { font-size: 15px; color: #ac0000; text-align: left; }
.formIn p { margin: 20px 0 20px 0; }
.login { overflow: hidden; margin-top: 20px;}
.login span { font-size: 15px; color: #999999; float: left; margin: 10px 0 0 50px; }
.form-signin .form-control:focus {
  z-index: 2;
}
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.form-signin .form-signin-heading, .form-signin .checkbox {

}
.form-signin .checkbox {
    font-weight: normal;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0px;
    margin-top:10px;

}

.btn-primary {
    color: #fff;
    background-color: #005bac;
    border-radius: 5px;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 8px 12px;
    font-size: 18px;
    line-height: 1.3333333;

}
.btn-block {
    display: block;
    width:  120px;
    height: 40px; float: left;
    font-weight: normal;

    font-family: "Microsoft yahei";
    margin: 0 0 0 50px
}
.btn-block01 { margin:10px auto; float: none; }
.btn-block02 { float: left; width: 70%; margin: 20px 30px;}
.btn-block03 { float: right; width: auto; }
.btn-block:hover{background-color:#055b45;}

.sm { color: #fc0d1b; line-height: 30px; }

.verifyList{padding:4px 0 15px 0;overflow: hidden;}
.form-signin input.code{width: 4%;border:none;background: none; float:left;display: inline-block;margin-top:5px;}
.verifyList img{float: right;width: 40%;}
label{color:#525252;font-size: 14px;}





.mode01 { max-width: 1200px; margin: 0 auto; overflow:hidden; }
.mode02 { margin: 60px auto 60px; }
.mode02 ul { overflow: hidden; }
.mode02 ul li { width: 25%; float: left; }
.lk { padding: 0 45px 0 55px; background: url(../images/lk_03.png) no-repeat 20px top; }
.lk p { height: 20px; overflow: hidden; }
.lk a { font-size: 16px; }
.lk_con { font-size: 12px; color: #666666; margin: 20px 0 0 0; line-height: 22px; height: 70px; overflow: hidden; }











/*flexslider start*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/*flexslider end*/


.contentLf { width:61%; float:left; height: 380px; }


.footer_wrap{width: 100%;overflow: hidden; border-top: 1px solid #79a6cf; background: #f2f2f2;}
.footer{max-width: 1200px;margin:15px auto; overflow: hidden;}
.f_ewm { width: auto; float: left; overflow: hidden;}
.fe01 {  width: auto; float: left; overflow: hidden; margin: 0 70px 0 0; }
.fe01 img { width: auto; float: left; margin: 10px 0 0 0;}
.fe02 {  width: auto; float: left; overflow: hidden; }
.fe02 img { width: auto; float: left; margin: 10px 0 0 0; }
.f_ewm span { width: 25px; padding: 0 0 0 5px; display: inline-block; position: relative; letter-spacing: -1px;}
.f_ewm span i { font-style: normal; width: 15px; height: 25px; transform: rotate(90deg); display: block; letter-spacing: 1px;}
.f_ewm span strong { margin: 10px 0 0 0; display: block; letter-spacing: 1px; }
.footer .copyRight{width: auto; float:right; font-size: 12px; text-align: right; color:#999999; line-height: 30px;}



@media screen and (max-width:1920px) {
    .content{background-size:auto 100%;background: #ffffff;}
}

@media screen and (max-width:1023px) {
.contentLf { display: none; }
.contentRt { float: none; margin: 0 auto; display: block; }
.contentCt { float: none; margin: 0 auto 30px; display: block; }
}
@media screen and (max-width:800px) {
    .logo{display: block;text-align: center;width: 90%;margin:0 auto;}
    .logo a{float: none;display: block;}
    .logo .logo_s{float: none;display: block;font-size: 28px;}
.mode02 ul li { width: 50%; margin: 0 0 20px 0; }
 .f_ewm { float: none; width: 260px; margin: 0 auto; }
 .footer .copyRight { width: auto; text-align: center; float: none; margin: 10px 0 0 0; }
}

@media screen and (max-width:1200px) {
.footer { margin: 15px 30px; }
.mode01 { margin: 0 20px 0 0; }
}
@media screen and (max-width:767px) {
.contentRt { display: block; margin: 0 auto; }
.contentCt { display: block; margin: 0 auto 30px; }
.form-signin .yzm span{margin:0;}
}
@media screen and (max-width:640px) {
    .con{width: 80%;}
    .contentRt { width: auto; }
    .contentCt { width: auto; }
    .mode02 ul li { width: 100%; margin: 0 0 20px 0; }
    .lk_con { height: auto; }
    .form-signin .yzm span{margin:0;}
}

input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
    }

.login-input-box{
    margin-bottom: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.login-input-box input{
    margin-left: 45px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    width: 80%;
}

.login-input-box input:hover{
    border: 1px solid #ff7d0a;
}

.login-input-box input:after{
    border: 1px solid #ff7d0a;
}

.login-input-box .icon{
    width: 50px;
    height: 42px;
    background-color: #ff7d0a;
    display: inline-block;
    position: absolute;
    border-right: 1px solid #dcdcdc;
}

.login-input-box .icon.icon-user{
    background: url("../images/name.png");
}

.login-input-box .icon.icon-password{
    background: url("../images/password.png");
}
