/*自定义样式*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
* :before, * :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace;}
ol,ul,nav{list-style-type:none;}
a{text-decoration:none; color:#333333;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#333;}
fieldset,img{border:0;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-family:"Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline:none;}
button, input {line-height: normal;}
button, select {text-transform: none}button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;*overflow: visible;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0; height: 13px; width: 13px;}
input[type="search"] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0}

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
body {font-family:"Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;  color: #333;}
html {font-size:16px;height:100%;width:100%;}
body {overflow-x:hidden;font-size:100%;height:100%;width:100%;background:#fff;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;font-weight: normal;}
h1 {font-size: 2em}
h2 {font-size: 1.667em}
h3 {font-size: 1.5em}
h4 {font-size: 1.333em}
h5 {font-size: 1.166em}
h6 {font-size: 1em}

.div_pc{display:none;}
.acc{width: 100%;}
.show{display: block;}
.hidden{display: none;}
.box-size{box-sizing: border-box;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.left {float: left;}
.right {float: right;}
.center {margin-left: auto;margin-right: auto;}
.inleft {text-align: left;}
.inright {text-align: right;}
.incenter {text-align: center;}
.posi {position: relative;}
.row{width:100%;padding:0 10vw;}
@media(max-width:1400px){.row{width:100%;padding:0 4vw;}}
.col-1{width: 100%}
.col-2{width: 50%}
.col-3{width: 33.333333%}
.col-4{width: 25%}
.col-5{width: 20%}
.col-6{width: 16.666666%}
.col-7{width: 14.285714%}
.col-8{width: 12.5%}
.col-9{width: 11.111111%}
.a{text-decoration:none;}
.mg0{margin:0 auto;}
.lump{display: block;}

.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}


/*》》》》》》》》》》flex布局《《《《《《《《《《*/
.flex-row {display: flex;flex-direction: row;}
.flex-col {display: flex;flex-direction: column;}
.justify-center {display: flex;justify-content: center;}
.justify-end {display: flex;justify-content: flex-end;}
.justify-evenly {display: flex;justify-content: space-evenly;}
.justify-around {display: flex;justify-content: space-around;}
.justify-between {display: flex;justify-content: space-between;}
.items-center {display: flex;align-items: center;}
.items-end {display: flex;align-items: flex-end;}

/* 边框 */
.isbd {border: 1px #e0e0e0 solid;}
.isbdbm {border-bottom: 1px #e0e0e0 solid;}
.isbdtp {border-top: 1px #e0e0e0 solid;}
.isbdrt {border-right: 1px #e0e0e0 solid;}
.isbdlt {border-left: 1px #e0e0e0 solid;}
/* 圆角 */
.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.blcircle {-webkit-border-bottom-left-radius: 50%;-moz-border-bottom-left-radius: 50%;border-bottom-left-radius: 50%;}
.tlcircle {-webkit-border-top-left-radius: 50%;-moz-border-top-left-radius: 50%;border-top-left-radius: 50%;}
.brcircle {-webkit-border-bottom-right-radius: 50%;-moz-border-bottom-right-radius: 50%;border-bottom-right-radius: 50%;}
.trcircle {-webkit-border-top-right-radius: 50%;-moz-border-top-right-radius: 50%;border-top-right-radius: 50%;}
/* 阴影 */
.isshadow {-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, .1);-moz-box-shadow:5px 5px 5px rgba(0, 0, 0, .1);box-shadow:5px 5px 5px rgba(0, 0, 0, .1);}
.ishalo {-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.isdarkhalo {-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);box-shadow:0 0 10px rgba(0, 0, 0, .3);}

/*》》》》》》》》》》自定义字体颜色《《《《《《《《《《*/
.co-0{color:#fff;}
.co-1{color:#1d6bdd;}
.co-2{color:#000;}
.co-3{color:#333;}
.co-4{color:#666;}
.co-5{color:#999;}

/*》》》》》》》》》》自定义背景颜色《《《《《《《《《《*/
.bg-0{background:#fff;}
.bg-1{background:#1d6bdd;}
.bg-2{background:#E0E0E0;}
.bg-3{background:#eee;}
.bg-4{background:#f5f5f5;}


/*》》》》》》》》》》自定义滚动条《《《《《《《《《《*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff;}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}


/*》》》》》》》》》》动态效果《《《《《《《《《《*/
.opacity{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;}

.transition02{transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.transition035{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.transition05{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.transition075{transition:all 0.75s;-moz-transition:all 0.75s;-webkit-transition:all 0.75s;-o-transition:all 0.75s;}
.transition1{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}

.transition-delay01{transition-delay:0.1s;-moz-transition-delay:0.1s; -webkit-transition-delay:0.1s;-o-transition-delay:0.1s;}
.transition-delay02{transition-delay:0.2s;-moz-transition-delay:0.2s; -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}
.transition-delay03{transition-delay:0.3s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s;-o-transition-delay:0.3s;}
.transition-delay05{transition-delay:0.5s;-moz-transition-delay:0.5s; -webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
.transition-delay075{transition-delay:0.75s;-moz-transition-delay:0.75s; -webkit-transition-delay:0.75s;-o-transition-delay:0.75s;}

