@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-family:"思源黑体", "微软雅黑", "Arial"; color:#000}
html{}
body{ font-size:14px; font-family:"思源黑体", "微软雅黑", "Arial"; color:#333; min-width:320px; margin:0 auto; background:#f1f1f1}
sup {vertical-align: text-top; font-family:"思源黑体", "微软雅黑", "Arial"}
sub {vertical-align: text-bottom; font-family:"思源黑体", "微软雅黑", "Arial"}
input, button, select, textarea { outline:none; font-size:14px; font-family:"思源黑体", "微软雅黑", "Arial"}
fieldset,img{ border:0; font-family:"思源黑体", "微软雅黑", "Arial"}
ol, ul { list-style:none; font-family:"思源黑体", "微软雅黑", "Arial"}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family:"思源黑体", "微软雅黑", "Arial"}
em, i{ font-style:normal; font-family:"思源黑体", "微软雅黑", "Arial"}
textarea { resize:none; font-size:14px; font-family:"思源黑体", "微软雅黑", "Arial"} /*forbidden text drag especail in chrome*/
.compatibility_ie6{ /* _behavior: url(iepngfix/iepngfix.htc); _behavior:url("csshover.htc"); behavior: url(ie-css3.htc); */}
a{ text-decoration:none; outline:none; color:#333; font-size:14px; font-family:"思源黑体", "微软雅黑", "Arial";}
li{ list-style-position:outside; list-style:none; vertical-align:bottom;}
/****************************** Above Common Css Style End ******************************/
.lr_all{ text-align:justify; text-justify:inter-ideograph;} /* in order to lft rit align [justify align] */
.font_adjust{-webkit-text-size-adjust:none;}/* solve the font-size<12, do not show normally at the chrome  */
.opacitys{ opacity:0.6; filter: Alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; }
.clearfix:after{ content:"."; height:0; display:block; visibility:hidden; clear:both;}
.clearfix{*+height:1%;}
.clear{ clear:both;}
.row_box{ height:auto; width:950px;}
.ove_hi{ overflow:hidden;}
.ove_vi{ overflow:visible;}
.ove_au{ overflow:auto;}
.rela{ position:relative; top:0px; left:0px;}
.abso{ position:absolute;}
.fb{ font-weight:700;}
.ali_l{ text-align:left;}
.ali_r{ text-align:right;}
.ali_c{ text-align:center;}
.flt_l{ float:left;}
.flt_r{ float:right;}
/****************************** Above Custom Common Css Style End ******************************/

@font-face {
  font-family: 'iconfont';  /* Project id 3279752 */
  src: url('//at.alicdn.com/t/font_3279752_qh7buztxxlo.woff2?t=1649239499858') format('woff2'),
       url('//at.alicdn.com/t/font_3279752_qh7buztxxlo.woff?t=1649239499858') format('woff'),
       url('//at.alicdn.com/t/font_3279752_qh7buztxxlo.ttf?t=1649239499858') format('truetype');
}

.iconfont{ font-family:iconfont}

.mask-layer{ visibility:hidden; overflow:hidden; background:url(../images/black_50.png) repeat; z-index:20; position:fixed; left:0; top:0; right:0; bottom:0; transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; -webkit-transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; -moz-transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; -ms-transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; -o-transition:opacity .3s cubic-bezier(.17, .84, .44, 1) 0s; opacity:0}

.showMask .mask-layer{ visibility:visible; opacity:1}

.sizing{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box}

/*video{ object-fit: cover!important}*/


.goPageTop{ visibility:hidden; opacity:0; position: fixed;right: 20px;bottom: 50px;cursor: pointer;z-index: 800;width: 50px;height: 50px;line-height: 50px;text-align: center;background-color: rgba(52, 171, 162, .5);-webkit-transition: .3s;transition: .3s;}
.goPageTop:after{ font-size:18px; color:#fff; font-family:iconfont; content:'\e61d'}
.goPageTop:hover{background-color: rgba(52, 171, 162, 1)}
.showPageTopBtn .goPageTop{ visibility:visible; opacity:1}

.boxing,.boxing_all *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box}


.emptyBox {
	display: block;
	width: 90%;
	margin: 13% auto 6%;
	max-width: 300px;
	padding: 251px 0 0 0;
	background: url(../images/emptImg.jpg) no-repeat center top;
	font-size: 16px;
	text-align: center;
	color: #666;
}


.pages{margin: 25px 0px 0px;
    text-align: center; color:#4c4c4c}
.pages li{
    float: left;
    margin-left: 5px;
}
.pages a ,.pages span{
    display: inline-block;
    border: solid 1px #d4d4d4;
    padding: 3px 10px;
    border-radius: 2px;
    font-size: 14px;
    color: #666;
}
.pages a:hover, .pages li.active, .active span{
    background: #e83828;
    color: #ffffff;
}

.pages .disabled{
    background: #cccccc;
    color: #333;
}

.mnr_page {
    text-align: center;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mnr_page .mnr_sp {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #999;
}
.mnrIndex {
    margin: 0 12px;
}
.mnr_page .mnr_next, .mnr_page .mnr_prev {
    display: inline-block;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
    width: 70px;
    height: 35px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    color: #999;
}

.mnr_page .mnr_num {
    color: #999;
    font-size: 16px;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
}

.mnr_page .mnr_num.active, .mnr_page .mnr_num:hover {
    color: #fff;
    border: 1px solid #ff5959;
    background: linear-gradient(133deg,#f07963 16%,#e73928 80%);
}

.mnr_page .mnr_num {
	display:inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
}

.mnrJeep {
    margin-left: 18px;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.mnr_page .mnr_ipt {
    border: 1px solid #e9e9e9;
    line-height: 30px;
    outline: none;
    font-size: 16px;
    text-align: center;
    width: 35px;
    height: 35px;
    background: #fafafa;
    box-shadow: 0 3px 1px 0 hsl(0deg 0% 100% / 77%), 0 2px 2px 0 #bfbfbf;
    border-radius: 2px;
    margin: 0 6px;
    color: #999;
    -webkit-appearance: none;
}


::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.2);-webkit-border-radius:6px}
::-webkit-scrollbar-thumb:vertical{height:5px;background-color:hsla(0,0%,49%,.7);-webkit-border-radius:6px}
::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:hsla(0,0%,49%,.7);-webkit-border-radius:6px}



.online_service{ border-radius:100px; width:32px; background:#e73323; position:fixed; left:50%; margin-left:620px; bottom:20%; z-index:100; padding:40px 0 15px 0; font-size:12px; cursor:pointer; color:#fff; line-height:20px; text-align:center}
.online_service:before{ display:block; text-align:center; width:32px; top:20px; color:#fff; font-size:18px; font-family:iconfont; content:'\e612'; position:absolute; left:0}



.breadCast{ text-align:left; line-height:22px; font-size:14px; color:#575757}
.breadCast.v2{ padding-bottom:15px}
.breadCast a{ color:#575757}
.breadCast a:hover{ color:#d71209}
.breadCast .lnk{ color:#d71209}


.bg_cover{ background-position:center; background-repeat:no-repeat; background-size: cover}
.bg_contain{ background-position:center; background-repeat:no-repeat; background-size: contain}


.hover_color:hover,.hover_color *:hover{ color:#34aba2!important}

.inline-block,.inline-block-all *{ display:inline-block; *display:inline; zoom:1}


.addrDialog{ display:none; position:fixed; left:0; top:0; height:100%; width:100%; overflow:hidden; z-index:3000; background:rgba(0,0,0,.3)}
.addrDialog .con{ width:660px; border-radius:4px; background:#fff; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.addrDialog .tit{ display:block; border-bottom:1px solid #e5e5e5; height:50px; line-height:50px; text-align:center; font-size:18px; color:#333; text-align:center}
.addrDialog .incs{ padding:10px 105px}

.addrDialog .rows{ padding: 10px 0 10px 88px; min-height: 30px; text-align: left; position: relative; font-size: 16px}
.addrDialog .rows .lts{ display: block; text-align:right; width:88px; line-height: 30px; font-size: 16px; color: #666; white-space: nowrap; position: absolute; left: 0; top: 10px;}
.addrDialog .rows .rts{ display: block; line-height: 20px; padding: 5px 0; font-size: 16px; color: #666;}
.addrDialog .rows .ipt{ width: 100%; text-align: left; border: 1px solid #d8d8d8; height: 30px; line-height: 30px; padding: 2px 10px; overflow: hidden; box-sizing: border-box;}
.addrDialog .rows.mr{ color:#999; font-size:14px}
.addrDialog .iPicker-container{ width:114px!important}
.addrDialog .iPicker-list{ max-height:200px!important}
.addrDialog .btnRow{ font-size: 0; padding:10px 0 20px 0; text-align:center}
.addrDialog .bt{display:inline-block;line-height:35px;min-width:120px;padding:0 10px;font-size:16px;color:#fff;cursor:pointer;border-radius:2px;margin:0 10px;border:none;outline:none}
.addrDialog .bt1{ background:#ccc}
.addrDialog .bt2{ background:#f34e40}

.noticeRow{ width: 100%; overflow: hidden; background-color: #fff3f0;}
.noticeRow .con{ width: 1200px; margin: 0 auto; text-align: left; position: relative;}
.noticeRow .ltx{ line-height: 20px; padding: 10px 0 10px 30px; font-size: 15px; color: #e73928; margin: 0 150px 0 0; position: relative;}
.noticeRow .ltx:before{ position: absolute; left: 0; top: 10px; font-size: 18px; content: '\e657'; font-family: iconfont;}
.noticeRow .zdl{ display: inline-block; height: 27px; line-height: 27px; border: 1px solid #ffd4ca; border-radius: 20px; position: absolute; right: 0; top: 5px; font-size: 14px; color: #e73928; padding: 0 20px; cursor: pointer;}