@charset "UTF-8";

@import "theme.css";
@import "iconfont.css";
@import "animate.css";

*, *:before, *:after{box-sizing:border-box;}

html {-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
img{max-width:100%;height:auto;width:auto\9;vertical-align:bottom;}
.video embed,.video object,.video iframe{width:100%;height:auto;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;outline:0;font-size:100%;background:transparent}
fieldset,img,input,button,hr,button{border:0;padding:0;}
:focus {outline: 0;}
address, caption, cite, code, dfn, em, b,th, i,var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-size: inherit;font-style: inherit;font-weight: inherit;font-family:var(--font-family);}
button,input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size: 100%;}
ol, ul {list-style: none;}
table {border-collapse:collapse;border-spacing:0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}

:link, :visited, ins {text-decoration: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

.cl{*zoom:1}
.cl:before,.cl:after{display:table;content:" ";}
.cl:after{clear:both;}


body{color:#666;font-size:16px;font-family:var(--font-family);background:#fff;max-width:1920px;margin:0 auto;overflow-x:hidden;}

a{color:inherit;}
a:hover{text-decoration:none;color:#e30c1a;}

.uppercase{text-transform:uppercase;}
.hide{display:none;}
.pr{position:relative;}
.fr{float:right;}.fl{float:left;}

.swiper-button-prev::after,.swiper-button-next::after{display:none;}

/*----page----*/
#pagesize{margin:50px 0 0;text-align:center;}
#pagesize ul{font-size:0;}
#pagesize ul li{display:inline-block;vertical-align:top;}
#pagesize ul li a{line-height:16px;padding:8px 13px;margin:0 2px;display:inline-block;background:#fff;font-size:15px;}
#pagesize ul li a:hover{background:#0078D5;box-shadow: 0 1px 0 0 #fff;color: #fff !important;}
#pagesize ul li span{line-height:16px;padding:8px 13px;margin:0 2px;display:inline-block;font-size:15px;}
#pagesize ul li a.active{background:#0078D5;color:#fff;}
#pagesize ul li a.disabled{color:#fff;background:#CECECE;}
#pagesize ul li i{font-size:22px;}

@media screen and (max-width:768px) {
#pagesize{margin:25px 0 0;}
#pagesize ul li a{padding:6px 10px;font-size:13px;}
#pagesize ul li span{padding:6px 10px;font-size:13px;}

}

/*----grid12----*/

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {display:none!important}

@media (max-width:766px) {
.visible-xs {display:block!important}
.visible-xs-block {display:block!important}
.visible-xs-inline {display:inline!important}
.visible-xs-inline-block {display:inline-block!important}
}

@media (min-width:767px) and (max-width:1279px) {
.visible-sm {display:block!important}
.visible-sm-block {display:block!important}
.visible-sm-inline {display:inline!important}
.visible-sm-inline-block {display:inline-block!important}
}

@media (min-width:1280px) and (max-width:1279px) {
.visible-md {display:block!important}
.visible-md-block {display:block!important}
.visible-md-inline {display:inline!important}
.visible-md-inline-block {display:inline-block!important}
}

@media (min-width:1280px) {
.visible-lg {display:block!important}
.visible-lg-block {display:block!important}
.visible-lg-inline {display:inline!important}
.visible-lg-inline-block {display:inline-block!important}
}

@media (max-width:766px) {
.hidden-xs {display:none!important}
}

@media (min-width:767px) and (max-width:1279px) {
.hidden-sm {display:none!important}
}

@media (min-width:1280px) and (max-width:1279px) {
.hidden-md {display:none!important}
}

@media (min-width:1280px) {
.hidden-lg {display:none!important}
}

.row{margin-right:-10px;margin-left:-10px; display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.align-items-center{-webkit-align-items:center;align-items:center;}
.row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px;-webkit-box-sizing: border-box;box-sizing:border-box;}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left;}
.col-xs-12{width:100%;}.col-xs-11{width:91.66666667%;}.col-xs-10{width:83.33333333%;}.col-xs-9{width:75%;}.col-xs-8{width:66.66666667%;}.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}.col-xs-5{width:41.66666667%;}.col-xs-4{width:33.33333333%;}.col-xs-3{width:25%;}.col-xs-2{width:16.66666667%;}.col-xs-1{width:8.33333333%;}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
  .col-sm-12{width:100%;}.col-sm-11{width:91.66666667%;}.col-sm-10{width:83.33333333%;}.col-sm-9{width:75%;}.col-sm-8{width:66.66666667%;}.col-sm-7{width:58.33333333%;}
  .col-sm-6{width:50%;}.col-sm-5{width:41.66666667%;}.col-sm-4{width:33.33333333%;}.col-sm-3{width:25%;}.col-sm-2{width:16.66666667%;}.col-sm-1{width:8.33333333%;}
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left;}
  .col-md-12{width:100%;}.col-md-11{width:91.66666667%;}.col-md-10{width:83.33333333%;}.col-md-9{width:75%;}.col-md-8{width:66.66666667%;}.col-md-7{width:58.33333333%;}
  .col-md-6{width:50%;}.col-md-5{width:41.66666667%;}.col-md-4{width:33.33333333%;}.col-md-3{width:25%;}.col-md-2{width:16.66666667%;}.col-md-1{width:8.33333333%;}
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left;}
  .col-lg-12 {width:100%;}.col-lg-11{width:91.66666667%;}.col-lg-10{width:83.33333333%;}.col-lg-9{width:75%;}.col-lg-8{width:66.66666667%;}.col-lg-7{width:58.33333333%;}
  .col-lg-6{width:50%;}.col-lg-5{width:41.66666667%;}.col-lg-4{width:33.33333333%;}.col-lg-3{width:25%;}.col-lg-2{width:16.66666667%;}.col-lg-1{width:8.33333333%;}
}


.wp{margin:0 auto;width:1500px;}
.wp2{margin:0 auto;width:90%;}


@media screen and (max-width:1750px){
.wp{width:1400px;}
}

@media screen and (max-width:1600px){
.wp{width:1300px;}
}

@media screen and (max-width:1441px) {
.wp{width:1200px;}
}

@media screen and (max-width:1367px) {
.wp,.wp2{width:100%;padding-left:70px;padding-right:70px;}
}

@media screen and (max-width:1281px){
.wp,.wp2{padding-left:60px;padding-right:60px;}
}


@media screen and (max-width:1171px){
.wp,.wp2{padding-left:50px;padding-right:50px;}

}

@media screen and (max-width:992px){
.wp,.wp2{padding-left:40px;padding-right:40px;}
	
}

@media screen and (max-width:768px){
.wp,.wp2{padding-left:20px;padding-right:20px;}

}

@media screen and (max-width:576px) {
.wp,.wp2{padding-left:15px;padding-right:15px;}

}

@media screen and (max-width:480px) {
.wp,.wp2{padding-left:10px;padding-right:10px;}

}