@CHARSET "UTF-8";
/*rest css*/
@charset "utf-8";
html, 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, img{border:0;}
img{vertical-align:top; border:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
li{list-style-type:none;}
html{width:100%;min-width:1300px;}
body{width:100%;min-width:1399px;font:12px/1.5 "Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",arial,helvetica,sans-serif;color:#141d22;}
*:focus{outline: none;}
textarea{resize:none;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none; padding:0;}
input::-ms-clear{display:none;}
a:focus, *:focus{noFocusLine: expression(this.onFocus=this.blur());}
.clear{clear: both;}
html{min-width:320px; margin:0 auto; position:relative;}
body{min-width:320px;font-size:14px;position: relative;}
a, object{outline:none;}
a{cursor:pointer;color:#333;transition:all 0.3s ease 0s;}
a:link{text-decoration:none;}
*:hover{transition:all 0.3s ease 0s;}
li{vertical-align:top;}
li{vertical-align:bottom;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.container,.blockbox{width:90%; max-width: 1032px;margin:0 auto;}
.blockbox:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-cover {width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}
.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}
/*图片变大*/
.tra {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.tra:hover {-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.shadow6 {-webkit-box-shadow:rgba(0,0,0,0.1) 5px 5px 50px;-moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 50px;-ms-box-shadow:rgba(0,0,0,0.1) 5px 5px 50px;-o-box-shadow:rgba(0,0,0,0.1) 5px 5px 50px;box-shadow:rgba(0,0,0,0.1) 5px 5px 50px;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
/*tablecell*/
.table{display: table;width:100%;height: 100%;margin: 0 auto;}
.cell{display: table-cell;vertical-align: middle;}

/*flex布局***/
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex-wrap{display: flex;flex-wrap: wrap;align-content: flex-start;}
.flex-end{display: flex;justify-content: flex-end;align-items: center;}
/* flex垂直排列 */
.flex-col {display: flex;flex-direction: column;}
/* flex全居中 */
.flex-center {display: flex;align-items: center;justify-content: center;}
/* flex竖向全居中 */
.flex-center-col {display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* flex垂直居中 */
.flex-center-y {display: flex;align-items: center;}
/* flex水平居中 */
.flex-center-x {display: flex;justify-content: center;}
/* flex左右靠边、上下居中 */
.flex-between {display: flex;align-items: center;justify-content: space-between;}
/* flex左右靠边、向上对其 */
.flex-between-top {display: flex;justify-content: space-between; align-items: flex-start;}
/* flex左右靠边、向下对其 */
.flex-between-bottom {display: flex;align-items: flex-end;justify-content: space-between;}
/* flex向左向上对其 */
.flex-left-top{display: flex;align-items: flex-start; justify-content: flex-start;}
/* 水平均匀分布 */
.flex-around{display: flex;justify-content: space-around;align-items: center;}
/*水平居左-垂直居中*/
.flex-left{ display: flex;align-items: center; text-align: left;}
/*水平居右-垂直居中*/
.flex-right{ display: flex; align-items: center; text-align: right;justify-content: flex-end;}
/*切换元素位置*/
.flex-flow{ flex-flow: row-reverse;}
/*垂直均匀分布 */
.flex-column{display: flex;flex-direction: column;justify-content: space-between;}
.flex-ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
/*重置页面滚动条*/
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#EEEEEE;}
::-webkit-scrollbar-thumb{background-color:#D6D6D6;}
::-webkit-scrollbar-thumb:hover {background-color:#ccc}
::-webkit-scrollbar-thumb:active {background-color:#ccc}

/*超过隐藏为*/
.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.oe2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.oe3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/****************页面公共样式*************************/
/*图片变大*/.tra {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 filter:scale(1);
 filter:transform;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
.tra:hover {
 -webkit-transform:scale(1.15);
 -moz-transform:scale(1.15);
 -ms-transform:scale(1.15);
 -o-transform:scale(1.15);
 filter:scale(1.15);
 filter:transform;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
/*执照弹出层*/
.qcodePop,.qcodePopM{display:none;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.qcodeboxmask{background:rgba(0,0,0,.6);left:0;top:0;width:100%;height:100%;position:fixed;z-index:100000;}
.qcodebox{border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.1);position:fixed;background:#fff;left:50%;top:50%;z-index:100001;padding-bottom:10px;}
.qcodePop .qcodebox{width:700px;margin-left:-350px;margin-top:-295px;}
.qcodePopM .qcodebox{width:250px;margin-top:-140px;margin-left:-125px;}
.qcodebox .close{-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;width:15px;height: 15px;background: url(../images/4.png) no-repeat center;background-size:15px 15px;display: block;cursor:pointer;position: absolute;right:10px;top:10px;}
.qcodebox .close:hover{transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}
.qcodePop .qcodebox .qcode{width:650px;height:550px;margin:45px 25px 0 25px;}
.qcodePopM .qcodebox .qcode{width:200px;height:200px;margin:35px 25px 0 25px;}
.qcodebox .qcode img{width:100%;height:100%;}
.qcodebox .txt{font-size:14px;text-align: center;line-height:20px;padding:10px 0;}
/*执照弹出层*/

/*page分页*/
.pages{ text-align:center; padding:10px 0;width:100%;margin:40px auto;}
.pages li{display: inline-block;text-align:center;}
.pages a,.pages span{ display:inline-block; padding:6px 15px; margin:0 6px; font-size:16px;border-radius: 3px;}
.pages a{ border:1px solid #ddd;}
.pages span,.pages a:hover{ border:1px solid #b5000e!important; background:#b5000e!important; color:#fff;}
/*旋转效果***/
@keyframes turn{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}

@-moz-keyframes turn{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}
@-webkit-keyframes turn{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}
@-o-keyframes turn{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}