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

@font-face {

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

  src: url('//at.alicdn.com/t/font_2431691_cj6t8i365om.woff2?t=1631069549877') format('woff2'),

       url('//at.alicdn.com/t/font_2431691_cj6t8i365om.woff?t=1631069549877') format('woff'),

       url('//at.alicdn.com/t/font_2431691_cj6t8i365om.ttf?t=1631069549877') 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;

}



/* 样式重置 */

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: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}

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;}

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; }

}

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

  .inner{ padding:0; }

}

.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}

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

.wrap{width:1400px;margin:0 auto;overflow: hidden;}

.wrapp{width:1400px;margin:0 auto;position: relative;}

/*主色调 红色 var(--zhu-color)*/

body{--zhu-color:#522005;--pei-color:#2d2b2b;}



/*划出菜单*/

.fancynav-mainnav{position: fixed;}

/*header*/

.header{position: relative;}

.h-nav{width:100%;position: fixed;z-index: 2000;top:0;}

.h-nav-box{width:100%; padding:30px 15px;left:50%;transform:translateX(-50%);position: relative;transition: all .5s}

.h-nav-box.active{padding:15px;}

.h-left{width:200px;}

.h-mid{font-size: 16px;width:calc(100% - 430px);}

.h-mid li{position: relative;height: 130%;padding:5px 0;}

.h-mid .yiji{color: #191818;padding:30px 0;position: relative;z-index: 2;}

.h-mid .yiji:after{width:0;content:'';height: 2px;background: #fb902c;display: block;position: absolute;top:60px;left:50%;transform: translateX(-50%);transition: all .5s}

.h-mid li .sublist{position: absolute;background:rgba(0,0,0,0.5) ;padding:15px 0;top:-500px;left:50%;transform: translateX(-50%);width: 120px;z-index: -1;border-radius: 5px;text-align: center;display: none;}

.h-mid li .sublist a{color: #fff;padding:5px 15px;width:100%;display: block;font-size: 14px;}

.h-mid li:hover .yiji{color: #fb902c;font-weight: bold;}

.h-mid li:Hover .yiji:after{ width:100%;}

.h-mid li:hover .sublist{ top:40px;}

.h-mid li .sublist a:hover{font-weight: bold;}



.h-right{width:230px;}

.h-tel{padding-top: 5px;text-align: right;width:100%;}

.h-tel span{display: block;background: var(--zhu-color);width:35px;height: 35px;text-align: center;line-height: 35px;}

.h-tel i{font-size: 16px;color: #fff}

.h-tel p{font-size: 24px;text-indent: 10px;color:var(--zhu-color);}

.demolist{display: none;}

.h-menu{text-align: right;line-height: 1.2;display: none;}

.h-menu i{font-size: 40px;color: var(--zhu-color);}



@media(min-width: 1600px){

  .h-nav-box{width:1600px;}



}

@media(max-width: 1600px){

  .h-nav-box{width:100%;padding:15px 0;}

}

@media(max-width: 1200px){

  .h-right{display: none}

  .h-mid{width:calc(100% - 250px);}

}

@media(max-width: 992px){

  .h-mid{display: none;}

  .h-left{width:80%;}

  .h-menu{display: block;width:20%;}

}

@media(max-width: 768px){

  .h-nav-box{width:100%;padding:10px 0;}

}

@media(max-width: 576px){

  .h-menu i{font-size: 32px;}

   .h-nav-box{width:100%;padding:5px 0;}

   .h-left img{max-height: 40px}

}



/*flash*/

.flash{position: relative;top:0;--swiper-theme-color: var(--zhu-color);overflow: hidden;}

.flash .swiper-slide{text-align: center;}

.jiantou{width:72px;height: 72px;background: var(--zhu-color);position: absolute;z-index: 1;margin-top:-35px;animation:tiaodong .3s infinite alternate;left:50%;transform:translateX(-50%); }

@keyframes tiaodong {

  from {margin-top:-30px;}

  to {margin-top:-35px;}

  animation-duration:2s;

}



@media(max-width: 1200px){

  .jiantou{display: none!important;}

}

@media(max-width: 768px){

  .flash img{height: 350px;object-fit: cover;}

  

}

@media(max-width: 576px){

  .flash img{height: 200px;}

  .h-menu i{font-size: 32px;}

   .h-nav-box{width:100%;padding:5px 0;}

}

/*footer*/

.footer{padding:30px 0;background:url(../images/footer-bg.jpg) center top no-repeat;}

.footer-box{width:1400px;margin:0 auto;}

.footer-hd{border-bottom: solid 1px rgba(153,153,153,0.5);padding:20px 0;background: url(../images/link-icon.png) left center no-repeat;color: #999999;}

.footer-hd .left{text-indent: 120px;line-height: 50px;}

.footer-hd .left a{font-size: 16px;color: #999999;}

.footer-hd .left a:hover{color:#fff;}

.footer-hd .right{text-align:right;}

.footer-hd .right a{width:45px;height: 45px;border:solid 1px #999;color: #999;display: block;text-align: center;line-height: 45px;margin:0 10px;}

.footer-hd .right a i{font-size:30px}

.footer-hd .right a:nth-child(2) i{font-size:20px}

.footer-hd .right a:hover{background: var(--zhu-color);color: #fff;}

.footer-md{padding:55px 0;}

.footer-md .title{color:#fbfbfb;font-size: 16px;font-weight: 600;margin-bottom: 20px;}

.footer-md .left ul{color:#929191;font-size: 14px;}

.footer-md .left ul a{padding:5px 0px;color: #999;display: inline-block;margin-right: 20px;}

.footer-md .left ul a:hover{color: #fff;}

.footer-md .right ul{display: flex;flex-direction: row;justify-content: flex-start;}

.footer-md .right ul li{width:30%;}

.footer-md .right ul li .t1{color: #fff;font-size:16px;font-weight: bold;}

.footer-md .right ul li .t2{color: #706f6f;font-size:14px;margin-top: 10px;}

.footer-md .right ul li span{color: #fff;font-size:14px;display: inline-block;width:200px;line-height: 30px;}

.footer-md .right ul li span i{color: #fff;font-size:25px;float: left;}

.footer-md .right ul li:nth-child(2){width:50%;}

.footer-bd{border-top:solid 1px rgba(153,153,153,0.5);padding: 20px 50px 20px 0px;color: #999;font-size: 14px;display: flex;flex-direction: row;justify-content: space-between;}

.footer-bd a{color: #999;}

.footer-bd a:hover{color: #fff;}

@media(max-width: 1400px){

  .footer-box{width:auto;}

}

@media(max-width: 1200px){

  .footer-md .right ul li{width:40%;}

  .footer-md .right ul li:nth-child(2){width:60%;}

}

@media(max-width:992px ){

  /*.footer-md .right ul{width:80%;}*/

}

@media(max-width:768px ){

  .footer{padding:30px 0 50px;}

  .footer-md{padding:10px 0; }

  .footer-md .right ul{flex-direction: column;}

  .footer-md .right ul li{margin-bottom:20px;width:100%;}

  .footer-bd{flex-direction: column;padding:20px 0 20px 0;}

}





/*page*/

/*fenye*/

.de-page-mian{overflow: hidden; text-align: center; font-size: 0;  clear: both;}

  .de-page-mian .page-inner{display: inline-block; overflow: hidden;margin: 10px auto 35px;}

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

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

  .de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}

  .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;display: none;}

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

  .de-page-mian .page-inner input{display: none; 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,.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%;flex-direction: row;justify-content: space-between;background: #211f1f;display: none;}

.down li{width:25%;border-right:solid 1px #fff;padding:5px 0;box-sizing: border-box;}

.down li:nth-child(4){border:none;}

.down li a{width:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-size: 14px;}

.down li a i{font-size: 20px;line-height: 1}

.modal{padding-right: 0!important;}

.modal-open{padding-right: 0!important;}

@media(max-width: 768px){

  .down{display:flex;}

}

.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:94px;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){

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

}