/* 引入外部图标样式 */

@font-face {

  font-family: 'iconfont';  /* Project id 2431691 */

  src: url('http://at.alicdn.com/t/font_2431691_8hm72hown8v.woff2?t=1628153559840') format('woff2'),

       url('http://at.alicdn.com/t/font_2431691_8hm72hown8v.woff?t=1628153559840') format('woff'),

       url('http://at.alicdn.com/t/font_2431691_8hm72hown8v.ttf?t=1628153559840') format('truetype');

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}

/* 网站色值设置 */

body{--zhu-color:#016bbf;--pei-color:#00A73E;}

/* 样式重置 */

html, body, div,

h1, h2, h3, h4, h5, h6,

hr, p, blockquote,

dl, dt, dd, ul, ol, li,

pre, form, fieldset, object, code,

legend, button, input, textarea, label,

th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}

body{font: 14px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}

ul,li{list-style:none;margin:0;padding:0;}

a:hover{ text-decoration: none; }

/*清除内外边距*/

h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}

/*设置默认字体*/

:focus{outline: 0;}

ul,

ol{list-style: none;}

/*重置图片元素*/

address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}

abbr, acronym{border: 0; font-variant: normal;}

input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}

code, kbd, samp, tt{font-size: 100%;}

::-webkit-scrollbar{width:6px; height:6px ;}

::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}

::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}

.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}

textarea{resize: none;}

.inner{ width: 1400px; margin:0 auto; }

@media only screen and (max-width: 1400px){

  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }

}



.wrap{width:100%;margin:0 auto;overflow: hidden;}

.wrapp{width:100%;margin:0 auto;}

@media(min-width: 1400px){

  .wrap{width:1400px;}

  .wrapp{width:1400px;}

}



/*page*/

.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }

.de-page-mian .page-inner{display: inline-block; overflow: hidden;}

.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}

.de-page-mian .page-inner a.active,

.de-page-mian .page-inner a:hover{color: #fff; border-color: #0095d8; background: #0095d8;}

.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}

.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}

.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}

.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}

.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}

.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}

.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}

.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}

.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}



/*no-goods*/

.no-goods{ width: 100%;}

.no-goods,.no-network{padding-top:100px; overflow: hidden; text-align: center;}

.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}

.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}



/*down*/

.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}

.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}

.down li + li{ border-left: solid 1px #ffffff; }

.down li a{color: #ffffff;}

.down .current{border-right: none;}

.down li img{max-width: 25px;height: 25px;}

.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}

.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}

.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }

.plugin-fixed-call .child:hover{width:160px;background: #000;}

.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}

.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}

.plugin-fixed-call .fixedQQ{bottom:92px;}

.plugin-fixed-call .fixedCall{bottom:46px;}

.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}

.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}

.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}

.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}

.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}

.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}

@media only screen and (max-width: 768px){

  .down{ display: block; }

  .plugin-fixed-call{ display: none; }

}