@charset "gb2312";
/* CSS Document */
/*zero*/
html{
        font-size:64px;
}
body,
div,
menu,
ol,
ul,
li,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
form,
header,
nav,
article,
section,
aside,
footer,
video,
audio,
figure,
textarea{
        padding:0;
        margin:0;
}
input,
select,
textarea,
img,
area{
        outline:none;
        border:none;
}
input,
select,
textarea{
        background:#FFF;
}
mark{
        background:none;
}
-img{
        vertical-align:middle;
}
textarea{
        resize:none;
}
li{
        list-style-type:none;
}
body{
        font:0.437rem/1 "Microsoft YaHei";
}
em,
i,
strong,
b,
small,
h1,
h2,
h3,
h4,
h5,
h6,
address{
        font-style:normal;
        font-weight:normal;
        font-size:100%;
}
span,
b,
em,
i,
strong,
small,
label,
a,
mark{
        display:inline-block;
}
a{
        text-decoration:none;
        outline:none;
        color:inherit;
}
/*clear-fix*/
.clear-fix{
        clear:both;
        *zoom:1;
}

.clear-fix:after{
        clear:both;
        display:block;
        visibility:hidden;
        height:0;
        line-height:0;
        content:"";
        font-size:0;
}
.clearFix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}
/*common*/
.fl{
        float:left;
}
.fr{
        float:right;
}
/*noSpacing*/
.no-mt{
        margin-top:0 !important;
}
.no-mr{
        margin-right:0 !important;
}
.no-mb{
        margin-bottom:0 !important;
}
.no-ml{
        margin-left:0 !important;
}
.no-pt{
        padding-top:0 !important;
}
.no-pr{
        padding-right:0 !important;
}
.no-pb{
        padding-bottom:0 !important;
}
.no-pl{
        padding-left:0 !important;
}
.no-bt{
        border-top:none !important;
}
.no-br{
        border-right:none !important;
}
.no-bb{
        border-bottom:none !important;
}
.no-bl{
        border-left:none !important;
}
.no-ti{
        text-indent:0;
        color:#f00;
}
#container{
        max-width:640px;
        margin:0 auto;
        overflow:hidden;
}
#container img{
        max-width: 100%;
		/*width:100%;*/
}
/*var*/
/*header*/
header{
        background:#005dac;
        position:relative;
}
header .header-nav ul{
        clear:both;
        *zoom:1;
}
header .header-nav ul:after{
        clear:both;
        display:block;
        visibility:hidden;
        height:0;
        line-height:0;
        content:"";
        font-size:0;
}
header .header-nav li{
        float:left;
}
header .header-nav li a{
        display:block;
        width:100%;
        height:100%;
}
header .header-nav li:nth-of-type(2){
        width:7.65625rem;
        height:1.25rem;
        background:url("../img_new/header-logo.jpg") no-repeat center;
        background-size:100% 100%;
}
header .header-nav li:nth-of-type(1){
        width:1.25rem;
        height:1.25rem;
}
header .header-nav li:nth-of-type(3){
        width:1.09375rem;
        height:1.25rem;
}
header .header-nav li:nth-of-type(1){
        background:url("../img_new/header-nav.jpg") no-repeat center;
        background-size:100% 100%;
        cursor:pointer;
}
header .header-nav li:nth-of-type(1).active{
        background-image:url("../img_new/header-close.jpg");
}
header .header-nav li:nth-of-type(3){
        background:url("../img_new/header-phone.jpg") no-repeat center;
        background-size:100% 100%;
}
header .header-content{
        width:100%;
        position:absolute;
        z-index:999;
        left:-110%;
        top:1.25rem;
        background:#3c3c3c;
        overflow:hidden;
        transition:transform 0.4s;
}
header .header-content.active{
	
        transform:translateX(110%);
        -webkit-transform:translateX(110%);
}
header .header-content h2{
        text-align:right;
        border-bottom:1px solid #4c4c4c;
}
header .header-content em{
        width:1.15625rem;
        height:1.15625rem;
        background:url("../img_new/header-return.jpg") no-repeat center;
        background-size:100% 100%;
}
/*header-content*/
#header-content{
        font-size:0.546875rem;
        color:#ffffff;
        clear:both;
        *zoom:1;
}
#header-content:after{
        clear:both;
        display:block;
        visibility:hidden;
        height:0;
        line-height:0;
        content:"";
        font-size:0;
}
#header-content .hd{
        float:left;
        position:relative;
        width:4.15625rem;
        height:100%;
}
#header-content .hd ol{
        width:100%;
}
#header-content .hd ol li{
        cursor:pointer;
        border-bottom:1px solid #2a2a2a;
        padding-left:0.375rem;
        height:2.25rem;
        line-height:2.25rem;
        display:block;
}
#header-content .hd ol li.on{
        background:#5a5a5a;
}
#header-content .bd{
        float:right;
        width:5.84375rem;
        height:100%;
        background:#5a5a5a;
}
#header-content .bd ul{
        width:10000px;
        height:100%;
        clear:both;
        *zoom:1;
}
#header-content .bd ul:after{
        clear:both;
        display:block;
        visibility:hidden;
        height:0;
        line-height:0;
        content:"";
        font-size:0;
}
#header-content .bd ul li{
        float:left;
}
#header-content .bd ul li div{
        position:relative;
        width:5.84375rem;
}
#header-content .bd ul li div span{
        clear:both;
        *zoom:1;
        width:100%;
}
#header-content .bd ul li div span:after{
        clear:both;
        display:block;
        visibility:hidden;
        height:0;
        line-height:0;
        content:"";
        font-size:0;
}
#header-content .bd ul li div a{
        float:left;
        text-align:center;
        height:1.5rem;
        line-height:1.5rem;
        border-bottom:1px solid #5a5a5a;
        display:block;
        width:50%;
}


/*footer*/
/*footer*/
footer{
        background:#0059a7;
        padding-bottom:1.1875rem;
}
footer h2{
        margin-bottom:0.15625rem;
}
footer p{
        padding-left:1.3125rem;
        font-size:0.40625rem;
        line-height:0.75rem;
        color:#ffffff;
}
footer section{
	z-index:5;
        position:fixed;
        width:10rem;
        height:1.375rem;
        line-height:1.375rem;
        bottom:0;
        left:50%;
        margin-left:-5rem;
        box-shadow:0 0 10px #000;
}
footer section div{
	    font-size: 0.4375rem;
        width:3.125rem;
        height:100%;
        background:#f97400;
        position:absolute;
        bottom:0;
        color:#ffffff;
}

footer section .zx_1{
        left:0;
        background:#00c41c;
}
footer section .zx_2{
        left:3.1rem;
        background:#ff7800;
}

footer section .zx_3{
		font-size:0.25rem;
        width:3.8rem;
        right:0;
        background:#2e3642;
}
footer section .zx_3 ul a{
        display: block;
        width: 1.855rem;
        height:1.375rem;
        border-right: #434a55 solid 1px;
        color: #646a73;
}
footer section .zx_3 ul li img{
        width:0.7rem;
        margin: 0.2rem auto 0;
        display: block;
}
footer section .zx_3 ul li h3{
        display: block;
        text-align: center;
        line-height: 2;
}

footer section em{
        position:relative;
        width:0.8593rem;
        height:0.8593rem;
        vertical-align:middle;
        margin:0 0.15625rem 0 0.2rem;
}
footer section i{
        position:absolute;
        right:0.046875rem;
        top:0.03125rem;
        width:0.375rem;
        text-align:center;
        height:0.375rem;
        line-height:0.375rem;
        font-size:0.28rem;
}
/*guahao*/
#guahao{
        border-top:0.46875rem solid #e1e1e1;
        padding-top:0.4375rem;
        color:#666666;
        font-size:0.375rem;
        font-family: "microsoft yahei";
}
#guahao .guahao-logo{
        margin-bottom:0.46875rem;
}
#guahao h2{
        margin-bottom:0.625rem;
        text-align:center;
}
#guahao div{
        margin-bottom:0.375rem;
}
#guahao form{
        padding:0 0.3125rem;
}
#guahao label{
        width:1.875rem;
        text-align:right;
        height:0.703125rem;
        line-height:0.703125rem;
}
#guahao label[for=content]{
        line-height:1;
}
#guahao label[for=man],
#guahao label[for=woman]{
        width:auto;
        vertical-align:middle;
}
#guahao input{
        width:7.1875rem;
        border:1px solid #d6d6d6;
        height:0.703125rem;
        line-height:0.703125rem;
        font-size:0.375rem;
        box-sizing:border-box;
        padding:0 0.25rem;
        font-family: "microsoft yahei";
}
#guahao input[type=submit]{
        width:3.59375rem;
        border:none;
        background:#fa9a00;
        color:#ffffff;
        height:0.875rem;
        margin:0 auto;
        display:block;
}
#guahao input[name=sex]{
        width:auto;
        vertical-align:middle;
}
#guahao input[type=date]{
        /*background:url("../img_new/guahao-date.jpg") no-repeat 416/64rem center;
                              background-size:34/64rem 38/64rem;*/
}
#guahao textarea{
        width:7.1875rem;
        height:1.9375rem;
        border:1px solid #d6d6d6;
        font-size:0.375rem;
        line-height:1.2;
        box-sizing:border-box;
        padding:0.0625rem 0.25rem;
        font-family: "microsoft yahei";
}
#guahao article{
        box-sizing:border-box;
        width:7.1875rem;
        height:0.703125rem;
        line-height:0.703125rem;
        float:right;
}
#guahao p{
        line-height:0.625rem;
        padding:0 0.3125rem 0.15625rem;
}
#guahao p em{
        text-indent:0;
        color:#f00;
}
/*swt*/
/*原来的商务通*/
#swt{
        
        width:7.8125rem;
        height:5.8rem;
        position:fixed;
        z-index:998;
        left:50%;
        top:50%;
        margin:-2.625rem 0 0 -3.90625rem;
        box-shadow:0 0 10px #000;
        border-radius:10px;
		background:url(../images/swt.png) no-repeat;
		background-size:100%;
        display:none;

}
.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeInDown { 0% {
-webkit-transform:translate3d(0, -300%, 0) ;
transform: translate3d(0, -300%, 0);
}

50%{
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
	}

100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown { 0% {
-webkit-transform:translate3d(0, -300%, 0) ;
transform: translate3d(0, -300%, 0) ;
}
50%{
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
	}

100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeOutDown { 
50% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg);
}

100% {
	
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 300%, 0);
}
}
@keyframes fadeOutDown { 
50%{
	-webkit-transform:rotate(-5deg);
transform:rotate(-5deg);
	}

100% {

-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0,300%, 0) ;
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }

#swt.active{
        opacity:1;
}
#swt article{
        width:0.703125rem;
        height:0.703125rem;
        border:2px solid #fff;
        box-shadow:0 0 4px #000;
        border-radius:50%;
        overflow:hidden;
        position:absolute;
        right:-0.2515625rem;
        top:-0.2515625rem;
}

#swt section{
        clear: both;
    width: 6.03125rem;
    margin: 2.35rem auto 0;
}
#swt section:after{
        clear:both;
        display:block;
        visibility:hidden;
        height:0;
        line-height:0;
        content:"";
        font-size:0;
}
#swt input[name=tel]{
       float: left;
    box-sizing: border-box;
    width: 3.7rem;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.28125rem;
    border: 1px solid #323232;
    border-right: none;
    padding-left: 0.5rem;
    border-radius: 30px 0 0 30px;
        font-family: "microsoft yahei";
}
#swt  input[type=submit]{
       float: right;
    box-sizing: border-box;
    width: 2.328rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    color: #ffffff;
    font-size: 0.375rem;
    /*background: #6a7380;*/
        background: #323232;
    border-radius: 0 40px 40px 0;
    -webkit-appearance: none;
}
#swt em{
        position:relative;
        width:0.9375rem;
        height:0.9375rem;
        vertical-align:middle;
        margin:0 0.15625rem 0 0.375rem;
}

#swt a{
        width:50%;
        height:1.375rem;
        line-height:1.375rem;
        
        position:absolute;
        bottom:0;
        color:#ffffff;
}
#swt a:first-of-type{
        border-bottom-left-radius:10px;
        left:0;
		
}
#swt a:last-of-type{
        border-bottom-right-radius:10px;
        right:0;

}

.noMt{ margin-top:0 !important;}
.noMr{ margin-right:0 !important;}
.noMb{ margin-bottom:0 !important;}
.noMl{ margin-left:0 !important;}
.noPt{ padding-top:0 !important;}
.noPr{ padding-right:0 !important;}
.noPb{ padding-bottom:0 !important;}
.noPl{ padding-left:0 !important;}
.noBt{ border-top:none !important;}
.noBr{ border-right:none !important;}
.noBb{ border-bottom:none !important;}
.noBl{ border-left:none !important;}

/*swt clear*/
#LRfloater1,#LRfloater0,#k_s_ol_newMsgWin,#ks_ol_floatWin_fl,#k_s_ol_floatWin_fl, #divbg, #k_s_ol_chatWinSm_imgDiv{
        display: none;
}

/*topme*/
.topme {
        background: #b7b7b7;
        overflow: hidden;
        width: 10rem;
        /*position: fixed;*/
        /*top: 0;*/
        /*z-index: 9;*/
}

.topme form {
        display: flex;
        font-size: 16px;
        line-height: 35px;
        width: 96%;
        margin: 8px auto;
        justify-content: space-between;
}

.topme form input {
        line-height: 30px;
}

.topme form input:nth-of-type(1) {
        background: #fff;
        color: #333;
        padding-left: 3%;
        width: 75%;
}

.topme form input:nth-of-type(2) {
        -webkit-appearance: none;
        appearance: none;
        background: #1955a3;
        color: #fff;
        text-align: center;
        width: 20%;
}

/*top-head*/
.top-head {
        /*position: relative;*/
}
.new-top img {
        display: block;
}
.new-top ul {
        display: flex;
}
.new-top ul li {
        overflow: hidden;
        line-height: 0;
}
.new-top ul li:nth-of-type(1) {
        width: 1.25rem;
}
.new-top ul li:nth-of-type(2) {
        width: 7.65625rem;
}
.new-top ul li:nth-of-type(3) {
        width: 1.09375rem;
}


 .top-nav-total {
         transition: 1s; display:none;
         position: fixed;
         z-index: 9999999999999999;
         top: 0;
         bottom: 0;
         left: -200%;
         right: 0;
         margin: 0 auto;
         width: calc(10rem);
         overflow: hidden;
 }
.top-nav-total.on {
        left: 0;
}
.top-nav-title {
        background: #2e3642;
        display: flex;
        justify-content: space-between;
        padding: 0.390625rem 0.625rem 0.390625rem 0.71875rem;
        color: #6e7685;
}
.top-nav-title em {
        width: 0.625rem;
}
.top_nav {
        background: #2e3642;
        font-size: 0.375rem;
        display: flex;
        position: absolute;
        top: 1.21875rem;
        height: 100%; width:10rem; left:0;
}
.top_nav .list-left {
        width: 3.125rem;
        color: #fff;
}
.top_nav .list-left ol li {
        width: 2.4375rem;
        text-align: right;
        line-height: 0.96875rem;
        padding-right: 0.6875rem;
}
.top_nav .list-left ol li.on {
        background: #3f4754;
}
.top_nav .list-right {
        width: 6.71875rem;
        background: #3f4754;
        color: #c6c6c6;
        padding-left: 0.15625rem;
        position: relative;
}
.top_nav .list-right ul {
        padding-bottom: 1.5625rem;
}
.top_nav .list-right ul li {
        width: 2.15625rem;
        text-align: center;
        float: left;
        line-height: 0.9375rem;
        height: 0.9375rem;
}




/*bottom-form*/
.bottom-form{
        margin-bottom: 0.5rem;
}