@charset "utf-8"; /* 浏览器样式初始化 */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height: 1em;max-height: 99999999px;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} html,body{margin: 0 auto;font-size:16px;line-height:1em;color: #000;font-family: Microsoft Yahei,Arial,Hiragino Sans GB,'微软雅黑',STHeiti,'华文细黑',sans-serif;background: #fff;} ul,ol,li{list-style:none} a{color: inherit;text-decoration:none;outline: none;} a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; } img{border:0;} em,i,b{font-style: normal;font-weight: normal;} h1,h2,h3,h4,h5,h6{font-weight:normal} .clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clear{zoom:1;} .left{float:left;} .right{float:right;} .before, .after{position: relative;display: block;line-height: 1em;} .before:before, .after:after{position: absolute;display: block;content: "";} .imgbigout{display: block;overflow: hidden;} .imgbigout .imgbig{display: block;max-width: 100%;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) } .imgbigout img{display: block;max-width: 100%;margin: 0 auto;} input{-webkit-appearance:none;outline: none;background: none;border: none;} /*分页框架*/ .pager-box{margin-top: 70px;text-align: center;} .pager{display: inline-block;margin: 0 auto;} .pager span,.pager a{float: left;display:inline-block;width: 40px;height: 40px;margin: 0 2px;color: #7f7f7f;line-height: 40px;text-align:center;border-radius: 50%;border: 1px solid #7f7f7f;box-sizing: border-box;} .pager .now, .pager a:hover{color:#fff;border-color: #0b56c3;background-color: #0b56c3;} .pager .current,.pager .p1{display: none;} .pager .p1:first-child, .pager .current:first-child{background-position: -2px -33px;} .pager .p1:last-child, .pager .current:last-child{background-position: -34px -33px;} .pager .p1:hover{background-color: #0b56c3;color: #fff;} .pager .p1:first-child:hover{background-position: -2px -1px;} .pager .p1:last-child:hover{background-position: -34px -1px;} /* 通用 */ .container{width: 1440px;margin: 0 auto;} .imgbox img{display: block;max-width: 100%;height: auto;} .icon{display: block;background-position: center center;background-repeat: no-repeat;} .com-tit{margin-bottom: 60px;text-align: center;} .com-tit .tit{position: relative;margin-bottom: 1em;font-size: 30px;font-weight: bold;} .com-tit .subtit{font-size: 18px;color: #7f7f7f;} .com-tit .tit::after{position: absolute;bottom: -0.53em;left: 50%;display: block;content: "";width: 60px;height: 4px;margin-left: -30px;background: #1453ae;} .left-com-tit{text-align: left;} .left-com-tit .tit{font-size: 30px;} .left-com-tit .subtit{font-size: 18px;} .left-com-tit .tit::after{left: 0;margin-left: 0;} .more{display: block;width: 120px;height: 32px;line-height: 30px;text-align: center;border: 1px solid #fff;border-radius: 32px;box-sizing: border-box;} .editor-content p{margin-bottom: 1.56em;} .editor-content img{max-width: 100%;height: auto;} .slide-btn{position: absolute;top: 50%;left: 0;width: 100%;z-index: 9;} .slide-btn>a{position: absolute;display: block;width: 40px;height: 40px;margin-top: -20px;background-image: url(img/arrow.png);background-position: center;background-repeat: no-repeat;border: 2px solid #828282;border-radius: 40px;box-sizing: border-box;} .slide-btn .prev{left: -66px;} .slide-btn .next{right: -66px;transform: rotate(180deg);} .slide-btn>a:hover{background-image: url(img/arrow-hover.png);border-color: #0b56c3;} .card-cover{position: absolute;top: 0;right: 0;bottom: 0;left: 0; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5)); -webkit-transition: .65s;transition: .65s;} .card:hover .card-cover{background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5)));background-image: linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));} .font18 p{line-height: 1.56em;color: #7f7f7f;} .font18-2 p{line-height: 1.78em;color: #7f7f7f;} .font32-line{position: relative;margin-bottom: 1.75em;font-size: 30px;font-weight: bold;} .font32-line::after{position: absolute;bottom: -22px;left: 0;display: block;content: "";width: 60px;height: 4px;background: #1453ae;} /* main css */ .head{position: relative;z-index: 9999;background: #fff;} .head .head-inner{height: 65px;padding-top: 7px;text-align: center;box-sizing: border-box;} .head .head-logo{float: left;display: block;width: 158px;margin-top: 13px;} .head .head-lang{position: relative;float: right;} .head-lang .head-lang-on{position: relative;padding-left: 30px;line-height: 58px;background: url(img/lang-icon.png) 6px center no-repeat;cursor: pointer;} .head-lang .head-lang-ul{display: none;position: absolute;top: 100%;left: 0;width: 200px;padding: 20px 30px;text-align: left;background: #fff;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.1);} .head-lang-ul a{line-height: 2em;} .head-lang-ul a:hover, .head-lang-ul .on{color: #1453ae;} .head-lang:hover .head-lang-ul{display: block;} .head .head-nav{display: inline-block;} .head-nav-ul{} .head-nav-ul .item{float: left;margin: 0 14px;} .head-nav-ul .item .item-link{position: relative;display: block;line-height: 58px;} .head-nav-ul .item .item-link::after{position: absolute;bottom: 0;left: 50%;display: block;content: "";width: 0;height: 0;transform: translateX(-50%);background-color: transparent;transition: all .5s;} .head-nav-ul .on .item-link::after, .head-nav-ul .item:hover .item-link::after{width: 133%;height: 3px;background-color: #1453ae;} .pc-head-nav .item-subnav{display: none;position: absolute;top: 100%;left: 0;width: 100%;min-height: 300px;padding: 32px 0;background: #fff;border-top: 1px solid #ebebeb;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.01);} .pc-head-nav .item-subnav-inner{} .pc-head-nav .item-subnav-text{float: left;margin-left: 26%;text-align: left;} .pc-head-nav .item-subnav-img{float: right;width: 25%;margin-right: 4.17%;} .pc-head-nav .item-subnav-text .item-subnav-tit{float: left;width: 174px;font-size: 20px;} .pc-head-nav .item-subnav-text .item-subnav-ul{float: left;padding-left: 44px;border-left: 1px solid #ebebeb;} .pc-head-nav .item-subnav-text .item-subnav-ul2{padding-left: 60px;border-left: 0;} .pc-head-nav .item-subnav-ul .li + .li{margin-top: 24px;} .head-nav .item-subnav-ul a{display: block;color: #7f7f7f;} .pc-head-nav .item-subnav-ul a:hover{font-weight: normal;color: #000;text-decoration: underline;} /*.head-nav .item:hover .item-subnav{display: block;}*/ .banner{height: calc(100vh - 65px);color: #fff;} .banner .item{background-position: center;background-repeat: no-repeat;background-size: cover;} .banner .item video{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;object-fit: cover;} .banner .item .video-shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(img/video-shadow.png) repeat;} .banner .item .banner-text{position: absolute;top: 26%;left: 10%;width: 80%;text-align: center;} .banner .banner-text .text-tit{margin-bottom: 15px;font-size: 52px;} .banner .banner-text .text-sum{font-size: 16px;text-transform: uppercase;letter-spacing: 2px;} .banner .banner-text .more{margin: 0 auto;} .banner .item1 .banner-text{top: 25%;} .banner .item1 .banner-text .text-tit{margin-bottom: 46px;} .banner .item2 .banner-text{top: 28%;} .banner .item2 .banner-text .text-tit{font-size: 40px;} .banner .item3 .banner-text{top: 27.8%;color: #000;} .banner .item3 .banner-text .text-tit{font-size: 40px;} .banner .banner-pagination{position: absolute;bottom: 4.5%;left: 0;width: 100%;text-align: center;z-index: 9;} .banner-pagination .swiper-pagination-bullet{width: 4px;height: 4px;margin: 0 10px !important;border: 4px solid #87898d;background: none;opacity: 1;outline: none;} .banner-pagination .swiper-pagination-bullet-active{border-color: #fff;} .i-nums{margin-bottom: 86px;padding: 80px 0 0;} .i-nums .i-nums-inner{display: flex;justify-content: space-between;padding: 0 60px;box-sizing: border-box;} .i-nums .nums-item{text-align: center;} .i-nums .nums-item .icon{width: 63px;height: 56px;margin: 0 auto 22px;} .i-nums .nums-item1 .icon{background-image: url(img/nums-icon1.png);} .i-nums .nums-item2 .icon{background-image: url(img/nums-icon2.png);} .i-nums .nums-item3 .icon{background-image: url(img/nums-icon3.png);} .i-nums .nums-item4 .icon{background-image: url(img/nums-icon4.png);} .i-nums .nums-item .num{margin-bottom: 20px;font-size: 64px;font-weight: bold;line-height: .8em;} .i-nums .nums-item .text{font-size: 18px;} .i-product{margin-bottom: 110px;} .i-product-ul{display: flex;justify-content: space-between;} .i-product-ul .product-item{width: 23.75%;} .i-product-ul .product-item .imgbox{} .product-item .imgbox{position: relative;display: block;overflow: hidden;} .product-item .imgbox::after{position: absolute;bottom: 0;left: 0;display: block;content: "";width: 0;height: 4px;background: #0b56c3;opacity: 0;z-index: 9;transition: all .6s;} .product-item .imgbox img{display: block;width: 100%;height: auto;transition: all .6s;} .product-item .imgtext{position: absolute;left: 0;width: 100%;padding: 25px;box-sizing: border-box;transition: all .6s;} .product-item .imgtext .imgtext-tit{margin-bottom: 1em;font-size: 24px;font-weight: bold;} .product-item .imgtext .imgtext-more{opacity: 0;transition: all .9s;} .product-item .imgbox:hover::after{width: 100%;opacity: 1;} .product-item .imgbox:hover img{transform: scale(1.1);} .i-product-ul .product-item .imgbox{background: #f2f2f2;} .i-product-ul .product-item .shadow{opacity: 1;} .i-product-ul .product-item .imgtext{bottom: -42px;} .i-product-ul .product-item .imgbox:hover .imgtext{bottom: 0;} .i-product-ul .product-item .imgbox:hover .imgtext-more{opacity: 1;} .i-about{display: flex;justify-content: space-between;} .i-about>div{width: 50%;overflow: hidden;} .i-about .i-about-img{background: url(img/i-about.jpg) center no-repeat;} .i-about .i-about-text{position: relative;height: 800px;color: #fff;/*background: #1453ae;*/background: rgba(20,83,174,.9);} .i-about .i-about-text .i-about-bg{position: absolute;top: -58%;right: -49%;display: block;width: 112%} .i-about .i-about-text-inner{position: relative;width: 680px;margin-left: 40px;padding: 70px 0 120px;} .i-about .i-about-top{display: flex;justify-content: space-between;margin-bottom: 94px;} .i-about .i-about-top h6{position: relative;font-size: 32px;font-weight: bold;} .i-about .i-about-top h6::after{position: absolute;bottom: -0.87em;left: 0;display: block;content: "";width: 60px;height: 4px;background: #fff;} .i-about .i-about-top .more{} .i-about .i-about-sum p{margin-bottom: 1.56em;color: #fff;} .i-about .i-about-logo{font-size: 32px;font-weight: bold;line-height: 2em;background: url(img/yh-red.png) left 40px center no-repeat;} .i-appli{position: relative;margin-bottom: 84px;padding-top: 72px;overflow: hidden;} .i-appli .i-appli-inner{width: 1464px;} .i-appli .i-appli-main{position: relative;} .i-appli .i-appli-main .swiper-slide{} .appli-list{display: flex;margin-bottom: 26px;} .appli-list:last-child{margin-bottom: 0;} .appli-list>li{width: 20%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 0 12px;transition: .65s;box-sizing: border-box;} .appli-list .appli-card{display: block;position: relative;height: 424px;padding: 25px;background-size: cover; background-position: center center;overflow: hidden;color: #fff;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none ;user-select: none;-webkit-user-drag: none;box-sizing: border-box;} .appli-card-text{position: absolute;top: 0;right: 25px;left: 25px;height: 164px;margin-top: 320px;-webkit-transition: .65s;transition: .65s;} .appli-card-text .icon{width: 80px;height: 42px;margin-bottom: 16px;background-position: left 100%;background-size: auto 100%;background-repeat: no-repeat;} .appli-card-text .appli-card-tit{margin-bottom: 22px;font-size: 24px;font-weight: bold;} .appli-card-text p{width: 488px;height: 3.12em;line-height: 1.56em;opacity: 0;} .appli-list li:hover .appli-card-text{margin-top: 236px;} .appli-list li:hover p{opacity: 1;-webkit-transition: .65s .1s;transition: .65s .1s;} .i-appli .i-appli-bg{position: absolute;top: -36%;left: -28%;display: block;width: 56%;height: auto;} .i-appli-btn .prev{left: -54px;} .i-appli-btn .next{right: -54px;} .i-news{margin-bottom: 150px;} .i-news .com-tit{margin-bottom: 80px;} .i-news .i-news-main{display: flex;justify-content: space-between;color: #7f7f7f;} .i-news .i-news-hot{width: 49%;background: #f5f5f5;} .i-news .i-news-list{width: 49%;} .i-news .i-news-hot a{display: block;height: 100%;padding: 30px 32px 0;box-sizing: border-box;} .i-news .i-news-hot .imgbigout{margin-bottom: 24px;} .i-news .i-news-hot .text{padding-left: 110px;padding-right: 26px;-webkit-transition: .65s;transition: .65s;} .i-news .date{float: left;width: 80px;margin-top: 2px;text-align: right;} .i-news .date p{line-height: .8em;} .i-news .date .date-p1{margin-bottom: 6px;} .i-news .date .date-p2{font-size: 28px;} .i-news .text .p1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: 1em;margin-bottom: 13px;font-size: 24px;color: #000;} .i-news .text .p2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 4.68em;font-size: 18px;line-height: 1.56em;} .i-news .i-news-list a{display: block;padding: 22px 0;border-top: 1px solid #ebebeb;} .i-news .i-news-list li:last-child a{border-bottom: 1px solid #ebebeb;} .i-news .i-news-list .date{margin-left: 12px;} .i-news .i-news-list .text{padding-left: 112px;padding-right: 18px;-webkit-transition: .65s;transition: .65s;} .i-news .i-news-main a:hover .p1{color: #1453ae;} .foot{color: #8aa9d7;background: #1453ae;} .foot .foot-main{padding: 72px 0 42px;border-bottom: 1px solid #809fcd;} .foot .foot-main .foot-info{float: left;} .foot .foot-main .foot-nav{float: right;display: flex;justify-content: space-between;width: 71%;padding-right: 14px;} .foot .m-foot-code{display: none;} .foot-info p{margin-bottom: 24px;} .foot-info .foot-info-tit{margin-bottom: 64px;color: #fff;} .foot-info .foot-info-tel{margin-bottom: 24px;} .foot-info .foot-info-tel .p1{margin-bottom: 12px;} .foot-info .foot-info-tel .p2{font-size: 32px;line-height: .8em;color: #fff;} .foot-nav dt, .foot-nav dd{margin-bottom: 24px;} .foot-nav dt a{color: #fff;} .foot-bottom{display: flex;justify-content: space-between;padding: 58px 0;} .foot-bottom-left{display: flex;align-items: center;} .foot-bottom-left a{margin-right: 12px;} .media-icons{display: flex;justify-content: space-between;width: 138px;} .media-icons a{position: relative;display: block;width: 32px;height: 26px;background-repeat: no-repeat;} .media-icons .weibo{background-position: 2px center;} .media-icons .wechat{background-position: -52px center;} .media-icons .twitter{background-position: -106px center;} .foot-bottom-right .code-hide{display: none;position: absolute;top: -130px;left: 50%;width: 120px;height: 120px;padding: 4px;margin-left: -60px;background: #fff;box-sizing: border-box;} .foot-bottom-right .code-hide::after{position: absolute;left: 50%;bottom: -10px;display: block;content: "";width: 0;height: 0;margin-left: -10px;border-width: 10px;border-style: solid;border-top-color: #fff;border-right-color: transparent;border-bottom: none;border-left-color: transparent;} .foot-bottom-right .code-hide img{display: block;width: 100%;height: auto;} .foot-bottom-right .wechat:hover .code-hide{display: block;} .foot-bottom-right{margin-right: 28px;} .foot-bottom-right a{background-image: url(img/media-icons.png);} .foot a:hover{color: #fff;} .com-banner{position: relative;height: 460px;color: #fff;background-position: center;background-repeat: no-repeat;} .com-banner .com-banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;text-align: center;} .com-banner-text .tit{margin-bottom: 20px;font-size: 62px;} .com-banner-text .subtit{font-size: 24px;} .navbar{} .navbar .navbar-inner{position: relative;display: flex;justify-content: center;width: 100%;background: #fff;border-bottom: 1px solid #ebebeb;} .navbar .navbar-inner.fixed{position: fixed;top: 0;left: 0;z-index: 99;} .navbar .navbar-type{display: block;margin: 0 19px;padding: 20px 0;line-height: 19px;} .navbar .navbar-list li{float: left;margin: 0 19px;} .navbar .navbar-list a{position: relative;display: block;padding: 20px 0;line-height: 19px;color: #7f7f7f;} .navbar .navbar-list a::after{position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);display: block;content: "";width: 0;height: 3px;background: #1453ae;opacity: 0;-webkit-transition: .3s;transition: .3s;} .navbar .active a::after{width: 100%;opacity: 1;} .bread-menu{padding: 30px 0;background: #f5f5f5;} .bread-menu p, .bread-menu a{line-height: 1.5em;color: #7f7f7f;} .bread-menu a:hover{color: #1453ae;} .article-page{} .article-page a{color: #7f7f7f;} .article-page .page-prev{float: left;} .article-page .page-next{float: right;} .about-banner .tit{margin-bottom: 0;} .about-intro{} .intro-wrap1{padding: 70px 0 94px;} .intro-wrap1-title{float: left;margin-top: 5px;} .intro-wrap1-main{float: right;width: 60.6%;} .intro-wrap1-main .editor-content{margin-bottom: 48px;} .video-box{position: relative;} .video-box video{display: block;width: 100%;height: auto;outline: none;} .video-box .shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);} .video-box .shadow .video-btn{position: absolute;top: 50%;left: 50%;display: block;width: 60px;height: 60px;margin-top: -30px;margin-left: -30px;background: url(img/video-btn.png) center no-repeat;border: 2px solid #fff;border-radius: 50%;box-sizing: border-box;} .intro-wrap2{padding: 103px 0;background: #f5f5f5;} .intro-wrap2 .intro-wrap2-inner{position: relative;} .intro-wrap3{padding: 92px 0 48px;} .intro-wrap3-title{float: left;max-width: 36%;} .intro-wrap3-main{float: right;width: 60.6%;} .intro-wrap3-main dl{margin-bottom: 22px;} .intro-wrap3-main dt{margin-bottom: .5em;font-size: 30px;font-weight: bold;} .intro-wrap3-main dd{font-size: 18px;line-height: 1.56em;color: #7f7f7f;} .intro-wrap4-list{display: flex;justify-content: space-between;} .intro-wrap4-list>div{width: 50%;background: #f5f5f5;} .intro-wrap4-list:nth-child(2n+1){} .intro-wrap4-list:nth-child(2n){flex-direction: row-reverse;} .intro-wrap4-list .imgtext{display: flex;align-items: center;padding: 5% 6.5% 5% 6%;box-sizing: border-box;} .intro-wrap4-list:nth-child(2n+1) .imgtext{flex-direction: row-reverse;} .intro-wrap4-list:nth-child(2n+1) .imgtext .com-tit{text-align: right;} .intro-wrap4-list:nth-child(2n+1) .imgtext .com-tit .tit::after{left: auto;right: 0;} .intro-wrap4-list .com-tit{display: inline-block;margin-bottom: 0;} .about-song{padding: 96px 0 90px;} .about-song .about-song-main{display: flex;justify-content: space-between;} .about-song-text{position: relative;width: 46.4%;} .about-song-video{width: 50%;} .about-song-text .text-tit{position: relative;display: inline-block;margin-bottom: 42px;padding-right: 66px;} .about-song-text .text-tit p{font-size: 30px;font-weight: bold;} .about-song-text .text-sum{position: relative;z-index: 9;} .about-song-text .text-sum p{margin-bottom: 1.56em;} .about-song-text .song-bg{position: absolute;display: block;} .about-song-text .song-bg1{top: 0;right: 0;width: 46px;height: 40px;} .about-song-text .song-bg2{right: 0;bottom: 0;} .about-song-video{} .about-develop{background: #f5f5f5;} .about-develop-title{float: left;margin-top: 100px;} .about-develop-main{float: right;width: 63.4%;} .develop-year{position: relative;float: left;width: 114px;padding-top: 100px;padding-bottom: 43px;} .develop-year::after{position: absolute;top: 0;right: 30px;display: block;content: "";width: 2px;height: 100%;background: #ebebeb;} .develop-year-container{height: 460px;padding-bottom: 20px;} .develop-year-container .year-item{padding-right: 58px;font-size: 18px;color: #7f7f7f;text-align: right;cursor: pointer;box-sizing: border-box;} .develop-year-container .active{font-size: 24px;color: #1453ae;} .develop-year-container .active::after{position: absolute;right: 22px;top: 3px;display: block;content: "";width: 10px;height: 10px;background: #f5f5f5;border: 4px solid #1453ae;border-radius: 50%;z-index: 9;} .develop-con-container{float: left;width: calc(100% - 114px);margin-top: 100px;} .develop-con-container .list-item-year{margin-bottom: 18px;padding-bottom: 25px;font-size: 72px;line-height: .8em;font-weight: bold;color: #7f7f7f;border-bottom: 2px solid #ebebeb;} .about-resp{padding-top: 86px;} .about-resp-title{margin-bottom: 82px;} .about-resp-main{position: relative;} .about-resp-container{color: #fff;} .about-resp-container ul{display: flex;justify-content: space-between;} .about-resp-container li{position: relative;overflow: hidden;} .about-resp-container .item-ul1{margin-bottom: 2%;} .about-resp-container .item-ul1 li{width: 49%;} .about-resp-container .item-ul2 li{width: 23.5%;} .about-resp-container li img{display: block;width: 100%;height: auto;-webkit-transition: .65s;transition: .65s;} .about-resp-container .card-text{position: absolute;top: 0;right: 25px;left: 25px;margin-top: 336px;-webkit-transition: .65s;transition: .65s;} .about-resp-container .card-text .p1{margin-bottom: .5em;font-size: 24px;font-weight: bold;} .about-resp-container .card-text .p2{height: 3.12em;font-size: 16px;line-height: 1.56em;opacity: 0;-webkit-transition: .65s;transition: .65s;overflow: hidden;} .about-resp-container .card:hover img{transform: scale(1.1);} .about-resp-container .card:hover .card-text{margin-top: 284px;} .about-resp-container .card:hover .card-text .p2{opacity: 1;} .about-honor{padding-top: 90px;} .about-honor-title{margin-bottom: 76px;} .about-honor-main{position: relative;} .about-honor-main .imgtext{padding: 18px 15px 32px;background: #f5f5f5;} .about-honor-main .imgtext p{position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;padding-left: 10px;font-size: 18px;line-height: 1.6em;} .about-honor-main .imgtext p::before{position: absolute;top: 5px;left: 0;display: block;content: "";width: 2px;height: 20px;background: #1453ae;} .about-management{padding-top: 80px;padding-bottom: 158px;} .about-management-title{margin-bottom: 92px;} .about-management-main .team-list{margin-bottom: 26px;} .team-list .item{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 1.33%;} .team-list .item:nth-child(4n){margin-right: 0;} .team-list .item-img{overflow: hidden;} .team-list .item-img img{display: block;width: 100%;height: auto;-webkit-transition: .65s;transition: .65s;} .team-list .item-text{padding: 30px 26px 42px;background: #f5f5f5;} .team-list .item-text .p1{margin-bottom: .5em;font-size: 24px;font-weight: bold;} .team-list .item-text .p2{height: 3.2em;font-size: 18px;color: #7f7f7f;line-height: 1.6em;} .team-list .item:hover img{transform: scale(1.1);} .team-list .item:hover .p1{color: #1453ae;} .team-read{min-height: 730px;padding: 76px 0;} .team-read .team-read-inner{width: 990px;margin: 0 auto;} .team-read .team-read-img{float: left;width: 27%;} .team-read .team-read-text{float: right;width: 67%;} .team-read-text .team-read-name{margin-bottom: .7em;font-size: 38px;font-weight: bold;} .team-read-text .team-read-tag{margin-bottom: 1.67em;font-size: 24px;color: #7f7f7f;} .team-read-text .team-read-con{} .team-read-text .team-read-con p{margin-bottom: 1em;font-size: 16px;} .product-list-wrap{padding-top: 90px;padding-bottom: 78px;} .product-list-title{margin-bottom: 70px;} .product-list-top{margin-bottom: 70px;padding-bottom: 60px;background: #f5f5f5;} .product-list-nav{background: #fbfbfb;} .product-list-nav li{float: left;width: 25%;} .product-list-nav a{position: relative;display: block;font-size: 22px;line-height: 2.67em;color: #7f7f7f;text-align: center;border-right: 1px solid #ebebeb;} .product-list-nav li:last-child a{border-right: none;} .product-list-nav a::after{position: absolute;bottom: 0;left: 50%;display: block;content: "";width: 0;height: 2px;transform: translateX(-50%);background: #1453ae;-webkit-transition: .65s;transition: .65s;} .product-list-nav .on{color: #000;} .product-list-nav .on::after, .product-list-nav a:hover::after{width: 100%;} .product-list-con{display: flex;justify-content: space-between;width: 92%;margin: 80px auto 0;} .product-list-con .con-text{position: relative;width: 42%;padding-bottom: 30px;} .product-list-con .con-text .text-tit{margin-bottom: 24px;font-size: 30px;font-weight: bold;} .product-list-con .con-text .text-more{position: absolute;bottom: 0;left: 0;padding-right: 26px;font-size: 16px;color: #1453ae;} .product-list-con .con-text .text-more i{position: absolute;top: 50%;right: 0;display: block;width: 14px;height: 16px;margin-top: -8px;background: url(img/file-download.png) center no-repeat;} .product-list-con .con-img{width: 52%;} .product-list-main{} .product-list-main .product-item{float: left;width: 33%;margin-right: 0.5%;margin-bottom: 0.5%;} .product-list-main .product-item:nth-child(3n){margin-right: 0;} .product-list-main .product-item .imgbox{background: #f5f5f5;} .product-list-main .product-item .shadow{opacity: .2;} .product-list-main .product-item .imgtext{bottom: -2px;} .product-list-main .product-item .imgtext-tit{margin-bottom: 14px;} .product-list-main .product-item .imgbox:hover .imgtext-more{opacity: 1;} .product-read-wrap{padding-top: 58px;padding-bottom: 142px;} .product-read1{margin-bottom: 58px;} .product-read1 .product-read1-img{float: left;width: 42.6%;} .product-read1 .product-read1-text{float: right;width: 50%;} .product-read1 .product-read1-img img{display: block;width: 100%;height: auto;} .slide-page{position: absolute;left: 0;display: none;width: 100%;text-align: center;z-index: 9;} .slide-page .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 11px;background: #f5f5f5;border: 4px solid #bababa;border-radius: 50%;opacity: 1;outline: none;} .slide-page .swiper-pagination-bullet-active{border-color: #1453ae;} .product-read1 .slide-page{display: block;bottom: 16px;} .product-read1 .product-read1-text{} .product-read1 .product-read1-text .product-read1-sum{margin-bottom: 50px;} .product-read1 .product-read1-text .more{border-color: #7f7f7f;color: #7f7f7f;} .product-read1 .product-read1-text .more:hover{border-color: #1453ae;color: #1453ae;} .product-read2{margin-bottom: 37px;} .product-read3{margin-bottom: 128px;} .product-section{padding-top: 36px;border-top: 1px solid #ebebeb;} .product-section .product-section-text{float: right;width: 50%;} .product-section-sum ul:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .product-section-sum ul{zoom:1;} .product-section-sum li{float: left;width: 48%;margin-right: 2%;line-height: 2em;color: #7f7f7f;} .product-section-sum li:nth-child(2n){margin-right: 0;} .product-section .product-section-img{float: left;width: 50%;margin-top: 4px;} .product-section .product-section-img img{display: block;width: 100%;height: auto;} .appli-list-wrap{padding: 80px 0 76px;} .appli-list-title{margin-bottom: 70px;} .appli-read-wrap{padding-top: 58px;padding-bottom: 100px;} .appli-read-top{margin-bottom: 90px;} .appli-read-title{font-size: 30px;} .appli-read-sum p{line-height: 2em;color: #7f7f7f;} .appli-read-section{display: flex;justify-content: space-between;margin-bottom: 102px;} .appli-read-section:nth-child(2n+1){} .appli-read-section:nth-child(2n){flex-direction: row-reverse;} .appli-section-img{width: 50%;} .appli-section-text{width: 46%;} .appli-section-title{margin-bottom: 1.3em;font-size: 30px;font-weight: bold;color: #1453ae;} .appli-section-sum p{margin-bottom: 1.75em;line-height: 1.75em;} .appli-read-bottom .appli-read-bottom-title{margin-bottom: 22px;padding-bottom: 18px;font-size: 32px;font-weight: bold;border-bottom: 1px solid #ebebeb;} .appli-product-container{padding-bottom: 100px;} .rd-quality{padding: 70px 0 40px;} .rd-quality .rd-quality-tit{margin-bottom: 76px;} .rd-container{padding-bottom: 80px;} .rd-container .swiper-slide-inner{padding: 10px 10px 8px;background: #f5f5f5;} .rd-container .swiper-slide .imgbox{margin-bottom: 6px;} .rd-container .swiper-slide img{display: block;width: 100%;height: auto;} .rd-container .swiper-slide p{position: relative;height: 3em;padding-left: 10px;font-size: 20px;line-height: 1.5em;} .rd-container .swiper-slide p::after{position: absolute;top: 6px;left: 0;display: block;content: "";width: 2px;height: 19px;background: #1453ae;} .num-page{position: absolute;bottom: 0;left: 0;text-align: center;} .num-page .swiper-pagination-bullet{width: 40px;height: 40px;margin: 0 3px;background: none;font-size: 18px;color: #7f7f7f;line-height: 36px;border: 2px solid transparent;box-sizing: border-box;opacity: 1;} .num-page .swiper-pagination-bullet-active{border-color: #1453ae;color: #1453ae;} .rd-result{padding: 76px 0 40px;background: #f5f5f5;} .rd-result .rd-result-tit{margin-bottom: 65px;} .rd-result-container .swiper-slide-inner{background: #fff;} .rd-team{padding-top: 90px;} .rd-team .rd-team-top{margin-bottom: 22px;} .rd-team .rd-team-top p{text-align: center;color: #000;} .rd-team .rd-team-top .subtit{margin-bottom: 14px;font-size: 20px;} .rd-team .rd-team-top .tit{font-size: 38px;font-weight: bold;} .rd-team .rd-team-main{width: 91%;margin: 0 auto;} .rd-team .rd-team-main img{display: block;width: 100%;height: auto;} .article-list-wrap{padding: 64px 0 166px;} .article-list-wrap .artilce-list-ul{} .article-list-ul .item{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 1.33%;} .article-list-ul .item:nth-child(4n){margin-right: 0;} .article-list-ul .item a{display: block;background: #f5f5f5} .article-list-ul .item-img{overflow: hidden;} .article-list-ul .item-img img{display: block;width: 100%;height: auto;-webkit-transition: .65s;transition: .65s;} .article-list-ul .item-text{padding: 20px 20px 24px;} .article-list-ul .text-tit{position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: 1em;margin-bottom: 14px;padding-left: 10px;font-size: 18px;-webkit-transition: .65s;transition: .65s;} .article-list-ul .text-tit::after{position: absolute;top: 0;left: 0;display: block;content: "";width: 2px;height: 20px;background: #1453ae;} .article-list-ul .text-date, .article-list-ul .text-more{color: #7f7f7f;} .article-list-ul .text-date{margin-bottom: 40px;} .article-list-ul a:hover .item-img img{transform: scale(1.05);} .article-list-ul a:hover .text-tit, .article-list-ul a:hover .text-more{color: #1453ae;} .article-read{padding-top: 86px;} .article-read-inner{width: 69%;margin: 0 auto;} .article-read .article-read-top{} .article-read .article-read-info{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ebebeb;} .article-read-title{width: 90%;font-size: 30px;line-height: 1.3em;font-weight: bold;} .article-read-info .share-media{} .article-read-info .share-media a{display: inline-block;background-image: url(img/share-media.png);background-position: center;background-repeat: no-repeat;} .article-read-info .share-media .weibo{width: 22px;height: 20px;background-position: 0 0;} .article-read-info .share-media .wechat{width: 26px;height: 20px;margin-left: 16px;background-position: -39px 0;} .article-read-date{font-size: 18px;color: #7f7f7f;} .article-read-main{padding-top: 56px;padding-bottom: 144px;} .container-inner{width: 1200px;margin: 0 auto;} .contact-info{padding: 85px 0 126px;} .contact-info .contact-tit{margin-bottom: 56px;} .contact-info-address{margin-bottom: 65px;} .contact-info-address .p1{margin-bottom: .8em;font-size: 24px;font-weight: bold;} .contact-info-address .p2{font-size: 20px;color: #7f7f7f;} .contact-info-ul{display: flex;justify-content: space-between;width: 700px;} .contact-info-ul .item{box-sizing: border-box;} .contact-info-ul li{width: 43%;border-right: 1px solid #ebebeb;} .contact-info-ul .item:last-child{border-right: none;} .contact-info-ul .item .p1{;font-size: 20px;} .contact-info-ul .item .p2{margin: 16px 0 22px;font-size: 24px;font-weight: bold;line-height: .8em;} .contact-info-ul .item .p3{font-size: 20px;line-height: .8em;color: #7f7f7f;} .contact-info-ul .item4 .p2{font-size: 20px;font-weight: normal;color: #7f7f7f;} .contact-media a{background-image: url(img/contact-icons.png);} .contact-market{padding: 62px 0 52px;background: #f5f5f5;} .contact-market .contact-tit{margin-bottom: 45px;} .contact-market-main{} .contact-map{position: relative;} .contact-map .map-bg{position: relative;} .contact-map .map-bg img{display: block;width: 100%;height: auto;} .contact-map .map-bg .m-map-img{display: none;} .contact-map .map-line{position: absolute;top: 8.47%;left: 0;} .contact-map .contact-map-logo{position: absolute;top: 33.9%;left: 80.58%;} .contact-map-point{} .contact-map-point>div{position: absolute;} .contact-map-point .point-tit{display: flex;align-items: center;cursor: pointer;} .contact-map-point .point-tit i{position: relative;display: inline-block;width: 18px;height: 18px;margin-right: 5px;background: #1453ae;border-radius: 50%;box-sizing: border-box;} .contact-map-point .point-tit i::after{position: absolute;top: 50%;left: 50%;display: block;content: "";transform: translate(-50%,-50%);width: 8px;height: 8px;background: #fff;border-radius: 50%;} .contact-map-point .point-tit i::before{position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 100%;border-radius: 50%;background: #1453ae; -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes warn { 0% { transform: scale(1); -webkit-transform: scale(1); opacity: 0.0; } 25% { transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0.2; } 50% { transform: scale(1.35); -webkit-transform: scale(1.35); opacity: 0.4; } 75% { transform: scale(1.5); -webkit-transform: scale(1.5); opacity: 0.6; } 100% { transform: scale(1.7); -webkit-transform: scale(1.7); opacity: 0.0; } } .contact-map-point .point-tit span{display: inline-block;padding: 0 8px;font-size: 18px;line-height: 24px;color: #fff;text-align: center;border-radius: 12px;background: #1453ae;} .contact-map-point .point-hide{display: none !important;position: absolute;top: 24px;left: 0;padding-top: 10px;padding-left: 24px;z-index: 9;} .contact-map-point .point-hide dl{min-width: 286px;padding: 17px 26px;background: #fff;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.1);} .contact-map-point .point-hide dt{position: relative;margin-bottom: .5em;font-size: 20px;} .contact-map-point .point-hide dt::before{position: absolute;top: 3px;left: -10px;display: block;content: "";width: 2px;height: 18px;background: #1453ae;} .contact-map-point .point-hide dd{color: #7f7f7f;line-height: 26px;} .contact-map-point .point-1{top: 25.6%;left: 11.33%;} .contact-map-point .point-2{top: 22.37%;left: 41.17%;} .contact-map-point .point-3{top: 19.66%;left: 47.67%;} .contact-map-point .point-4{top: 13.56%;left: 64.08%;} .contact-map-point .point-5{top: 40.84%;left: 69.17%;} .contact-map-point .point-6{top: 45.42%;left: 81.5%;} .contact-map-point .point-7{top: 29.32%;left: 83.5%;} .contact-map-point .point-8{top: 25.25%;left: 87.33%;} .contact-map-point>div:hover .point-hide{display: block;} .contact-form{padding-top: 82px;padding-bottom: 128px;} .contact-form .contact-tit{margin-bottom: 82px;} .contact-form .input-tit{margin-bottom: 14px;font-size: 18px;color: #7f7f7f;} .contact-form .input-tit span{margin-left: 6px;font-size: 18px;color: #1453ae;} .contact-form input, .contact-form textarea{display: block;width: 100%;padding: 10px;font-size: 18px;line-height: 38px;color: #7f7f7f;border: 1px solid #7f7f7f;border-radius: 8px;outline: none;box-sizing: border-box;} .contact-form input{height: 60px;} .contact-form .input-row{display: flex;justify-content: space-between;margin-bottom: 24px;} .contact-form .input-row .input-col{width: 48%;} .contact-form .textarea-row{} .contact-form .textarea-row textarea{min-height: 180px;margin-bottom: 24px;} .contact-form .bottom-row{display: flex;justify-content: space-between;align-items: flex-end;} .contact-form .check-box{display: flex;justify-content: space-between;align-items: flex-end;width: 70%;} .contact-form .check-box .input-col{width: 68%;} .contact-form .check-box .check-col{display: flex;justify-content: space-between;align-items: center;width: 26%;} .contact-form .check-box .check-btn{position: relative;display: block;width: 32px;height: 32px;background: #7f7f7f;border-radius: 50%;} .contact-form .check-box .check-btn img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .contact-form .submit-box{width: 17%;} .contact-form .submit-box .submit{text-align: center;cursor: pointer;} .contact-form .submit-box .submit:hover{background: #0b56c3;color: #fff;border-color: #0b56c3;} .download-wrap{display: flex;justify-content: space-between;padding: 60px 0 120px;} .download-tit{margin-bottom: 1.9em;} .download-sum{min-height: 110px;color: #7f7f7f;line-height: 2em;} .download-data-main{} .download-data-main .download-data-item{margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid #ebebeb;} .download-data-item .item-img{float: left;width: 25%;border: 1px solid #7f7f7f;} .download-data-item .item-text{float: left;margin-left: 11%;} .download-data-item .item-img img{display: block;width: 100%;height: auto;} .download-data-item .item-text li{margin-bottom: 1em;} .download-data-item .item-text li a{position: relative;padding-left: 34px;color: #1453ae;background: url(img/file-download.png) left center no-repeat;} .download-data-item .item-text li span{display: none;color: #7f7f7f;} .download-data-item .item-text p{display: none;padding-left: 34px;color: #7f7f7f;} .m-foot-bottom{display: none;} .download-alert{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;} .download-alert .download-shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);} .download-alert .download-form{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 80px 60px;background: #fff;border-radius: 8px;} .download-alert .download-form .download-alert-close{position: absolute;top: 10px;right: 10px;display: block;width: 18px;height: 18px;padding: 10px;background: url(img/form-close.png) center no-repeat;} .download-alert .download-form h6{margin-bottom: 2em;text-align: center;} .download-alert .download-form h6::after{left: 50%;margin-left: -30px;} .download-alert .input-box{position: relative;padding-bottom: 30px;} .download-alert .input-box .err{position: absolute;bottom: 10px;left: 0;padding-left: 2px;font-size: 12px;color: #f00;} .download-alert input{height: 60px;border-radius: 8px;border: 1px solid #888;box-sizing: border-box;} .download-alert .down-name, .download-alert .down-tel{display: block;width: 400px;padding: 10px 60px 10px 20px;color: #7f7f7f;} .download-alert .down-name{background: url(img/form-name.png) right 20px center no-repeat;} .download-alert .down-tel{background: url(img/form-tel.png) right 20px center no-repeat;} .download-alert .down-sms-code{display: flex;justify-content: space-between;} .down-sms-code .input-box{width: 60%;} .down-sms-code .sms-code-text{width: 100%;height: 50px;padding: 10px 20px;} .down-sms-code .sms-code-btn{width: 36%;height: 50px;color: #fff;text-align: center;cursor: pointer;background: #1453ae;border: none;border-radius: 8px;} .download-alert .down-submit{display: block;width: 100%;height: 60px;font-size: 16px;color: #1453ae;border: 1px solid #1453ae;text-align: center;border-radius: 8px;cursor: pointer;background: none} .download-alert .down-submit:hover{background: #1453ae;color: #fff;} @media screen and (min-width: 1151px){ ::-webkit-scrollbar { width:5px; height:5px } ::-webkit-scrollbar-track { border-radius:0; background:rgba(255,255,255,0) } ::-webkit-scrollbar-thumb { border-radius:5px; background: #1453ae; } ::-webkit-scrollbar-thumb:hover { border-radius:5px; background: #1453ae; } .head .m-head-nav{display: none !important;} .head .head-lang{display: block !important;} .appli-list>li:hover{width: 40% !important;} .i-news .i-news-hot a:hover .text{padding-left: 120px;padding-right: 16px;} .i-news .i-news-list a:hover .text{padding-left: 122px;padding-right: 8px;} .navbar .navbar-list a:hover::after{width: 100%;opacity: 1;} } @media screen and (min-width: 1920px){ .banner .item, .i-about .i-about-img, .com-banner{background-size: cover;} } @media screen and (max-width: 1660px){ .container{width: 1300px;} .i-about .i-about-text-inner{width: 610px;} /*.i-product-ul .product-item .imgbox{height: 382px;}*/ .i-appli .i-appli-inner{width: 1312px;} .appli-list{margin-bottom: 12px;} .appli-list>li{padding: 0 6px;} .appli-list .appli-card{height: 380px;} .appli-card-text{margin-top: 276px;} .appli-list li:hover .appli-card-text{margin-top: 192px;} .appli-card-text p{width: 455px;} .i-news .text .p1{font-size: 20px;} .about-resp-container .card-text{margin-top: 296px;} .about-resp-container .card:hover .card-text{margin-top: 244px;} .slide-btn .prev{left: -40px;} .slide-btn .next{right: -40px;} .contact-map-point .point-hide dl{min-width: 240px;} .contact-map-point .point-hide dt{font-size: 18px;} .contact-map-point .point-hide dd{font-size: 14px;} .head-lang .head-lang-ul{width: 150px;} .navbar .navbar-list li{margin: 0 12px;} .banner .banner-text .text-tit{font-size: 48px;} } @media screen and (max-width: 1440px){ .com-tit .tit{font-size: 26px;} .com-tit .subtit{font-size: 16px;line-height: 1.5em;} .font32-line{font-size: 26px;} .container{width: 1200px;} .container-inner{width: 1000px;} .product-list-con .con-text .text-tit{font-size: 26px;} .i-about .i-about-text-inner{width: 560px;} .i-about .i-about-top{margin-bottom: 70px;} .i-appli .i-appli-inner{width: 1212px;} .appli-list .appli-card{height: 293px;} .appli-card-text{margin-top: 190px;} .appli-list li:hover .appli-card-text{margin-top: 105px;} .appli-card-text p{width: 415px;} .foot-bottom-left{font-size: 14px;} .head-lang .head-lang-ul{width: 140px;} .download-data-item .item-text{margin-left: 6%;} .i-nums .nums-item .num{font-size: 50px;} .product-item .imgtext .imgtext-tit{font-size: 20px;} .i-about .i-about-top h6{font-size: 28px;} .appli-card-text .icon{width: 64px;height: 34px;} .appli-card-text .appli-card-tit{font-size: 20px;} .i-news .text .p1{font-size: 18px;} .i-news .text .p2{font-size: 14px;} .intro-wrap3-main dt{font-size: 26px;} .intro-wrap3-main dd{font-size: 16px;} .about-song-text .text-tit p{font-size: 26px;} .develop-con-container .list-item-year{font-size: 50px;} .team-list .item-text .p1{font-size: 20px;} .team-list .item-text .p2{font-size: 16px;} .team-read-text .team-read-name{font-size: 26px;} .team-read-text .team-read-tag{font-size: 18px;} .com-banner-text .tit{font-size: 48px;} .com-banner-text .subtit{font-size: 18px;} .appli-section-title{font-size: 26px;} .appli-read-section{margin-bottom: 60px;} .appli-read-bottom .appli-read-bottom-title{font-size: 26px;} .contact-info-address{margin-bottom: 40px;} .contact-info-address .p1{font-size: 20px;} .contact-info-address .p2{font-size: 16px;} .contact-info-ul .item .p1{font-size: 16px;} .contact-info-ul .item .p2{margin: 10px 0 16px;font-size: 20px;} .contact-info-ul .item .p3{font-size: 16px;} .rd-container .swiper-slide p{font-size: 16px;} .rd-container .swiper-slide p::after{top: 3px;} .rd-container .rd-page .swiper-pagination-bullet{width: 34px;height: 34px;line-height: 30px;font-size: 16px;} .rd-team .rd-team-top .subtit{font-size: 14px;} .rd-team .rd-team-top .tit{font-size: 28px;} } @media screen and (max-width: 1320px){ html, body{font-size: 14px;} .container{width: 1000px;} .i-about .i-about-text-inner{width: 460px;} /*.i-product-ul .product-item .imgbox{height: 293px;}*/ .i-appli .i-appli-inner{width: 1012px;} .appli-list .appli-card{height: 277px;} .appli-card-text{margin-top: 174px;} .appli-list li:hover .appli-card-text{margin-top: 100px;} .appli-card-text p{width: 335px;} .foot-bottom-left{font-size: 14px;line-height: 1.5em;} .navbar .navbar-list li{margin: 0 10px;} } .mshow{display: none;} @media screen and (max-width: 1150px){ .mhide{display: none;} .mshow{display: block !important;} .container{width: 90%;} .container-inner{width: 90%;} .head-active{z-index: 9999999;} .head{position: fixed;top: 0;left: 0;width: 100%;} .head-h{height: 50px;} .head .head-inner{position: relative;width: 100%;height: 50px;padding-top: 0;} .head .head-inner-mobile{position: relative;height: 50px;padding: 0 5%;box-shadow: 0 0 10px rgba(0,0,0,.1);z-index: 9;} .head .head-menu{position: absolute;top: 50%;right: 5%;margin-top: -19px;margin-right: -10px;padding: 10px;} .head .head-menu .line{display:block;width:23px;height: 2px;background: #000;margin-top:6px;transition: all .3s;} .head .head-menu .line:first-child{margin-top:0px;} .head .line{display:block;width:32px;height: 3px;background: #000;margin-top: 8px;transition: all .3s;} .head .line:first-child{margin-top: 0;} .is-active:nth-child(1){ -webkit-transform: translateY(8px)rotate(45deg); -ms-transform: translateY(8px)rotate(45deg); -o-transform: translateY(8px)rotate(45deg); transform: translateY(8px)rotate(45deg); } .is-active:nth-child(2){opacity: 0;} .is-active:nth-child(3){ -webkit-transform: translateY(-8px)rotate(-45deg); -ms-transform: translateY(-8px)rotate(-45deg); -o-transform: translateY(-8px)rotate(-45deg); transform: translateY(-8px)rotate(-45deg); } .head .pc-head-nav{display: none;} .head .m-head-nav{position: fixed;top: 50px;left: 0;display: none;width: 100%;height: calc(100% - 50px);padding-bottom: 50px;background: #fff;overflow: auto;color: #000;box-sizing: border-box;} .head .m-head-nav .head-nav-ul{padding-bottom: 50px;} .head .head-logo{width: 100px;margin-top: 16px;} .head-nav .item-subnav{position: static;display: none;padding: 5px 0 15px;} .head-nav-ul{padding: 0 5%;} .head-nav-ul .item{float: none;margin: 0;text-align: left;} .head-nav-ul .item-isnav .item-link{display: inline-block;} .head-nav-ul .item .item-link::after{display: none;} .head-nav-ul .item{border-bottom: 1px solid #ebebeb;} .head-nav-ul .item .item-link{line-height: 50px;} .head-nav .item-subnav{} .head-nav .item-subnav-ul a{display: block;padding: 10px 0;color: #000;} .head-nav .item-isnav{position: relative;} .head-nav .item-isnav::before{position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 49px;background-image: url(img/icon-open.svg?v=1);background-position: 95% 17px;background-size: 14px 14px;background-repeat: no-repeat;} .head-nav .item-isnav-active::before{background-image: url(img/icon-close.svg?v=1);} .head-nav-bg{position: absolute;right: -20%;bottom: 0;display: block;width: 70%;height: auto;} .m-head-lang{display: block;} .m-head-lang i{display: block;width: 30px;height: 30px;margin: 0 auto 10px;background: url(img/lang-icon.png) center no-repeat;border: 1px solid #000;border-radius: 50%;} .m-head-lang span{text-align: center;} .head .head-lang{display: none;position: fixed;top: 60px;left: 0;width: 100%;height: calc(100% - 60px);background: #fff;z-index: 9;} .head-lang .head-lang-on{display: none;} .head-lang .head-lang-ul{position: static;display: block;width: 100%;padding: 0 5%;box-shadow: none;} .head-lang li{border-bottom: 1px solid #ebebeb;} .head-lang-ul a{line-height: 50px;} .m-head-lang-text{padding: 0 5% 15px;text-align: left;border-bottom: 1px solid #ebebeb;} .m-head-lang-text .m-head-lang-close{display: block;margin-bottom: 5px;padding: 15px 0;font-size: 14px;color: #000;} .m-head-lang-text p{font-size: 20px;color: #000;} .banner{height: auto;} .banner .item{background: none !important;} .banner .item img{display: block;width: 100%;height: auto;} .banner .item1 video{display: none;} .i-nums .nums-item .icon{width: 50px;height: 45px;margin-bottom: 12px;} .i-nums .nums-item .num{font-size: 40px;} .i-nums .nums-item .text{font-size: 16px;} .i-appli .i-appli-inner{width: 90%;} .appli-list{flex-wrap: wrap;margin-bottom: 0;} .appli-list>li{width: 50%;margin-bottom: 12px;} .appli-list .appli-card{height: auto;padding: 64.70588235% 0 0;} .appli-card-text{top: 50%;height: auto;margin-top: 0 !important;transform: translateY(-50%);text-align: center;} .appli-card-text p{display: none;} .appli-card-text .icon{margin: 0 auto 12px;background-position: center;} .appli-list .card-cover{background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5)));background-image: linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));} .foot .foot-main .foot-nav{width: 64%;font-size: 14px;} .foot-info .foot-info-tel .p2{font-size: 26px;} .com-banner{height: auto;background: none !important;} .com-banner img{display: block;width: 100%;height: auto;} .com-banner-text .tit{margin-bottom: 10px;font-size: 24px;} .com-banner-text .subtit{font-size: 16px;} .navbar .navbar-inner.fixed{z-index: 99999;} .team-read .team-read-inner{width: 90%;} .bread-menu{padding: 15px 0;} } @media screen and (max-width: 1000px){ .i-product-ul{flex-wrap: wrap;} .i-product-ul .product-item{width: 49%;margin-bottom: 2%;} .i-about{flex-wrap: wrap;} .i-about>div{width: 100%;} .i-about .i-about-text{height: auto;} .i-about .i-about-img{padding-bottom: 83.3%;background-size: cover;} .i-about .i-about-text-inner{width: 90%;margin: 0 auto;padding: 50px 0;} .i-about .i-about-text .i-about-bg{top: auto;right: ;bottom: 50px;} .slide-btn .prev{left: -20px;} .slide-btn .next{right: -20px;} .contact-info-ul{flex-wrap: wrap;width: 100%;} .contact-info-ul .item{width: 50% !important;margin-bottom: 35px;border-right: none !important;} .contact-info-ul .item .p1, .contact-info-ul .item .p3{font-size: 14px;} .contact-info-ul .item .p2{font-size: 16px;} .contact-map-point .point-tit i{width: 4px;height: 4px;} .contact-map-point .point-tit i::after{width: 2px;height: 2px;} .contact-map-point .point-tit span{padding: 0 2px;font-size: 12px;line-height: 18px;border-radius: 8px;} .message-box{width: 90% !important;} } @media screen and (max-width: 768px){ .com-tit{margin-bottom: 20px;} .com-tit .tit{font-size: 20px;} .com-tit .tit::after{width: 40px;height: 2px;margin-left: -20px;} .com-tit .subtit{font-size: 15px;} .left-com-tit{float: none;max-width: 100%;text-align: center;} .left-com-tit .tit::after, .left-com-tit .tit::after{left: 50%;margin-left: -20px;} .font32-line{margin-bottom: 1.5em;font-size: 20px;} .font32-line::after{bottom: -15px;width: 40px;height: 2px;} .banner .item1 .banner-text .text-tit{margin-bottom: 22px;} .banner .banner-text .text-tit, .banner .item2 .banner-text .text-tit, .banner .item3 .banner-text .text-tit{font-size: 20px;} .banner .banner-text .text-sum{font-size: 14px;line-height: 1.4em;letter-spacing: 0;} .banner-pagination .swiper-pagination-bullet{width: 2px;height: 2px;margin: 0 4px !important;border-width: 2px;} .i-nums{margin-bottom: 56px;padding-top: 50px;overflow: hidden;} .i-nums .i-nums-inner{width: 98%;padding: 0;} .i-nums .nums-item{width: 24%;} .i-nums .nums-item:last-child{width: 28%;} .i-nums .nums-item .icon{width: 30px;height: 27px;background-size: 100% 100%;} .i-nums .nums-item .num{font-size: 20px;} .i-nums .nums-item .text{font-size: 12px;line-height: 1.5em;white-space:nowrap} .i-nums .nums-item:last-child .text{text-align: right;} .i-product{margin-bottom: 50px;} .i-product-ul .product-item .imgtext{bottom: -30px;} .product-item .imgtext{padding: 15px 10px;} .product-item .imgtext .imgtext-tit{font-size: 16px;} .i-about .i-about-top{margin-bottom: 10px;} .i-about .i-about-top h6{margin-bottom: 50px;font-size: 26px;} .i-about .i-about-top h6::after{width: 40px;height: 2px;} .i-about .i-about-logo{font-size: 26px;background-size: 40px auto;} .i-appli{margin-bottom: 54px;padding-top: 60px;} .i-appli-container{padding-bottom: 30px;} .appli-card-text .icon{width: 38px;height: 20px;} .appli-card-text .appli-card-tit{margin-bottom: 0;font-size: 14px;font-weight: normal;} .appli-list>li{margin-bottom: 6px;padding: 0 3px;} .slide-btn{display: none;} .slide-page{display: block;} .slide-page .swiper-pagination-bullet{width: 4px;height: 4px;border-width: 2px;} .i-news{margin-bottom: 50px;} .i-news .com-tit{margin-bottom: 40px;} .i-news .i-news-main{flex-wrap: wrap;} .i-news .i-news-hot, .i-news .i-news-list{width: 100%;} .i-news .i-news-hot a{padding: 10px;} .i-news .date{width: auto;} .i-news .i-news-list .date{margin-left: 10px;} .i-news .i-news-hot .text{padding-left: 70px;padding-right: 0;} .i-news .date .date-p2{font-size: 20px;} .i-news .text .p1{margin-bottom: 8px;font-size: 16px;} .i-news .i-news-list .text{padding-left: 80px;padding-right: 0;} .i-news .i-news-list a{padding: 15px 0;} .foot .foot-main .foot-nav{display: none;} .foot .foot-main{padding: 25px 0;} .foot .foot-main .foot-info{} .foot .foot-main .m-foot-code{float: right;display: block;width: 90px;height: auto;} .foot-info p{margin-bottom: 15px;} .foot-info .foot-info-tit{margin-bottom: 15px;} .foot-info .foot-info-tel{margin-bottom: 10px;} .foot-info .foot-info-tel .p1{margin-bottom: 6px;} .foot-info .foot-info-tel .p2{margin-bottom: 0;font-size: 20px;} .foot-info .foot-info-address{margin-bottom: 0;} .foot-logo, .foot-bottom-right, .foot-question{display: none;} .foot-bottom{display: none;padding: 15px 0;} .foot-bottom-left{flex-wrap: wrap;font-size: 12px;text-align: center;} .m-foot-bottom{display: block;padding: 10px 0;font-size: 12px;text-align: center;line-height: 1.6em;} .m-foot-bottom .foot-icp{margin-right: 4px;} .navbar .navbar-type{display: none;} .navbar-list{padding: 0 2%;text-align: center;} .navbar .navbar-list li{float: none;display: inline-block;margin: 0 5px;} .navbar .navbar-list a{padding: 16px 0;font-size: 12px;} .navbar .navbar-list a:visited::after{width: 100%;opacity: 1;} .appli-navbar .navbar-list a{padding: 10px 0;} .intro-wrap1{padding: 50px 0 64px;} .intro-wrap1-main, .intro-wrap3-main{float: none;width: 100%;} .intro-wrap1-main .editor-content{margin-bottom: 20px;} .intro-wrap2{padding: 30px 0 20px;} .intro-wrap2-container, .about-honor-container{padding-bottom: 20px;} .intro-wrap2-container .slide-page, .about-honor-container .slide-page{bottom: 0;} .intro-wrap3{padding: 50px 0 20px;} .intro-wrap3-main dl{margin-bottom: 15px;} .intro-wrap3-main dt{font-size: 20px;} .intro-wrap3-main dd{font-size: 16px;} .intro-wrap4-list{flex-wrap: wrap;} .intro-wrap4-list>div{width: 100%;} .intro-wrap4-list .imgtext{padding: 5%;} .intro-wrap4-list:nth-child(2n+1) .imgtext{flex-direction: row;} .intro-wrap4-list:nth-child(2n+1) .imgtext .com-tit{text-align: left;} .intro-wrap4-list:nth-child(2n+1) .imgtext .com-tit .tit::after{left: 0;margin-left: 0;} .intro-wrap4-list .com-tit{text-align: left;} .intro-wrap4-list .com-tit .tit::after{left: 0;margin-left: 0;} .about-song{padding: 56px 0 30px;} .about-song .about-song-main{flex-wrap: wrap;flex-direction: column-reverse;} .about-song-text, .about-song-video{width: 100%;} .about-song-text{padding-bottom: 50px;margin-bottom: 0;} .about-song-video{margin-bottom: 30px;} .about-song-text .text-tit p{font-size: 20px;} .about-song-text .text-tit{margin-bottom: 22px;} .about-song-text .text-sum p{margin-bottom: 1em;} .about-develop-title{float: left;width: 100%;margin-top: 50px;margin-bottom: 40px;text-align: center;} .about-develop-main{width: 100%;} .develop-year{padding-top: 0;} .develop-con-container{margin-top: 0;} .develop-con-container .list-item-year{font-size: 30px;} .about-honor{padding-top: 50px;} .about-honor-title{margin-bottom: 40px;} .about-honor-main .imgtext{padding: 10px 10px 15px;} .about-honor-main .imgtext p{font-size: 16px;} .about-management-title{margin-bottom: 34px;} .about-management{padding-top: 50px;padding-bottom: 70px;} .about-management-main .team-list{margin-bottom: 10px;} .team-list .item{width: 49%;margin-right: 1%;margin-bottom: 1%;} .team-list .item:nth-child(2n){margin-right: 0;} .team-list .item-text{padding: 10px;} .team-list .item-text .p1{font-size: 18px;} .team-list .item-text .p2{font-size: 14px;} .team-read{min-height: auto;padding: 50px 0;} .team-read .team-read-img{width: 100%;margin-bottom: 40px;} .team-read .team-read-text{width: 100%;} .team-read-text .team-read-name{font-size: 18px;} .team-read-text .team-read-tag{margin-bottom: 1em;font-size: 16px;} .team-read-text .team-read-con p{font-size: 14px;} .product-list-wrap{padding-top: 50px;padding-bottom: 40px;} .product-list-title{margin-bottom: 40px;} .product-list-nav a{font-size: 15px;} .product-list-top{margin-bottom: 50px;padding-bottom: 40px;} .product-list-con{flex-wrap: wrap;flex-direction: column-reverse;margin-top: 35px;} .product-list-con .con-text{width: 100%;padding-bottom: 40px;} .product-list-con .con-img{width: 100%;margin-bottom: 30px;} .product-list-con .con-text .text-tit{margin-bottom: 18px;font-size: 20px;} .product-list-con .con-text .text-more{font-size: 14px;} .product-list-main .product-item, .product-list-main .product-item:nth-child(3n){width: 100%;margin-right: 0;margin-bottom: 2%;} .product-list-main .product-item:nth-child(2n){margin-right: 0;} .product-list-main .product-item .imgtext-tit{margin-bottom: 8px;} .product-list-main .product-item .imgtext-sum{font-size: 14px;} .bread-menu{padding: 10px 0;} .bread-menu p, .bread-menu a{font-size: 14px;} .product-read-wrap{padding-top: 30px;padding-bottom: 60px;} .product-read1{margin-bottom: 40px;} .product-read1 .product-read1-img{width: 100%;margin-bottom: 20px;} .product-read1 .product-read1-text{width: 100%;} .product-read1 .product-read1-text .product-read1-sum{margin-bottom: 30px;} .product-section{padding-top: 20px;} .product-section .product-section-text{width: 100%;margin-bottom: 20px;} .product-section .product-section-img{width: 100%;margin-top: 0;} .product-section-sum li{width: 100%;margin-right: 0;} .appli-list-wrap{padding: 50px 0;} .appli-read-wrap{padding: 40px 0 50px;} .appli-read-top{margin-bottom: 30px;} .appli-read-section{flex-wrap: wrap;margin-bottom: 30px;} .appli-section-img, .appli-section-text{width: 100%;margin-bottom: 20px;} .appli-section-title{margin-bottom: 1em;font-size: 20px;} .appli-read-bottom .appli-read-bottom-title{font-size: 20px;} .rd-quality, .rd-result{padding: 50px 0 30px;} .rd-quality .rd-quality-tit, .rd-result .rd-result-tit{margin-bottom: 40px;} .rd-container{padding-bottom: 50px;} .rd-container .rd-page .swiper-pagination-bullet{width: 30px;height: 30px;border-width: 1px;line-height: 28px;} .rd-container .swiper-slide p{font-size: 14px;} .rd-container .swiper-slide p::after{top: 4px;height: 15px;} .rd-team{padding-top: 40px;} .rd-team .rd-team-top .subtit{margin-bottom: 10px;} .rd-team .rd-team-top .tit{font-size: 20px;} .article-list-wrap{padding: 40px 0 70px;} .article-list-ul .item{width: 100%;margin-right: 0;margin-bottom: 10px;} .article-list-ul .item-text{padding: 14px 14px 18px;} .article-list-ul .text-tit{margin-bottom: 10px;font-size: 16px;} .article-list-ul .text-date{margin-bottom: 20px;} .article-read{padding-top: 40px;} .article-read-inner{width: 100%;} .article-read-main{padding: 30px 0 50px;} .article-read-title{width: 80%;font-size: 18px;} .article-read-info .share-media{} .article-read-info .share-media .wechat{margin-left: 6px;} .article-read-date{font-size: 16px;} .contact-market{padding: 50px 0 40px;} .contact-info{padding: 40px 0 10px;} .contact-info .contact-tit{margin-bottom: 40px;} .contact-info-address .p1{font-size: 18px;} .contact-info-address .p2{font-size: 14px;} .media-icons{width: 120px;} .media-icons a{transform: scale(.8);} .contact-form{padding: 50px 0;} .contact-form .contact-tit{margin-bottom: 40px;} .contact-form .input-tit{margin-bottom: 8px;font-size: 14px;} .contact-form .input-tit span{font-size: 12px;} .contact-form input{height: 40px;} .contact-form input, .contact-form textarea{padding: 5px;font-size: 14px;line-height: 28px;border-radius: 4px;} .contact-form .input-row{margin-bottom: 10px;} .contact-form .bottom-row{flex-wrap: wrap;align-items: ;} .contact-form .check-box{width: 100%;margin-bottom: 10px;} .check-code{width: ;height: 40px !important;} .contact-form .check-box .input-col{width: calc(100% - 140px);} .contact-form .check-box .check-col{width: 121px;} .contact-form .textarea-row textarea{margin-bottom: 10px;} .contact-form .submit-box{width: 100%;} .contact-map .map-bg img{display: none;} .contact-map .map-bg .m-map-img{display: block;} .contact-map-point{display: none;} .contact-map-point>div{position: static;margin-bottom: 20px;} .contact-map-point .point-tit{margin-bottom: 10px;} .contact-map-point .point-tit i{display: none;} .contact-map-point .point-tit span{padding: 0 20px;font-size: 16px;line-height: 26px;border-radius: 26px;} .contact-map-point .point-hide{position: static;display: block;padding: 0;} .contact-map-point .point-hide dl{padding: 15px;} .contact-map-point .point-hide dt{font-size: 16px;} .contact-map-point .point-hide dt::before{top: -1px;} .contact-map-point .point-hide dd{font-size: 14px;line-height: 1.5em;} body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} a{outline: none;-moz-outline-style: none; } .product-item .imgbox::after{transition: all .3s;} .product-item .shadow{display: none;} .download-alert .download-form{width: 80%;padding: 50px 20px;box-sizing: border-box;} .download-alert .input-box{padding-bottom: 24px;} .download-alert input{height: 50px;} .download-alert .input-box .err{bottom: 5px;} .download-alert .down-name, .download-alert .down-tel{width: 100%;} .download-alert .down-name, .download-alert .down-tel{padding: 5px 40px 5px 10px;} .download-alert .down-submit{height: 50px;} .download-sum{margin-bottom: 30px;} .download-data-item .item-text{float: right;width: 70%;margin-left: 0;} .download-data-item .item-text li a{padding-left: 20px;font-size: 12px;background-size: 10px auto;} .download-data-item .item-text li span{font-size: 12px;} .download-data-item .item-text p{padding-left: 20px;} }