@charset "utf-8";
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, span, i, a, em, strong, b, input, textarea, select { margin: 0; padding: 0; box-sizing: border-box; }
i, em { font-weight: normal; font-style: normal; }
body { width: 100%; position: relative; font: 14px/1.5 \5b8b\4f53, tahoma, arial, sans-serif; font-family: "Microsoft YaHei"; box-sizing: border-box; color: #333333 }
body { max-width: 100%; height: auto;background-color: #eeeeee; }
li { list-style: none; }
a, img, input { border: 0 none; }
a { text-decoration: none; outline: none; cursor: hand }
a:hover { text-decoration: none; }
a:focus, input:focus { outline: 0 none; }
textarea { resize: none; font-size: 12px; } /*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/
div { box-sizing: border-box; }
.pcx { display: block!important; }
.mobx { display: none!important; }
.fr { float: right }
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.w1-160 { width: calc(100% - 160px); margin: auto; overflow: hidden; max-width: 1760px; }
.indexbj { height: 100vh; background-color: #3d4063; background-size: 100% auto; overflow: hidden; border-top-width: 3px; border-top-style: solid; border-top-color: #c00607; }
.indexbj .footer { position: fixed; bottom: 0; width: 100% }
.header { height: 110px; width: 100%; z-index: 100; margin: auto; position: absolute; z-index: 999;padding: 0px 60px;}
.header .logo { margin-top: 40px; float: left }
.header .logo img { height: 40px; }
.header .ycrih { float: right; width: 390px; }
.header .ycrih i { border-radius: 50%; overflow: hidden; display: block; width: 56px; height: 56px; text-align: center; line-height: 58px }
.header .ycrih .search i { font-size: 32px; margin-top: 40px; display: block; float: right; margin-right: 20px; color: #fff; background-color: #b2403f }
.header .ycrih .login i { font-size: 32px; margin-top: 40px; display: block; float: right; color: #fff; background-color: #333333 }
.header .ycrih i:hover { background-color: #DA251D }
.header .memulist { margin-top: 45px; line-height: 40px; position: absolute; top: 0; text-align: center; width: 490px; left: calc(50% - 200px); }
.memulist a { font-size: 18px; color: #fff; font-weight: bold; margin-left: 22px; margin-right: 22px; padding:10px; border-radius:5px; padding-top:5px; padding-bottom:5px; }
.memulist a.on,.memulist a:hover{ background-color:#c00607; color:#fff}
.header .memulist li .yuandian-dot { float: right; display: block; width: 6px; background-color: #d80100; height: 6px; border-radius: 50%; margin-top: 18px; margin-left: 20px; }
.bannerin { width: 100%; height: calc(100% - 60px); overflow: hidden }
.bannerin .txtbody { position: absolute; bottom: 150px; width: 100%; margin-left:90px; }
.bannerin .swiper { width: 100%; height: 100%; }
.bannerin .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; background-size: 100% 100%; width: 100%; height: 100%; }
.bannerin .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bannertxt { text-align: left; width: 100% }
.bannertxt b { font-size: 66px; font-weight: bolder; color: #fff; display: block }
.bannertxt span { font-size: 32px; color: #fff; display: block }
.bannertxt p { font-size: 18px; color: #fff; display: block ; line-height:1.5}
.bannertxt p .iconfont{ font-size:22px}
.bannertxt a { display: block; float: left; line-height: 46px; width: 180px; margin-right: 15px; color: #fff; border-radius: 4px; padding-left: 15px; font-size: 24px }
.bannertxt .zg { background-color: #EFEFED;color: #333;}
.bannertxt .tg { background-color: #AA2C18; }
.bannertxt .zs { background-color: #EFEFED;color: #333;}
.bannertxt a .iconfont { float: right; margin-right: 10px; font-size: 24px }
.bannertxt a:hover{background-color: #D23318;color: #FFF;}
.bannertxt .ewm { float: right }
.bannertxt .ewm img { width: 80px; height: 80px }
.bannerin .swiper-pagination{ position: relative; bottom: 70px; text-align: left; width: calc(100% - 160px); margin: auto; overflow: hidden; max-width: 1760px; left:90px }
.bannerin .swiper-pagination-bullet{ width:40px;border-radius: 2px; height:3px; background-color:#fff;opacity: 1}
.bannerin .swiper-pagination-bullet-active{background-color:#c00607}
.topbannerbj{ background-size: auto 400px; background-repeat: no-repeat; background-position: center top; }
 
.neirong img{ max-width:100% !important;}
 
 
.footer { background-color: #24263b; color: #FCF3EA; text-align: center; height: 60px; overflow: hidden;position: fixed;
    bottom: 0;
    width: 100%;z-index: 9999;}
.footer p { line-height: 23px; color: #fff; padding-top: 17px; font-size: 14px }
.zhuantitj { width: 90%; margin: auto; max-width: 1620px; margin-top: 120px }
.zhuantitj span { font-size: 18px; color: #fff; padding-right: 30px; display: block; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; line-height: 20px; margin-right: 30px; }
.zhuantitj span:nth-child(3) { border-right-width: 0px; }
.flash { background-color: #3d3a4d }
.type-list { width: 90%; margin: auto; max-width: 1620px; padding-top: 20px }
.type-list li { float: left; width: calc(50% - 10px); margin-bottom: 20px; }
.type-list li:nth-child(2n) { float: right }
.type-list li img { width: 100% }
.aboutbody { min-height: 800px; }
 
.aboutbjs { background-color: #eeeeee }

.zuopinbjs{ background-color:#eeeeee}
.zuopinbanner{ position: static; height:400px; background-color:#283b33 }
.weizhi{}
.ztlist{ border-top-width: 1px; border-top-style: solid; border-top-color: #BBBBBB; min-height:500px }
.ztlist li{ margin-top:15px; display:table; width:100%;}
.ztlist li div{float:left; background-color:#fff; height:100px;}
.ztlist li .zhuti{ font-weight: bold;font-size: 20px;line-height:30px; width: calc(30% - 0px);}
.ztlist li .zhuti p{ padding-left:30px; padding-top:20px}
.ztlist li .zhuti span{font-size: 14px;font-weight: normal;}
.ztlist li .nums{width: calc(12% - 1px); text-align:center; line-height:100px;margin-left: 1px; font-size:22px}
.ztlist li .ico{width: calc(22% - 0px); text-align:center; line-height:100px; }
.ztlist li .ico .iconfont{font-size:32px}

.ztlist li:hover div{background-color:#B20000}
.ztlist li:hover a{color:#FFF;}
.ztlist li.diyi div{background: none;height: 30px;line-height: 30px;}
.ztlist li.diyi .zhuti{font-weight: normal;font-size: 14px;width: calc(30% - 0px);}
.ztlist li.diyi .zhuti p{ padding-left:30px; padding-top:0}
.ztlist li.diyi .nums{width: calc(12% - 1px); text-align:center; margin-left: 1px; font-size:14px}

.titlebig { text-align: center; padding-top: 60px }
.titlebig span { display: block; font-size: 18px; color: #fff; line-height: 40px; padding-bottom: 15px }
.titlebig em { display: block; background-color: #DA251D; width: 45px; margin: auto; height: 4px; }



.listbody { background-color: #504d56 }
.zplist { width: 100%; margin: auto; padding-top: 10px; min-height: 500px; }
.zplist .card-columns li { float: left; width: calc(33.3333% - 14px); margin-right: 20px; overflow: hidden; margin-bottom: 20px; position: relative; }
.zplist .card-columns li:nth-child(3n) { margin-right: 0px; }
.zplist .card-columns li img { width: 100% }
.zplist .card-columns li .card-body { display: block; position: absolute; z-index: 1; opacity: 0; transition: .5s; background-color: rgba(152,14,13,0.8); top: 0; width: 100%;  height: 100%;padding:30px;}
.zplist .card-columns li .card-body b { font-size: 24px; display: block; margin-top: 28%; color: #fff }
.zplist .card-columns li .card-body b em { font-size: 20px; padding-left: 5px }
.zplist .card-columns li .card-body span { display: block; font-size: 20px; color: #fff;line-height: 40px }
.zplist .card-columns li .card-body p { display: block; font-size: 14px; color: #fff;line-height:25px }
.zplist .card-columns li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); }
.zplist .card-columns li img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.zplist .card-columns li:hover .card-body { opacity: 1; }
.bjseview { margin-top: -60px; }
.w90k { width: 90%; margin: auto; max-width: 1620px; background-color: rgba(255,255,255,0.9); }
.contentin {   min-height:800px; }
.contentin ul.lmlist li { float: left; margin-right: 20px; margin-bottom: 20px; }
.contentin ul.lmlist li a { display: block; background-color: #fff; color: #A58760; border: 1px solid #EEEEEE; height: 40px; line-height: 40px; padding-left: 30px; padding-right: 30px; border-radius: 20px; }
.contentin ul.lmlist li a:hover, .contentin ul li a.on { background-color: #960001; color: #fff; border: 1px solid #960001; }
.tiebt { color: #D23318; font-size: 14px; line-height: 40px; padding-bottom: 20px; padding-top: 40px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C1AD93; margin-bottom: 30px }
.more { text-align: center; padding-bottom: 50px; padding-top: 25px }
.contentin {   width: 100%; overflow: hidden; padding-top:40px }
.sehon { font-size: 18px;  }
.sehei { color: #888888 }
.fuzi {  color: #333; font-size: 20px!important;    display: block; float: right; margin-left: 15px; height: 26px; line-height: 26px; margin-top:8px;   }
.fuzi:hover{ color: #960000;}
.tujixinxi { }
.tujixinxi h3 { font-size: 36px; font-weight: bold; color: #212121;font-family: "微软雅黑";}
.tujixinxi h3 em { float: right; font-size: 14px; color: #878787 }
.tujixinxi p { color: #666666; font-size: 14px; padding-top: 30px; padding-bottom: 30px; line-height: 1.5;font-family: "微软雅黑";}
/*查看作品幻灯*/
.zpflash { height: 800px; background-color: #f4f2f0; overflow: hidden; width: 100% }
.zpflash .maps {  overflow: hidden; height: 666px; float: left; background-color: #ece7e5; display:text-align: center;
background: no-repeat center center; margin-right: 20px; background-color: #ece7e5; min-width:1000px; overflow:hidden }
.zpflash  i.niu img{ width:0}
.zpflash  i.niu{ width: 40px; height: 40px; display: block; position: absolute; left:960px; top:698px; z-index: 1;cursor: pointer;line-height: 40px;}
.zpflash  i.niu .iconfont{font-size: 30px;color: #888888;font-weight: bold;}
.zpflash  i.niu .iconfont:hover{color: #D23318;}
.zpflash .jianje { width: calc(100% - 1040px); overflow: hidden; height: 800px; float: right; background-color: #ffffff; text-align: left; }
.zpflash .jianje h4 { color: #212121; font-size: 18px; font-weight: normal; padding-top: 40px; line-height: 40px; }
.zpflash .jianje .tupid { font-size: 16px; color: #A58760 }
.zpflash .jianje .tupid .iconfont { padding-left: 10px; color: #818181;}
.zpflash .jianje .tupid .iconfont:hover{color: #960000}
.zpflash .jianje p.xx { color: #666666; font-size: 16px; padding-top: 40px; padding-bottom: 40px }
.zpflash .jianje p.jj { color: #666666; font-size: 14px; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; line-height: 1.5 }
.lightbox{cursor: pointer;}
.zpflash .swiper-pagination { width: 936px; color:#000 }
.zpflash .mzy50 { margin-left: 50px; margin-right: 50px }
.zpflash .swiper-button-next, .zpflash .swiper-button-prev { background-color: #D23318; color: #fff; width: 26px; height: 26px;border-radius: 50%;}
.zpflash .swiper-button-next::after, .zpflash .swiper-button-prev::after { font-size: 14px; }
.zpflash .swiper-button-prev { left: 1px; }
.zpflash .swiper-button-next { left: 971px; right: auto; }
.zpflash .swiper-button-disabled { background-color: #81807f; }
.zpflash .swiper-button-next, .zpview .swiper-button-prev { top: 726px }
.zpflash .swiper-pagination-bullet {
  width: 26px;
  height: 26px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
    background-color: #fff; line-height:26px; 
}
.zpflash .swiper-pagination-bullet-active{ background-color:#D23318; color:#fff}
.zpflash .swiper-pagination{ bottom:70px;left: 30px;}


.more a { background-color: #f0efec; color: #212121 }
.more a:hover { background-color: #f0efec; color: #212121 }
.more span { background-color: #B20000; color: #FFF; border-radius: 50%; width: 40px; height: 40px; text-align: center; line-height: 40px; display: block; font-weight: bold; font-size: 18px; margin: 0 auto; margin-bottom: 10px }
.more span:hover { background-color: #d70000 }
#back-to-top { position: fixed; bottom: 50px; right: 60px; z-index: 999999 }
#back-to-top a { text-align: center; text-decoration: none; display: block; width: 60px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s; }
#back-to-top a span { border-radius: 4px; display: block; height: 60px; width: 60px; margin-bottom: 5px; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s; background-image: url(top.jpg); background-repeat: no-repeat; background-position: center center; }
.words { width: 560px; height: 70px; background-image: url(searchbj.png); background-repeat: no-repeat; background-position: center center; background-size: 560px 70px; margin-bottom: 20px; margin:auto; margin-top: 120px; }
.words .shoud { width: 530px; height: 60px; margin-left: 25px; line-height: 60px; font-size: 16px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C00607;}
.words .shoud .keyword { font-size: 16px; line-height: 60px; width: 470px; background-color: rgba(255, 255, 255, 0);  }
.words .shoud button { float: right; border: 0px; cursor: pointer; margin-top: 5px; width: 50px; height: 50px; border-radius: 50% text-align: center; background-color:transparent }
.words .shoud button i { font-size: 32px; color: #C00607; line-height: 50px }
.words input{ color:#fff}
.words input::-webkit-input-placeholder {
    color: #fff;
}
.words input:-moz-placeholder {
    color: #fff;
}
.words input::-moz-placeholder {
    color: #fff;
}
.words input:-ms-input-placeholder {
    color: #fff;
}



.swiper-button-next, .swiper-button-prev { color: #fff; background-color: #e52520 }
.swiper-button-next:hover, .swiper-button-prev:hover { background-color: #181e5c }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 14px; font-weight: bold }


.navigation{ border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #ccc; border-bottom-color: #ccc; line-height:60px;}
.navigation b{color:#B20000;}

/*动态*/
.news{padding-top: 10px;min-height:500px;}
.news li{ float:left; margin-right:15px;width:calc(33.3333% - 10px);  margin-top:15px;cursor: pointer; margin-bottom:15px;}
.news li img{ width:100%}
.news li:nth-child(3n){ margin-right:0px;}
.news li b{ display:block; font-size:24px;}
.news li span{ font-size:14px; color:#666; display:block; line-height:30px}
.news li p{font-size:14px; color:#666; display:block; height:50px;}
/*动态内容*/
.new-r{padding:50px 200px;min-height:600px;}
.new-r h3{text-align:center;font-size: 30px;font-weight: bold;line-height: 50px;}
.new-r .zt{font-size: 45px;font-weight:bold;text-align:center;}
.new-r .title{font-size: 26px;font-weight:bold;text-align:center;}
.new-r .qs{font-size: 20px;font-weight:bold;text-align:center;}
.new-r .time{font-size: 15px;color:#aaa;text-align:center;}
.new-r .neirong{line-height:28px;margin-top: 15px;}

.aboutus{padding:50px 200px;min-height:600px;} 
.aboutus .neirong{line-height:28px;margin-top: 15px;}

/*分页*/
.pages {background-color:#FFF;line-height:40px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-color:#dddddd;border-bottom-color:#dddddd;border-left-color:#dddddd;border-top-width:1px;border-top-style:solid;border-top-color:#dddddd;}
.pagelistbox {float:right;}
.pagelistbox span,.pagelistbox a,.pagelistbox strong {color:#333;float:left;line-height:40px;display:block;padding-left:10px;padding-right:10px}
.pagelistbox strong {color:#cc0000;}
.pages  .tj {float:left;padding-left:15px}
.pages .tj span {margin-right:20px;}
.pages .tzsize {width:40px;border:1px solid #ddd;margin-left:5px;margin-right:5px;}

.pages{border: none;background:none;color: #000;}
.pages .tj{padding-left: 0px;}