@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"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,
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*/


.head{ width:100%; height:auto;  height:1.625rem;background:#eaeaea;}
.head_l { float:left; width:10%; height:auto;}
.head_l img{float:left; width:0.71875rem; height:auto; height:0.55rem; margin-top:0.5rem; margin-left:0.265625rem; }
.head_z { float:left; height:auto; }
.head_z img{float:left; width:4.65625rem; margin-top:0.375rem; margin-left:0.86999rem; }
.head_y { height:auto; float:right; }
.head_y img{ width:2.46875rem; margin-top:0.3125rem; margin-right:0.1rem;}

.header_nav{ background: -webkit-linear-gradient(#045bcf, #045bcf); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#045bcf, #045bcf); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#045bcf, #045bcf); /* Firefox 3.6 - 15 */background: linear-gradient(#045bcf, #045bcf); /* 标准的语法 */}
.header_nav ul{overflow:hidden;width:100%;margin:0 auto;}
.header_nav ul li{width:16.6%;float:left;line-height:0.9375rem;}
.header_nav ul li a{font-size:0.345rem; color:#FFFFFF;text-align:center;display:block;}

/*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%;
}
/*nav*/
nav ul{
        clear:both;
        *zoom:1;
        border:1px solid #dddddd;
        border-top:none;
        box-sizing:border-box;
}
nav ul:after{
        clear:both;
        display:block;
        visibility:hidden;
        height:0;
        line-height:0;
        content:"";
        font-size:0;
}
nav li{
        float:left;
        box-sizing:border-box;
        width:25%;
        font-size:0.4375rem;
        color:#555555;
        text-align:center;
        word-spacing:0.78125rem;
        height:2.5rem;
        border-right:1px solid #dddddd;
        border-top:1px solid #dddddd;
}
nav li:first-of-type{
        background:#f5f5f5;
}
nav li:nth-of-type(4n){
        border-right:none;
}
nav li a{
        padding-top:0.3125rem;
        display:block;
        width:100%;
        height:100%;
        box-sizing:border-box;
}
nav li p{
        padding-top:0.3125rem;
}
nav li em{
        width:1.09375rem;
        height:1.09375rem;
        border-radius: 50%;
        overflow: hidden;box-shadow: 0.01rem 0.01rem 0.025rem 0.015rem #04b5e1;
}
/*nav #pic100 em{width: 1.5625rem; height: 1.5625rem; border-radius: 50%; overflow: hidden;
box-shadow: 0.03125rem 0.03125rem 0.085rem 0.015rem #015cab;}
*/nav #pic100 a{padding-top: 0.07rem;}
nav #pic100 a p{padding-top: 0.1rem;}
/*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("../images/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;
    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;}
.bballmain {
    border-top: 0;
    margin-top: .3rem;
}

.bballmain .bbcent.hd a, .bballmain .bbcent.hd a img {
    display: block;
    width: 100%;
}

.bbdate {
    height: 3.2rem;
    overflow: hidden;
}

#demo {
    height: 3rem;
}

.bballmain1 {
    position: relative;
    height: 30em;
    overflow: hidden;
}

.bballmain1 .bd {
    display: block;
    height: 2em;
}

.bballmain2 {
    position: relative;
    height: 20em;
    overflow: hidden;
}

.bballmain2 .bd {
    display: block;
    height: 2em;
}

.bballmain .bd dl {
    display: block;
    overflow: hidden;
    margin: 1% auto;
    width: 95%;
    border-bottom: 1px dashed #c3c3c3;
    padding-bottom: 1%;
    max-height: 4em;
}

.bballmain .bd dl span {
    float: left;
    display: block;
    font-size: 0.3rem;
    text-align: center;
    width: 22%;
    color: #393939;
    padding: 0 0 1%;
}

.bballmain .bd dl span:first-of-type {
    width: 10%;
}

.bballmain .bd dl dt {
    width: 90%;
    padding-left: 2%;
    color: #585858;
}

.bballmain .bd dl dt strong, .bballmain .bd dl dt small {
    display: block;
}

.bballmain .bd dl dt strong {
    font-size: .2rem;
    position: relative;
    top: -0.05rem;
    font-weight: 500;
}

.bballmain .bd dl dt small {
    font-size: .18rem;
    font-weight: bold;
}

.bballmain .bd dl dd {
    width: 10%;
}

.bballmain .bd dl dd img {
    display: block;
    width: 100%;
}

.bbillness {
    background: #f2f2f2;
    border-top: 1px solid #cccccc;
    padding: 0.15rem 0;
    width: 100%;
    margin: 0 auto;
}

.bbillness span {
    display: inline-block;
    margin-left: 0.1rem;
    margin-top: 0.1rem;
}

.bbillness span em {
    color: #900;
    margin-left: 0.05rem;
}

.bbillness a {
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #c06d15;
    padding: 0.1rem 0.2rem;
    float: right;
    margin-right: 0.1rem;
}
.lylxdi{ overflow:hidden; margin-left:0.3rem;}
.footer{ width:100%; height:4.5rem; background:#045bcf;}
.footer_lef{ float:left; height:auto;}
.footer_righ{ float:right;  width:7rem;margin-left:0.5rem; margin-right:0.2rem;}
.footr_logoo img { float:left; width:7rem;  margin-top:0.2rem;}


.footer_lef img{  width:2rem; margin-top:0.4rem; margin-left:0.1rem; }
.foot_wenzzj{color:#FFFFFF;  font-size:0.28rem; line-height:0.44rem; text-align:center;}
.foot_wenz{ font-size:0.28rem;  color:#FFFFFF; line-height:0.44rem;}
.foot_wenz span{color:#fff100;}
.banner {  width:100%; height:auto; overflow: hidden;}
.slideBox{ position:relative; overflow:hidden; margin:auto; width:100%; }
.slideBox .hd{ position:absolute; font-size:1rem; height:.3rem; line-height:.3rem; bottom:0; left:45%; z-index:1; }
.slideBox .hd li{ display:inline-block; width:.2rem; height:.2rem; -webkit-border-radius:.15rem; -moz-border-radius:.15rem; border-radius:.15rem; background:#929292; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#813c2e; color:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{  vertical-align:top; width:100%;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }