*{box-sizing:border-box}
html,body{margin:0}
body.tpl-wenhua{
  color:#333;background:#fff;
  font:14px/1.8 "Microsoft YaHei",Arial,sans-serif
}
h1,h2,h3,p,ul,dl,dd,dt{margin:0;padding:0}
ul{list-style:none}
a{text-decoration:none;color:inherit}
img{border:0;max-width:100%;vertical-align:middle}
.clearfix:after{content:"";display:block;clear:both}
.fl{float:left}.fr{float:right}
.wh,.vn1200,.container{width:1200px;margin:0 auto;padding:0}

.top1{height:40px;overflow:hidden;background:#f8f8f8;color:#000;font-size:16px;line-height:40px}
.top1 a{color:#000}
.top1 a:hover{color:#3650ee}
.wel{float:left}
.topLink{float:right}

.sample-head{height:100px}
.logo{float:left;max-width:420px;line-height:100px}
.logo a{display:block;color:#3650ee;font-size:26px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-menu{float:right}
.x-menu>li{float:left;margin-left:38px}
.x-menu>li>a{display:block;color:#000;font-size:18px;line-height:100px}
.x-menu>li>a:hover,.x-menu>li.active>a{
  color:#3650ee;
  background:url(/template-static/wenhua/images/4083482abf83ab573cd1e63bb39ce6757f7c69fd.png) no-repeat center 85px
}

.x-banner{overflow:hidden;background:#eef6fb}
.x-banner img{display:block;width:100%;height:420px;object-fit:cover}
.x-banner img[src=""]{display:none}

.sample2{
  min-height:713px;padding:100px 0 60px;
  background:#fff url(/template-static/wenhua/images/492b0adc5bf49702b9151dcca14736fde262cb14.png) no-repeat center
}
.sample2-left{float:left;width:485px}
.sample2-left h3{color:#000;font-size:26px;font-weight:400;line-height:1.3}
.sample2-left>span{display:block;margin-top:12px;color:#999;font-size:14px;line-height:14px}
.sample2-con{margin-top:62px;max-height:196px;overflow:hidden;color:#999;font-size:14px;line-height:28px}
.about-more{width:137px;height:43px;margin-top:42px;border:1px solid #999;line-height:41px;text-align:center}
.about-more a{color:#999;font-size:16px}
.about-more a:hover{color:#3650ee;border-color:#3650ee}
.sample2 .ads2{width:508px;height:480px;margin-top:20px;overflow:hidden;background:#eef6fb}
.sample2 .ads2 img{display:block;width:508px;height:480px;object-fit:cover}
.sample2 .ads2 img[src=""]{display:none}

.sample6{margin-top:68px;padding-bottom:10px}
.sample-title{text-align:center}
.sample-title h3{color:#000;font-size:26px;font-weight:400;line-height:26px}
.sample-title span{display:block;margin-top:12px;color:#999;font-size:14px;line-height:14px}
.sample6 .product_list1,.sample6 .product_list1>ul{
  display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:45px
}
.sample6 .runtime-product-item,
.sample6 .product_list1>ul>li{
  width:375px;margin:0 0 10px;padding:0;border:0;background:transparent;list-style:none
}
.sample6 .runtime-product-item>a{display:block;height:auto}
.sample6 .runtime-product-image{display:block;width:375px;height:220px;overflow:hidden;background:#f3f3f3}
.sample6 .runtime-product-image img{display:block;width:375px;height:220px;object-fit:cover;transition:transform .4s}
.sample6 .runtime-product-item:hover img{transform:scale(1.2)}
.sample6 .runtime-product-title{
  display:block;margin:0;padding:18px 0 29px;height:auto;min-height:0;
  background:transparent;color:#555;font-size:15px;font-weight:400;line-height:15px;text-align:center
}

body.tpl-wenhua .sample7{margin-top:40px;padding-bottom:50px}
body.tpl-wenhua .sample7 .sample7-con{margin-top:65px}
body.tpl-wenhua .sample7 .sample7-source,
body.tpl-wenhua .sample7 .sample7-source ul.runtime-news-list,
body.tpl-wenhua .sample7 .sample7-source li{display:none!important}
body.tpl-wenhua .sample7 .sample7-con .sample7-left{float:left;width:603px}
body.tpl-wenhua .sample7 .sample7-con .sample7-right{float:right;width:510px}
body.tpl-wenhua .sample7 .sample7-con .sample7-left .info1 li .titles h3{
  float:left;font-size:16px;font-weight:400;line-height:16px
}
body.tpl-wenhua .sample7 .sample7-con .sample7-left .info1 li .titles h3 a{color:#000}
body.tpl-wenhua .sample7 .sample7-con .sample7-left .info1 li .titles h3:hover a{color:#19ADDB}
body.tpl-wenhua .sample7 .sample7-con .sample7-left .info1 li .titles span{
  float:right;font-size:16px;color:#aaa9a9;line-height:16px
}
body.tpl-wenhua .sample7 .sample7-con .sample7-left .info1 li p{
  margin-top:12px;color:#999;font-size:14px;line-height:22px
}
body.tpl-wenhua .sample7 .sample7-con .sample7-left .sample7-tus{width:603px;margin-top:25px}
body.tpl-wenhua .sample7 .sample7-con .sample7-left .sample7-tus img{display:block;width:603px;height:313px}
body.tpl-wenhua .sample7 .sample7-con .sample7-right .info2 li{
  border-bottom:1px solid #999;padding-bottom:35px;margin-bottom:35px
}
body.tpl-wenhua .sample7 .sample7-con .sample7-right .info2 li .titles h3{
  float:left;font-size:16px;font-weight:400;line-height:16px
}
body.tpl-wenhua .sample7 .sample7-con .sample7-right .info2 li .titles h3 a{color:#000}
body.tpl-wenhua .sample7 .sample7-con .sample7-right .info2 li .titles h3:hover a{color:#19ADDB}
body.tpl-wenhua .sample7 .sample7-con .sample7-right .info2 li .titles span{
  float:right;font-size:16px;color:#aaa9a9;line-height:16px
}
body.tpl-wenhua .sample7 .sample7-con .sample7-right .info2 li p{
  margin-top:12px;color:#999;font-size:14px;line-height:25px
}

.c-link{padding:20px 0;color:#2a333c;font-size:14px;line-height:24px}
.c-link .button{margin-right:8px}
.c-link a{display:inline-block;padding:0 4px;color:#2a333c}
.c-link a:hover{color:#3650ee}

.sample-foot{padding:40px 0 18px;background:#f8f8f8}
.foot-link{color:#000;font-size:18px;line-height:18px;text-align:center}
.foot-link a{padding:0 18px;color:#000}
.foot-link a:hover{color:#3650ee}
.foot-contact{margin-top:35px}
.foot-contact ul{overflow:hidden}
.foot-contact li{
  float:left;max-width:360px;padding:13px 0 16px 41px;
  background:url(/template-static/wenhua/images/1b53ccef81ec66c830d92bb6a578c23b5bc59976.png) no-repeat left top
}
.foot-contact li+li{
  margin-left:80px;
  background-image:url(/template-static/wenhua/images/68c472b18e4245b9c134d5868022af1b30312e9b.png)
}
.foot-contact li+li+li{
  background-image:url(/template-static/wenhua/images/25979adcf6aa8abf0468dd824dc0abe654b1c11c.png)
}
.foot-contact h3,.foot-contact span{float:left;color:#000;font-size:16px;font-weight:400}
.foot-copyRight{margin-top:10px;color:#000;font-size:16px;line-height:30px;text-align:center}
.foot-copyRight .x-region{margin-top:4px}

.page-position{padding:15px 0;color:#2f2f2f;font-size:14px}
.page-position a{color:#2f2f2f}
.page-position a:hover{color:#3650ee}
.page-position-extra:empty{display:none}
.page-position-extra:not(:empty):before{content:" > "}
.page-wrap{padding:40px 0 50px;background:#fff;overflow: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{padding:10px 20px;background:#3650ee}
.xypg-left-title h3{color:#fff;font-size:20px;font-weight:700;line-height:30px}
.xypg-left-title span{margin-left:10px;color:#fff;opacity:.6;font-size:16px;font-weight:400}
.xypg-left-title 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:#3650ee}
.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}
.latest-news li a:hover{color:#3650ee}
.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{margin:0 0 25px;padding-bottom:14px;border-bottom:1px solid #e5e5e5;color:#333;font-size:24px}
.page-wrap:has(.xypg-news-detail) .page-title{display:none}
.page-text,.richtext{color:#555;line-height:2}

body.tpl-wenhua .page-wrap .xypg-news-list,
body.tpl-wenhua .page-wrap ul.runtime-news-list{
  display:block!important;width:100%!important;margin:0;padding:0;grid-template-columns:none!important
}
body.tpl-wenhua .page-wrap .xypg-news-list>li,
body.tpl-wenhua .page-wrap ul.runtime-news-list>li{
  display:block!important;position:relative;float:none!important;width:auto!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
}
body.tpl-wenhua .page-wrap .xypg-news-list>li:hover,
body.tpl-wenhua .page-wrap ul.runtime-news-list>li:hover{box-shadow:0 2px 13px 1px rgba(8,1,3,.18)!important;transform:none!important}
body.tpl-wenhua .page-wrap .news-img{display:none!important}
body.tpl-wenhua .page-wrap .xypg-news-list .tit,
body.tpl-wenhua .page-wrap .news-text{position:relative;margin:0 0 15px;padding:0!important;border-bottom:1px solid #cbcbcb}
body.tpl-wenhua .page-wrap .xypg-news-list .tit h3,
body.tpl-wenhua .page-wrap .news-text h3{
  margin:0!important;padding:0 28% 15px 0!important;color:#565656!important;
  font-size:18px!important;font-weight:400!important;white-space:normal!important
}
body.tpl-wenhua .page-wrap .xypg-news-list .tit .date,
body.tpl-wenhua .page-wrap .xypg-news-list .date,
body.tpl-wenhua .page-wrap .news-date,
body.tpl-wenhua .page-wrap .news-date time{
  display:block!important;position:absolute;right:0;top:0;width:auto;height:auto;padding:0;
  background:none!important;color:#666;font-size:14px;font-style:normal
}
body.tpl-wenhua .page-wrap .time1,body.tpl-wenhua .page-wrap .time2{display:none!important}
body.tpl-wenhua .page-wrap .news-text .info,
body.tpl-wenhua .page-wrap .xypg-news-list .info{display:block!important;margin:0;color:#999;font-size:14px;line-height:2;-webkit-line-clamp:unset}
body.tpl-wenhua .page-wrap .news-text .more,body.tpl-wenhua .page-wrap .xypg-news-list .more,
body.tpl-wenhua .page-wrap .xypg-news-list .more span{
  display:inline-block!important;margin-top:15px;width:130px;line-height:33px;text-align:center;
  border:1px solid #e1e1e1;color:#666;font-size:14px
}
body.tpl-wenhua .page-wrap li:hover .tit h3,body.tpl-wenhua .page-wrap li:hover .news-text h3{color:#3650ee}
body.tpl-wenhua .page-wrap li:hover .more,body.tpl-wenhua .page-wrap li:hover .more span{color:#fff;background:#3650ee;border-color:#3650ee}

.page-wrap .xypg-product-list,
.page-wrap .product-list,
.page-wrap .product-grid{display:block!important;margin:0 -1.5%;padding:0;font-size:0;grid-template-columns:none!important}
.page-wrap .runtime-product-item,
.page-wrap .xypg-product-list>li{
  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;font-size:14px
}
.page-wrap .runtime-product-item>a{display:block!important;flex-direction:unset!important;height:auto!important}
.page-wrap .runtime-product-image{display:block;height:190px;overflow:hidden;background:#f3f3f3}
.page-wrap .runtime-product-image img{display:block;width:100%;height:190px;object-fit:cover}
.page-wrap .runtime-product-title{
  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-item:hover{border-color:#3650ee}

.detail-grid{display:grid;grid-template-columns:42% 1fr;gap:30px}
.detail-image{min-height:300px;background:#f3f3f3;position:relative;display:grid;place-items:center}
.detail-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.detail-info h1{margin:0 0 12px;color:#3650ee;font-size:24px}
.detail-info p{padding:10px 0;border-bottom:1px dashed #ddd}
.detail-block{margin-top:28px;line-height:1.9}
.detail-block h3{padding-left:12px;border-left:4px solid #3650ee;font-size:19px}

.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-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{color:#333;font-size:14px;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-share{display:none}
.page-wrap .xypg-news-detail .news-extra-row{margin-top:15px;padding:10px;overflow:hidden;border:1px solid #eee;color:#666;font-size:14px}
.page-wrap .xypg-news-detail .news-extra-row span{float:left;margin-right:8px;color:#3650ee}
.page-wrap .xypg-news-detail .news-extra-row a{color:#666}
.page-wrap .xypg-news-detail .news-extra-row a:hover{color:#3650ee}

@media(max-width:990px){
  .wh,.vn1200,.container,.x-menu{width:auto;margin:0 16px}
  .x-menu{float:none}
  .x-menu>li{margin-left:16px}
  .page-wrap-left{float:none;width:auto;margin:0 0 24px}
  .sample2-left,.sample2 .ads2{float:none;width:auto}
  .sample2 .ads2{margin-top:24px;height:200px}
  .sample2 .ads2 img{width:100%;height:200px}
  .sample6 .runtime-product-item{width:48%}
  .sample6 .runtime-product-image,.sample6 .runtime-product-image img{width:100%;height:180px}
  body.tpl-wenhua .sample7 .sample7-con .sample7-left,
  body.tpl-wenhua .sample7 .sample7-con .sample7-right{float:none;width:auto}
  body.tpl-wenhua .sample7 .sample7-con .sample7-left .sample7-tus,
  body.tpl-wenhua .sample7 .sample7-con .sample7-left .sample7-tus img{width:100%;height:auto}
  .page-wrap .runtime-product-item{width:47%!important}
  .foot-contact li,.foot-contact li+li{float:none;margin:0 0 16px}
  .detail-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .topLink{display:none}
  .sample-head{height:auto;padding:12px 0}
  .logo,.x-menu{float:none}
  .x-menu>li>a{line-height:48px}
  .x-banner img{height:200px}
  .sample2{min-height:0;padding:40px 16px}
}