@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;}
}