*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.tpl-jianzhu{
  --theme:#1d2087;
  --theme-hover:#e50012;
  --dark:#1d2087;
  color:#666;
  background:#fff;
  font:12px/1.5 "Microsoft YaHei",Arial,SimSun,sans-serif;
  overflow-x:hidden
}
body.tpl-jianzhu ul{list-style:none;margin:0;padding:0}
body.tpl-jianzhu p{margin:0}
body.tpl-jianzhu a{color:inherit;text-decoration:none;outline:none}
body.tpl-jianzhu img{max-width:100%;border:0;vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearfix{zoom:1}
.clearboth{height:0;line-height:0;overflow:hidden;clear:both;font-size:0}
.fl{float:left}
.fr{float:right}
.inner-width,.tou,.x-menu,.box2,.xws,.ab,.df_con,.ft2{width:min(1200px,calc(100% - 32px));margin-left:auto;margin-right:auto}

/* top bar — match reference sky / sky_con clearfix */
.sky{width:100%;height:35px;background:#ddd;color:#666;overflow:hidden}
.sky a{color:#666}
.sky_con{width:min(1200px,calc(100% - 32px));height:35px;margin:0 auto}
.huan{float:left;font:400 12px/35px "Microsoft YaHei"}
.huan p{margin:0;line-height:35px}
.huan a{line-height:35px;font-size:12px;padding-right:5px}
.k1x{float:right;line-height:35px;color:#333;font-size:12px}
.k1x a{color:#333;font-size:12px}

/* header */
.tou_con{background:#fff}
.tou{height:120px;overflow:hidden}
.logo{float:left;margin:0;line-height:120px;font-size:30px;font-weight:700;max-width:58%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.logo a{color:#1d2087}
.telx{
  float:right;
  margin-top:30px;
  padding-left:65px;
  font-size:13px;
  color:#666;
  background:url(/template-static/jianzhu/images/036a6159266aa200c3cb4003f907699a8c77e7fa.png) no-repeat 0 15%
}
.telx p{margin:0;white-space:nowrap}
.telx p:nth-child(2){font:600 28px/1.2 Arial;color:#1d2087}

/* nav theme */
#menu{background:#1d2087}
#menu .x-menu{display:flex;float:none;justify-content:center}
#menu .x-menu>li{position:relative;width:150px;margin:0;text-align:center}
#menu .x-menu>li>a{display:block;padding:0;color:#fff;font-size:16px;line-height:50px}
#menu .x-menu>li>a:hover,
#menu .x-menu>li.active>a,
#menu .x-menu .active a{color:#fff!important;background:#e50012}

/* banner */
.x-banner,.site-banner{position:relative;overflow:hidden;background:#1d2087 url(/template-static/jianzhu/images/a6fd640e543020be67b6a92cb95998d6a410d063.jpg) center/cover no-repeat}
.x-banner img,.site-banner>img{display:block;width:100%;height:420px;object-fit:cover}
.banner-fallback{display:none;padding:90px 8%;color:#fff;font-size:36px;font-weight:700}
.x-banner img[src=""],.site-banner>img[src=""]{display:none}
.banner-label{position:absolute;left:8%;top:50%;transform:translateY(-50%);padding:14px 22px;background:rgba(29,32,135,.55);color:#fff;font-size:28px;font-weight:700}

/* titles */
.ct1{margin:0;color:#1d2087;font-size:42px;font-weight:700;text-align:left}
.ct1 span{display:block;margin-top:5px;padding-left:15px;color:#e50012;font:18px/30px Arial;text-transform:uppercase}
.box2 .ct1,.xws .ct1{display:flex;align-items:center;justify-content:center;text-align:center}
.box2 .ct1 span,.xws .ct1 span{display:inline;padding-left:15px;font-size:24px;line-height:55px;margin-top:0}
.w1{margin-top:15px;color:#333;font-size:16px;text-align:center}

/* products — match reference list1z / dac / mx */
.box2{margin-top:100px;padding-bottom:20px}
.list1z{padding:8px 0;margin-top:30px}
.list1z>li{position:relative;float:left;width:374px;max-width:calc((100% - 72px)/3);margin:0 36px 30px 0;vertical-align:middle}
.list1z>li:nth-child(3n){float:right;margin-right:0}
.list1z li a.img,.list1z .runtime-product-image{display:block;height:278px;overflow:hidden;border:1px solid #eee;border-radius:4px 4px 0 0;background:#f3f3f3}
.list1z li a.img img,.list1z .runtime-product-image img{display:block;width:100%;height:278px;object-fit:cover;transition:all .5s ease}
.list1z li a.img:hover img,.list1z li:hover img{transform:scale(1.1)}
.dac{position:absolute;left:0;bottom:0;width:100%;height:45px;line-height:45px;background:#1d2087;border-radius:0 0 5px 5px}
.list1z li .dac h3{float:left;margin:0 0 0 5%;color:#fff;font-size:16px;font-weight:400;line-height:45px}
.list1z li .dac h3 a{display:block;color:#fff;font-size:16px;line-height:45px;max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list1z li:hover .dac{background:#e50012}
.mx{float:right;margin-right:5%;color:#fff;font-size:16px}
.mx a{color:#fff;font-size:16px}
body.tpl-jianzhu .list1z .runtime-product-item>a{display:block!important;position:relative}
body.tpl-jianzhu .list1z .runtime-product-item .runtime-product-title{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2;
  height:45px!important;min-height:45px!important;margin:0!important;padding:0 12% 0 5%!important;
  background:#1d2087!important;color:#fff!important;font:16px/45px "Microsoft YaHei"!important;font-weight:400!important;
  text-align:left!important;border-radius:0 0 5px 5px
}
body.tpl-jianzhu .list1z .runtime-product-item:hover .runtime-product-title{background:#e50012!important;color:#fff!important}
body.tpl-jianzhu .list1z .runtime-product-item .runtime-product-title::after{content:">";position:absolute;right:5%;top:0;color:#fff}

/* about */
.sun_sj{width:100%;margin-top:50px;padding:50px 0 70px;background:#1d2087 url(/template-static/jianzhu/images/c6038a935cebefceff1fbb6b2e7b75bda3c412d9.jpg) no-repeat center top;background-size:cover}
.ab{background:#fff;height:auto;min-height:300px;box-shadow:4px 7px 25px rgba(0,0,0,.15);overflow:hidden}
.abtp{float:left;width:346px;height:234px;margin:30px 0 30px 30px;overflow:hidden;background:#eee}
.abtp img{width:100%;height:234px;object-fit:cover}
.abnr{float:right;width:calc(100% - 436px);margin:30px 30px 30px 0;color:#666;font-size:14px;line-height:28px}
.abnr h3{margin:10px 0 15px;color:#333;font-size:28px;font-weight:500}
.abnr p{margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.abnr a.amore{display:inline-block;margin-top:28px;min-width:132px;height:40px;line-height:40px;text-align:center;color:#fff;}
.abnr a.amore:hover{background:#e50012}

/* news — match reference news_listx */
.xws{width:min(1200px,calc(100% - 32px));margin:80px auto 0;padding-bottom:70px}
ul.news_listx,.news_listx>ul{margin-top:40px;padding:0;list-style:none}
ul.news_listx:after,.news_listx>ul:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
ul.news_listx>li,.news_listx>ul>li{position:relative;float:left;width:376px;max-width:calc((100% - 48px)/3);margin:0 12px 24px}
.xws ul.news_listx>li:nth-child(n+4),
.xws .news_listx>ul>li:nth-child(n+4),
.xws ul.runtime-news-list>li:nth-child(n+4){display:none!important}
ul.news_listx li a.imgx,.news_listx li a.imgx,.news_listx .news-img{display:block;margin:0;overflow:hidden;background:#eee}
ul.news_listx li a.imgx img,.news_listx li a.imgx img,.news_listx .news-img img{display:block;width:100%;height:270px;object-fit:cover;transition:transform .5s}
ul.news_listx li a.imgx:hover img,.news_listx li:hover a.imgx img{transform:scale(1.1)}
ul.news_listx li>a:not(.imgx){display:block;margin-top:15px;color:#333;font-size:18px;line-height:27px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
ul.news_listx li>a:not(.imgx):hover{color:#1d2087}
ul.news_listx li b,.news_listx li b,.news_listx .info{display:block;margin-top:10px;color:#777;font-size:14px;font-weight:400;line-height:27px}
.news_listx .more,.news_listx time,.xws .more,.xws time{display:none}
ul.news_listx .time,.news_listx .time,.news_listx .news-date{
  position:absolute;left:0;top:15px;width:70px;height:70px;background:rgba(29,32,135,.8);z-index:2;text-align:center
}
ul.news_listx .time1,.news_listx .time1{color:#fff;font-size:40px;font-weight:700;line-height:40px;margin-top:5px;text-align:center}
ul.news_listx .time2,.news_listx .time2{color:#fff;font-size:12px;font-weight:400;line-height:18px;text-align:center}

/* footer */
.dff{width:100%;color:#deecff;background:#1d2087 url(/template-static/jianzhu/images/4d513d5745fbade77f2107bf281100e920576bce.jpg) repeat-x top center}
.df_con{display:flex;gap:40px;padding:43px 0 20px;min-height:260px}
.dff3{flex:0 0 420px;color:#fff}
.dff3 h3{margin:0 0 20px;color:#fff;font-size:30px}
.dff .lx .p1{font-size:16px}
.dff .tel2,.dff .lx strong{display:block;margin:10px 0 18px;color:#fff;font-size:24px;font-weight:700}
.dz{padding-top:15px;border-top:1px solid #fff;color:#deecff;font-size:14px;line-height:27px}
.dz p{margin:0}
.dao{flex:1;margin-top:10px}
.dao ul{display:flex;flex-wrap:wrap}
.dao li{width:118px;margin-right:10px}
.dao li h3{margin:0 0 8px;color:#fff;font-size:18px;font-weight:400}
.dao li a{display:block;color:#fff;font-size:14px;line-height:31px}
.dao li a:hover{color:#e50012}
.jz-footer-links{flex:1}
.jz-footer-links h3{margin:0 0 15px;color:#fff;font-size:18px}
.jz-footer-links .links a{display:inline-block;margin:0 14px 8px 0;color:#deecff}
.dff2{flex:0 0 120px;margin-top:42px;text-align:center}
.dff2 img{max-width:110px}
.benx{padding:10px 0 18px;line-height:40px}
.cop{color:#ddebfe;text-align:center;line-height:22px}
.benx a{color:#ddebfe}
.region{margin-top:4px}

/* inner pages — match reference page-wrap */
.container,.page-position .container,.page-wrap .container,.page-wrap .inner-width{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:0}
.page-position{padding:15px 0;font-size:14px;color:#2f2f2f;line-height:1.6}
.page-position a{color:#2f2f2f}
.page-position a:hover{color:#1d2087}
.page-position-extra:empty{display:none}
.page-position-extra:not(:empty):before{content:" > "}
.page-wrap{background:#fff;padding:30px 0 65px}
.page-wrap .inner-width:after,.page-wrap .container:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.page-wrap-left{float:left;width:305px;margin-right:50px}
.page-wrap-right{overflow:hidden}
.xypg-left-box{margin-bottom:20px}
.xypg-left-title,.xypg-left-box>h3{margin:0;padding:0 20px;background:#1d2087;color:#fff;line-height:62px;font-size:22px;font-weight:700}
.xypg-left-title h3{margin:0;color:#fff;font-size:22px;line-height:62px;font-weight:700}
.xypg-left-title span,.xypg-left-box>h3 span{margin-left:10px;color:#fff;opacity:.6;font-size:16px;font-weight:400}
.xypg-left-title span:before,.xypg-left-box>h3 span:before{content:"/";padding-right:5px}
.xypg-left-con{border:1px solid #d2d2d2;border-top:none}
.xypg-left-nav>li{border-bottom:1px solid #eee}
.xypg-left-nav>li:last-child{border-bottom:none}
.xypg-left-nav>li>a{display:block;padding:15px 18px;color:#2e2e2e;font-size:16px;line-height:22px}
.xypg-left-nav>li>a:hover,.xypg-left-nav>li.clicked>a{color:#1d2087}
.latest-news{padding:10px 0}
.latest-news li{padding:.5em 1em;font-size:14px}
.latest-news li a{display:block;color:#5a5a5a;line-height:1.2}
.latest-news li a:before{content:"+";margin-right:5px;font-weight:700;font-size:16px}
.latest-news li a:hover{color:#1d2087}
.page-wrap-contact{padding:10px 0;font-size:14px}
.page-wrap-contact h4{margin:0;padding:.3em 1.4em .8em;color:#000;font-size:16px}
.page-wrap-contact p{margin:0;padding:.8em 1.4em;border-top:1px solid #eee;color:#2f2f2f}
.page-title,.jz-page-title{margin:0 0 25px;padding-bottom:14px;border-bottom:1px solid #ddd;color:#1d2087;font-size:26px}
.richtext{line-height:2;color:#555}

/* inner news list */
.page-wrap .xypg-news-list,
.page-wrap .inner-news>ul,
.page-wrap ul.runtime-news-list{
  display:block!important;float:none!important;width:100%!important;max-width:100%!important;
  grid-template-columns:none!important;gap:0!important;margin:0;padding:0
}
.page-wrap .xypg-news-list>li,
.page-wrap .inner-news>ul>li,
.page-wrap ul.runtime-news-list>li{
  display:block!important;float:none!important;width:auto!important;max-width:none!important;
  margin:0 0 35px!important;padding:30px!important;overflow:visible!important;
  border:1px solid #e1e1e1!important;background:#fff!important;box-shadow:none!important;transform:none!important
}
.page-wrap .xypg-news-list>li:hover,
.page-wrap ul.runtime-news-list>li:hover{box-shadow:0 2px 13px 1px rgba(8,1,3,.18)!important;transform:none!important}
.page-wrap .xypg-news-list .news-img,
.page-wrap .inner-news .news-img,
.page-wrap .inner-news .imgx{display:none!important}
.page-wrap .xypg-news-list .tit{position:relative;margin-bottom:15px;padding:0;border-bottom:1px solid #cbcbcb}
.page-wrap .xypg-news-list .tit h3,
.page-wrap .inner-news h3,
.page-wrap .news-text h3{margin:0;padding:0 25% 15px 0;color:#565656;font-size:18px;font-weight:400;line-height:1.4;white-space:normal!important}
.page-wrap .xypg-news-list .tit .date,
.page-wrap .xypg-news-list .date,
.page-wrap .inner-news .date time,
.page-wrap .inner-news time{display:block!important;position:absolute;right:0;top:0;padding:0;width:auto;height:auto;background:none;color:#666;font-size:14px}
.page-wrap .inner-news .time1,
.page-wrap .inner-news .time2,
.page-wrap .xypg-news-list .time1,
.page-wrap .xypg-news-list .time2{display:none!important}
.page-wrap .xypg-news-list .info,
.page-wrap .inner-news .info,
.page-wrap .news-text .info{display:block!important;margin:0;color:#999;font-size:14px;line-height:2;-webkit-line-clamp:unset}
.page-wrap .xypg-news-list .more,
.page-wrap .inner-news .more,
.page-wrap .news-text .more{display:block!important;margin-top:15px;color:#666}
.page-wrap .xypg-news-list .more span,
.page-wrap .inner-news .more{display:inline-block;width:130px;line-height:33px;text-align:center;border:1px solid #e1e1e1;color:#666;font-size:14px}
.page-wrap .xypg-news-list>li:hover .tit h3,
.page-wrap .inner-news li:hover h3{color:#1d2087}
.page-wrap .xypg-news-list>li:hover .more span,
.page-wrap .inner-news li:hover .more{color:#fff;background:#1d2087;border-color:#1d2087}

/* inner product list */
.page-wrap .inner-products,
.page-wrap .inner-products ul,
.page-wrap .product-grid,
.page-wrap .xypg-product-list{
  display:block!important;margin:0 -1.5%;padding:0;font-size:0;grid-template-columns:none!important
}
.page-wrap .inner-products>li,
.page-wrap .inner-products ul>li,
.page-wrap .product-grid>li,
.page-wrap .xypg-product-list>li,
.page-wrap .runtime-product-item{
  display:inline-block!important;float:none!important;vertical-align:bottom;
  width:30.333%!important;margin:0 1.5% 20px!important;padding:10px 10px 0!important;
  border:1px solid #eee;background:#fff;box-sizing:border-box;font-size:14px
}
.page-wrap .runtime-product-item>a{display:block!important;flex-direction:unset!important;height:auto!important}
.page-wrap .inner-products .img,
.page-wrap .runtime-product-image,
.page-wrap .xypg-product-list .img{position:relative;display:block!important;height:190px;overflow:hidden;background:#f3f3f3}
.page-wrap .inner-products img,
.page-wrap .runtime-product-image img,
.page-wrap .xypg-product-list img{display:block;width:100%;height:190px;object-fit:cover}
.page-wrap .inner-products h3,
.page-wrap .runtime-product-title,
.page-wrap .xypg-product-list h3,
.page-wrap .xypg-product-list h3 a{
  position:static!important;display:block!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:.8em 0!important;background:transparent!important;color:#5a5a5a!important;
  font-size:14px!important;font-weight:400!important;line-height:1.6!important;text-align:center!important
}
.page-wrap .runtime-product-title::after{display:none!important;content:none!important}
.page-wrap .inner-products>li:hover,
.page-wrap .product-grid>li:hover,
.page-wrap .xypg-product-list>li:hover,
.page-wrap .runtime-product-item:hover{border-color:#1d2087}

.detail-grid{display:grid;grid-template-columns:42% 1fr;gap:30px}
.detail-image{min-height:300px;background:#f1f3f3;position:relative;display:grid;place-items:center;color:#999}
.detail-image:before{content:"暂无图片"}
.detail-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.detail-info h1{margin-top:0;color:#1d2087}
.detail-info p{padding:10px 0;border-bottom:1px dashed #ddd}
.detail-copy{margin-top:28px;line-height:1.9}
.detail-copy h2{border-left:4px solid #1d2087;padding-left:12px;font-size:19px}

/* news detail — match reference xypg-detail */
.page-wrap .xypg-news-detail{color:#333}
.page-wrap .xypg-news-detail .news-title,
.page-wrap .xypg-news-detail h1.news-title{
  margin:0 0 10px!important;padding:0!important;
  color:#363636!important;font-size:20px!important;font-weight:700!important;line-height:1.7!important
}
.page-wrap .xypg-news-detail .news-cover{margin:0 0 18px;text-align:center}
.page-wrap .xypg-news-detail .news-cover img{max-width:100%;height:auto;border-radius:0}
.page-wrap .xypg-news-detail .news-meta{
  margin-bottom:20px;padding:0;border:0;border-bottom:1px dashed #cfcfcf;
  color:#9e9e9e;font:14px/35px Arial;overflow:hidden
}
.page-wrap .xypg-news-detail .news-meta span{display:inline-block;margin-right:20px}
.page-wrap .xypg-news-detail .news-content{
  margin:0;padding:0;font-size:14px;color:#333;line-height:1.7
}
.page-wrap .xypg-news-detail .news-content p{margin:10px 0 20px;line-height:24px}
.page-wrap .xypg-news-detail .news-content img,
.page-wrap .xypg-news-detail .news-content p img{width:auto!important;max-width:100%;height:auto!important}
.page-wrap .xypg-news-detail .news-content-en{margin-top:16px}
.page-wrap .xypg-news-detail .news-share{display:none}
.page-wrap .xypg-news-detail .news-extra-row{
  margin-top:15px;padding:10px;overflow:hidden;
  border:1px solid #eee;line-height:22px;color:#666;font-size:14px
}
.page-wrap .xypg-news-detail .news-extra-row:after{content:"";display:block;clear:both}
.page-wrap .xypg-news-detail .news-extra-row span{float:left;margin-right:8px;color:#1d2087;font-weight:400}
.page-wrap .xypg-news-detail .news-extra-row a{color:#666;word-break:break-all}
.page-wrap .xypg-news-detail .news-extra-row a:hover{color:#1d2087}
.page-wrap .xypg-news-detail .news-share + .news-extra-row{
  margin-top:40px;padding:0;border:0;border-bottom:1px solid #c3c3c3
}
.page-wrap .xypg-news-detail .news-share + .news-extra-row span{
  float:none;display:inline-block;padding:0 30px;margin:0;
  color:#1d2087;font-size:16px;line-height:40px;border-bottom:3px solid #1d2087
}
.page-wrap .xypg-news-detail .news-share + .news-extra-row + .news-extra-row{
  margin-top:15px;padding:0;border:0
}

/* toolbar */
#toolbar{position:fixed;right:0;top:42%;z-index:99}
#toolbar li{width:56px;margin-bottom:2px;background:#3b3939;color:#fff;text-align:center}
#toolbar li a,#toolbar li.phone{display:block;padding:10px 4px;color:#fff}
#toolbar .wz{display:block;font-size:12px;line-height:16px}
#toolbar .tel-phone{display:none;position:absolute;right:56px;top:0;padding:10px 16px;white-space:nowrap;background:#3b3939}
#toolbar li.phone:hover .tel-phone{display:block}

@media(max-width:900px){
  .logo{font-size:22px;max-width:48%}
  .telx p:nth-child(2){font-size:20px}
  .x-banner img,.site-banner>img{height:240px}
  .page-wrap-left{float:none;width:auto;margin:0 0 24px}
  .list1z>li,ul.news_listx>li,.news_listx>ul>li{width:calc((100% - 20px)/2);max-width:none;margin-right:20px;float:left}
  .list1z>li:nth-child(3n),ul.news_listx>li:nth-child(3n){float:left;margin-right:20px}
  .list1z>li:nth-child(2n),ul.news_listx>li:nth-child(2n){margin-right:0;float:right}
  .page-wrap .inner-products>li,.page-wrap .product-grid>li,.page-wrap .xypg-product-list>li,.page-wrap .runtime-product-item{width:47%!important}
  .abtp,.abnr{float:none;width:auto;margin:20px}
  .df_con{flex-direction:column;gap:24px}
  .dff3{flex:none}
}
@media(max-width:640px){
  .k1x,.dff2,#toolbar{display:none}
  .tou{height:auto;padding:16px 0}
  .logo,.telx{float:none;line-height:1.3;margin:0;padding:0}
  .logo{display:block;max-width:100%;white-space:normal}
  .telx{margin-top:12px;padding-left:52px;background-size:40px}
  .telx p:nth-child(2){font-size:20px}
  #menu .x-menu{overflow:auto}
  #menu .x-menu>li{min-width:25%;width:auto;flex:1}
  #menu .x-menu>li>a{padding:0 8px;font-size:14px}
  .ct1{font-size:28px}
  .box2 .ct1 span,.xws .ct1 span{font-size:16px}
  .list1z li a.img,.list1z li a.img img,.list1z .runtime-product-image,.list1z .runtime-product-image img{height:180px}
  ul.news_listx li a.imgx img,.news_listx .news-img img{height:180px}
  .detail-grid{grid-template-columns:1fr}
}
