/*全局样式*/

*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1280px;}
.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding:60px 0;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:40px 0;}
.wrap-white.p2{padding:70px 0;}
.clear{ clear: both;}

.empty{
    display: block;
    background: url(img/empty.png) no-repeat center;
    width: 100%;
    height: 300px;
}

/*头部样式*/

#header{position: fixed;left: 0;right: 0;top: 0;z-index: 99;background:rgba(2,4,3,.4); height:90px;}
#header.weo-pa{left: 0;right: 0;top: 0;z-index: 99;}
#logo{left:30px; top:20px; width: 118px; height:49px; overflow:hidden;}
#logo a{display:block;}
#header.ny-header{position: sticky;background:#77787c;}

#nav{left:60px;right:60px; top:0; }
#nav > ul{display:flex; justify-content: center; gap:0 30px;height: 90px;line-height: 90px; align-items: center;}
#nav > ul > li{position:relative; text-align: center;height: 60px; margin-top: 25px;}
#nav > ul > li.current:after{ content: ''; position: absolute;  bottom: 0; height: 3px; background: #fff; left: 0; right: 0;}
#nav > ul > li > a{display:block; height:30px; line-height:30px; font-size:16px; overflow:hidden; color: #fff;}
#nav > ul > li > a >p:first-child{margin-top:0px; transition:all 0.2s linear;}
#nav > ul > li > a >p:last-child{ text-transform: uppercase;transition:all 0.2s linear;}
#nav > ul > li:hover > a{color:#fff; }
#nav > ul > li:hover > a >p:first-child{margin-top:-30px; transition:all 0.2s linear;}
#nav > ul > li.current > a{ color:#fff;}
#nav > ul > li.current > a >p:first-child{ margin-top:-30px;}

#nav > ul > li ul{position:absolute; left:50%; top:60px; transform:translate(-50%,20px); display:none; width:220px; padding:0; background:#77787c; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}}
#nav > ul > li ul li{height:44px; line-height:44px; font-size:14px; overflow:hidden; border-bottom: 1px #999 solid; text-align: left;}
#nav > ul > li ul li a{display:block; padding:0 18px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;}
#nav > ul > li ul li:hover a{letter-spacing:1px; color:#fff; transition:all 0.2s linear;}

#search-btn{width:22px; height:22px; right:60px; top:32px;background:url(img/search-icon.png) no-repeat center; cursor:pointer;}
#search-btn:hover{background-image:url(img/search-icon.png); transition:all 0.1s linear;}
#search{right:0; top:90px; z-index:98; display:none; height:64px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.08); overflow:hidden;}
#search input{width:256px; height:44px; line-height:44px; padding:0 16px; border:none; border-radius:0; font-size:15px; color:#464646;}
#search input::-moz-placeholder{color:#999;}
#search input::-webkit-input-placeholder{color:#999;}
#search input::-ms-input-placeholder{color:#999;}
#search button{width:44px; height:44px; background:url(img/search-icon.png) no-repeat center #77787c; background-size:20px 20px; border:none; border-radius:0;}


/*首页样式*/

#banner{width:100%; height:950px; overflow:hidden;}
#banner .swiper-wrapper{height:950px;}
#banner .swiper-slide{width:100%; height:950px;}
#banner .swiper-slide img{width:100%; height:950px;}
#banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#banner .swiper-pagination-bullet{width:15px; height:15px; margin:0 0 0 10px; background:#fff; border-radius:50px; cursor:pointer; opacity:0.5;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:#fff;opacity:1;}

#about{ width: 100%; padding: 50px 0; background: #77787c;}
#about .about-logo{ width: 194px; height: 106px; margin: 0 auto;}
#about p{ text-align: center; font-size: 15px; line-height: 26px; color: #fff; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 20px 0;}
#about .about-more a{ display: block; width: 140px; height: 40px; line-height: 40px; background: #fff; border-radius: 50px; color: #77787c; font-size: 15px; text-align: center; margin:0 auto;}
#about .about-more a:hover{ border: 1px #fff solid; color: #fff; background: none;}

#news{margin:40px 0;}
#news .title h4{ font-size: 20px; font-family: arial; color: #77787c; text-transform: uppercase;}
#news .title h3{ font-size: 28px;color: #333333;}
#news #news-list{ margin-top: 30px;}
#news .item{position:relative;}
#news .swiper-container{height:260px; overflow:hidden;}
#news .swiper-wrapper{height:260px;}
#news .swiper-slide{position:relative; width:312px; height:260px; overflow:hidden;}
#news .swiper-slide a{display:block;}
#news .swiper-slide a .img{width: 312px; height: 210px; overflow: hidden;}
#news .swiper-slide a img{ width: 100%; height: 100%;transition:all 0.5s; transform: scale(1.0);}
#news .swiper-slide a h2{ font-size: 16px; color: #333; overflow: hidden;text-overflow: ellipsis;  white-space:nowrap; height: 26px; line-height: 26px; margin-top: 5px;}
#news .swiper-slide a h3{ font-size: 14px; color: #77787c;}
#news .swiper-slide a:hover img{transition:all 0.5s; transform: scale(1.1);}
#news .swiper-slide a:hover h2{color: #77787c;}

#news .swiper-button-prev,#news .swiper-button-next{top:-60px; transform:translateY(-50%); width:46px; height:46px; margin:0; background-repeat:no-repeat; }
#news .swiper-button-prev:after,#news .swiper-button-next:after{display:none;}
#news .swiper-button-prev{left:auto;right:60px; background-image:url(img/jt-l.png);}
#news .swiper-button-next{right:0; background-image:url(img/jt-r.png);}
#news .swiper-button-prev:hover{transition:all 0.1s linear;}
#news .swiper-button-next:hover{transition:all 0.1s linear;}
#add-yu{ height: 320px;background-size: cover;}
#add-yu .bg{height: 320px; text-align: center; display: flex; align-items: center; flex-wrap: wrap; padding: 110px 0;}
#add-yu .bg h3{ font-size: 30px; font-family: arial; width: 100%; color: #fff;text-shadow: 2px 2px 10px rgba(0,0,0,0.8);}
#add-yu .bg h4{ font-size: 24px; width: 100%;color: #fff;letter-spacing:20px;text-shadow: 2px 2px 10px rgba(0,0,0,0.8);}
#footer{ background: #77787c; padding-top: 50px;}
#footer .footer-item{ display: flex; justify-content: space-between;}
#footer .footer-item .left-contact{width: 420px;} 
#footer .footer-item .left-contact .f-logo{ width:168px; height: 69px; margin-bottom: 20px;}
#footer .footer-item .left-contact p{ font-size: 12px; color:#fff; line-height: 26px; margin-bottom: 5px;}
#footer .footer-item .right-menu{ flex: 1; margin-left: 20px;}
#footer .footer-item .right-menu ul{ display: flex; justify-content: space-between;gap:0 20px;}
#footer .footer-item .right-menu ul li h3{ font-size: 13px; font-weight: bold;color: #fff; margin-bottom: 20px;}
#footer .footer-item .right-menu ul li a{ display: block; height: 30px; line-height: 30px; color: #dadada;
    font-size: 12px;}
#footer .footer-item .right-menu ul li a:hover{ color: #fff;}
#copyright{ margin-top: 20px; border-top: 1px #929396 solid; display: flex; justify-content: space-between;padding: 20px 0;}
#copyright .left{color: #dadada;}
#copyright .left a,#copyright .right a{color: #dadada;}
#copyright .left a:hover,#copyright .right a:hover{color: #fff;}


/*内页样式开始*/
#cp-list{ margin-top: 20px;}
#cp-list ul{ display: flex;gap:0 20px; flex-wrap: wrap;}
#cp-list ul li{ width: 305px; margin-bottom: 30px;}
#cp-list ul li .cp-img{ width: 305px; height: 240px; overflow: hidden;}
#cp-list ul li .cp-img img{ width: 100%; height: 100%; transform: scale(1.0) ; transition:0.5s all;}
#cp-list ul li h3{ font-size: 16px; font-weight: bold; color: #333; height: 30px; line-height: 30px; overflow: hidden;text-overflow: ellipsis;  white-space:nowrap; text-transform: uppercase; margin-top: 5px;}
#cp-list ul li h4{ font-size: 14px; color: #666; overflow: hidden;text-overflow: ellipsis;  white-space:nowrap;}
#cp-list ul li:hover .cp-img img{ transform: scale(1.1) ; transition:0.5s all;}
#cp-list ul li:hover h3{ color: #77787c;}
.home-nav{ height: 55px; line-height: 55px; border-bottom: 1px #e5e5e5 solid;}
.home-nav .dqez{ display: flex; font-size: 14px; color: #77787c;height: 55px;}
.home-nav .dqez em{ display: inline-block; margin-top: 20px;  margin-right: 10px;}
.home-nav .dqez em img{vertical-align: top;}
.home-nav .dqez a{color: #77787c; padding: 0 5px 0 0;}
.home-nav .dqez a:hover{ color: #333;}
.home-nav .dqez span{color: #333; padding-left: 5px;}
#series-cont{ margin: 30px 0;}
#series-cont .series-js{ display: flex; align-items: center;}
#series-cont .series-js .left{ width: 305px; height: 240px; overflow: hidden;}
#series-cont .series-js .left img{ width: 100%; height: 100%;}
#series-cont .series-js .right{ flex: 1; margin-left: 30px;}
#series-cont .series-js .right h2{ font-size: 20px; font-weight: bold; color: #333; height: 30px; line-height: 30px; font-family: arial; text-transform: uppercase;}
#series-cont .series-js .right h4{ font-size: 16px; color: #999; margin: 5px 0 15px 0;}
#series-cont .series-js section p{ font-size: 14px; color: #666; line-height: 28px;}
#series-cont .series-gs{ margin-top: 30px;}
#series-cont .series-gs .series-title{ background: #77787c; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 10px;}
#series-cont .series-gs .series-gs-list{ margin-top: 10px;}
#series-cont .series-gs .series-gs-list ul{ display: flex; flex-wrap: wrap; }
#series-cont .series-gs .series-gs-list ul li{ width: 128px;}
#series-cont .series-gs .series-gs-list ul li img{ width: 100px; height: auto; margin-bottom: 5px;}
#series-cont .series-gs .series-gs-list ul li p{ font-size: 14px; text-decoration: underline; color: #666; line-height: 22px; font-family: arial;}
#series-cont .series-gs .series-gs-list ul li:hover p{ color: #333;}
#series-cont .series-imgs{margin-top: 30px;}
#series-cont .series-imgs .series-title{ background: #77787c; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 10px;}
#series-cont .series-imgs ul{ margin-top: 10px; display: flex; gap:0 10px;}
#series-cont .series-imgs ul li{ width: 205px; height: 160px; overflow: hidden;}
#series-cont .series-imgs ul li img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#series-cont .series-imgs ul li:hover img{ transform: scale(1.1); transition: 0.5s all;}

#formats-cont{ margin:20px 0;}
#formats-cont .formats-gs .formats-title{background: #77787c; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 10px;}
#formats-cont .formats-gs .formats-gs-list{ margin-top: 10px;}
#formats-cont .formats-gs .formats-gs-list ul{ display: flex; flex-wrap: wrap; }
#formats-cont .formats-gs .formats-gs-list ul li{ width: 128px; margin-bottom: 20px;}
#formats-cont .formats-gs .formats-gs-list ul li img{ width: 100px; height: auto; margin-bottom: 5px;}
#formats-cont .formats-gs .formats-gs-list ul li p{ font-size: 14px; text-decoration: underline; color: #666; line-height: 22px; font-family: arial;}
#formats-cont .formats-gs .formats-gs-list ul li:hover p{ color: #333;}
#finishes-cont{ margin: 20px 0;}
#finishes-cont .finishes-tab{ margin-bottom: 10px;}
#finishes-cont .finishes-tab .finishes-title{background: #77787c; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 10px;}
#finishes-cont .finishes-tab .finishes-tab-list{margin-top: 10px;}
#finishes-cont .finishes-tab .finishes-tab-list ul{display: flex; flex-wrap: wrap;gap:0 9px;}
#finishes-cont .finishes-tab .finishes-tab-list ul li{width: 152px; height: 152px; position: relative; margin-bottom: 10px; overflow: hidden;}
#finishes-cont .finishes-tab .finishes-tab-list ul li img{ position: absolute;width: 152px; height: 152px; top: 0; left: 0;right: 0; bottom: 0;transform: scale(1.0); transition: 0.5s all;}
#finishes-cont .finishes-tab .finishes-tab-list ul li p{position: absolute;width: 100%; height: 26px; left: 0;right: 0; bottom: 0; background: rgba(0,0,0,0.5); line-height: 26px; text-align: center; color: #fff; overflow: hidden;}
#finishes-cont .finishes-tab .finishes-tab-list ul li:hover img{ transform: scale(1.1); transition: 0.5s all;}
#finishes-cont .finishes-tab .finishes-tab-list ul li:hover p{ background: rgba(0,0,0,0.8);color: #eee;  }
#finishes-cont .finishes-xq-list{ display: flex; justify-content: space-between;}
#finishes-cont .finishes-xq-list .left{ width: 400px; height: 400px; position: relative; overflow: hidden;}
#finishes-cont .finishes-xq-list .left li{ position: absolute; top: 0; left: 0; width: 400px; height: 400px;}
#finishes-cont .finishes-xq-list .left li img{ width: 100%; height: 100%;}
#finishes-cont .finishes-xq-list .left li span{position: absolute; left: 0; bottom: 0; right:0;background: rgba(0,0,0,0.5);color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 18px;}
.layui-layer-photos-header{ display: none;}
.layui-layer-photos-footer a{display: none;}
#finishes-cont .finishes-xq-list .right{ flex: 1; margin-left: 15px;} 
#finishes-cont .finishes-xq-list .right ul{ display: flex; gap:9px; flex-wrap: wrap;}
#finishes-cont .finishes-xq-list .right ul li{ width: 100px; height: 100px; position: relative; overflow: hidden;}
#finishes-cont .finishes-xq-list .right ul li img{ width: 100%; height: 100%;}
#finishes-cont .finishes-xq-list .right ul li span{position: absolute; left: 0; bottom: 0; right:0;background: rgba(0,0,0,0.5);color: #fff; height: 26px; line-height: 26px; text-align: center; font-size: 12px;}
#finishes-cont .series-xgal{ margin-top: 30px;}
#finishes-cont .series-xgal	.finishes-title{background: #77787c; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 10px;}
#finishes-cont .series-xgal ul{ margin-top: 20px; display: flex; gap:0 20px;}
#finishes-cont .series-xgal ul li{ width: 305px;}
#finishes-cont .series-xgal ul li .series-xgal-img{ width: 305px; height: 220px; overflow: hidden;}	
#finishes-cont .series-xgal ul li .series-xgal-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#finishes-cont .series-xgal ul li p{ font-size: 16px; color: #333; height: 30px; line-height: 30px;;}
#finishes-cont .series-xgal ul li:hover .series-xgal-img img{ transform: scale(1.1); transition: 0.5s all;}{}
#download-list{ margin:30px 0;}
#download-list ul li{ height: 56px; line-height: 56px; border-bottom: 1px #e5e5e5 solid; }
#download-list ul li a{display: flex; justify-content: space-between; align-items: center;}	
#download-list ul li span{ width: 860px; font-size: 16px; color: #666; background: url(img/pdf-icon1.png) no-repeat 0 center; padding-left: 30px;}
#download-list ul li i{ width: 320px; text-align: center; font-size: 14px; font-family: arial; color: #999;}
#download-list ul li em{ width: 100px; height: 32px; line-height: 32px; border-radius: 50px; background:#77787c url(img/download-icon.png) no-repeat 20px center; color: #fff; text-align: center; padding-left: 20px;}
#download-list ul li:hover span{color: #333; background: url(img/pdf-icon2.png) no-repeat 0 center; }
#download-list ul li:hover em{ background:#333 url(img/download-icon.png) no-repeat 20px center;}

#news-cont{ margin: 30px 0;
    min-height: 422px;}
#news-cont ul{ display: flex; gap:0 10px; flex-wrap: wrap;}
#news-cont ul li{width: 312px; margin-bottom: 20px;}
#news-cont ul li .ny-news-img{ width: 312px;height: 210px; overflow: hidden;} 
#news-cont ul li .ny-news-img img{width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#news-cont ul li h3{ font-size: 16px; color: #333; overflow: hidden;text-overflow: ellipsis;  white-space:nowrap; height: 30px; line-height: 30px; margin-top: 5px;}
#news-cont ul li h4{ font-size: 14px; color: #77787c;}
#news-cont ul li:hover .ny-news-img img{transform: scale(1.1); transition: 0.5s all;}
#news-cont ul li:hover h3{color: #77787c;}
/*.weo-page{margin-top:30px;}
.weo-page a{min-width:32px; height:32px; line-height:30px; margin-left:10px; padding:0 14px; border-color:#959595; border-radius:0; font-size:14px; color:#666;}
.weo-page a:hover{border-color:#959595; color:#959595;}
.weo-page a.count{border-color:#959595; color:#666;}
.weo-page a.weo-page-on{background:#959595; border-color:#959595; color:#fff;}*/





/*分页*/

#pageinfo {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 26px;
}
.digg {
    padding-top: 30px;
}
.digg li{

    border-radius: 0px !important;
    width: 41px !important;
    height: 35px !important;
    line-height: 35px !important;
    display:inline-block;
    margin:0 6px;
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:2px !important;
    font-size:14px;
    color:#767676;
    margin-right: 0px !important;
    float: none !important;
}
.digg .page-item span{
	background: none !important;
	padding-left: 0px !important;
}
.digg .active span{

	color: #fff !important;
}

.digg .page-item .page-linkdata{
    border: none;
    padding: 0px;
    height: 32px;
    line-height: 33px;
    display: inline-block !important;
    width: 39px !important;
    overflow: inherit;
}
.digg .page-item a:hover {
    /*background-color: #015196;*/
    color: #044f9a;
}
.digg .page-item a:active {
    background-color: #959595;
    color:#fff;
}
.digg li.active  {

    display: inline-block;
    /* margin: 2px; */
    width: 31px ;
    height: 31px;
    line-height: 30px;
    background-color: #959595;
    color: #fff;
    text-decoration: none;
}



#article-title{line-height:38px; font-size:28px; text-align:center;}
#article-info{height:18px; line-height:18px; margin-top:20px; font-size:15px; text-align:center; color:#999; overflow:hidden;}
#article{
    min-height: 140px;line-height:32px; margin-top:40px; padding-top:36px; border-top:1px dashed #dcdcdc; font-size:15px; color:#666;}
#prev-next{display:flex; justify-content:space-between; align-items:center; height:50px; line-height: 50px; margin-top:44px; overflow:hidden; background: #959595; padding: 0 20px;}
#prev-next a{max-width:calc((100% - 60px) / 3); height:18px; line-height:18px; font-size:15px; color:#e5e5e5; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#fff; font-weight: bold;}

#about-cont{ margin: 60px 0;}
#about-cont .about-logo{ width: 194px; height: 106px; margin: 0 auto;}
#about-cont .about-logo img{width: 194px; height: 106px;}
#about-cont section{ margin-top: 30px;}
#about-cont section p{ font-size: 15px; line-height: 30px; text-align: center;}
#about-cont .about-list{ margin-top: 40px;}
#about-cont .about-list ul{ display: flex; justify-content: space-between;}
#about-cont .about-list ul li{ width: 413px;}
#about-cont .about-list ul li .about-list-img{ width: 413px; height: 240px; overflow: hidden;}
#about-cont .about-list ul li .about-list-img img{width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#about-cont .about-list ul li h3{ font-size: 16px; color: #333; height: 30px; line-height: 30px; margin:10px 10px 0px 10px;}
#about-cont .about-list ul li p{ font-size: 15px; color: #666; line-height: 26px; margin:0 10px;}
#about-cont .about-list ul li:hover .about-list-img img{transform: scale(1.1); transition: 0.5s all;}

.about-cpjg{ font-size: 24px; font-weight: bold; color: #333;}
.about-cpjg-item{ margin-top: 60px; display: flex;}
.about-cpjg-item .left{ width: 562px; height: 327px; overflow: hidden;}
.about-cpjg-item .left img{width: 562px; height: 327px;}
.about-cpjg-item .right{ margin-left: 20px;}
.about-cpjg-item .right ul li{ margin-bottom: 20px;}
.about-cpjg-item .right ul li h3{ font-size: 16px; font-weight: bold; color: #333;}
.about-cpjg-item .right ul li h3 em{ display: inline-block; width:24px; height: 24px; line-height: 24px; background:#020403; border-radius: 50px; color: #fff; font-size: 14px; font-family: arial; margin-right: 10px; text-align: center;}
.about-cpjg-item .right ul li p{ font-size: 15px; color: #666; margin-left: 35px; margin-top: 5px;}

#about-ys{ background: url(img/about-ysbg.png) no-repeat center 0; height: 700px;}
#about-ys .wrapper{ position: relative;}
#about-ys .about-ys-img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#about-ys .about-ys-list{ position: relative;}
#about-ys .about-ys-list ul li{ position: absolute; display: flex; gap:0 30px;}
#about-ys .about-ys-list ul li .about-ystb{ width: 65px; height: 65px;transform: rotateY(360deg); transition: 0.5s all; margin: 0 auto;}
#about-ys .about-ys-list ul li:hover .about-ystb img{ transform: rotateY(360deg); transition: 0.5s all;}
#about-ys .about-ys-list ul li .about-ysnr{ flex: 1;}
#about-ys .about-ys-list ul li h3{ font-size: 16px; color:#fff; font-weight: bold; line-height: 24px; margin-bottom: 10px;}
#about-ys .about-ys-list ul li p{ font-size: 14px; color:#fff; line-height: 24px;}

#about-ys .about-ys-list ul li:nth-child(1){left:0; top: 85px; width: 540px;flex-direction: row-reverse;}
#about-ys .about-ys-list ul li:nth-child(1) .about-ysnr{text-align: right;}
#about-ys .about-ys-list ul li:nth-child(2){right:0; top: 85px; width: 540px;}
#about-ys .about-ys-list ul li:nth-child(3){left:0; top: 240px; width: 477px;flex-direction: row-reverse;}
#about-ys .about-ys-list ul li:nth-child(3) .about-ysnr{text-align: right;}
#about-ys .about-ys-list ul li:nth-child(4){right:0; top: 240px; width: 475px;}
#about-ys .about-ys-list ul li:nth-child(5){left:0; top: 370px; width: 520px;flex-direction: row-reverse;}
#about-ys .about-ys-list ul li:nth-child(5) .about-ysnr{text-align: right;}
#about-ys .about-ys-list ul li:nth-child(6){right:0; top: 370px; width: 530px;}
#about-ys .about-ys-list ul li:nth-child(7){ display:block;top: 428px;left: 377px; width: 530px; text-align: center;}
#about-ys .about-ys-list ul li:nth-child(7) .about-ysnr h3{ margin-top: 10px;}
#projects-cont{margin: 30px 0;
    min-height: 422px;}
#projects-cont ul{ display: flex; gap:0 20px; flex-wrap: wrap;}
#projects-cont  ul li{width: 305px; margin-bottom: 20px;}
#projects-cont  ul li .projects-cont-img{ width: 305px;height: 220px; overflow: hidden;} 
#projects-cont  ul li .projects-cont-img img{width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#projects-cont  ul li h3{ font-size: 16px; color: #333; overflow: hidden;text-overflow: ellipsis;  white-space:nowrap; height: 30px; line-height: 30px; margin-top: 5px;}
#projects-cont  ul li:hover .projects-cont-img img{transform: scale(1.1); transition: 0.5s all;}
#projects-item{ margin: 20px 0 40px 0;}
#projects-item .wrapper{display:flex; gap:0 25px;}
#projects-item .left{position:relative; width:700px;}
#projects-item .left .swiper-button-prev,#projects-item .left .swiper-button-next{top:236px; width:22px; height:28px; margin:0; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:1;}
#projects-item .left .swiper-button-prev:after,#projects-item .left .swiper-button-next:after{display:none;}
#projects-item .left .swiper-button-prev{left:30px; background-image:url(img/prev1.png);}
#projects-item .left .swiper-button-next{right:30px; background-image:url(img/next1.png);}
#projects-slide{width:700px; height:480px; overflow:hidden;}
#projects-slide .swiper-container{width:700px; height:480px; overflow:hidden;}
#projects-slide .swiper-wrapper{height:480px;}
#projects-slide .swiper-slide{width:700px; height:480px; overflow:hidden;}
#projects-slide .swiper-slide img{width:700px; height:480px;}
#projects-thumb{width:700px; height:84px; margin-top:10px;}
#projects-thumb .swiper-container{width:700px; height:84px; overflow:hidden;}
#projects-thumb .swiper-wrapper{height:84px;}
#projects-thumb .swiper-slide{width:130px; height:84px; border:2px solid #959595; cursor:pointer; overflow:hidden;}
#projects-thumb .swiper-slide img{width:126px; height:80px;}
#projects-thumb .swiper-slide-thumb-active{border-color:#000;}

#projects-item .right{flex:1;}
#projects-item #prev-next1{display:flex; justify-content:space-between; align-items:center; height:50px; line-height: 50px; overflow:hidden; background: #959595; padding: 0 20px;}
#projects-item #prev-next1 a{max-width:calc((100% - 60px) / 3); height:18px; line-height:18px; font-size:15px; color:#e5e5e5; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#projects-item #prev-next1 a:hover{color:#fff; font-weight: bold;}
#projects-item .right h2{height:24px; line-height:24px; font-size:24px; font-weight:bold; color:#333;  margin-top: 30px;}
#projects-item .right .text p{line-height:30px; font-size:15px; color:#666; margin-top: 20px;}
#projects-item .right .item{ margin-top: 30px;}
#projects-item .right .item ul{ display: flex; gap:20px; flex-wrap: wrap;}
#projects-item .right .item ul li{ width: 40%; }
#projects-item .right .item ul li p{font-size: 14px; color: #999;}
#projects-item .right .item ul .item-lists{ display: flex; gap:0 10px; margin-top: 10px;}
#projects-item .right .item ul .item-lists .l-img{ width: 100px;}
#projects-item .right .item ul .item-lists .l-img img{width: 100px; height: 100px;}
#projects-item .right .item ul .item-lists .l-img span{ display: block;font-size: 14px; color: #999; margin-top: 5px;}
#projects-item .right .item ul .item-lists .l-img span i{ display: block; font-weight: bold;}
#projects-item .right .item ul .item-lists .r-img{ max-width: 100px; }
#projects-item .right .item ul .item-lists .r-img img{width: auto; max-height: 100px;}
#projects-item .right .item ul .item-lists .r-img span{ display: block;font-size: 14px; color: #999; margin-top: 5px;}
#projects-item .right .item ul .item-lists .r-img span em{ display: block;}
#contact-cont{ margin: 60px 0;}
#contact-cont .wrapper{ display: flex; justify-content: space-between;}
#contact-cont .left{ flex: 1;}
#contact-cont .left h2{ font-size: 24px; color: #333;}
#contact-cont .left h3{ font-size: 24px; color: #77787c; margin-top: 25px;}
#contact-cont .left em{ display: block; width:28px; height: 3px; background:#77787c; margin: 10px 0;}
#contact-cont .left section p{ font-size: 14px; color: #77787c; line-height: 30px;}
#contact-cont .right{ margin-top: 50px;width: 132px;}
#contact-cont .right .ewm{ width: 132px; height: 132px; border: 1px #b5b5b5 solid;padding: 5px; overflow: hidden;}
#contact-cont .right .ewm img{ width:122px; height: 122px; }
#contact-cont .right span{ display: block; font-size: 15px; color: #77787c;text-align:center; height:30px; line-height:30px;}
.contact-online h2{font-size: 24px; color: #333;}
.contact-online p{font-size: 16px; color: #77787c;}
.contact-online form{ margin-top: 30px;}
.contact-online form ul{ display: flex; gap:0 20px; flex-wrap: wrap;}
.contact-online form ul li{ width: 630px; height: 50px; background: #fff; margin-bottom: 20px;}
.contact-online form ul li input{width: 630px; height: 50px; background: #fff; border: 0; font-size: 15px; padding: 0 10px;}
.contact-online form ul li:last-child{ width: 100%; height: 160px;}
.contact-online form ul li:last-child textarea{ width: 100%; height: 160px;background: #fff; border: 0; font-size: 15px; padding:10px;}
.contact-online form .tj-btn{ width: 200px;height: 58px; margin: 20px auto 0 auto;
    cursor: default;} 
.contact-online form .tj-btn button{width: 200px;height: 58px; background: #77787c; border: 0; font-size: 16px; color:#fff; cursor: pointer;}

#page{ display:none;}




@media screen and (min-width: 751px) and (max-width: 820px){
	
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#sj-header{height:3.75rem; background:#77787c; z-index:999; }
#sj-logo{left:0.75rem; top:0.75rem; height:2.5rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.25rem;}
#sj-tel{top: 0.65rem;left: 6rem;font-size: 14px;font-weight: bold;color: #044f9a;background: url(img/tel.png) no-repeat left center;background-size: 1.125rem; padding-left:1.65rem;}
#sj-tel em{ display:block;}

#nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(img/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }


#banner{ padding-top:3.75rem; height:31.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:28rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}
#search{ width:100%; margin-top:20px; display:block;margin-top: 10px;padding: 0; height: 40px;}
#search input{ flex:1;border: 1px #e5e5e5 solid; height: 40px; line-height: 40px;}
#search button{width: 40px; height: 42px}
#about{ padding:30px 0;}
#about .about-logo{ width:100px; height:auto;}
#about .about-logo img{ width:100%; height:100%;}
#about p{ font-size:14px; line-height:24px; margin:15px 0;}
#about .about-more a{width: 110px; height: 36px; line-height: 36px; font-size:12px;}
#news{ margin:30px 0;}
#news .title h4{ font-size:14px;}
#news .title h3{ font-size:18px;}
#news #news-list{ margin-top:20px;}
#news .swiper-container{ height:170px;}
#news .swiper-button-prev, #news .swiper-button-next{ top:-40px; width:36px; height:36px;background-size: cover;}
#news .swiper-button-prev{ right:50px;}
#news .swiper-slide a .img{ height:120px; width:100%;}
#news .swiper-slide a h2{ font-size:14px;}
#news .swiper-slide a h3{ font-size:12px;}
#add-yu{ height:180px;}
#add-yu .bg{height:180px; padding:60px 0;}
#add-yu .bg h3{ font-size:16px;}
#add-yu .bg h4{ font-size:16px;letter-spacing: 10px;}
#footer .footer-item .right-menu{ display:none;}
#footer .footer-item .left-contact{ width:100%;}
#footer{ padding-top:30px;}
#footer .footer-item .left-contact .f-logo{ width:110px; height:auto; margin-bottom:10px;}
#footer .footer-item .left-contact p{ line-height:26px; font-size:14px; margin-bottom:0;}
#copyright{ font-size:14px; margin-top:15px; padding:15px 0;}
#about-cont{ margin:60px 0 30px 0;}
#about-cont .about-logo{ width:110px; height:auto; padding-top:20px;}
#about-cont .about-logo img{ width:100%; height:100%;}
#about-cont section{ margin-top:20px;}
#about-cont section p{ font-size:14px; line-height:28px;}
#about-cont .about-list{ margin-top:25px;}
#about-cont .about-list ul li{ width:32%;  margin-bottom:10px;}
#about-cont .about-list ul li .about-list-img{ width:100%; height:120px;}
#about-cont .about-list ul li .sj1{ flex:1;}
#about-cont .about-list ul li h3{ font-size:14px; height:26px; line-height:26px;line-height: 26px; margin: 0px 10px 0px 10px;}
#about-cont .about-list ul li p{ font-size:12px;line-height: 22px;}
.wrap-gray.p1{ padding:30px 0;}
.about-cpjg{ font-size:18px;}
.about-cpjg-item .left{ width:60%; height:auto;}
.about-cpjg-item .left img{ width:100%; height:auto;}
.about-cpjg-item .right ul li{ margin-bottom:10px;}
.about-cpjg-item .right ul li h3{ font-size:15px;}
.about-cpjg-item .right ul li p{ font-size:14px;}
.about-cpjg-item .right ul li h3 em{ width:20px; height:20px; line-height:20px; font-size:12px;}
#about-ys{ height:auto;background-size: cover;}
#about-ys .about-ys-list{ padding:30px 0px;}
#about-ys .about-ys-img{ display:none;}
#about-ys .about-ys-list ul li{ position:inherit;gap: 0 20px; margin-bottom:20px;}
#about-ys .about-ys-list ul li:nth-child(1),#about-ys .about-ys-list ul li:nth-child(3),#about-ys .about-ys-list ul li:nth-child(5){ width:100%;flex-direction: inherit;}
#about-ys .about-ys-list ul li .about-ystb{ width:50px; height:50px;}
#about-ys .about-ys-list ul li:nth-child(1) .about-ysnr{ text-align:left;}
#about-ys .about-ys-list ul li h3{ font-size:15px; margin-bottom:0;}
#about-ys .about-ys-list ul li:nth-child(2),#about-ys .about-ys-list ul li:nth-child(4),#about-ys .about-ys-list ul li:nth-child(6),#about-ys .about-ys-list ul li:nth-child(7){ width:100%;}
#about-ys .about-ys-list ul li:nth-child(7){ text-align:left;}
#about-ys .about-ys-list ul li:nth-child(3) .about-ysnr,#about-ys .about-ys-list ul li:nth-child(5) .about-ysnr{ text-align:left;}
#about-ys .about-ys-list ul li .about-ystb{ margin:0;}
#about-ys .about-ys-list ul li:nth-child(7){ display:flex;}
#cp-list{ margin-top:80px;}
#cp-list ul li{ width:23%; margin-bottom:20px;}
#cp-list ul li .cp-img{ width:100%; height:125px;}
#cp-list ul li h3{ font-size:14px; height:26px; line-height:26px;}
#cp-list ul li h4{ font-size:12px;}
.home-nav{ margin-top:60px; height:45px; line-height:45px;}
.home-nav .dqez{ font-size:12px; line-height:45px;}
.home-nav .dqez em{ margin-top:16px; width:15px;}
#series-cont .series-js .left{ width:50%; height:auto;}
#series-cont .series-js .right h2{ font-size:16px;height: 24px; line-height: 24px;}
#series-cont .series-js .right h4{ font-size:14px;margin: 0 0 10px 0;}
#series-cont{ margin:20px 0;}
#series-cont .series-gs .series-gs-list ul li{ margin-bottom:15px;}
#series-cont .series-imgs ul{ flex-wrap:wrap;}
#series-cont .series-imgs ul li{ width:24%; height:110px; margin-bottom:10px;}
#formats-cont{ margin:70px 0 20px 0;}
#finishes-cont{ margin:70px 0 20px 0;}
#finishes-cont .finishes-tab .finishes-tab-list ul li{ width:14%; height:110px;}
#finishes-cont .finishes-tab .finishes-tab-list ul li img{ width:100%; height:100%;}
#finishes-cont .finishes-tab .finishes-tab-list ul li p{ font-size:14px;}
.sj-finishes{ margin:20px 0 !important;}
#finishes-cont .finishes-xq-list .left{ width:50%; height:350px;}
#finishes-cont .finishes-xq-list .left li{ width:100%; height:100%;}
#finishes-cont .finishes-xq-list .left li span{ font-size:14px;}
#finishes-cont .finishes-xq-list .right{ }
#finishes-cont .finishes-xq-list .right ul li{ width:23%; height:80px;}
#finishes-cont .series-xgal ul{ flex-wrap:wrap;}
#finishes-cont .series-xgal ul li{ width:23%;  margin-bottom:10px;}
#finishes-cont .series-xgal ul li .series-xgal-img{ width:100%; height:110px;}
#finishes-cont .series-xgal ul li p{ font-size:14px;}
#download-list{ margin:70px 0 30px 0px;}
#download-list ul li span{ font-size:14px;flex: 1;}
#download-list ul li em{width: 75px; height: 28px; line-height: 28px;background: #77787c url(img/download-icon.png) no-repeat 15px center;padding-left: 22px; font-size: 12px;}
#projects-cont{margin:70px 0 30px 0px;}
#projects-cont ul li{ width:23%;  margin-bottom:10px;}
#projects-cont ul li .projects-cont-img{ width:100%; height:110px;}
#projects-cont ul li h3{ font-size:14px;}
#projects-item .wrapper{ display:block;}
#projects-item .left{ width:100%;}
#projects-slide{ width:100%; height:510px;}
#projects-slide .swiper-container{ width:100%; height:100%;}
#projects-slide .swiper-wrapper{ height:100%;}
#projects-slide .swiper-slide{ height:100%;}
#projects-slide .swiper-slide img{ width:100%; height:100%;}
#projects-item .left .swiper-button-prev, #projects-item .left .swiper-button-next{top:115px;}
#projects-thumb{ width:100%; height:100px;}
#projects-thumb .swiper-container{ width:100%; height:100%;}
#projects-thumb .swiper-wrapper,#projects-thumb .swiper-slide{ height:100%;}
#projects-thumb .swiper-slide img{ width:100%; height:100%;}
#projects-item .right{ margin-top:20px;}
#projects-item #prev-next1{ height:40px; line-height:40px;}
#projects-item #prev-next1 a{ font-size:14px;}
#projects-item .right h2{ font-size:18px;}
#projects-item .right .text p{ font-size:14px; margin-top:5px;}
#projects-item .right .item{ margin-top:20px;}
#projects-item .right .item ul li{ width:30%;}
#news-cont{ margin:70px 0 30px 0;}
#news-cont ul li{ width:24%;}
#news-cont ul li .ny-news-img{ width:100%; height:130px;}
#news-cont ul li h3{ font-size:14px;}
#news-cont ul li h4{ font-size:12px;}
.home-nav .dqez span{overflow: hidden; text-overflow: ellipsis; flex-wrap: nowrap; white-space: nowrap; width: 38%;}
.wrap-white.p1{ padding:30px 0;}
#article-title{ font-size:20px;}
#article-info{ margin-top:5px; font-size:14px;}
#article{ margin-top:25px; padding-top:20px; font-size:14px; line-height:30px;}
#prev-next{height: 40px;  line-height: 40px;}
#prev-next a{ font-size:14px;}
#contact-cont{ margin:70px 0 30px 0;}


.contact-online form ul li{ width:48%; height:40px; line-height:40px;}
.contact-online form ul li input{ width:100%; height:40px; line-height:40px;font-size:14px;}
.contact-online form .tj-btn{ width:120px; height:36px; }
.contact-online form .tj-btn button{ width:120px; height:36px; line-height:36px; font-size:14px;}
.contact-online form ul li:last-child textarea{ height:140px; font-size:14px;}
.contact-online form ul li:last-child{ width:99%;}



}







@media (max-width:750px){
	
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#sj-header{height:3.75rem; background:#77787c; z-index:999; }
#sj-logo{left:0.75rem; top:0.75rem; height:2.5rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.25rem;}
#sj-tel{top: 0.65rem;left: 6rem;font-size: 14px;font-weight: bold;color: #044f9a;background: url(img/tel.png) no-repeat left center;background-size: 1.125rem; padding-left:1.65rem;}
#sj-tel em{ display:block;}

#nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(img/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }


#banner{ padding-top:3.75rem; height:15.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:12rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}
#search{ width:100%; margin-top:20px; display:block;margin-top: 10px;padding: 0; height: 40px;}
#search input{ flex:1;border: 1px #e5e5e5 solid; height: 40px; line-height: 40px;}
#search button{width: 40px; height: 42px}
#about{ padding:30px 0;}
#about .about-logo{ width:100px; height:auto;}
#about .about-logo img{ width:100%; height:100%;}
#about p{ font-size:14px; line-height:24px; margin:15px 0;}
#about .about-more a{width: 110px; height: 36px; line-height: 36px; font-size:12px;}
#news{ margin:30px 0;}
#news .title h4{ font-size:14px;}
#news .title h3{ font-size:18px;}
#news #news-list{ margin-top:20px;}
#news .swiper-container{ height:170px;}
#news .swiper-button-prev, #news .swiper-button-next{ top:-40px; width:36px; height:36px;background-size: cover;}
#news .swiper-button-prev{ right:50px;}
#news .swiper-slide a .img{ height:120px; width:100%;}
#news .swiper-slide a h2{ font-size:14px;}
#news .swiper-slide a h3{ font-size:12px;}
#add-yu{ height:180px;}
#add-yu .bg{height:180px; padding:60px 0;}
#add-yu .bg h3{ font-size:16px;}
#add-yu .bg h4{ font-size:16px;letter-spacing: 10px;}
#footer .footer-item .right-menu{ display:none;}
#footer .footer-item .left-contact{ width:100%;}
#footer{ padding-top:30px;}
#footer .footer-item .left-contact .f-logo{ width:110px; height:auto; margin-bottom:10px;}
#footer .footer-item .left-contact p{ line-height:26px; font-size:14px; margin-bottom:0;}
#copyright{ display:block; font-size:14px; margin-top:15px; padding:15px 0;}
#about-cont{ margin:60px 0 30px 0;}
#about-cont .about-logo{ width:110px; height:auto; padding-top:20px;}
#about-cont .about-logo img{ width:100%; height:100%;}
#about-cont section{ margin-top:20px;}
#about-cont section p{ font-size:14px; line-height:28px;}
#about-cont .about-list{ margin-top:25px;}
#about-cont .about-list ul{ display:block;}
#about-cont .about-list ul li{ width:100%; display:flex; margin-bottom:10px;}
#about-cont .about-list ul li .about-list-img{ width:46%; height:120px;}
#about-cont .about-list ul li .sj1{ flex:1;}
#about-cont .about-list ul li h3{ font-size:14px; height:26px; line-height:26px;line-height: 26px; margin: 0px 10px 0px 10px;}
#about-cont .about-list ul li p{ font-size:12px;line-height: 22px;}
.wrap-gray.p1{ padding:30px 0;}
.about-cpjg{ font-size:18px;}
.about-cpjg-item{ margin-top:0px; display:block;}
.about-cpjg-item .left{ width:100%; height:auto;}
.about-cpjg-item .left img{ width:100%; height:100%}
.about-cpjg-item .right{ margin-left:0;}
.about-cpjg-item .right ul li{ margin-bottom:10px;}
.about-cpjg-item .right ul li h3{ font-size:15px;}
.about-cpjg-item .right ul li p{ font-size:14px;}
.about-cpjg-item .right ul li h3 em{ width:20px; height:20px; line-height:20px; font-size:12px;}
#about-ys{ height:auto;background-size: cover;}
#about-ys .about-ys-list{ padding:30px 0px;}
#about-ys .about-ys-img{ display:none;}
#about-ys .about-ys-list ul li{ position:inherit;gap: 0 20px; margin-bottom:20px;}
#about-ys .about-ys-list ul li:nth-child(1),#about-ys .about-ys-list ul li:nth-child(3),#about-ys .about-ys-list ul li:nth-child(5){ width:100%;flex-direction: inherit;}
#about-ys .about-ys-list ul li .about-ystb{ width:50px; height:50px;}
#about-ys .about-ys-list ul li:nth-child(1) .about-ysnr{ text-align:left;}
#about-ys .about-ys-list ul li h3{ font-size:15px; margin-bottom:0;}
#about-ys .about-ys-list ul li:nth-child(2),#about-ys .about-ys-list ul li:nth-child(4),#about-ys .about-ys-list ul li:nth-child(6),#about-ys .about-ys-list ul li:nth-child(7){ width:100%;}
#about-ys .about-ys-list ul li:nth-child(7){ text-align:left;}
#about-ys .about-ys-list ul li:nth-child(3) .about-ysnr,#about-ys .about-ys-list ul li:nth-child(5) .about-ysnr{ text-align:left;}
#about-ys .about-ys-list ul li .about-ystb{ margin:0;}
#about-ys .about-ys-list ul li:nth-child(7){ display:flex;}
#cp-list{ margin-top:80px;}
#cp-list ul li{ width:46%; margin-bottom:20px;}
#cp-list ul li .cp-img{ width:100%; height:125px;}
#cp-list ul li h3{ font-size:14px; height:26px; line-height:26px;}
#cp-list ul li h4{ font-size:12px;}
.home-nav{ margin-top:60px; height:45px; line-height:45px;}
.home-nav .dqez{ font-size:12px; line-height:45px;}
.home-nav .dqez em{ margin-top:16px; width:15px;}
#series-cont .series-js{ display:block;}
#series-cont .series-js .left{ width:100%; height:auto;}
#series-cont .series-js .right{ margin-top:20px; margin-left:0;}
#series-cont .series-js .right h2{ font-size:16px;height: 24px; line-height: 24px;}
#series-cont .series-js .right h4{ font-size:14px;margin: 0 0 10px 0;}
#series-cont{ margin:20px 0;}
#series-cont .series-gs .series-gs-list ul li{ width:33%; margin-bottom:15px;}
#series-cont .series-imgs ul{ flex-wrap:wrap;}
#series-cont .series-imgs ul li{ width:48%; height:110px; margin-bottom:10px;}
#formats-cont{ margin:70px 0 20px 0;}
#formats-cont .formats-gs .formats-gs-list ul li{ width:33%;}
#finishes-cont{ margin:70px 0 20px 0;}
#finishes-cont .finishes-tab .finishes-tab-list ul li{ width:31%; height:110px;}
#finishes-cont .finishes-tab .finishes-tab-list ul li img{ width:100%; height:100%;}
#finishes-cont .finishes-tab .finishes-tab-list ul li p{ font-size:14px;}
.sj-finishes{ margin:20px 0 !important;}
#finishes-cont .finishes-xq-list{ display:block;}
#finishes-cont .finishes-xq-list .left{ width:100%; height:350px;}
#finishes-cont .finishes-xq-list .left li{ width:100%; height:100%;}
#finishes-cont .finishes-xq-list .left li span{ font-size:14px;}
#finishes-cont .finishes-xq-list .right{ margin-top:20px; margin-left:0;}
#finishes-cont .finishes-xq-list .right ul li{ width:22%; height:80px;}
#finishes-cont .series-xgal ul{ flex-wrap:wrap;}
#finishes-cont .series-xgal ul li{ width:46%;  margin-bottom:10px;}
#finishes-cont .series-xgal ul li .series-xgal-img{ width:100%; height:110px;}
#finishes-cont .series-xgal ul li p{ font-size:14px;}
#download-list{ margin:70px 0 30px 0px;}
#download-list ul li span{ font-size:14px;flex: 1;}
#download-list ul li em{width: 75px; height: 28px; line-height: 28px;background: #77787c url(img/download-icon.png) no-repeat 15px center;padding-left: 22px; font-size: 12px;}
#projects-cont{margin:70px 0 30px 0px;}
#projects-cont ul li{ width:46%;  margin-bottom:10px;}
#projects-cont ul li .projects-cont-img{ width:100%; height:110px;}
#projects-cont ul li h3{ font-size:14px;}
#projects-item .wrapper{ display:block;}
#projects-item .left{ width:100%;}
#projects-slide{ width:100%; height:240px;}
#projects-slide .swiper-container{ width:100%; height:100%;}
#projects-slide .swiper-wrapper{ height:100%;}
#projects-slide .swiper-slide{ height:100%;}
#projects-slide .swiper-slide img{ width:100%; height:100%;}
#projects-item .left .swiper-button-prev, #projects-item .left .swiper-button-next{top:115px;}
#projects-thumb{ width:100%; height:40px;}
#projects-thumb .swiper-container{ width:100%; height:100%;}
#projects-thumb .swiper-wrapper,#projects-thumb .swiper-slide{ height:100%;}
#projects-thumb .swiper-slide img{ width:100%; height:100%;}
#projects-item .right{ margin-top:20px;}
#projects-item #prev-next1{ height:40px; line-height:40px;}
#projects-item #prev-next1 a{ font-size:14px;}
#projects-item .right h2{ font-size:18px;}
#projects-item .right .text p{ font-size:14px; margin-top:5px;}
#projects-item .right .item{ margin-top:20px;}
#projects-item .right .item ul{ display:block;}
#projects-item .right .item ul li{ width:100%;}
#news-cont{ margin:70px 0 30px 0;}
#news-cont ul li{ width:48%;}
#news-cont ul li .ny-news-img{ width:100%; height:110px;}
#news-cont ul li h3{ font-size:14px;}
#news-cont ul li h4{ font-size:12px;}
.home-nav .dqez span{overflow: hidden; text-overflow: ellipsis; flex-wrap: nowrap; white-space: nowrap; width: 38%;}
.wrap-white.p1{ padding:30px 0;}
#article-title{ font-size:20px;}
#article-info{ margin-top:5px; font-size:14px;}
#article{ margin-top:25px; padding-top:20px; font-size:14px; line-height:30px;}
#prev-next{height: 40px;  line-height: 40px;}
#prev-next a{ font-size:14px;}
#contact-cont{ margin:70px 0 30px 0;}
#contact-cont .wrapper{ display:block;}
#contact-cont .left{ width:100%; }
#contact-cont .left h2{ font-size:20px;}
#contact-cont .left h3{ font-size:20px;margin-top: 20px;}
#contact-cont .right{ margin-top:15px;}
.contact-online h2{ font-size:20px;}
.contact-online p{ font-size:14px; margin-top:10px;}
.contact-online form ul{ display:block;}
.contact-online form ul li{ width:100%; height:40px; line-height:40px;}
.contact-online form ul li input{ width:100%; height:40px; line-height:40px;font-size:14px;}
.contact-online form .tj-btn{ width:120px; height:36px; }
.contact-online form .tj-btn button{ width:120px; height:36px; line-height:36px; font-size:14px;}
.contact-online form ul li:last-child textarea{ height:140px; font-size:14px;}
.contact-online form ul li:last-child{ width:100%;}



}