@charset "utf-8";
@charset "utf-8";
/*@font-face*/
/*{*/
/*    font-family: 'sourcehansansnormalalphabetic';*/
/*    src: url('fonts/normal/sourcehansanscn-normal-webfont.woff2') format('woff2'), url('fonts/normal/sourcehansanscn-normal-webfont.woff') format('woff'), url('fonts/normal/sourcehansanscn-normal-webfont.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face*/
/*{*/
/*    font-family: 'sourcehansanscn-rRgalphabetic';*/
/*    src: url('fonts/regular/sourcehansanscn-regular-webfont.woff2') format('woff2'), url('fonts/regular/sourcehansanscn-regular-webfont.woff') format('woff'), url('fonts/regular/sourcehansanscn-regular-webfont.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'sf';
    src: url("./font/SF-UI-Text-Medium.otf");
}
@font-face {
    font-family: 'sr';
    src: url("/static/font/SF-UI-Text-Regular.otf");
}

.sfm{font-family: 'sf'}
.sfr,
.top-item span,
.contact-item span{font-family: 'sr'}




/*@font-face {*/
/*    font-family: 'scr';*/
/*    src: url("./fonts/HarmonyOS_Sans_SC_Regular.ttf");*/
/*}*/

/*.scb{font-family: 'scb'}*/
/*.scr{font-family: 'scr'}*/

/*样式初始化*/
/*body{padding:80px 0 0 0 ;}*/
.index_body{padding:0;}
.box{width: 95%;margin: 0 auto;}

/*公共部分-header*/
.header{height: 110px;width: 100%;position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s ease;}
.header .box{margin: 40px auto;height: 30px;transition: all .3s ease;display: flex;align-items: center;justify-content: space-between}
/*.header .logo{float: left;}*/
.header .logo img{transition: all .3s ease; width:auto; height:30px;}
.header .meun-off{display: none;}
.header .nav{flex: 1;margin-left: 30px}
.header .nav .ul{display: flex;width: 100%;justify-content: center;}
.header .nav .ul a {width: 16%;color:#888888; position:relative; padding-bottom: 5px;text-align: right;}
.header .nav .ul a span {width:100%;display: inline-block;font-size:37px;line-height: 52px;color: #000;}
.header .nav .ul a span:nth-child(2){display: none}
.header .nav .ul a span:first-child{font-family: 'sr'}
.header .nav .ul a:hover span:nth-child(2){display: inline-block}
.header .nav .ul a:hover span:first-child{display: none}
.header .nav .ul a .code {
    position: absolute;
    top: 110%;
    /*left: 50%;*/
    right: 0;
    /*transform: translateX(-50%);*/
    width: 118px;
    transition: .5s;
    opacity: 0;
}
.header .nav .ul a:last-child:hover .code{
    opacity: 1;
}

/*.lunbo{margin-top: 30px}*/

.header .nav .close{display: none;}
.header-small{background: none;transition: all .3s ease}
/*-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;*/
.header-small .nav .ul a em{background-color:#666; }
.hweicode{display:none; width: 120px; position: fixed; top: 50px; right: 2.5%; z-index: 9999; padding:5px; background-color:#fff; border:1px solid #ddd;}
.hweicode p{text-align:center; color:#6f6f6f; font-size:12px; text-align:center; line-height:16px;}

/*首页轮播*/
.mobile_lunbo{display: none;}
.swiper-container {width: 100%;height: 100%;}
/*.swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}*/
.swiper-slide{text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

/*首页-品牌价值*/
.index-value{padding: 120px 0 100px;}
.index-value .box{
    display: flex;
    justify-content: space-between;
}
.index-value .box .left{
    font-size: 41px;
    line-height: 48px;
    color: #000;
}
.index-value .box .right {
    width: 54%;
    /*max-width: 1200px;*/
    font-size: 18px;
    line-height: 31px;
    color: #000;
    text-align: justify;
}

/*首页推荐作品*/
.index-pro{padding:50px 0 0;text-align: center;/*background: url(../images/1_2.jpg);*/}
.index-pro .pro_nav{margin-bottom: 10px; overflow:hidden;display: flex;justify-content: space-between}
.index-pro .pro_nav ul{float:left}
.index-pro .pro_nav ul li{float: left;margin-right: 20px}
.index-pro .pro_nav li a{display: block;line-height: 28px;color: #9B9B9B; font-size:13px;}
.index-pro .pro_nav ul li a.active,.index-pro .pro_nav ul li:hover a{font-weight:bold;}
.index-pro .pro_nav .sort{float:right; line-height: 28px; color: #9B9B9B; font-size:13px; display:none; }
.index-pro .pro_nav .sort a{margin-left:12px;}

.index-pro .content{display: flex;;flex-wrap: wrap}
.index-pro .content .item{width: 32.6%;margin-left: 1.1%;margin-top: 0;position: relative; margin-bottom:1%;}
.index-pro .content .item > a{display: block;overflow:hidden}
.index-pro .content .item > a img{display: block}
.index-pro .content .item:nth-child(3n+1){margin-left: 0;}
.index-pro .content .item:nth-child(3n+1)::after{content:""; clear:both; }
.index-pro .content .item img{width: 100%;}
.index-pro .content .item .img2{ position: absolute; top: 0; left: 0;opacity: 0;}
.index-pro .content .item .txt *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #fff;}
.index-pro .content .item .txt{opacity: 0; color: #fff; position: absolute; width: 100%; box-sizing: border-box; padding: 10%; top: 0; left: 0; height: 100%; background: rgba(255, 255, 255, 0.8); /*background: url(../images/1_5.png) center bottom no-repeat;*/ background-size: cover;}
.index-pro .content .item .txt div{transform: translate(0,20px);-webkit-transform: translate(0,20px);}
.index-pro .content .item .txt .title{margin-top: 13%;overflow: hidden;text-overflow: ellipsis;font-size: 18px;white-space: nowrap; line-height:30px; color:#fff;text-align:center;color:#333; font-weight:bold;}
.index-pro .content .item .txt .summary{ overflow: hidden; text-overflow: ellipsis; font-size:13px; text-align:center;color:#666; line-height: 20px; margin-top: 10px;}
.index-pro .content .item .txt .line{width:8%; height:1px; background-color:#999; margin:3% auto;}
.index-pro .content .item .txt .cate{text-align:center; font-size:12px; color:#666; line-height:26px;}
.index-pro .content .item > p{
    font-family: 'scr';
    font-size: 18px;
    margin: 20px 0 30px;
    color: #000 ;
    text-align: left;
}

.brand-swiper:nth-child(1){margin-bottom: 150px}
.brand-swiper .brand-item{width:auto}
.brand-swiper .swiper-wrapper{align-items: center}

.index-pro .content .item:hover .txt{opacity: 1;}
.index-pro .content .item:hover .txt div{transform: translate(0,10px);-webkit-transform: translate(0,10px);}
.listmore{padding: 20px 0px 0px;}
.listmore a{text-align: center;line-height: 45px;display: block;color: #000;font-weight: 200; font-size:27px;}

.index-pro .content .item{overflow: hidden;}
.index-pro .content .item a img{-webkit-transition: .6s;transition: .6s;}
.index-pro .content .item:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}

.viewpoint{
    display: flex;
    margin: 120px auto 180px;
    justify-content: space-between;
}
.viewpoint .point-left{
    font-size: 41px;
    color: #000;
    line-height: 48px;
}
.viewpoint .point-right{
    width: 48.45%;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
    padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 62px;
  row-gap: 40px;
}
.viewpoint .point-right li {
    /*margin-bottom: 40px;*/
    /*width: 33.33%;*/
  box-sizing: border-box;
}
.viewpoint .point-right * {color: #000}
.viewpoint .point-right h3{
    font-size: 30px;
    line-height: 38px;
    font-weight: normal;
    margin-bottom: 6px;
}
.viewpoint .point-right div{
    font-size: 18px;
    line-height: 31px;
    /*margin-top: 10px;*/
}

.i-news{
    margin: 180px auto 0;
}
.i-news .i-news-tit{
    font-size: 30px;
    line-height: 38px;
    color: #000;
    margin-bottom: 40px;
}
.i-news .i-news-list{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
.i-news .i-news-list a {
    display: block;
}
.i-news .i-news-list a .img {overflow: hidden}
.i-news .i-news-list a img {display: block;transition: .3s;width: 100%;height: auto}
.i-news .i-news-list a .list-tit{
    font-size: 18px;
    /*line-height: 21px;*/
    color: #000;
    margin-top: 20px;
}
.i-news .i-news-list li{
    width: 24.15%;
    margin-bottom: 1%;
    margin-right: 1.1%;
}
.i-news .i-news-list li:nth-child(4n){margin-right: 0}
.i-news .i-news-list li:hover img{
    transform: scale(1.05);
}

/*首页-其他服务*/
.index-service{padding-bottom: 80px; padding-top:10px;}
.index-service .box{width: 80%;}
.index-service .top{}
.index-service .top ul{height:201px;  overflow:hidden; }
.index-service .top ul li{float: left;width: 70px; margin-bottom: 50px;}
.index-service .top ul li:nth-child(5n+1){clear:both}
.index-service .top ul li h2,.index-service .center .item a.title,.index-service .bottom h2{font-size: 16px;height:35px; line-height:35px; margin-bottom: 10px;font-weight: normal;display: block;}
.index-service .top ul li a{line-height: 26px;height:26px; display: block;font-size:12px; width:100%;white-space:nowrap;}
.index-service .top .more{ display: block; margin-top: 30px;  line-height: 45px; color: #888888; font-weight: 200;  font-size: 14px;}
.index-service .center{margin:50px 0;overflow: hidden; display:none;}
.index-service .center .item{float: left;width: 30%;margin-left: 5%;}
.index-service .center .item:first-child{margin-left: 0;}
.index-service .center .item .summary{}
.index-service .center .item .summary p{line-height: 24px;}
.index-service .bottom{display:none}
.index-service .bottom a.title{font-size: 16px;margin-bottom: 5px;display: block;}
.index-service .bottom p{line-height: 24px;}

/*公共部分-footer*/
.btmBox{display: none;}
.footer{border-top: 1px solid #ccc;padding: 90px 0 120px;margin-top: 230px}
.footer .top {
    display: flex;
    justify-content: space-between;
}
.footer .top .top-left,
.footer .top .right-info > div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer .bottom{
    align-items: flex-end;
}
.footer .top .top-left p{
    color: #000;
    font-size: 25px;
    line-height: 27px;
}
.footer .top .right-info{
    width: 48.45%;
    display: flex;
    justify-content: space-between;
}
.footer .top .top-left img {
    margin-top: 40px;
    display: block;
    width: 31px;
    height: auto;
}
.ml27{
    margin-left: 27%;
}
 .top-item{
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 30px;
    color: #000;
}
 .top-item.logos{
    display: flex;
}
 .top-item.logos img {
    display: block;
    width: auto;
    height: 50px;
    margin-right: 20px;
}
.footer .bottom .bottom-link{
    width: 410px;
}
.footer .bottom .scr{
    color: #000;
    font-size: 25px;
    line-height: 37px;
}
.footer .bottom .en-dsc{
    width: 630px;
}
/*内页-公共部分*/
.inner{padding:50px 0 100px;}
.inner .box{width: 85%;overflow: hidden;}
.inner .left{width: 25%;float: left;}
.inner .right{width: 75%;float: left;}
.inner .left h2{font-size: 22px;line-height: 32px;font-weight: normal; width:220px;}
.inner .left p.line{height: 2px;width: 15px;background: #888888; margin-top:5px;}

/*内页-关于我们*/
.about{padding:200px 0 0;}
.about .top-text{
    margin-bottom: 100px;
}

.product{padding-top: 200px;}
/*内页-产品列表*/
.product .pro_nav{display: flex;justify-content: space-between;margin: 0 0 20px 0}
.product .pro_nav ul{display: flex;flex-wrap: wrap;width: 600px;justify-content:flex-end}
.product .pro_nav ul li {
    width: 24%;
    /*flex-basis: calc(100% / 3);*/
}
/*.product .pro_nav ul li:nth-child(3n){width: fit-content}*/
.product .pro_nav a {
    font-family: 'scr';
    font-size: 24px;
    color: #000;
    line-height: 30px;
    margin-bottom: 10px;
}
.product .pro_nav li a{display: block;line-height: 28px;text-align:right}
.product .pro_nav ul li a.active,.product .pro_nav ul li:hover a{/*border-bottom: 1px solid #888888*/}
.product .pro_nav .sort{float:right; line-height: 28px; color: #9B9B9B; font-size:13px; cursor:pointer;}
.product .content{display: flex;flex-wrap: wrap}
.product .content .item{width: 32.666%;margin-left: 1%; position:relative; margin-bottom:1%;}
.product .content .item:nth-child(3n+1){margin-left: 0;}
.product .content .item a{display: block;overflow: hidden}
.product .content .item a img{width: 100%;display: block;transition: .3s}
.fm-video {width: 100%; height: auto; display: block}
.product .content .item p{
    font-family: 'scr';
    font-size: 18px;
    margin: 20px 0 30px;
    color: #000 ;
    text-align: left;
}
.product .content .item:hover img{transform: scale(1.05)}
.product .content .item p:hover{color: #50D6E3}
.product .content .item{overflow: hidden;}
.product .content .item a img{-webkit-transition: .6s;transition: .6s;}
.product .content .item .img2{ position: absolute; top: 0; left: 0;opacity: 0;}
/*.product .content .item:hover img{transform: scale(0.9);-ms-transform: scale(0.9);opacity: 0.5}*/
.product .content .item .txt *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #fff;}
.product .content .item .txt{opacity: 0; color: #fff; position: absolute; width: 100%; box-sizing: border-box; padding: 10%; top: 0; left: 0; height: 100%; background: rgba(255, 255, 255, 0.8); /*background: url(../images/1_5.png) center bottom no-repeat;*/ background-size: cover;}
.product .content .item .txt div{transform: translate(0,20px);-webkit-transform: translate(0,20px);}
.product .content .item .txt .title{ font-weight:bold; margin-top: 13%;overflow: hidden;text-overflow: ellipsis;font-size: 18px;white-space: nowrap; line-height:30px; text-align:center; color:#333;}
.product .content .item .txt .summary{overflow: hidden; text-overflow: ellipsis; font-size:13px; text-align:center;color:#666;}
.product .content .item .txt .line{width:8%; height:1px; background-color:#999; margin:3% auto;}
.product .content .item .txt .cate{text-align:center; font-size:12px; color:#666}


.page{margin: 50px auto; text-align: center;margin-bottom: 100px;}
.page a{text-align: center;color: #666; background-color: #f2f2f2;  padding: 10px 20px;  margin-right: 5px;}
.page a.current, .page a:hover{background: #67DBE6; color: #fff;}
.page a.diable{background-color: #F0F0F0;color: #ccc}

/*内页-产品详情*/
.proinfo{padding:200px 0 100px;}
/*.proinfo .box{width: 90%;}*/
.proinfo .top{margin: 50px auto;overflow: hidden;}
.proinfo .top .left{width: 45%;float: left;}
.proinfo .top .left h2{font-size: 22px;font-weight: normal;margin-bottom: 10px;}
.proinfo .top .left p.sub-title{
    font-size: 40px;
    line-height: 45px;
    width: 200px;
}
.proinfo .top .left p.time{line-height: 16px; font-size:13px;}
.proinfo .top .right{width: 55%;float: right; line-height:28px;margin-top: -5px;text-align:justify;text-justify:distribute-all-lines; /*兼容ie*/}
.proinfo .top .right .summary,
.proinfo .top .right .cate p{line-height: 28px; font-size:18px;text-align: justify}
.proinfo .top .right .cate{line-height: 28px; margin-top:100px;}
.proinfo .top .right .cate p{line-height: 28px; font-size:15px;}
.proinfo .bottom{/*border:1px solid #ddd; padding:1.5%;*/}
.proinfo .bottom img{ width:100%; max-width:100%; display:block;height: auto}
.proinfo .bottom p{font-size:16px; line-height:32px;}
.proinfo .bottom p strong{font-weight: 400 !important}

.detail2 .box{width: 100%}
.detail2 .box .info-right{
    width: 51%;
    margin-left: 36.14%;
    box-sizing: border-box;
}
.detail2 .box .info-right .sub-title{font-size: 40px;line-height: 45px;}
.detail2 .box .info-right .bottom{margin-top: 60px;}
.detail2 .box .info-right .bottom h3 {margin-bottom: 10px;}

/*内页-洞察列表*/
.news .item{margin-bottom: 120px;overflow: hidden;}
.news .right{padding-right: 20%;}
.news .right li{width: 100%;float: left;margin-bottom: 80px;}
.news .right li img{width:100%}
.news .right li:last-child{margin-bottom:35px;}
.news .right li a{display: block;}
.news .right li a.title{font-size: 22px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:12px;}
.news .right li a.title:hover{color:#000;}
.news .right li p{line-height: 26px;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/ font-size:13px;}
.news .right li p img{margin-top:15px;}
/*.news .right li a.imgbigout img{-webkit-transition: .6s;transition: .6s;}
.news .right li a.imgbigout:hover img{transform: scale(0.98);-ms-transform: scale(0.98);opacity: 0.5}*/
.news .right .more{text-align: left;}
.news .right .more a{font-size:13px;}
/*内页-洞察详情*/
.newsinfo{padding-bottom: 50px;}
.newsinfo .right h2{font-size: 20px;line-height: 28px; font-weight:normal;}
.newsinfo .right p{line-height: 24px;margin-top: 10px;}
.newsinfo .content{overflow:hidden}
.newsinfo .content p{font-size:15px; line-height:28px; color:#888888}
.newsinfo .newstool {overflow:hidden; margin-top: 50px;padding-top: 30px; border-top: 1px solid #eee;height: 280px;}
.newsinfo .newstool .left {float:left}
.newsinfo .newstool .right {float:right}
.newsinfo .share {display: block;}
#share { position: relative; z-index: 99; overflow:hidden;}
.share-box .icon { background-image: url(/upload/images/2019/12/2644594996453d51.png); background-repeat: no-repeat; color: red;}
.ico-share { width: 28px; height: 26px; display: block; background-position: 2px -231px;}
.share-box{position:relative;}
.share-list { width: 150px; padding: 10px 20px; background: #363636;    margin-top: 15px;    opacity:0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.share-list li a { height: 24px; line-height: 24px; display: block; padding-left: 34px; color: #FFF; font-size: 14px; position: relative;}
.share-list li .ico-weixin {  background-position: -60px 0;}
.share-list li .ico-xlwb {  background-position: -100px 0;}
.share-list li .ico-txwb { background-position: -140px 0;}
.share-list li .ico-douban { background-position: -180px 0;}
.share-list li .ico-tieba { background-position: -220px 0;}
.share-list li .icon { width: 24px; height: 24px; display: block; position: absolute; left: 0; top: 50%; margin-top: -12px;}
.news-tool-right ul{float:right}
.news-tool-right li { position: relative;height: 32px;float: left; margin: 0 7px;font-size: 0;}
.news-tool-right li .icon { background-image: url(/upload/images/2019/12/2644594996453d51.png); background-repeat: no-repeat; display: block; width: 26px; height: 26px; font-size: 0;}
.news-tool-right #prev a { background-position: 0 -155px;}
.news-tool-right #close a { background-position: 0 -114px;}
.news-tool-right #next a { background-position: 0 -194px;}
.newsinfo .box{width:900px;}
.newsinfo .box .newsinfoleft{float:none; width:100%;    padding-bottom: 40px;}
.newsinfo .box .newsinforight{float:none; width:100%;}
.newsinfo .box .newsinforight h2{font-size:22px;    margin-bottom: 10px;}





/*内页-服务*/
.service .left{width: 20%;float: left;}
.service .right{width: 80%;float: left;}
.service .right ul li{float: left;width: 20%; margin-top:5px;margin-bottom:50px;}
.service .right ul li h2{font-size: 16px;font-weight: normal; margin-bottom:10px;}
.service .right ul li a{line-height: 26px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:12px;}
.service .right ul li:nth-child(5n+1){clear:both}

/*内页-联系我们*/
.contact .right h2{font-size: 20px;line-height: 34px;font-weight: normal; margin-bottom:10px;}
.contact .right p{line-height: 29px; font-size:14px;}
.contact .right p span{margin-right: 10px;display: inline-block; width: 12px;}
.contact .right h2.join{margin-top: 60px;margin-bottom: 10px;}
.contact .right img{width: 110px;margin-top: 60px;}
/*百度地图*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent img{max-width: none;}

/*.lunbo .swiper-button-next{width:20px; height:28px;right:2%; background-size:contain}*/
.lunbo .swiper-button-prev{width:50%; left:0; top:0; height:100%;background-size:contain; opacity:0; cursor:url("./img/left_arrow.ico"),auto; background:no-repeat}
.lunbo .swiper-button-next{width:50%; right:0; top:0; height:100%;background-size:contain; opacity:0; cursor:url("./img/right_arrow.ico"),auto;  background:no-repeat}
.lunbo .swiper-pagination-bullet{background-color:#828282; }
.lunbo .swiper-pagination-bullet-active{background-color:#fff; }
.lunbo .swiper-container-horizontal>.swiper-pagination-bullets,.lunbo .swiper-pagination-custom, .lunbo .swiper-pagination-fraction{bottom:5%;}

.lunbo .swiper-slide img,
.mobile_lunbo .swiper-slide img{display: block;height: auto;width: 100%}
.index-news{overflow:hidden; width:80%;margin:auto; display:none;}
.index-news .item{width:30%; float:left }
.index-news .item:nth-child(2){margin:0 5%;}
.index-news .item .tit{font-size:14px; line-height:40px;color:#666;}
.index-news .item p{font-size:12px;  line-height:24px; color:#c1c1c1;}
.index-news .item img{width:100%; margin-top:10px;}
.index-news .more{display: block;text-align: center; line-height: 30px; padding: 30px 0px; clear: both;}


.logo-row-wrap{
    margin-top: 200px;
    margin-bottom: 50px;
}
.inner-logo{
    margin-bottom: 0;
    box-sizing: border-box;
    height: calc(100vh - 200px);
}

.logo-row{
    background-size: 50%;
    width: 270%;
    will-change: transform;
    height: 120px;
    transition: .5s;
}
.logo-row1{
    background: url('./img/1c.svg') 0 50% repeat-x;
}
.index-honor{overflow:hidden}
.pcshow{display: block}
.pchide{display: none}
.pcflex{display: none !important}
.news{
    padding-top: 200px;
    width: 95%;
    margin: 0 auto;
}
.news .text {
    font-size: 40px;
    color: #000;
    line-height: 46px;
    width: 850px;
}
.news .subnav{
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}
.news .subnav .subnav-info{
    font-size: 40px;
    line-height: 48px;
    color: #000;
}
.news .subnav .subnav-link{
    display: flex;
    width: 260px;
    justify-content: flex-end;
}
.news .subnav .subnav-link a {
    display: block;
    color: #000;
    font-size: 24px;
    font-family: 'scr';
    width: 35%;
    text-align: right;
}

.news .news-list{
    margin-top: 50px;
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
}
.news .news-list .news-item{
    display: block;
    width: 24.1%;
    margin-right: 1.1%;
    margin-bottom: 1%;
}
.news .news-list .news-item:nth-child(4n){margin-right: 0}

.writ.news .news-list .news-item,
.writ.news .news-list .news-item:nth-child(4n){margin-right: 1.7%}
.writ.news .news-list .news-item:nth-child(5n),
.book .news-item:nth-child(5n){margin-right: 0 !important;}

.book .news-item:nth-child(4n){margin-right: 7.7%}

.news.writ .news-list .news-item{width: 18.62%}
.book .news-item{width: 13.62% !important;margin-bottom: 120px !important;margin-right: 7.96%!important}

.news .news-list .news-item .img{
    overflow: hidden;
}
.news .news-list .news-item img{display: block;transition: .3s;width: 100%;height: auto}
.news .news-list .news-item .item-tit{
    font-family: 'scr';
    font-size: 18px;
    margin: 20px 0 30px;
    color: #000;
    text-align: left;
}
.news .news-list  .news-item:hover img{transform: scale(1.05)}
.service{
    padding-top: 200px;
}
.top-text{
    display: flex;
    justify-content: space-between;
}
.top-text .left-text,
.en-text{
    font-size: 40px;
    line-height: 48px;
    color: #000;
}
.top-text .right-text{
    width: 48.45%;
    max-width: 1200px;
    font-size: 18px;
    line-height: 31px;
    color: #000;
    text-align: justify;
}
.service-img{
    margin: 60px 0 70px;
}
.service-img img {display: block;width: 100%;height:auto}
.serivce-cont{
    display: flex;
    justify-content: space-between;
}
.serivce-cont .service-ul{
    width: 48.45%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
.serivce-cont .service-ul .ul-item {
    /*width: 46.8%;*/
    margin-bottom: 80px;
}
.serivce-cont .service-ul .ul-item ul {margin-top: 15px;display: flex;flex-wrap: wrap;justify-content: space-between}
.serivce-cont .service-ul .ul-item .en-tit{
    font-size: 24px;
    color: #000;
    line-height: 28px;
    /*height: 46px;*/
    /*margin-top: 2px;*/
}
.serivce-cont .service-ul .ul-item .cn-tit{font-size: 30px;line-height: 36px;}
.serivce-cont .service-ul .ul-item ul li {
    font-size: 18px;
    padding: 12px 0;
    border-bottom: 1px solid #000;
    /*cursor: pointer;*/
    color: #000;
    width: 46.2%;
}
.about-yl{
    margin-top: 80px;
}
.about-yl .yl-tit{
    font-size: 40px;
    color: #000;
    line-height: 48px;
    text-transform: uppercase;
}
.yl-ul{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    flex-wrap: wrap;
}
.yl-ul li {
    border-bottom: 1px solid #000;
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    width: 48.45%;
}
.yl-ul li p {
    font-size: 20px;
    color: #000;
}
.about-img{
    width: 100%;
    margin: 100px 0 80px;
}
.about-img img{display: block;width: 100%;height: auto}
.about-zz{
    display: flex;
    justify-content: space-between;
}
.about-zz .circle{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #000;
}
.about-zz .zz-text{
    font-size: 48px;
    line-height: 55px;
    color: #000;
    margin-top: 20px;
}
.contact,
.pub{
    padding-top: 200px;
}
.contact{display: flex;justify-content: space-between}
.cont-wrap{
    /*margin-left: 44%;*/
    width: 48.45%;
}
.contact .contact-item.t140{margin-top: 90px;}
.contact .contact-item {
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 40px;
}
.contact .contact-item .en-tit{font-size: 30px;font-family: 'sr';margin-bottom: 20px;}
.contact .contact-img img{
    display: block;
    width: auto;
}
.right-link{
    display: flex;
}
.right-link a {
    display: block;
    color: #000;
    font-size: 24px;
}
.right-link a:first-child {
    margin-right: 170px;
}
.pub-ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}
.pub-ul li {
    width: 24%;
    margin-bottom: 50px;
}
.pub-ul li a {display: block}
.pub-ul li a .img{
    width: 100%;
    height: 618px;
    background: #dbdcdc;
}
.pub-ul li a .tit{
    font-size: 24px;
    margin-top: 20px;
}
.top-right{align-items: flex-end}
.top-right > img {
    width: 100px;
    height: auto;
    display: block;
}
.bottom-link a {color: #000}
@media screen and (max-width:1729px) {
    .news .subnav .subnav-info{font-size: 32px;line-height: 38px;}
    .product .pro_nav{margin-bottom: 10px;}
    .product .content .item p,
    .index-pro .content .item > p,
    .news .news-list .news-item .item-tit,
    .i-news .i-news-list a .list-tit{margin: 10px 0}
    .news .news-list .news-item .item-tit,
    .product .content .item p,
    .index-pro .content .item > p{font-size: 18px;}
    
    .serivce-cont .service-ul .ul-item .en-tit{font-size: 22px;}
    .header .nav .ul a span{font-size: 24px}
    .viewpoint .point-right h3{font-size: 26px}
    /*.viewpoint .point-right div{font-size: 24px;}*/
    .about-zz .zz-text{font-size: 38px;line-height: 45px;}

    
    .index-value .box .left,
    .viewpoint .point-left,
    .top-text .left-text{font-size: 32px;line-height:38px}
    
    .footer .top .top-left p,
    .top-item{font-size: 20px;line-height:28px;}
    
    .top-item{margin-bottom:20px;}
    .footer{padding: 70px 0 90px}
    
    /*.contact .contact-item{font-size: 21px; line-height: 30px;}*/
    /*.contact .contact-item .en-tit{font-size: 36px;}*/
    .header .nav .ul a span,
    .serivce-cont .service-ul .ul-item .cn-tit{font-size: 26px;line-height: 32px;}
    .product .pro_nav a,
    .news .subnav .subnav-link a{font-size: 18px}
    .viewpoint .point-right{
        column-gap: 15px;
    }
}
@media screen and (max-width:1420px) {
    
}
@media screen and (max-width:1200px) {
    .proinfo .bottom p strong,
    .proinfo .bottom p strong span{font-size: 36px !important;margin-bottom: 10px;display:block;}
    .contact .contact-item{font-size: 28px;line-height: 45px;}
    .contact .contact-item .en-tit{font-size: 40px;font-weight:bold;margin-bottom: 20px;}
        .header .nav .nav-head{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        padding: 0 40px;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        height: 80px;
    }
    .header .nav .nav-head > a{
        display: block;
    }
    .header .nav .nav-head > a img {height: 40px;}
    .header .nav .nav-head .nav-icon img {
        width: 40px;
        display: block;
        height: auto;
    }
    
    .contact .contact-item.t140{margin-top: 60px;}
    .brand-swiper:nth-child(1){margin-bottom: 40px;}
    /*.logo-row-wrap{margin: 100px 0 30px;}*/
    .index-pro .content .item::after{content:""; clear:both; }

    .pub-ul li{width: 100%}
    .cont-wrap{
        margin-left: 0;
    }
    .contact .contact-item {
        margin-bottom: 60px;
    }
    .contact,
    .pub{padding-top: 50px}
    .viewpoint .point-right li{width: 100%}
   
    .top-text .right-text{margin-top: 40px}
    .about .top-text{flex-direction: column}
    .about .top-text div{width: 100% !important}
    .about{padding-top: 40px}
    .footer{margin-top: 80px}
    .about-zz-mob{margin: 40px 0 60px}
    .yl-ul li{width: 100%}
    .service{padding-top: 210px}
    .service .top-text,
    .serivce-cont{flex-direction: column}
    .serivce-cont .en-text{font-size: 46px;font-weight: bold}
    .service .top-text .right-text,
    .serivce-cont .service-ul{width: 100%;margin-top: 20px}
    .serivce-cont .service-ul .ul-item{width: 100%}
    .news .subnav{flex-direction: column;align-items: flex-start}
    .news .text{width: auto;font-size: 26px;margin-bottom: 40px}
    .news .news-list  .news-item{width: 100%}
    .header .nav{margin-left: 0;}
    .header .nav .ul a span{color: #fff}
    .product .pro_nav{display: none}
    .product .pro_nav a{margin-bottom: 0;font-size: 20px}
    .footer .top .top-right .top-item,
    .footer .bottom .scr{font-size: 18px;line-height: 28px}
    .viewpoint .point-right{margin-top: 30px;}
    .footer .top .top-left p,
    .index-value .box .left,
    .viewpoint .point-left,
    .product .pro_nav a, 
    .top-text .left-text,
    .news .subnav .subnav-info,
    .detail2 .box .info-right .sub-title,
    .proinfo .top .left p.sub-title{font-size: 42px;line-height: 56px}
    
    
    .news .subnav .subnav-info{font-weight: bold}
    
    
    .about-zz-mob p,
    .news .subnav .subnav-link a{font-size: 30px;line-height: 40px;margin-top: 40px;}
    
    .mb-img {margin: 140px 0 60px;}
    .mb-img img{display: block;width: 100%;height: auto}
    
    .index-value .box .right,
    .top-text .right-text,
    .proinfo .bottom p{
        font-size: 30px;
        line-height: 54px;
        /*text-align: justify;*/
    }
    

    .news .news-list .news-item .item-tit,
    .product .content .item p, 
    .index-pro .content .item > p,
    .i-news .i-news-list a .list-tit,
    .proinfo .top .right .summary, .proinfo .top .right .cate p,
    .serivce-cont .service-ul .ul-item ul li,
    .yl-ul li p{font-size: 30px;line-height: 54px;}
    
    
    .viewpoint .point-right div{line-height: 42px;font-size: 28px;}
    
    .serivce-cont .service-ul .ul-item .en-tit,
    .serivce-cont .service-ul .ul-item .cn-tit{font-size: 36px;line-height: 48px;}
    
    .viewpoint .point-right{grid-template-columns: repeat(2, minmax(0, 1fr))}
    
    .footer .top .top-right .top-item{margin: 20px 0px;}
    .footer .top,
    .footer .bottom{flex-direction: column;align-items: flex-start;gap: 40px 0px}
    .ml27{margin-left: 0}
    .i-news .i-news-list li{
        width: 100%;}
    .index-value .box{
        flex-direction: column;
    }
    .footer .top .right-info{
        width: 100%;
        flex-direction: column;
    }
    .bottom-link a{font-size: 24px;}
    
    .footer .top .right-info .top-right{
        align-items: flex-start;
        /*margin-top: 20px;*/
    }
    .top-right > img{margin: 24px 0 0}
    .top-item{font-size: 28px;line-height: 35px;}
    .i-news{margin: 120px auto 0 !important}
    .pcshow{display: none !important}
    .pchide{display: block}
    .pcflex{display: flex !important}
    .index-value .box div,
    .point-right{width: 100% !important;}
    .viewpoint{flex-direction: column;  margin-top: 70px;}
    .index-value .box .left{margin: 140px 0 50px}
    .point-right{margin-top: 40px;margin-left: 0 !important}
    /*header*/
    body{min-width: 0;}
    .header{height: 50px;width: 100%; position: fixed; top: 0; left: 0; z-index: 99; transition: all .3s ease; }
    .header .logo img{height:40px;}
    .box{width: 92%; margin: 0 auto;}
    .header .meun-off{float: right;margin-top:0;display: block;color: #000}
    .header .box {margin: 10px auto;height: 80px;transition: all .3s ease;}

    .header .meun-off span{width: 40px;height: 4px;background-color: #000;display: block;margin: 10px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
    .header .meun-on #span2{opacity: 0}
    .header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
    .header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
    .header .nav{position: fixed; overflow: hidden;float: none; width: 100%;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, 1);display: none;}
    .header .nav .ul{margin: 0 auto; width: 50%; text-align: center; position: absolute; top: 50%; margin-top: -350px; left: 50%; margin-left: -25%;display: block;}
    .header .nav .ul a{margin-left: 0;width: 100%; display: block; height: 60px; color: #000;overflow: hidden;line-height: 60px;float: none; font-size: 20px; text-align: center;margin-bottom:40px;}
    .header .nav .close{display: block;width: auto;}
    .header .nav .close img{width: 50%;transition: all .5s ease;}
    
    .header .nav .ul a span{color: #000;font-size: 40px;font-weight:bold;text-transform: uppercase;}

    /*首页-轮播*/
    .lunbo {display: none;}
    /*.mobile_lunbo {display: block;height: 400px}*/
    /*首页-价值*/
    .index-value {padding: 20px 0;}
    .index-value .left, .index-value .right {width: 100%;float: none;}
    .index-value .right h2{text-align: left;}
    .index-value .right p{font-size:13px; line-height:200%}
    /*首页-产品*/
    .index-pro{padding:30px 0 120px;}
    .index-pro .pro_nav {margin-bottom: 0px;margin-top: 0px;}
    .index-pro .pro_nav ul{float:none}
    .index-pro .pro_nav ul li {line-height: 24px;float: left;width: 30%;margin-left: 2%;  padding: 0;margin-right: 0;margin-bottom: 10px; border:1px solid #e1e1e1}
    .index-pro .pro_nav ul li:nth-child(3n+1){margin-left: 0;}
    .index-pro .pro_nav li a {text-align: center;display: block;line-height: 28px;color: #9B9B9B;}

    .index-pro .content .item{width: 100%;}
    .index-pro .content .item .txt { display:none;   opacity: 1; color: #000; position: static; width: 100%; box-sizing: border-box;  padding:0;  top: 0; left: 0;  height: 100%; background: none; background-size: cover;    }
    .index-pro .content .item .txt *{color: #000}
    .index-pro .content .item .txt div { transform: translate(0,20px); -webkit-transform: translate(0,20px);transform: none;  -webkit-transform: none; }
    .index-pro .content .item .txt .title{margin-top: 15px;margin-bottom: 15px;font-size: 15px;}
    .index-pro .content .item .txt .xian,.index-pro .content .item .txt .summary,
    .index-pro .content .item .txt .more{display: none;}


    .index-pro .listmore { padding: 10px 0; width: 100%;  margin: 10px auto 0; }
    .index-service{padding-bottom:0;}
    .index-service .box{width:90%;}
    .index-service .top ul{height:auto}
    .index-service .top ul li{width:33.33%; text-indent:15%;}
    .index-service .top .more{display:none}
    .index-service .center {margin: 30px 0;overflow: hidden;}
    .index-service .center .item{float: none;width: 100%;margin-left: 0;margin-bottom: 20px;}
    .index-service .center .item .summary p{margin-bottom: 10px;}



    /*footer*/
    .btmBox{display: block;}
    .footer{background:#f7f7f7; padding:40px 0 80px 0;}
    .footer .top .fle{display:none}
    .footer .top .fle,.footer .top .fce,.footer .top .frt{float:none; width:100%; overflow:hidden}
    .footer .top .fce{padding-bottom:15px;}
    .footer .top .frt p{line-height:30px; font-size:13px;}
    .footer .top .frt:last-child{float:none; width:100%; overflow:hidden; padding-left:0;}
    .btmBox{position: fixed; width: 100%; display: block; left: 0; bottom: 0; z-index: 9000; background: #000;}
    .btmBox li{width: 33.33%; float: left;}
    .btmBox li a{display: flex;justify-content:center; align-items: center; padding: 15px 0; color: #fff; font-size: 28px; text-align: center;}
    .btmBox li a img{margin: 0 auto 8px; width: auto; height: 20px; display: block;}
    .btmBox li a span{width: 12px;height: 12px;border-radius: 50%;border: 1px solid #fff;display: block;margin-right: 5px;}

    /*内页-公共部分*/
    .inner .box{width: 92%;overflow: hidden;}
    .inner .left{width: 100%;float: none;}
    .inner .right{width: 100%;float: none;}
    .inner .left h2{text-align: center; width:100%}
    .inner .left p.line{margin: 10px auto;}
    /*内页-关于我们*/
    .about .item .teammenber li{width:100%; margin-right:0;}
    .about .item .teammenber li img{width:38%; padding-right:5%; float:left}
    .about .item .teammenber li h3{margin-top:2px;}
    .about .item .right { padding-right: 0; }
    .about .item{margin-bottom: 50px;}
    .about .item.a3 .right .content{text-align: center;}
    .about .item .more{text-align: center;margin-top: 20px;}
    .about .item.honor{margin-bottom: 0;}
    /*内页-联系我们*/
    .contact .box{width: 85%;overflow: hidden;}
    .contact .right h2.join,.contact .right img{margin-top: 30px;}
    /*内页-服务*/
    .service .box{width: 85%;overflow: hidden;}
    .service .right ul li{width: 33.333%;margin-bottom: 30px;}
    .news .item {  margin-bottom: 50px; overflow: hidden; }
    .news .item .left{display:none}
    .news .right { padding-right: 0; }
    .news .right li a.title{font-size:18px;}

    /*产品列表*/
    .product{padding: 150px 0}
    .product .pro_nav ul{float:none; width:100%}
    .product .pro_nav ul li{width: 32%;margin-top: 10px;text-align: center;float: left;padding: 0;margin-left: 2%;background-color: #e1e1e1}
    .product .pro_nav ul li:nth-child(3n+1){margin-left: 0;}
    .product .pro_nav li a{height: 36px;line-height: 36px;}
    .product .pro_nav ul li a.active, .product .pro_nav ul li:hover a{border-bottom:none;background-color: #000;color: #fff}
    .product .content .item{float: none;width: 100%;margin-left: 0;}
    .page{margin: 0px auto;text-align: center;}
    .page a{display: none;}
    .page a.prev,.page a.next{display: inline-block;}

    /*产品详情*/
    .proinfo .top {margin: 20px 0;overflow: hidden;}
    .proinfo .top .left,.proinfo .top .right{float: none;width: 100%;}
    .proinfo .top .left{margin-bottom: 20px;}
    
    .proinfo .top .right .summary, .proinfo .top .right .cate p{
        margin: 40px 0;
    }
    
    /*著作*/
    
    .inner{padding:100px 0;}
    .news .subnav{margin-top: 50px}
    news .subnav div:frist-child{display: none}
    .news .subnav .subnav-link{width: 100%}
    .news .subnav .subnav-link a{width: 20%}
    .news .news-list{justify-content: space-between;margin-top: 20px;}
    .news.writ .news-list .news-item{
        width: 48.2% !important;
        margin-right: 0 !important;
    }    
    .writ.news .news-list .news-item{margin-right: 0%}
    .detail2 .box{width: 92%;margin: 0px auto}
    .detail2 .box .info-right{margin-left: 0;width: 100%}
    .proinfo{padding: 150px 0 100px}
    /*.detail2 .box .info-right .sub-title{font-size: 30px}*/
    .detail2 .box .info-right .bottom{margin-top: 40px;}
    .contact > div:first-child{display: none !important}
    .cont-wrap{width: 100%;margin-top: 160px;}
    .news{width: 92%}
    .news .news-list .news-item{margin-right: 0}
    /*.contact{height: 100vh}*/
    .about{padding-top: 20px;}
    .about-zz .zz-text{font-size: 32px;line-height: 40px;}
    
    .about-yl .yl-tit,
    .serivce-cont .en-text{font-size: 46px;font-weight; bold;margin-bottom: 40px;}
    
    .serivce-cont .service-ul .ul-item ul li{width: 100%;}
    
    .detail2 .box .info-right .sub-title,
    .proinfo .top .left p.sub-title{font-weight: bold;}
    .news .news-list .news-item .item-tit{
        white-space: nowrap;/* 文字不换行 */
        overflow: hidden;   /* 超出隐藏 */
        text-overflow: ellipsis; /* 显示省略号 ... */
        width: 90%;
    }
    .i-news .i-news-tit{font-size: 42px;}
    .about-zz .zz-text{margin-top: 10px;}
    .proinfo .top .left p.sub-title{width: 85%}
    
    .viewpoint .point-right h3{font-size: 36px;}
    .listmore{margin-top: 20px;}
    .book .news-item{margin-bottom: 50px !important}
    .rr{
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
        margin-top: 24px;
    }
    .rr .top-item{margin: 0!important}
}

@media (min-width: 1980px)
{

    .index-value .right p{line-height:30px; margin-top:8px;}
    .index-service .top ul li a{line-height:32px;}
    .index-service .top ul li h2, .index-service .center .item a.title, .index-service .bottom h2{margin-bottom:15px;}
}