body { background: #fff; font: 14px/1.5 "微软雅黑", "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; }
/** 首页 */@font-face { font-family: 'iconfont'; src: url('../font_ico/iconfont.eot'); src: url('../font_ico/iconfont.eot?#iefix') format('embedded-opentype'), url('../font_ico/iconfont.woff2') format('woff2'), url('../font_ico/iconfont.woff') format('woff'), url('../font_ico/iconfont.ttf') format('truetype'), url('../font_ico/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mobnone { display: none!important; }
.pcnone { display: block !important; }
/*导航部分*/
.nav { width: 100%; height: 86px; position: fixed; left: 0; top: 0; z-index: 999; }
.nav.index { }
.nav.scroll { }
.nav .layui-container { position: relative; transition: all 400ms ease-out; }
.nav .nav-logo { height: 100%; line-height: 86px; margin-left: 60px; width: 420px }
.nav .nav-logo img { height: 50px; float: left; margin-top: 21px }
.layui-nav { background-color: #FFF }
.layui-nav .layui-nav-more { content: ''; width: 0; height: 0; border-style: solid dashed dashed; border-color: #fff transparent transparent; border-top-color: rgb(0,0,0); overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s; position: absolute; top: 50%; right: 3px; margin-top: 0px; border-width: 6px; border-top-color: rgba(0,0,0,.7); }
.layui-nav-item:hover a.nav1 { color: #C00 !important; }
.layui-nav-item:hover a.nav1 .yuanqh { opacity: 1; }
.layui-nav-item:hover a.nav1 span.layui-nav-more { border-top-color: rgba(202, 24, 28, 1); }
.nav .layui-nav * { font-size: 18px; }
.nav .layui-nav .layui-nav-item { height: 75px; }
.nav .layui-nav .layui-nav-item a { color: #000; line-height: 75px }
.shousuo { float: right; margin-right: 50px }
.shousuo a { line-height: 86px }
.shousuo a:hover { color: #C00 }
.shousuo span { font-size: 24px; margin-right: 30px }
.userss { height: 86px; position: absolute; right: 0px; top: 0px }
.userss .quan90 { width: 86px; height: 86px; display: block; float: right }
.userss a.quan90 { display: block; width: 86px; height: 86px; color: #d90101; line-height: 86px; text-align: center; }
.userss a.quan90 span { font-size: 32px; font-weight: bold }
.tab02 .hd { display: none }
.layui-nav .layui-this::after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after { top: 0px; width: 0px; opacity: 0; display: none!important; opacity: 0!important; }
.index .layui-nav .layui-nav-bar { top: 0px; width: 0px; opacity: 0; display: none!important; opacity: 0!important; }
.layui-nav .yuanqh { height: 1px !important; width: 100% !important; transition: all .2s; -webkit-transition: all .2s; background-color: #FFF; margin: auto; opacity: 0; display: block; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #C00; }
.layui-nav-item .xialaq { width: 100vw; background-color: #184470; position: fixed; border: 0px; text-align: center }
.zbj130 a:nth-child(1) { margin-left: calc(50% - 70px); }
.zbj133 a:nth-child(1) { margin-left: calc(50% + 35px); }
.zbj134 a:nth-child(1) { margin-left: calc(50% + 80px); }
.zbj129 a:nth-child(1) { margin-left: calc(50% - 177px); }
.layui-nav-item .xialaq::after { display: none!important; }
.layui-nav-item .xialaq a { line-height: 50px!important; padding-left: 30px; padding-right: 30px; color: #FFF!important; height: 50px!important; display: block; float: left }
.layui-nav-item .xialaq a:hover { background-color: #ca181c; }
.layui-nav-child { display: none; position: absolute; left: 0; top: 90px; min-width: 100%; line-height: 50px; padding: 0; box-shadow: 0 2px 4px rgba(0,0,0,0); border: 0px solid #d2d2d2; background-color: #fff; z-index: 100; border-radius: 0px; white-space: nowrap; }
.layui-anim { -webkit-animation-duration: .0s; animation-duration: .0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/*.layui-nav-bar {display:none!important;}



*/ /*轮播*/#banner { margin-top: 86px; text-align: center; overflow: hidden; background-color: #000 }
#banner img { min-width: 100vw; height: 700px; }
#banner .panel { margin: auto; text-align: center; margin-top: 120px; width: 1320px; background-image: url(../../index/images/banner-bj.png); background-repeat: no-repeat; background-position: right top; height: 490px; }
#banner .panel .djshi { float: right; width: 462px; margin-top: 240px }
#banner .panel .djshi .time { margin-top: 10px; text-align: left; font-size: 50px; color: #333 }
#banner .panel .djshi .time em { font-style: normal; font-size: 14px; color: #aaa; margin-left: 10px }
#banner .panel a { display: block; float: left; width: 170px; height: 40px; line-height: 40px; color: #fff; margin-right: 29px }
#banner .panel p.title { color: #4a4a4a; font-size: 54px; letter-spacing: 10px; }
#banner .panel a.title1 { background-color: #ca1a1d; }
#banner .panel a.title1:hover { background-color: #A58861 }
#banner .panel a.title2 { background-color: #A58861 }
#banner .panel a.title2:hover { background-color: #ca1a1d }
#banner .panel a.title3 { background-color: #425488 }
#banner .panel a.title3:hover { background-color: #ca1a1d }
.bjt { text-align: center; background-position: center top; }
/*主体—产品*/.main-product { padding-top: 90px; padding-bottom: 130px; }
.main-product p { font-size: 16px; color: #ababab; line-height: 28px; }
.main-product p.title, .main-service p.title { color: #484848; font-size: 24px; text-align: center; line-height: 160px; }
.main-product p.title span, .main-service p.title span { color: #2db5a3; }
.main-product .content { border: 1px solid #DEDEDE; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s; }
.main-product .content p.label { font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px; }
.main-product .content a { font-size: 18px; color: #a1d8cb; line-height: 68px; }
.main-product .content:hover { box-shadow: 0 0 3px 3px #EEE; transition: 0.3s; }
.main-product .content img { transition: 2s; }
.main-product .content img:hover { transform: rotateY(180deg); }
/* tabBar */.tabBar { width: 600px; font-family: "Microsoft YaHei"; margin: 30px auto; }
.tabBar .hd ul { z-index: 5; position: relative; zoom: 1; }
.tabBar .hd li { float: left; height: 24px; line-height: 24px; margin-top: 4px; padding: 0px 16px 0px 16px; margin-right: 5px; color: #333333; border: 1px solid #c8d1d5; border-bottom: 0px; cursor: pointer; }
.tabBar .hd li.on { height: 27px; line-height: 32px; font-weight: bold; overflow: hidden; margin-top: 0px; position: relative; top: 1px; border-top: 2px solid #004ea2; background: #fff; }
.tabBar .hd li.on span { font-weight: bold; color: #c00; }
.tabBar .bd {/* [disabled]border:1px solid #C8D1D5;
*/ /* [disabled]padding:10px 40px 0 40px;
*/ clear: both; position: relative; height: 250px; overflow: hidden; }
.tabBar .bd .conWrap { width: 100%; }
.tabBar .prev, .tabBar .next { position: absolute; right: 40px; top: 165px; background-color: #ca1a1d; color: #fff; border-radius: 50%; width: 22px; height: 22px; display: block; text-align: center; line-height: 22px }
.tabBar .prev:hover, .tabBar .next:hover { background-color: #01488a; }
.tabBar .next { left: auto; right: 10px; }
.tabBar .prevStop, .tabBar .nextStop { display: none; }
.tabBar .bd p { padding-bottom: 10px }
.tab01 { width: 40%; float: left; margin-top: 30px }
.tab02 { width: 55%; float: right }
.newstab { padding-top: 15px }
.newstab .dbt { font-size: 22px; display: block; width: 100% }
.newstab span { font-size: 14px; color: #aaaaaa; line-height: 40px }
.chakan { width: 115px; height: 30px; background-color: #ca1a1d; color: #fff; width: 115px; height: 30px; display: block; line-height: 30px; text-align: center }
.chakan .layui-icon, .panel span.iconfont { margin-left: 10px }
.chakan:hover { background-color: #A58861; color: #fff; cursor: pointer }
.newsli { margin-top: 30px }
.newsli span { float: right }
.newsli li { line-height: 25px; }
.tabBar .bd .conWrap { width: 100%; }
.conWrap .con .maol img { width: 42%; float: left }
.conWrap .con .maor { float: right; display: block; width: 55% }
.conWrap .con .maor b { font-size: 22px; font-weight: normal; color: #545454 }
.conWrap .con .maor span { display: block; width: 100% }
.btnjh { line-height: 40px; margin-bottom: 20px }
.btnjh a { float: right; padding-right: 10px }
.btnjh a .layui-icon { font-size: 12px }
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
/*底部*/
.footer { height: 120px; overflow: hidden; }
.footer p { color: #fff; font-size: 12px; line-height: 1.5; padding-top: 30px }
.footer .footer-web { padding-top: 35px; padding-bottom: 15px; }
.footer .footer-web a { color: #FFFFFF; line-height: 22px; margin-right: 20px; transition: 0.3s; font-size: 14px; }
.footer .fled { float: left }
.footer .footer-web a:hover { color: #dce1e0; transition: 0.3s; }
.footer .footer-contact { color: #fff; float: right }
.footer .footer-contact li { float: left; width: 70px; text-align: center; margin-left: 15px; margin-top: 15px; font-size: 12px; line-height: 20px; }
.footer .footer-contact li img { width: 70px; }
.footer .footer-contact a { color: #a5aaa9; }
.footer .footer-contact .contact-top { padding-top: 20px; line-height: 30px; }
.footer .footer-contact .contact-bottom { line-height: 35px; }
/** 产品 */.banner { height: 800px; margin-top: 90px; }
.loginbj { background-size: 100% auto; background-image: url(../../user/img/loginbj.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover }
.main.product { padding: 30px 0 75px 0; }
.main.product .content { padding: 50px 0; border-bottom: 1px solid #e8e8e8; }
.main.product .content .content-img { text-align: center; }
.main.product .content .content-img img { max-width: 100%; }
.main.product .content .label { color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px; }
.main.product .content .detail { font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px; }
.main.product .content a { color: #a0d2cc; font-size: 16px; line-height: 38px; padding: 10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px; }
/** 动态 */.banner.news { background: url(../img/nav_img3.jpg) no-repeat center top; background-size: cover; }
.banner .title { padding-top: 100px; width: 1280px; margin: auto }
.banner .title .layui-tab { width: 650px; background-color: #fff; height: 500px; }
.banner .title .layui-tab-bar { display: none }
.banner .title.active { padding-top: 120px; transition: 1.5s; }
.banner .title p.en { font-size: 20px; letter-spacing: 3px; }
.banner .title .layui-tab-title { height: 60px; }
.banner .title .layui-tab-title li { width: 50%; padding: 0px; background-color: #A58861; margin: 0px; color: #fff; border: 0px; height: 60px; line-height: 60px }
.banner .title .layui-tab-title li.layui-this { background-color: #ca1a1d; border: 0px; }
.banner .title .layui-tab-title .layui-this:after { border: 0px; }
.reg-box { margin-top: 40px; }
.kmjtt { margin-left: 30px; margin-right: 40px; margin-top: 80px }
.kmjtt a { display: block }
.kmjtt .mj01 { float: left }
.kmjtt .mj02 { float: right }
.main-news { padding: 70px 0 80px 0; }
.main-news .content > div { padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative; }
.main-news .content .news-img { display: inline-block; width: 30%; vertical-align: top; }
.main-news .content .news-img img { max-width: 90%; }
.main-news .content .news-panel { display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box; }
.main-news .content .news-panel strong a { display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-news .content .news-panel p.detail { color: #777; line-height: 24px; }
.main-news .content .news-panel p.read-push { color: #AAA; padding-top: 5px; }
.main-news #newsPage .layui-laypage { display: block; text-align: center; margin-top: 70px; }
.main-news #newsPage .layui-laypage a, .main-news #newsPage .layui-laypage span { font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3; }
/*动态详情页*/.main-newsdate { margin-top: 80px; text-align: center; }
.main-newsdate .news { text-align: left; line-height: 104px; }
.main-newsdate h1 { padding-top: 6px; }
.main-newsdate .pushtime { color: #686868; font-size: 18px; line-height: 82px; }
.main-newsdate .introTop { padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left; }
.main-newsdate .introBott { font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0; }
.main-newsdate img { max-width: 100%; }
/** 案例 */.loginbj { }
.nav { max-height: 86px; }
.nav.index { }
.nav .nav-list button { display: none; }
.nav .layui-nav { top: 7px; padding: 0 5px; border-radius: 0; margin-left: calc(50% - 180px); }
.layui-nav li dl { z-index: 9999 }
/*关于我们*/

.dqishi { }
.qishi100 { background-color: #e4e5e5; padding-top: 200px; min-height: 800px }
.qsbody { width: 1280px; margin: auto }
.qsbody h1 { text-align: center; line-height: 50px; font-size: 32px; color: #545454; padding-bottom: 30px }
.qsbody .nr, .qsbody .nr p { font-size: 14px; color: #525252; line-height: 25px; }
.zdk100 { width: 100%; background-image: url(https://cicweiku.oss-cn-beijing.aliyuncs.com/zkxtg/sys/aboutbj.jpg); background-repeat: no-repeat; background-size: auto; background-position: center top; margin-top: 90px; padding-top: 50px; padding-bottom: 50px; height: calc(100vh - 330px) }
.zdk100 .bjs { background-color: #f0f0f0; margin-left: 50px; margin-right: 50px; }
.zdk100 .grid-demo2 { margin-left: 50px; margin-right: 50px; margin-top: 50px }
.zdk100 .mapw100 img { width: 100% }
.zdk100 .grid-demo2 b { font-size: 32px; color: ##525252; font-weight: normal; padding-bottom: 20px; display: block }
.zdk100 .grid-demo2 p { color: #525252; line-height: 1.8; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; }
.zfoot { height: 100% }
/*新闻*/ .znews { background-color: #dddddd }
.neww100 { margin: 50px; margin-top: 140px }
.newwlm { overflow: hidden; background-color: #FFF; height: 700px }
.grid-demon { margin-left: 25px }
.nshousuo { height: 45px; width: 485px; margin: auto; background-color: #fff; border: 2px solid #ca181c; border-radius: 22.5px; margin-top: 70px; margin-bottom: 60px; }
.nshousuo .shouint { line-height: 45px; background-color: #fff; border: 0px; margin-left: 22.5px; width: 400px }
.nshousuo .butijiao { float: right; width: 40px; height: 40px; color: #ca181c; border: 0px; background-color: #fff; margin-right: 22.5px; }
.nshousuo .butijiao span { font-size: 30px; margin-top: 3px; margin-right: -10px; display: block; width: 30px; float: right }
/*联系我们*/
.lianxiw { }
.lianxi100 { width: 100%; background-image: url(https://cicweiku.oss-cn-beijing.aliyuncs.com/zkxtg/sys/aboutbj.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: 90px; padding-top: 70px; padding-bottom: 50px; height: calc(100vh - 330px) }
.bjslx { background-color: #f0f0f0; width: 1280px; margin: auto; min-height: 560px }
.bjslx .ditu { width: 50% }
.bjslx .ditu img { width: 100%; height: 560px }
.grid-democon { }
/*征集活动*/
.huodongd { }
.huodong100 { width: 100%; background-image: url(https://cicweiku.oss-cn-beijing.aliyuncs.com/zkxtg/sys/aboutbj.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; height: 800px }
.hddata-show { width: 1280px; margin: auto; padding-top: 260px }
.hddata-show ul li { height: 375px; background-color: #e4e6e6; width: 100%; display: block; padding-top: 25px }
.kumao { margin-left: 25px; float: left }
.kumao img { width: 600px; height: 350px; }
.kumao .titlen { display: block; margin-top: -120px; color: #FFF; padding-left: 20px; font-size: 24px }
.kumao .titlen b { font-size: 32px; font-weight: normal; line-height: 50px; }
.hddata-show ul li .kulist { float: left; margin-left: 35px; padding-top: 15px; }
.hddata-show ul li .kulist .time { font-size: 50px; color: #ca181c; }
.hddata-show ul li .kulist .time em { font-style: normal; color: #888888; font-size: 20px; padding-left: 10px; }
.hddata-show ul li .kulist .time .iconfont { color: #888888; font-size: 50px; padding-right: 15px }
.nun01 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cacaca; width: 590px; border-top-width: 1px; border-top-style: solid; border-top-color: #cacaca; padding-top: 18px; padding-bottom: 18px; margin-top: 15px; margin-bottom: 20px }
.nun01 span { color: ##CDCDCD; font-size: 16px; line-height: 35px; color: #555 }
.touanniu a { width: 150px; height: 45px; display: block; float: left; margin-right: 20px; color: #fff; line-height: 45px; font-size: 20px; padding-left: 20px }
.touanniu a.anniu01 { background-color: #03488c }
.touanniu a.anniu02 { background-color: #ca181c }
.touanniu a.anniu03 { background-color: #555555 }
.touanniu a.anniu01:hover { background-color: #ca181c }
.touanniu a.anniu02:hover { background-color: #03488c }
.touanniu a.anniu03:hover { background-color: #ca181c }
.touanniu a span { font-size: 24px; padding-left: 20px }
/*征稿启事*/
.dqishi { }
.qishi100 { background-color: #ebebeb; padding-top: 200px; min-height: 600px }
.qsbody { width: 80%; margin: auto }
.qsbody h1 { text-align: center; line-height: 50px; font-size: 32px; color: #545454; padding-bottom: 30px }
.qsbody .nr, .qsbody .nr p { font-size: 14px; color: #525252; line-height: 25px; }
/*作品展示*/
.dzpzs { }
.zpzs100 { padding-top: 90px; min-height: 700px }
.zpzs100 .zuoplist { }
/*大祭司*/
.dajishilm { overflow: hidden; background-color: #184470; height: 700px }
.dajishilm .ecm { color: #FFF; margin-top: 50px; margin-left: 80px }
.dajishilm .ecm h4 { font-size: 48px; }
.dajishilm .ecm b { font-size: 32px; font-weight: normal; line-height: 80px; }
.dajishilm .ecm p { font-size: 16px; }
.dajishibj { width: 100%; background-image: url(https://cicweiku.oss-cn-beijing.aliyuncs.com/zkxtg/web/lm/142/dashij-bj.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center 90px; background-attachment: fixed }
.dajishibj .qsbody h1 { color: #fff }
.month-detail-box:hover p { color: #fff }
.znews { width: 100%; }
.a70renbj .qsbody h1 { color: #fff }
/*固定的悬浮窗*/
.yb_conct { position: fixed; z-index: 9999999; top: 300px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }

.hd_qr { padding-top: 0; padding-bottom: 15px; margin-left: 10px; margin-right: 10px; }
.hd_qr img { width: 100% }
.yb_QQ a, .yb_phone a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }
/*查看作品大图*/
.demo-gallery > ul > li a { float: none; }
.gridblock-filter-select-wrap { width: 1280px; margin: 30px auto; }
.gridblock-filter-select-wrap .adr { line-height: 35px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ca1d1f; padding-top: 35px; padding-bottom: 15px }
.gridblock-filter-select-wrap .adr a { line-height: 35px; }
.gridblock-filter-select-wrap .adr span { color: #d70000 }
.gridblock-filter-select-wrap .info { font-size: 32px; padding-top: 20px; padding-bottom: 30px; }
.gridblock-filter-select-wrap .info b { font-weight: normal }
.gridblock-filter-select-wrap .info b span { color: #cc0000; }
.gridblock-filter-select-wrap .info p { font-size: 14px; padding-top: 20px; color: #666666 }
.gridblock-filter-select-wrap .bianhao { border-top: 1px solid #CCCCCC; width: 100%; }
.gridblock-filter-select-wrap .bianhao ul li { float: left; line-height: 60px; font-size: 14px; color: #666666; margin-right: 40px; }
.demo-gallery { width: 1280px; margin: 30px auto; }
.demo-gallery > ul > li { width: 23%; margin-right: 2%; }
.work-details { margin-top: 10px; overflow: hidden; }
.work-details h4 { margin-bottom: 5px; }
.worktype-categories { font-size: 12px; line-height: 25px; text-transform: uppercase; color: #AFAFAF; font-family: Arial, Helvetica, sans-serif; }
.lg-outer .lg-thumb { margin: auto; }
.ma80 { width: 80%; margin: auto; }