@charset "utf-8";
/* CSS Document */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
ol,ul,li, lu li{ list-style:none;}
img{ border:0;}

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body{
margin: 0 auto;
background-color:#ededed;
font-family:"Microsoft Yahei", "微软雅黑","Arial","Lucida","Verdana","Helvetica", "sans-serif", "宋体";
min-width: 320px;
max-width:640px;
font-size:14px;
line-height:22px;
text-align:center;
position:relative;
    min-height: 100%;
}
html{
    min-height: 100%;
    height: 100%;
}
a{
text-decoration: none;
cursor: pointer;
}
h1,h2,h3,h4,h5,i{
font-weight:normal;
font-style: inherit;
}
input{
border:0px none;
box-shadow: none;
-webkit-appearance: none;
background:none;
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
vertical-align: middle;
}
textarea {
    resize: none;
    border: 0px none;
    box-shadow: none;
    -webkit-appearance: none;
    background-color: White;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    vertical-align: middle;
}
img{
width:100%;
vertical-align:middle;
}
.f-left{
float:left;
}
.f-right{
float:right;
}
/*白色背景*/
.bg-white{
position:fixed;
top:0;
width:100%;
height:100%;
min-width:320px;
max-width:640px;
background-color:#FFF;
z-index:-1;
}

/*有背景色页面标题*/
.head{
background-color:#0d499f;
position: fixed;
line-height: 45px;
width: 100%;
top:0;
min-width: 320px;
max-width: 640px;
margin: 0 auto;
z-index: 999;
}
.head h1,.head-nobg h1,.head-nobgfix h1{
font-size:20px;
color:#fff;
text-align:center;
width:80%;
margin:0 auto;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.return{
border: solid #fff;
border-width: 2px 0px 0px 2px;
content: "";
display: block;
height: 13px !important;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
width: 13px !important;
position: absolute;
left: 20px;
top:15px;
background: none !important;
}
/*无背景色页面标题*/
.head-nobg{
line-height: 45px;
width: 100%;
margin: 0 auto;
z-index: 999;
position:relative;
}
/*无背景色页面标题固定*/
.head-nobgfix{
position:fixed;
top:0;
width:100%;
height:100%;
min-width:320px;
max-width:640px;
line-height: 45px;
margin: 0 auto;
z-index: 999;
}


/*头部*/
.header {    position: relative;
    z-index: 10;
    height: 34px;
    background: #0d499f;
    line-height: 34px;
    width: 92%;
    margin: 0 auto;
    padding: 8px 4%;}
.header-ctent{width: 100%; margin: 0 auto; background: #0f2d8d;}
.logo { float: left; width: 35%;}
.logo img { float: left; height: 33.5px;width:120px;}
.nav { float: left;}
.nav>.toggle {display: none;}
.header-bar {float: right; height: 100%; margin-right: 10px;}
.header-bar .tool .nobbo{display: block; border: none; background: none; width: 41px; margin-top: .8em;}


body:after {width: 100%; height: 100%; position: absolute;top: 0;left: -130px;z-index: 1000;content: " ";display: block;background: #000;opacity: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;visibility: hidden;}
body.slide-left {-webkit-transform: translate(-130px, 0);-ms-transform: translate(-130px, 0);transform: translate(-130px, 0);}
html.holding, body.holding {height: 100%;overflow: hidden;}
body.slide-left:after {visibility: visible;opacity: 0.3;z-index: 1002;-webkit-transition: none;transition: none;}
body.holding-right {margin-right: -130px;padding-right: 130px;}
.nav {display: none; }
.nav.on {position: absolute;left: 100%;top: 0;display: block;width: 130px;height: 2000px;background: #0c489f;z-index:999;}
.nav>li {float: none;display: block;line-height: 40px;height: 40px;margin-top: 5px;}
.nav>li>a {width: auto;color: #fff;text-align: center;font-size:16px; display:block;}
    .nav > li > a:hover {
        background-color: #f6a300;
    } 
.header-bar .share {display: none;}
.header-bar .trigger .iconfont{float:right;margin-top:22px; }

/* banner */
.banenr{ width:100%; overflow:hidden;position:relative;}
.banenr img{ width:100%;}
.banenr ul li{width: 100%; position: relative;}
.banenr>ol{height:20px;position: relative;z-index:10;width:35%; left:22%; bottom:10px; margin-top:-19px;text-align:right;padding-right:20px;}
.banenr>ol>li{display:inline-block;margin:5px;width:11px;height:11px; background-color: #fff; border: 1px solid #fff; border-radius: 50%;}
.banenr>ol>li.on{ width: 11px; height: 11px; background-color: #2a51cc; border: 1px solid #2a51cc;}
.banenr>ol{height:20px;position: relative;z-index:10;width:35%; left:32.5%; bottom:10px; margin-top:-10px;text-align:center;}
.banenr>ol>li{display:inline-block;margin:5px;width:6px;height:6px; background-color: #fff; border: 1px solid #fff; border-radius: 50%;}
.banenr>ol>li.on{ width: 6px; height: 6px; background-color: #2a51cc; border: 1px solid #2a51cc;}
/* expanding */
.expanding{ width:100%; overflow:hidden;position:relative;margin-top: 30px;}
.expanding img{ width:100%;}
.expanding ul li{width: 100%; position: relative;}
.expanding>ol{position: relative;z-index:10;width:35%; left:22%; bottom:-10px; text-align:right;padding-right:20px;}
.expanding>ol>li{display:inline-block;margin:5px;width:8px;height:8px; border: 1px solid #fff; border-radius: 50%;}
.expanding>ol>li.on{ width: 8px; height: 8px; background-color: #fff; border: 1px solid #fff;}

.expanding .list{width: 41.406%; margin-left: 5.497%; position: relative; overflow: hidden;float:left}
.expanding .list img{width: 100%; position: relative;}
.expanding .list-nr{position: absolute; left: 3%; bottom: 5px; width: 94%; color: #fff; 0;overflow: hidden;}
.expanding .list-nr .bt{font-size: .8em; text-align:left;line-height:18px;}
.expanding .list-nr .fbt,.expanding .list-nr .nr{font-size: .8em; line-height: 1.4em;}

/* expanding */
.product-list{ width:100%; overflow:hidden;position:relative;}
.product-list img{ width:100%;}
.product-list .ul-style1 .product{width: 100%; position: relative;}
    .product-list > ol {
        position: absolute;
        top: 10px;
        width: 100%;
        text-align: center;
    }
.product-list>ol>li{display:inline-block;margin:5px;width:6px;height:6px; background-color: #fff; border: 1px solid #2a51cc; border-radius: 50%;}
.product-list>ol>li.on{ width: 6px; height: 6px; background-color: #2a51cc; border: 1px solid #2a51cc;}

.product-list .list{width: 41.406%; margin-left: 5.497%; position: relative; overflow: hidden;float:left}

.product-list .list-nr{position: absolute; left: 0; top: 0; width: 100%; color: #fff; padding: 10% 5% 0; overflow: hidden;}
.product-list .list-nr .bt{font-size: 1.4em;}
.product-list .list-nr .fbt,.expanding .list-nr .nr{font-size: .8em; line-height: 1.4em;}
.product-list .li-style2{width: 48%;
float: left;
margin: 5px 1%;}
.expanding .list-nr .nr {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:left;
}
/*加载效果*/
.bg-box{
position:fixed;
top:0;
width:100%;
height:100%;
min-width:320px;
max-width:640px;
background:rgba(0,0,0,.6);
z-index:999;
}

.bottom {
    background-color: #0d499f;
    color: #FFF;
    padding: 21px 0;
    position: absolute;
    bottom: 0;
    min-width: 320px;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    font-size: 16px;
}