.w1200{width: 90%;margin: 0 auto;max-width: 1200px;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}


/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.TXTovehid-four{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexBetween{display: flex;justify-content: space-between;align-items: center;}

/* 单页默认样式 */
.pageStyle{color: #373737;line-height: 2;font-size: 16px;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto !important;max-width: 100% !important;}
.pageStyle ul,.pageStyle ul li{list-style: disc inside;}


/* 背景 */
.bgStyle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.obCover{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;object-fit: fill;}

.scrollStyle::-webkit-scrollbar{width: 6px;height: 4px;background: #fff;border-radius: 2px;}
.scrollStyle::-webkit-scrollbar-thumb{background: #3085df;border-radius: 2px;}


/*搜索弹窗样式*/
.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: rgba(0, 0, 0, 0.6);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #3085df;}


.head .menuIcon{width: 24px;cursor: pointer;margin-left: 20px;margin-top: 30px;display: none;}
.head .menuIcon img{width: 100%;}
.menuIcon span{display: block;width: 100%;height: 2px;background: #3085df;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menuIcon span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;}
.menuIcon span:nth-child(3){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}


/* m_nav */
.m_nav{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 99999;background: #ffffff;display: none;}
.m_nav .close{position: absolute;right: 1%;top: 1%;z-index: 3;}
.m_nav .close img{width: 24px;}
.m_nav .tabs{width: 40%;height: 100vh;overflow: auto;background: #f7f8fa;box-sizing: border-box;padding: 15px 0;}
.m_nav .tabs .nLi h2 a{display: block;position: relative;color: #333;line-height: 28px;padding: 10px;font-weight: normal;font-size: 16px;}
.m_nav .tabs .nLi h2 a::before{content: "";width: 2px;height: 40%;position: absolute;left: 0;top: 50%;transform: translateY(-50%) scale(1,0);background: #3085df;opacity: 0;}
.m_nav .tabs .nLi.on h2 a{background: #fff;color: #3085df;}
.m_nav .tabs .nLi.on h2 a::before{transform: scale(1) translateY(-50%);opacity: 1;}
.m_nav .tabs .wapNavSub{width: 60%;position: absolute;right: 0;top: 0;height: 100vh;box-sizing: border-box;padding: 15px 10px;display: none;}
.m_nav .tabs .innerLi{border-bottom: 1px dashed #cacaca;}
.m_nav .tabs .innerLi h3{position: relative;}
.m_nav .tabs .innerLi h3 a{display: block;line-height: 28px;padding: 10px 0;font-weight: normal;position: relative;font-size: 14px;}
/* .m_nav .tabs .innerLi h3 a.arr::before{content: "";width: 7px;height: 7px;border-left: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;position: absolute;right: 0;top: 50%;;transform: rotateZ(-45deg) translateY(-50%);margin-top: -4px;} */
.m_nav .tabs .innerLi .innerNav{display: none;}
.m_nav .tabs .innerLi ul{padding: 0 0 10px 10px;}
.m_nav .tabs .innerLi ul li a{display: block;color: #555;line-height: 28px;padding: 5px 0;font-size: 13px;}
.m_nav .tabs .innerLi.on h3 a{font-weight: bold;}
.m_nav .tabs .innerLi.on h3 a::before{transform: rotateZ(135deg) translateY(-50%);}
.m_nav .tabs .nLi h2{position: relative;}
.m_nav .tabs .nLi h2 .arr,
.m_nav .tabs .innerLi h3 .arr{width: 25%;height: 100%;position: absolute;right: 0;top: 0;}
.m_nav .tabs .nLi h2 .arr::before,
.m_nav .tabs .innerLi h3 .arr::before{content: "";width: 8px;height: 8px;border-left: 1px solid #333;border-bottom: 1px solid #333;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotateZ(-135deg);transition:all 0.3s linear;}
.m_nav .tabs .innerLi h3 .arr::before{transform: translate(-50%, -50%) rotateZ(-45deg);margin-top: -2px;}
.m_nav .tabs .nLi.on h2 .arr::before,
.m_nav .tabs .innerLi.on h3 .arr:before{border-color: #3085df;}
.m_nav .tabs .innerLi.on h3 .arr::before{transform: translate(-50%, -50%) rotateZ(135deg);margin-top: 0;}

.placeholder{padding-top: 76px;}

.swiper-container .swiper-slide a{background-repeat: no-repeat;background-position: center;background-size: cover;}

.part002 ul{overflow: initial;}
.part002 ul li{width: 23.3%;margin: 0 2.26% 20px 0;}
.part002 ul li:nth-child(4n){margin-right: 0;}
.part02 ul li .img01{height: 240px;display: flex;align-items: center;justify-content: center;}
.part02 ul li .img01 img{max-width: 100%;max-height: 100%;}

.part03 .mr_frUl01{overflow: hidden;width: 100%;}
.part03 .mr_frUl01 ul li .img06{width: 100%;height: 0;padding-bottom: 125%;overflow: hidden;position: relative;}
.part03 .mr_frUl01 ul li .img06 img{transition:all 0.3s;}
.part03 .mr_frUl01 ul li:hover .img06 em{transform: scale(1.1);}

#playBox .oUlplay .img02{position: relative;}
#playBox .swiper-pagination{width: auto;left: 43%;bottom: 30px;}
#playBox .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #666666;border-radius: 50%;opacity: 1;margin: 0 5px 0 0;}
#playBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #3085df;}


.part04_text ul li{width: 49.3%;box-sizing: border-box;}
.part04_text ul li a{display: flex;height: 100%;align-items: center;}
.part04_text ul li .rq01{float: none;flex-shrink: 0;margin-right: 24px;margin-top: 0;}
.part04_text ul li .rq01_text{float: none;flex: 1;overflow: hidden;margin-top: 0;}

.ny_banner .pic{margin-top: 50px;height: 447px;}
.ny_banner .pic img{max-width: 100%;max-height: 447px;}
.plist02 .img14{position: relative;width: 100%;height: 0;padding-bottom: 49.82%;overflow: hidden;}
.plist02 .img14 span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.plist02 .img14 img{max-width: 100%;max-height: 100%;}
.plist02 .img14_text h2{padding-right: 105px;}
.plist02 .img14_text a{margin-top: -34px;}

.pd_title{position: sticky;left: 0;top: 76px;z-index: 999;}

.appli ul li{width: 32%;margin: 0 2% 15px 0;}
.appli ul li:nth-child(3n){margin-right: 0;}
.appli ul li .img09{width: 100%;height: 0;padding-bottom: 66.92%;position: relative;overflow: hidden;}
.appli ul li .text{padding: 30px;}
.appli ul li .text .tit{font-size: 16px;color: #333;text-align: left;padding: 0;}
.appli ul li .text p{font-size: 13px;line-height: 24px;height: 48px;overflow: hidden;color: #999;}
.appli_nav01{margin-top: 0;}
.appli_nav01 h3{width: auto;max-width: 800px;font-size: 20px;line-height: 1.8;}

.app_banner{background-repeat: no-repeat;background-position: center;background-size: cover;}
.app02 img{max-width: 100% !important;height: auto !important;}

.news_text{padding-bottom: 50px;}
.news_page.btm{padding-top: 0;padding-bottom: 80px;}
.news_text ul li a{padding-right: 20px;}
.news_nav ul li{margin-left: -1px;}

.news_date .news_title{display: flex;align-items: center;}
.news_date .news_title h4{flex-shrink: 0;margin-left: 30px;}
.news_date .news_title div{flex: 1;overflow: hidden;width: auto;}

.about_nav{background-repeat: no-repeat;background-position: center;background-size: cover;}
.about01{height: auto;padding-bottom: 120px;}
.about01_left{padding: 45px 0;width: 690px;}
.about01_left .wrap{padding: 0 70px;height: 100%;overflow: auto;}

.about02 .myTop{display: flex;align-items: center;justify-content: space-between;}
.about02_right{margin-top: 0;float: none;width: 62.5%;}
.about02_left .ry{width: 30%;}
.about02_left{width: 100%;}

.aboutWap{display: none;}
.aboutWap .item{padding: 30px 0;}
.aboutWap .item.bg{background: #f4f4f4;}
.aboutWap .item .tit{font-size: 20px;color: #333333;margin-bottom: 10px;}
.aboutWap .textScroll{height: 150px;position: relative;overflow: hidden;}
.aboutWap .textScroll p{font-size: 15px;color: #333333;line-height: 30px;opacity: 0.6;}
.aboutWap .textScroll .swiper-slide-active p{opacity: 1;}
.aboutWap .picScroll{position: relative;overflow: hidden;margin-top: 20px}
.aboutWap .picScroll .container{width: 230px;}
.aboutWap .picScroll .swiper-slide{width: auto;}
.aboutWap .picScroll .pic{width: 230px;height: 155px;box-sizing: border-box;padding: 12px;background: url(../images/bg-17.png) center no-repeat;background-size: 100%;position: relative;}
.aboutWap .picScroll .pic em{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutWap .picScroll .pic::before{content: "";width: 100%;height: 100%;z-index: 2;background: #fff;opacity: 0.7;position: absolute;left: 0;top: 0;transition:all 0.3s linear; }
.aboutWap .picScroll .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;opacity: 0;}
.aboutWap .picScroll.zscqScroll .container{width: 214px;}
.aboutWap .picScroll.zscqScroll .pic{width: 150px;height: 214px;background: url(../images/bg-18.png) no-repeat;background-size: 100%;}

.aboutWap .picScroll .swiper-slide-active .pic::before{opacity: 0;}
.aboutWap .zxScroll{height: 210px;position: relative;overflow: hidden;}
.aboutWap .zxScroll .swiper-slide{opacity: 0.6;}
.aboutWap .zxScroll .swiper-slide-active{opacity: 1;}
.aboutWap .zxScroll .t{font-size: 15px;color:#555;line-height: 26px;}
.aboutWap .zxScroll .desc{font-size: 12px;line-height: 24px;color: #999;}
.aboutWap .partnerScroll{position: relative;overflow: hidden;}
.aboutWap .partnerScroll .wrap{display: block;border: 1px solid #bebebe;padding: 6px;text-align: center;}
.aboutWap .partnerScroll .wrap .pic{height: 94px;display:flex;align-items: center;justify-content: center;}
.aboutWap .partnerScroll .wrap .pic img{max-width: 100%;max-height: 100%;}
.aboutWap .partnerScroll .wrap h3{font-size: 13px;font-weight: normal;line-height: 26px;}
.about05 ul li .img13{width: 23.8%;margin-right: 1.6%;box-sizing: border-box;}

.cona ul,
.join ul{ display: flex;flex-wrap: wrap;align-items: flex-start; }
.cona ul li,
.join ul li{width: 48.3%;box-sizing: border-box;margin: 15px 0.85%;float: none;}
.cona ul li .taskBtn{height: auto;min-height: 140px;}
.inside_nav h3{width: 100%;max-width: 800px;}
.join ul li .taskBtn{height: auto;min-height: 260px;}

.head .nav ul li .lm01{padding-top: 50px;}
.head .nav ul li .lm01 .m1{width: 25%;box-sizing: border-box;}
.head .nav ul li .lm03 h2{width: 33%;box-sizing: border-box;}
.news_nav ul{padding: 0 1px;}


.join ul li h3{display: flex;}
.join ul li h3 button{flex-shrink: 0;}
.join ul li h3 p{flex: 1;text-align: left !important;}

.cona ul li h3{display: flex;}
.cona ul li h3 button{flex-shrink: 0;}
.cona ul li h3 p{flex: 1;text-align: left !important;}

.plist02{width: 48%;margin: 0 0 4%;}
.plist02:nth-child(2n+1){float: right;}
.plist02 .img14_text{position: relative;}
.plist02 .img14_text p{width: auto;margin-right: 105px;height: 24px;line-height: 24px}
.plist02 .img14_text a{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);margin-top: 0;}

.prodDesc{padding: 50px 0 0;}
.prodDesc .tit{font-size: 46px;color: #000000;margin-bottom: 15px;text-align: center;}
.prodDesc .cont{font-size: 22px;line-height: 40px;color: #535353;}

.myForm{margin-bottom: 100px;}
.myForm .formItem{width: 48.83%;margin-top: 10px;background: #F6F6F6;display: flex;}
.myForm .formItem:first-child,
.myForm .formItem:nth-child(2){margin-top: 0;}
.myForm .formItem.w100p{width: 100%;}
.myForm .formItem dt{flex-shrink: 0;width: 60px;height: 60px;position: relative;}
.myForm .formItem dt::before{content: "";width: 1px;height:14px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #D8D8D8;}
.myForm .formItem dt img{display: inline-block;vertical-align: middle;}
.myForm .formItem dd{flex: 1;overflow: hidden;box-sizing: border-box;padding: 0 10px;}
.myForm .formItem .text,
.myForm .formItem textarea{width: 100%;height: 60px;border: none;background: none;line-height: 60px;color: #222;}
.myForm .formItem textarea{height: 200px;}
.myForm .codeItem dd{padding-right:150px;position: relative;}
.myForm .codeItem .pic{width:150px;height: 100%;position: absolute;right: 0;top: 0;cursor: pointer;}
.myForm .subm{width: 48.83%;height: 60px;border: none;background: #3085df;text-align: center;color: #fff;cursor: pointer;margin-top: 10px;}
.myForm .subm:hover{background: #255c96;}

.pd_nav{height: 0;padding-bottom: 41.5%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.about05 ul li .img13 h3{margin: 0;}

.prodItem1,.prodItem2{padding: 50px 0;background: #f9f9f9;}
.prodItem1 .pic{width: 56%;height: 300px;}
.prodItem1 .pic img{max-width: 100%;height: 100%;}
.prodItem1 .text{width: 40%;}
.prodItem1 .text .tit{font-size: 32px;margin-bottom: 10px;}
.prodItem1 .text .cont{font-size: 18px;line-height: 2.2;}
.prodItem2{padding-bottom: 0;}
.prodItem2 .list{display: flex;flex-wrap: wrap;}
.prodItem2 .list .li{width: 33.33%;box-sizing: border-box;padding: 0 20px;text-align: center;font-size: 16px;line-height: 1.6;margin-bottom: 80px;}
.prodItem2 .list .li .icon{height: 80px;}
.prodItem2 .list .li .tit{font-size: 18px;line-height: 1.2;font-weight: bold;color: #000;margin: 15px 0;}
.prodItem2 .list .li .cont{max-width: 200px;margin: 0 auto;}

.pd_text03 .yy ul li{width: 32%;box-sizing: border-box;margin: 0 2% 20px 0;}
.pd_text03 .yy ul li:nth-child(3n){margin-right: 0;}
.pd_text03 .yy ul li .img10{width: 100%;height: 0;padding-bottom: 57.56%;position: relative;overflow: hidden;}
.pd_text03 .yy ul li .text{padding: 15px;border-top: 1px solid #bebebe;}
.pd_text03 .yy ul li .text .tit{font-size: 18px;color: #333;line-height: 30px;border: none;padding: 0;}
.pd_text03 .yy ul li .text .desc{font-size: 14px;line-height: 28px;padding: 0;}


/* footer */
.myFooter{background: #262626;color: #FFFFFF;line-height: 28px;}
.myFooter a{color: #fff;}
.myFooter .logo img{height: 24px;}
.myFooter .fTop{padding: 40px 0;align-items: flex-start;}
.myFooter .fTop .tel{line-height: 22px;margin: 38px 0 80px;font-size: 16px;}
.myFooter .fTop .tel h5{line-height: 44px;margin-top: 4px;font-size: 32px;font-size: 28px;font-family: "Roboto";}
.myFooter .fTop .share{display: flex;width: 100%;}
.myFooter .fTop .share li{position: relative;margin-right: 20px;}
.myFooter .fTop .share li:last-child{margin-right: 0;}
.myFooter .fTop .share .icon{width: 50px;height: 50px;border: 1px solid #FFFFFF;border-radius: 50%;background: rgba(255, 255, 255, 0.27);cursor: pointer;}
.myFooter .fTop .share .icon img{filter: brightness(0) invert(1);transition:all 0.3s linear;}
.myFooter .fTop .share li:hover .icon img{filter: brightness(1) invert(0);}
.myFooter .fTop .share .codeImg{position: absolute;left: 50%;margin-left: -75px;bottom: 52px;z-index: 8;display: none;}
.myFooter .fTop .share .codeImg .pic{width: 130px;height: 130px;background: #fff;padding: 5px;}
.myFooter .fTop .share .codeImg .pic img{width: 100%;height: 100%;}
.myFooter .fTop .share .codeImg i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #fff;}
.myFooter .fNav dl{min-width: 120px;margin-left: 40px;}
.myFooter .fNav dl:first-child{min-width: 230px;margin-left: 0;}
.myFooter .fNav dl dt{font-size: 18px;margin-bottom: 28px;margin-bottom: 24px;}
.myFooter .fNav dl dd{font-size: 16px;padding: 7px 0;}
.myFooter .fNav a:hover{opacity: 0.7;text-decoration: underline;}
.myFooter .fBtm{background: #000000;padding: 14px 0;text-align: center;font-size: 12px;}
.myFooter .fBtm .w1200{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.myFooter .fBtm a{display: inline-flex;align-items: center;margin-left: 1em;}
.myFooter .fBtm a:hover{opacity: 0.7;text-decoration: underline;}

/* myFloat */
.myFloat{position: fixed;right: 0;/* top: 50%;transform: translateY(-50%); */z-index: 99999;width: 50px;bottom: 50px;right: 30px;right: 15px;}
.myFloat li{margin-top: 2px;line-height: 50px;color: #fff;font-size: 14px;width: 50px;height: 50px;position: relative;cursor: pointer;}
.myFloat li a{color: #fff;}
.myFloat li .wrap{position: absolute;left: 0;top: 0;display: flex;align-items: center;background: #2C78B5;}
.myFloat li .wrap .icon{width: 50px;height: 50px;}
.myFloat li .wrap .txt{white-space: nowrap;width: 200px;}
.myFloat li .box{width: 0;overflow: hidden;}
/* .myFloat li:hover{background: #262626;} */
.myFloat li:hover .wrap{transform: translateX(-200px);background: #262626;}
.myFloat li:hover .box{width: 200px;}
.myFloat li:nth-child(2) .wrap .txt{width: 220px;}
.myFloat li:nth-child(2):hover .wrap{transform: translateX(-220px);}
.myFloat li:nth-child(2):hover .wrap .box{width: 220px;}
.myFloat li.kf:hover .box{width: 80px;}
.myFloat li.kf:hover .wrap{transform: translateX(-80px);}

/* navSub */
.navSub{padding: 0 0 26px;}
.navSub ul{display: flex;flex-wrap: wrap;border-top: 1px solid #E8E8E8;}
.navSub ul li{width: 33.33%;padding: 26px 0;border-right: 1px solid #E8E8E8;box-sizing: border-box;min-height: 90px;display: flex;align-items: flex-start;}
.navSub ul:first-child{border-top: none;}
.navSub ul li:nth-child(3n){border-right: none;}
.navSub ul li .pic{width: 190px;flex-shrink: 0;}
.navSub ul li .pic img{max-width: 100%;}
.navSub ul li .text{flex: 1;overflow: hidden;box-sizing: border-box;padding: 0 15px;}
.navSub ul li .text .tit{color: #3E3E3E;line-height: 25px;font-weight: bold;}
.navSub ul li .text dl{margin-top: 11px;}
.navSub ul li .text dt{font-size: 14px;line-height: 20px;position: relative;margin-bottom: 8px;font-weight: bold;}
.navSub ul li .text dt:before{content: "";width: 7px;height: 7px;background: #3085DF;border-radius: 50%;position: absolute;left: -15px;top: 50%;margin-top: -3px;}
.navSub ul li .text dd{font-size: 14px;line-height: 20px;color: #333333;}
.navSub ul li .text a:hover{color: #3085DF;}

/* table */
.pd_text01 .cs_right table{border-collapse:collapse;width: 100% !important;background: #fff !important;}
/* .pd_text01 .cs_right table tr{border-bottom: 1px solid #F1F1F1;} */
.pd_text01 .cs_right table tr:nth-of-type(2n+1){background-color: #f8f9fb;}
.pd_text01 .cs_right table td{font-size: 14px !important;line-height: 1.2 !important;padding: 20px;text-align: center !important;border: 1px solid #F1F1F1 !important;}
.pd_text01 .cs_right table td *{text-align: center !important;}
/* .pd_text01 .cs_right table td:last-child{border-right: none !important;} */
.pd_text01 .cs_right table td h3, 
.pd_text01 .cs_right table td h3 span{;font-size: 14px;line-height: 24px;}

.contactPic{height: 0;padding-bottom: 53.84%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.plist01_left{width: 54.5%;position: relative;}
.plist01_right{width: 43.2%;}
.plist01_right p{height: 150px;margin-bottom: 35px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.productSwiper{max-width: 900px;width: auto;box-sizing: border-box;width: 90%;}
.productSwiper .swiper-slide{position: relative;}
.productSwiper .swiper-slide span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.productSwiper .swiper-slide span img{max-width: 100%;max-height: 100%;}

.pageStyle{font-size: 16px;line-height: 1.8;color: #333;}
.pageStyle *{max-width: 100% !important;}


/* add */
.downloadList{background: #f9f9f9;padding-bottom: 40px;}
.downloadList li{width: 49%;margin-bottom: 20px;}
.downloadList li:nth-child(2n){float: right;}
.downloadList li a{display: flex;width: 100%;box-sizing: border-box;padding: 14px 24px 14px 14px;background: #FFFFFF;}
.downloadList .pic{flex-shrink: 0;width: 140px;margin-right: 27px;}
.downloadList .pic span{display: block;height: 0;padding-bottom: 132.85%;position: relative;overflow: hidden;}
.downloadList .text{flex: 1;overflow: hidden;padding-top: 18px;}
.downloadList .title{font-size: 16px;color: #2E2E2E;line-height: 22px;font-weight: normal;}
.downloadList .desc{font-size: 14px;line-height: 20px;color: #959595;height: 40px;overflow: hidden;margin: 14px 0 50px;}
.downloadList .btn{width: 120px;height: 42px;box-sizing: border-box;border: 1px solid #2C78B4;background: #FFFFFF;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;color: #2C78B4;font-size: 16px;}
.downloadList li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.downloadList li a:hover .title{color: #2C78B4;}
.downloadList li a:hover .btn{background: #2C78B4;color: #fff;}
.downloadList li a:hover .btn img{filter: brightness(0) invert(1);}

.videoList{padding-bottom: 40px;background: #f9f9f9;}
.videoList li{width: 32%;margin: 0 2% 20px 0;}
.videoList li:nth-child(3n){margin-right: 0;}
.videoList a{display: block;background: #FFFFFF;}
.videoList .pic{height: 0;padding-bottom: 70.72%;position: relative;overflow: hidden;}
.videoList .pic .icon{position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 26%;}
.videoList .title{padding: 0 20px;font-size: 16px;color: #2E2E2E;line-height: 74px;font-weight: normal;}
.videoList a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.videoList a:hover .title{color: #2C78B4;}
.videoList a:hover .pic .bgStyle{transform: scale(1.1);}

.appli .appliList li{width: 47.5%;margin: 0 0 60px;}
.appli ul li:nth-child(3n){float: left;}
.appli .appliList li:nth-child(2n){float: right;}
.appli .appliList li .img09{padding-bottom: 65.26%;}
.appli .appliList li .text{background: #F2F5F8;padding: 44px 30px 30px;}
.appli .appliList li .text .title{font-size: 22px;line-height: 30px;color: #474747;font-weight: normal;text-align: left;padding: 0;}
.appli .appliList li .text .desc{font-size: 14px;color: #959595;line-height: 20px;height: 40px;overflow: hidden;margin: 26px 0 44px;}
.appli .appliList li .text .more{width: 84px;height: 40px;border: 1px solid #2C78B4;font-size: 16px;color: #2C78B4;text-align: center;line-height: 40px;}
.appli .appliList li a:hover .text .more{background: #2C78B4;color: #fff;}

.prodBanner{width: 100%;height: 0;padding-bottom: 41.56%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.bread{background: #FFFFFF;line-height: 68px;font-size: 16px;color: #000000;position: sticky;left: 0;top: 76px;z-index: 9;}
.bread .path a:hover,
.bread .path i{color: #3085DF;}
.bread .prodNav li{padding-left: 36px;position: relative;}
.bread .prodNav li::before{content: "";width: 1px;height: 15px;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);background: #000000;}
.bread .prodNav li:first-child::before{display: none;}
.bread .prodNav li.active a{color: #3085DF;}

.padding120{padding: 120px 0;}
.padding60{padding: 60px 0;}


/* table */
.prodCont table{border-collapse:collapse;width: 100% !important;background: #fff !important;margin-bottom: 20px;}
.prodCont table tr:nth-of-type(2n+1){background-color: #f8f9fb;}
.prodCont table td{font-size: 14px !important;line-height: 1.2 !important;padding: 20px;text-align: center !important;border: 1px solid #F1F1F1 !important;}
.prodCont table td *{text-align: center !important;}
.prodCont table td h3, 
.prodCont table td h3 span{;font-size: 14px;line-height: 24px;}

/* .prodCont .grayBg{background: #F9F9F9;} */
.prodCont .item{background: #F9F9F9;}
.prodCont .item:nth-child(2n){background: #fff;}
.prodCont .item .title{font-size: 46px;color: #000000;line-height: 1.4;text-align: center;margin-bottom: 24px;}
.prodCont .item .title .point{color: #2E79BE;}
.prodCont .item .title1{font-size: 32px;color: #212121;line-height: 1.4;font-weight: normal;margin-bottom: 60px;}
.prodCont .item .title1 .more{font-size: 18px;color: #212121;line-height: 1;}
.prodCont .item .title1 .more:hover{color: #3085DF;}
.prodCont .item .title1 h3{font-size: inherit;}
.prodCont .item .swiper-slide{height: auto;width: 100%;}
.prodCont .item1 .cont{font-size: 22px;line-height: 1.36;color: #212121;text-align: center;font-weight: normal;}
.prodCont .item2{padding-bottom: 0;}
.prodCont .item2 .title{margin-bottom: 60px;}
.prodCont .item2 ul{flex-wrap: wrap;align-items: flex-start;}
.prodCont .item2 ul li{width: 25.5%;font-size: 22px;line-height: 42px;color: #333333;text-align: center;margin-bottom: 60px;}
.prodCont .item2 ul li .icon{height: 103px;}
.prodCont .item2 ul li .tit{font-size: 24px;color: #000000;font-weight: normal;margin: 40px 0 25px;}
.prodCont .item2 ul li .text{text-align: justify;}
.prodCont .item3 dl{margin-bottom: 120px;display: flex;align-items: center;}
.prodCont .item3 dl:last-child{margin-bottom: 0;}
.prodCont .item3 dl dt{width: 26.8%;margin-right: 8%;flex-shrink: 0;height: 408px;height: 300px;width: 35%;margin-right: 2%;height: auto;width: 32%;margin-right: 4%;}
.prodCont .item3 dl dt img{max-width: 100%;max-height: 100%;width: 100%;}
.prodCont .item3 dl dd{flex: 1;overflow: hidden;}
.prodCont .item3 dl dd .text{padding-top: 16px;font-size: 22px;line-height: 42px;color: #333333;}
.prodCont .item3 dl:nth-child(2n){flex-direction: row-reverse;}
.prodCont .item3 dl:nth-child(2n) dt{margin-right: 0;margin-left: 4%;}
.prodCont .item3 .title{text-align: left;font-size: 32px;}
.prodCont .item4{padding-top: 74px;}
.prodCont .item4 .container{position: relative;overflow: hidden;background: #FFFFFF;}
.prodCont .item4 .container .btn{width: 46px;height: 46px;box-sizing: border-box;border: 1px solid #2C78B5;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;}
.prodCont .item4 .container .prev{left: 20px;}
.prodCont .item4 .container .next{right: 20px;}
.prodCont .item4 .container .btn:hover{background: #2C78B5;}
.prodCont .item4 .container .btn:hover img{filter: brightness(0) invert(1);}
.prodCont .item4 dl{display: flex;align-items: center;}
.prodCont .item4 dl dt{flex-shrink: 0;width: 45.8%;height: 394px;width: 100%;}
.prodCont .item4 dl dt img{max-width: 100%;max-height: 100%;}
.prodCont .item4 dl dd{flex: 1;overflow: hidden;box-sizing: border-box;padding: 30px 139px 30px 0;display: none;}
.prodCont .item4 dl dd .tit{font-size: 24px;line-height: 1.4;color: #000000;font-weight: normal;margin-bottom: 32px;}
.prodCont .item4 dl dd .text{font-size: 22px;line-height: 1.9;color: #333333;}
.prodCont .item5 .wrap{display: flex;}
.prodCont .item5 .title1{flex-shrink: 0;margin-right: 12.4%;}
.prodCont .item5 .right{flex: 1;}
.prodCont .item6{padding-bottom: 100px;padding-bottom: 60px;}
.prodCont .item6 .container{position: relative;overflow: hidden;}
.prodCont .item6 li{width: 31.1%;margin: 0 3.05% 20px 0;}
.prodCont .item6 li:nth-child(3n){margin-right: 0;}
.prodCont .item6 .container .wrap{display: block;height: 0;padding-bottom: 64.34%;position: relative;overflow: hidden;}
.prodCont .item6 .container .text{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;box-sizing: border-box;padding: 20px 30px;color: #fff;font-size: 14px;line-height: 20px;background: rgba(44, 120, 181, 0.61);}
.prodCont .item6 .container .text .tit{font-size: 16px;font-weight: normal;line-height: 22px;font-size: 20px;}
.prodCont .item6 .container .text .desc{padding-top: 0;height: 0;overflow: hidden;}
.prodCont .item6 .container .wrap:hover .bgStyle{transform: scale(1.1);}
.prodCont .item6 .container .wrap:hover .text{background: rgba(44, 120, 181, 0.9);}
.prodCont .item6 .container .wrap:hover .text .desc{height: 40px;padding-top: 18px;}
.prodCont .item7{padding-top: 60px;}
.prodCont .item7 .container{position: relative;overflow: hidden;}
.prodCont .item7 .wrap{display: block;background: #FFFFFF;}
.prodCont .item7 .pic{height: 0;padding-bottom: 64.34%;position: relative;overflow: hidden;}
.prodCont .item7 .text{padding: 20px 30px;}
.prodCont .item7 .tit{font-size: 16px;color: #2E2E2E;line-height: 22px;margin-bottom: 14px;font-size: 20px;}
.prodCont .item7 .desc{font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;color: #959595;}
.prodCont .item7 .wrap:hover .tit{color: #3085DF;}
.prodCont .item7 .wrap:hover .pic .bgStyle{transform: scale(1.1);}
/* .head,.bread{box-shadow: 0 0 10px rgba(0,0,0,0.1);} */

.ny_banner{height: 715px;}
.ny_banner h2{margin-top: 80px;}
.ny_banner .pic{height: 436px;margin-top: 30px;}
.ny_banner .pic img{max-height: 436px;}
.prodBanner{padding-bottom: 37.23%;}

/* 20231012 */
.ny_banner{height: 580px;}
.ny_banner h2{margin: 50px 0 20px;}
.ny_banner .pic{height: 345px;}
.ny_banner .pic img{max-height: 100%;}
.prodBanner{padding-bottom: 30.2%;}
.app_banner{height: 0;padding-bottom: 30.2%;}

.appli_nav01{margin-bottom: 60px;}
.appli_nav01 h3{max-width: 100%;}
.appli_nav01 h2{margin-bottom: 30px;}


.swiper-container{height: auto;}
.swiper-container .swiper-slide a{height: 0;padding-bottom: 41.66%;}


@media screen and (max-width: 1330px){
.head .nav{margin-left: 50px;}	
.head .nav ul li p{width: 100px;}

.middle{width: 90%;margin: 0 auto;}

.part02 .middle{width: 90%;}
.part002 ul li{width: 23%;margin: 0 2.6% 0 0;}
.part002 ul li:nth-child(4n){margin-right: 0;}


#playBox{width: 100%;min-width: auto;}
#playBox .oUlplay li a{display: flex;align-items: center;}
#playBox .oUlplay .img02_text{padding: 0;flex: 1;overflow: hidden;}
#playBox .oUlplay .img02,
#playBox .oUlplay .img02_right{flex-shrink: 0;}
#playBox .oUlplay .img02_right{margin: 0 20px;}
#playBox .swiper-pagination{left: 520px;}


.prodChannel{height: auto;}
.prodChannel .wrap{display: flex;align-items: center;justify-content: space-between;padding: 0 6.6%;height: auto;}
.prodChannel .text{width: 37.5%;margin: 0;}
.prodChannel .pic{margin: 0;width: 50%;}
.prodChannel .pic img,
.prodChannel .pic img{max-width: 100%;height: auto;max-height: 100%;}

/* .plist02{width: 48.3%;margin: 0 0.7% 20px;} */
.plist02 .img14{width: 100%;}
.ny_banner .pic{height: auto;margin-top: 30px;}

.appli_nav h2{font-size: 36px;}
.appli_nav h3{font-size: 18px;line-height: 1.5;}

.news_text .middle{width: 90%;margin: 0 auto;}
.news_page{padding-top: 40px;}
.news_text{padding-top: 0;}
.news_text ul li{padding: 10px;}
.news_text ul li a{display: flex;align-items: center;}
.news_text ul li .new_left{flex-shrink: 0;float: none;}
.news_text ul li .new_left h2{font-size: 36px;box-sizing: border-box;padding-top: 5px;}
.news_text ul li .new_right{flex: 1;overflow: hidden;margin-left: 20px;}
.news_text ul li .new_right h2{font-size: 18px;}
.news_text ul li .new_right p{font-size: 14px;line-height: 24px}

.news_date{padding: 50px 0;}
.news_date .news_title h2{font-size: 28px;}
.news_date .news_title h3{margin-top: 12px;}

.about01_right{width: 44.5%;}
.about01_left{width: 57.5%;box-sizing: border-box;}

.cona,.join{padding: 60px 0;}
.inside_nav h2,
.inside_nav h2{font-size: 36px;margin-bottom: 20px;}
.inside_nav h3,
.inside_nav h3{font-size: 18px;line-height: 30px;}
.cona ul li,
.join ul li{padding: 30px;}

.plist_nav h2{font-size: 30px;}
.prodDesc{padding: 40px 0 0;}
.prodDesc .tit{font-size: 36px;color: #000000;margin-bottom: 15px;text-align: center;}
.prodDesc .cont{font-size: 18px;line-height: 1.6;}

.prodItem1, .prodItem2{padding: 30px 0;}
.prodItem1 .text .tit{font-size: 26px;}
.prodItem1 .text .cont{font-size: 15px;}
.prodItem2 .list .li{font-size: 14px;margin-bottom: 50px;}
.prodItem2 .list .li .icon{height: 60px;}
.prodItem2 .list .li .tit{font-size: 16px;margin: 10px 0;}
.pd_text03 .yy{padding: 40px 0;}
.pd_text03{padding-bottom: 40px;}

.appli ul li .text{padding: 20px;}

.myFooter .fNav dl{margin-left: 20px;}


.plist01{margin: 0 0 20px;padding: 30px;}

/* add */
.videoList .title{line-height: 54px;}
.appli .appliList li .text{padding: 30px 20px;}
.appli .appliList li .text .title{font-size: 18px;}
.appli .appliList li .text .desc{margin: 15px 0 30px;}
.appli .appliList li .text .more{width: 68px;height: 32px;line-height: 32px;font-size: 14px;}

.padding120{padding: 80px 0;}
.padding60{padding: 40px 0;}
.prodCont .item .title{font-size: 30px;}
.prodCont .item .title1{font-size: 24px;margin-bottom: 30px;}
.prodCont .item1 .cont,
.prodCont .item3 dl dd .text,
.prodCont .item4 dl dd .text{font-size: 16px;line-height: 1.6;}
.prodCont .item2 .title{margin-bottom: 30px;}
.prodCont .item2 ul li{width: 30%;font-size: 16px;line-height: 1.6;}
.prodCont .item2 ul li .icon{height: 78px;}
.prodCont .item2 ul li .tit{font-size: 20px;margin: 20px 0 10px;}
.prodCont .item3 dl{margin-bottom: 80px;}
/* .prodCont .item3 dl dt{height: 360px;} */
.prodCont .item3 dl dd .text{padding-top: 0;}
.prodCont .item4 dl dd .tit{margin-bottom: 14px;font-size: 20px;}
.prodCont .item4 dl dt{height: 320px;}
.prodCont .item5 .title1{margin-right: 6%;}
.prodCont .item6{padding-bottom: 60px;}
.prodCont .item6 .container .text,
.prodCont .item7 .text{padding: 10px 20px;}
.prodCont .item6 .container .text .tit{font-size: 15px;}
.prodCont .item6 .container .wrap:hover .text .desc{padding-top: 8px;}
.prodCont .item7 .tit{margin-bottom: 6px;}
.prodCont .item7 .desc{font-size: 13px;}
.bread{font-size: 14px;}
.bread .prodNav li{padding-left: 20px;}
.bread .prodNav li:before{left: 10px;}
}

@media screen and (max-width: 1200px){
.head .nav ul li p{width: 88px;}
	
.swiper-container{height: auto;}
.swiper-container .swiper-slide a{height: 0;padding-bottom: 42%;}

.pd_text01 .cs{display: flex;}
.pd_text01 .cs_left{float: none;flex-shrink: 0;margin-right: 30px;}
.pd_text01 .cs_right{float: none;width: auto;flex: 1;}
.pd_text01 .cs_right h3,
.pd_text01 .cs_right h3 span{font-size: 16px;line-height: 2;}

.appli{padding: 50px 0;}
.appli_nav01 h2{font-size: 30px;}
.appli_nav01 h3{font-size: 18px;line-height: 1.5;}

.app_banner{padding-bottom: 32%;height: 0;}
.app01,.app03{padding: 40px 0;}
.app02{margin-top: 40px;}

.about01_left{padding: 35px 0;margin-left: 0;}
.about01_left .wrap{padding: 0 50px;}

.myFooter .fNav dl{min-width: 90px;}
.myFooter .fNav dl:first-child{min-width: 170px;}
.myFooter .fNav dl dt{font-size: 16px;}
.myFooter .fNav dl dd{font-size: 14px;}

}

@media screen and (max-width: 1024px){
.head .nav{display: none;}
.head .menuIcon{display: block;}	
#playBox .oUlplay .img02_right{display: none;}
#playBox .oUlplay li a{padding: 20px;}
#playBox .oUlplay .img02{margin: 0 20px 0 0;width: 40%;}
#playBox .oUlplay .img02_text{margin-left: 0;}
#playBox .swiper-pagination{left:  calc(40% + 20px);bottom: 40px;}
.part04_text ul li{height: 120px;}
.prodChannel{padding: 50px 0;}
.plist02{position: relative;}
.plist02 .img14_text{padding: 20px;}
.plist02 .img14_text h2{margin-bottom: 0;}
.plist02 .img14_text a{position: absolute;right: 20px;bottom: 20px;}

.ny_banner{height: auto;}
.ny_banner h2{font-size: 40px;margin: 60px 0 20px;}
.ny_banner h3{font-size: 16px;line-height: 26px}

.productSwiper{width: 100%;box-sizing: border-box;}
.productSwiper .swiper-slide{height: 0;padding-bottom: 55.36%;}

.about_nav{padding-bottom: 40%;height: 0;}
.about01{padding: 50px 0;}
.about01_left,.about01_right{width: 100%;}
.about01_left{height: auto;padding: 30px;margin-top: 0;}
.about01_left .wrap{padding: 0;}
.about01_right{margin-top: 0;height: 0;padding-bottom: 48%;}

.aboutPc{display: none;}
.aboutWap{display: block;}

.myFooter .fNav{display: none;}
.myFooter .fTop{padding: 20px 0;}
.myFooter .fTop,
.myFooter .fTop .share{text-align: center;justify-content: center;}
.myFooter .fTop .tel{margin: 15px 0 25px;font-size: 14px;}
.myFooter .fTop .tel h5{font-size: 24px;line-height: 1;}
.myFooter .fBtm{padding: 10px 0;}
.myFooter .fTop .share .icon{width: 40px;height: 40px;}
.myFooter .fTop .share .icon img{height: 18px;}

/* add */
.padding120{padding: 60px 0;}
.padding60{padding: 30px 0;}
.downloadList li{width: 100%;}
.bread{font-size: 12px;line-height: 48px;}
.bread .path{display: none;}
.prodCont .item .title{font-size: 24px;margin-bottom: 16px;}
.prodCont .item1 .cont, .prodCont .item3 dl dd .text, .prodCont .item4 dl dd .text,
.prodCont .item2 ul li{font-size: 15px;}
.prodCont .item2 ul li{margin-bottom: 30px;}
.prodCont .item2 ul li .icon{height: 48px;}
.prodCont .item2 ul li .tit{font-size: 18px;}
.prodCont .item3 dl{margin-bottom: 60px;}
/* .prodCont .item3 dl dt{height: 240px;} */
.prodCont .item4 dl dt{width: 30%;}
.prodCont .item4 dl dd{padding: 20px 100px 20px 0;}
.prodCont .item6{padding-bottom: 40px;}
}

@media screen and (max-width: 760px){
.cd-popup-container{padding: 40px 20px;width: 80%;}
.head .logo{margin: 20px 0;}
.Hsrch .Hsrch-menu,.head .hqh{margin-top: 18px;}
.head .menuIcon{margin: 24px 0 0 10px;}
.placeholder{padding-top: 64px;}

.banner .swiper-button-next,.banner .swiper-button-prev{display: none;}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.part01{display: none;}

.part02,.part03,.part04{margin-top: 30px;}
.part_nav h2{font-size: 24px;}
.part_nav h3{font-size: 15px;}
.part002 ul,
.part03 .mr_frbox01,#playBox{margin-top: 20px;}
.part002 ul li{width: 49%;margin: 0 0 20px 0;}
.part002 ul li:nth-child(2n){float: right;}
.part02 ul li .img01{height: 200px;}
.part02 ul li .img01_text{padding: 12px 12px 20px;}
.part02 ul li .img01_text p{margin-bottom: 12px;}

#playBox{height: auto;height: 330px;}
#playBox .oUlplay{position: relative;}
#playBox .oUlplay li{float: none;/* height: auto; */ height: 330px;}
#playBox .oUlplay li a{overflow: hidden;padding-bottom: 30px;flex-wrap: wrap;}
#playBox .oUlplay .img02{width: 100%;float: none;height: 0;padding-bottom: 63.44%;margin: 0 0 10px;padding-bottom: 200px;}
#playBox .oUlplay .img02_text{width: 100%;float: none;flex: auto;width: 300px;}
#playBox .oUlplay .img02_text h2{margin-bottom: 12px;font-size: 14px;}
#playBox .oUlplay .img02_text p{-webkit-line-clamp: 2;font-size: 12px;line-height: 24px;}
#playBox .swiper-pagination{width: 100%;left: 0;text-align: center;bottom: 15px;} 


.part04{margin-bottom: 30px;}
.part04_text ul{height: auto;}
.part04_text ul li{width: 100%;height: 90px;padding: 0 15px;}
.part04_text ul li .rq01{margin-right: 16px;}
.part04_text ul li .rq01 h3{width: 60px;height: 60px;font-size: 26px;}


.prodChannel{padding: 30px 0;}
.prodChannel .wrap{flex-wrap: wrap;}
.prodChannel .text,.prodChannel .pic{width: 100%;}
.prodChannel.pro02 .wrap{flex-direction: column-reverse;}
.prodChannel .pic{margin-top: 20px;}
.pro_nav p{height: auto;margin-bottom: 20px;}

.plist02{width: 100%;margin: 0 0 20px;}
.plist02 .img14_text h2{font-size: 16px;padding-right: 80px;}
.plist02 .img14_text p{margin-right: 80px;}

.ny_banner h2{font-size: 28px;margin: 30px 0 20px;}
.ny_banner h3{font-size: 14px;line-height: 1.6;}
.ny_banner .pic{margin-top: 20px;}
.plist{margin: 30px 0;}
.plist_nav{margin-bottom: 15px;}
.plist_nav h2{font-size: 24px;}

.pd_title{top: 64px;}
.app04{padding-bottom: 30px;}
.pd_text01 .cs{display: block;padding: 30px 0;}
.pd_text01 .cs_left{margin-right: 0;}
.pd_text01 .cs_right{width: 100%;}
.pd_text01 .cs_left h2{font-size: 22px;margin-bottom: 15px;}
.pd_text01 .cs_right h3, .pd_text01 .cs_right h3 span{font-size: 13px;}
.pd_text02{padding-bottom: 30px;}
.pd_text02 .zp{padding: 30px 0;}
.pd_text02 .zp.noPadBtm{padding-bottom: 0;}
.pd_title{height: auto;padding: 10px 0;line-height: 1.5;}
.pd_title h2{font-size: 13px;margin-bottom: 5px;}
.pd_title h3 a{font-size: 13px;padding: 0 4px;}
.pd_title h3{width: 100%;}
.app05 .pageStyle{font-size: 13px;}

.productSwiper{padding: 20px 0 0;}
.productSwiper .swiper-button-prev, 
.productSwiper .swiper-button-next{width: 14px;height: 24px;background-size: 100% 100%;margin-top: -12px;}

.appli{padding: 30px 0;}
.appli_nav01{margin: 10px 0 20px;}
.appli_nav01 h2{font-size: 20px;margin-bottom: 5px;}
.appli_nav01 h3{font-size: 14px;}
.appli ul li{width: 49%;margin-right: 0;}
.appli ul li:nth-child(3n){float: left;}
.appli ul li:nth-child(2n){float: right;}
.appli ul li .img09_text{transform: scale(0.8);}
.appli ul li h3{padding: 10px 0 20px;font-size: 20px;}

.app01, .app03{padding: 30px 0;}
.appli_nav{margin: 0;}
.appli_nav h2{font-size: 24px;}
.appli_nav h3{font-size: 14px;}
.app02{margin-top: 30px;}
.appli_nav h2{font-size: 20px;}
.appli ul li .text{padding: 10px;}
.appli ul li .text .tit{font-size: 15px;}
.appli ul li .text p{font-size: 12px;line-height: 20px;height: 40px;}

.news_nav{height: auto;}
.news_nav ul li{line-height: 44px;}
.news_nav ul li a{font-size: 15px;}
.news_page{padding-top: 30px;}
.news_text{padding-bottom: 30px;}
.news_text ul{padding-top: 20px;}
.news_text ul li{margin: 0 0 20px;}
.news_text ul li:last-child{margin-bottom: 0;}
.news_text ul li .new_left h2{font-size: 30px;width: 72px;height: 72px;}
.news_text ul li .new_right{margin-left: 12px;}
.news_text ul li .new_right h2{font-size: 16px;margin-bottom: 4px;}
.news_text ul li .new_right p{font-size: 13px;}

.news_page ul li a{font-size: 14px;padding: 0 10px;}
.news_page ul li{height: 28px;line-height: 28px;}

.news_date{padding: 30px 0;}
.news_date .news_title{padding-bottom: 16px;margin-bottom: 16px;}
.news_date .news_title h4{width: 60px;height: 60px;font-size: 30px;display: none;}
.news_date .news_title h4 span{font-size: 13px;}
.news_date .news_title h2{font-size: 20px;}
.news_date .news_title h3 em{font-size: 12px;margin-right: 8px;}
.news_date .n_text{padding-bottom: 30px;}
.news_date .fy{margin-top: 20px;}
.news_date .fy h2{font-size: 14px;line-height: 28px;}
.about01_left{padding: 20px;}
.about01_left h2{font-size: 20px;margin-bottom: 10px;}
.about01_left p{font-size: 13px;line-height: 2}

.about05 ul li .img13{width: 49%;margin-right: 0;height: 108px;}
.about05 ul li .img13:nth-child(2n){float: right;}
.about05 ul li .img13 h3{font-size: 14px;height: 30px;line-height: 30px;}

.cona,
.join{padding: 40px 0;}
.inside_nav{margin-bottom: 20px;}
.inside_nav h2{font-size: 24px;}
.inside_nav h3{font-size: 14px;line-height: 24px;}
.inside_nav span{margin-top: 12px;}
.cona ul li,
.join ul li{width: 100%;padding: 20px;margin: 0 0 10px;}
.cona ul li .taskBtn,
.join ul li .taskBtn{min-height: auto;}
.cona ul li h3,
.join ul li h3{margin-bottom: 12px;}
.cona ul li p{font-size: 13px;line-height: 26px;}
.join ul li p{font-size: 13px !important;line-height: 26px !important;}
.join ul li h4{margin-bottom: 10px;}
.join ul li h3{font-size: 16px;}

.mess_text{width: 90%;}
.mess_text form{margin: 0 30px;}
.mess_text form ul li{margin: 12px 0;display: flex;}
.mess_text form ul li label{flex-shrink: 0;}
.mess_text form ul li input{flex: 1;}
.mess_text form h3{line-height: 24px;}
.mess_text form button{width: 100%;}


.prodDesc{padding: 30px 0 0;}
.prodDesc .tit{font-size: 26px;color: #000000;margin-bottom: 10px;text-align: center;}
.prodDesc .cont{font-size: 14px;}

.myForm{margin-bottom: 30px;}
.myForm .formItem{width: 100%;}
.myForm .formItem:nth-child(2){margin-top: 10px;}
.myForm .subm{width: 100%;height: 48px;line-height: 48px;}
.myForm .formItem dt{width: 48px;height: 48px;}
.myForm .formItem .text{height: 48px;line-height: 48px;}
.myForm .formItem textarea{line-height: 48px;}
.myForm .codeItem dd{padding-right: 120px;}
.myForm .codeItem .pic{width: 120px;}

.pd_text03 .yy h2,
.pd_text02 .zp h2{font-size: 22px;}
.pd_text03 .yy ul li{width: 49%;margin-right: 0;}
.pd_text03 .yy ul li:nth-child(3n){float: left;}
.pd_text03 .yy ul li:nth-child(2n){float: right;}
.pd_text03 .yy ul li .text{padding: 8px;}
.pd_text03 .yy ul li .text .desc{font-size: 13px;}
.pd_text03 .yy ul li .text .tit{font-size: 16px;}

.prodItem1 .wrap{display: block;}
.prodItem1 .pic{width: 100%;height: auto;}
.prodItem1 .text{width: 100%;}
.prodItem1 .text .tit{font-size: 20px;}
.prodItem1 .text .cont{font-size: 14px;line-height: 2;}
.prodItem2 .list .li{width: 50%;padding: 0 10px;margin-bottom: 20px;}
.prodItem2 .list .li .cont{font-size: 12px;}
.prodItem2 .list .li .icon{height: 40px;}
.pd_text03 .yy{padding: 30px 0;}
.pd_text03{padding-bottom: 0;}

.plist01{padding: 20px;}
.plist01_left,
.plist01_right{width: 100%;}
.plist01_left{height: 0;padding-bottom: 49.9%;}
.plist01_right{margin-top: 20px;}
.plist01_right p{height: auto;font-size: 12px;line-height: 24px;margin-bottom: 15px;}
.plist01_right h3{font-size: 20px;margin-bottom: 8px;}
.plist02 .img14_text p{font-size: 12px;}

/* table */
.pd_text01 .cs_right table td{padding: 10px 5px;}
.pd_text01 .cs_right table td{font-size: 12px !important;}
.pd_text01 .cs_right table td h3, 
.pd_text01 .cs_right table td h3 span{font-size: 12px !important;}


/* add */
.downloadList li a{align-items: center;padding: 10px;}
.downloadList .pic{width: 110px;margin-right: 12px;}
.downloadList .text{padding-top: 0;}
.downloadList .desc{margin: 10px 0 20px;font-size: 12px;}
.downloadList .btn{width: 80px;height: 34px;padding: 0 12px;font-size: 13px;}
.videoList li{width: 49%;margin-right: 0;}
.videoList li:nth-child(2n){float: right;}
.videoList .title{padding: 0 10px;font-size: 13px;line-height: 44px;}
.appli .appliList li{width: 100%;margin-bottom: 24px;}
.appli .appliList li .text{padding: 20px 12px;}
.appli .appliList li .text .title{font-size: 15px;line-height: 20px;}
.appli .appliList li .text .desc{font-size: 12px;height: auto;max-height: 40px;margin: 5px 0 10px;}
.appli .appliList li .text .more{width: 56px;height: 28px;line-height: 28px;font-size: 12px;}
/* table */
.prodCont table td{padding: 10px 5px;}
.prodCont table td{font-size: 12px !important;}
.prodCont table td h3, 
.prodCont table td h3 span{font-size: 12px !important;}
.bread{top: 64px;}
.padding120{padding: 40px 0;}
.padding60{padding: 20px 0;}
.prodCont .item .title1{margin-bottom: 20px;}
.prodCont .item .title{font-size: 20px;margin-bottom: 10px;}
.prodCont .item1 .cont, .prodCont .item3 dl dd .text, .prodCont .item4 dl dd .text, .prodCont .item2 ul li{font-size: 14px;}
.prodCont .item2 ul li{width: 100%;}
.prodCont .item2 ul li .text{text-align: center;}
.prodCont .item2 ul li .tit{margin: 10px 0 5px;font-size: 16px;}
.prodCont .item3 dl{flex-wrap: wrap;margin-bottom: 30px;display: block;}
.prodCont .item3 dl dt,.prodCont .item3 dl dd{width: 100%;}
.prodCont .item3 dl dt{/*height: 200px;*/margin-bottom: 20px;margin-right: 0;}
.prodCont .item3 dl:nth-child(2n) dt{margin-left: 0;}
.prodCont .item3 .title,
.prodCont .item3 dl dd{text-align: center;}
.prodCont .item4{padding-top: 40px;}
.prodCont .item4 dl{flex-wrap: wrap;}
.prodCont .item4 dl dt,
.prodCont .item4 dl dd{width: 100%;}
.prodCont .item4 dl dt{height: 200px;}
.prodCont .item4 dl dd{padding: 20px;}
.prodCont .item4 dl dd .tit{font-size: 20px;margin-bottom: 8px;}
.prodCont .item4 .container .btn{width: 32px;height: 32px;}
.prodCont .item5 .wrap{flex-wrap: wrap;}
.prodCont .item5 .title1,.prodCont .item5 .right{width: 100%;margin-right: 0;}
.prodCont .item5 .right{flex: auto;}
.prodCont .item6{padding-bottom: 20px;}
.prodCont .item6 li{width: 49%;margin-right: 0;}
.prodCont .item6 li:nth-child(2n){float: right;}
.prodCont .item6 .container .text .desc{display: none;}
.prodCont .item6 .container .text, .prodCont .item7 .text{padding: 6px 10px;}
.prodCont .item7 .title1 h3{font-size: 24px;}
.prodCont .item .title1 .more{font-size: 14px;}
.prodCont .item7 .text{padding: 16px;}
.prodCont .item7 .tit{font-size: 15px;}
.prodCont .item7 .desc{font-size: 12px;}
.bread .prodNav li{padding-left: 10px;}
.bread .prodNav li:before{left: 5px;}
.bread .prodNav li:first-child{padding-left: 0;}
.prodCont .item .title,
.prodCont .item .title1,
.prodCont .item .title1 h3{font-size: 18px;}
.prodCont .item4 dl dd .tit{font-size: 16px;}
.prodCont .item1 .cont, .prodCont .item3 dl dd .text, .prodCont .item4 dl dd .text, .prodCont .item2 ul li{font-size: 12px;}
.prodCont .item6 .container .text .tit{font-size: 13px;font-size: 15px;}
.prodCont .item7{padding-top: 30px;}
}

@media screen and (max-width: 468px){
.part02 ul li .img01{height: 120px;}	
.part02 ul li .img01_text p{display: none;}
.part02 ul li .img01_text h2,
.part03 .mr_frUl01 ul li .img06_text h2{font-size: 16px;}
.part02 ul li .img01_text h3{font-size: 13px;}
.part02 ul li .img01_text span,
.part03 .mr_frUl01 ul li .img06_text span,
.plist02 .img14_text a{width: 66px;height: 24px;line-height: 24px;}
.part03 .mr_frUl01 ul li .img06_text span{margin: 15px 0 20px;}
.pro_nav h2{font-size: 20px;}
.pro_nav h3{font-size: 16px;}
.pro_nav p{font-size: 13px;}
.appli ul li .img09_text{transform: scale(0.6);}
.appli ul li h3{padding: 0 0 10px;font-size: 16px;}

.news_page form{width: 100%;}
.news_page form input{width: calc(100% - 62px);}

#playBox .oUlplay .img02_text p{line-height: 20px;font-size: 12px;}
#playBox .oUlplay .img02_text h2{margin-bottom: 4px;}

.banner.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

.myFloat{display: none;}

.myFooter .fBtm{font-size: 12px;line-height: 20px;}

.news_text ul li{margin-bottom: 10px;padding: 5px;}
.news_text ul li .new_left h2{width: 60px;height: 60px;padding-top: 0;font-size: 24px;margin-top: 10px;}
.news_text ul li .new_left h2 span{font-size: 14px;}


}