@charset "utf-8";
/* CSS Document */
/*公共样式与首页样式*/
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
a{outline:none; text-decoration:none !important;} 
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}


.flex_{display: flex;}
/*两边的向两边靠*/
.flex_space-between{display: flex;justify-content:space-between;}
/*水平居中*/
.flex_justify-content{display: flex;justify-content:center;}
/*完美的平均分配*/
.flex_justify-content-around{display: flex;justify-content:space-around;}
/*垂直居中*/
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{flex-wrap:wrap;}


A {
    TEXT-DECORATION: none;
}



BODY {
    margin: 0px;
    padding: 0;
    font-family: "微软雅黑";
    background: #ffffff;
    color: #222222;
    overflow-x: hidden;
}



html{
    width:100%;
}
p, h1, h2, h3, h4, h5, h6, ul, li, input, dl, dt, dd, header, article, iframe, footer, ol, div, img {
    margin: 0px;
    padding: 0px;
}

input {
    border: 0px;
}

img {
    border: 0px;
    vertical-align: middle;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    max-width: 100%;
    height: auto;
}

li {
    list-style: none;
}


b, label {
    font-weight: normal;
}

input, button, select, textarea {
    outline: none;
    font-family: "微软雅黑";
    font-size: 12px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px;
}

*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{margin:0 auto;width: 92%}
html {font-size:calc(100vw/360 * 100);} 
body {font-size: 0.14rem;overflow-x:hidden;}


header{padding:0.1rem 0;background:rgba(0,0,0,0.3);background-size: 100%;position: fixed;top:0;left: 0;width: 100%;z-index: 1000;}
header .nav img{height:0.2rem;display: block;position: relative;z-index: 1;margin-top: 0.05rem;}
header .logo img{height:0.3rem;display: block;}
header.white{background: #fff}
.contain{height:calc(100vh - 0.5rem);margin-top: 0.5rem}

html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}

#sidebar {
    width: 0%;
    height: 100%;
    background: #017fcb;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
  
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
}
#sidebar ul li {
    display: block;
    min-height: 0.49rem;
    border-bottom: 1px solid #0079c2;
    font-size: 14px;
    width: 100%;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li a {
    display: block;
    color: #fff;
    padding: 0 0.25rem;
    height: 0.49rem;
    line-height: 0.49rem;
    
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

#close{position: absolute;right:0.1rem;top:0.1rem;}
#close img{height:0.15rem;}

li.navitem{
    position: relative;
    top: 1rem;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open li.navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}
body.open #sidebar{width:70%} 
body.open .nr { transform: translate3d(70%,0,0);  -webkit-transform: translate3d(70%,0,0)}