@-webkit-keyframes puldx{ 0%{-webkit-transform: scale(0.9);transform: scale(0.9);} 50%{-webkit-transform: scale(1);transform: scale(1);} 100%{-webkit-transform: scale(0.9); transform: scale(0.9);} }
@-moz-keyframes puldx{ 0%{-webkit-transform: scale(0.9);transform: scale(0.9);} 50%{-webkit-transform: scale(1);transform: scale(1);} 100%{-webkit-transform: scale(0.9); transform: scale(0.9);} }
@keyframes puldx{ 0%{-webkit-transform: scale(0.9); transform: scale(0.9);} 50%{-webkit-transform: scale(1); transform: scale(1);} 100%{-webkit-transform: scale(0.9); transform: scale(0.9);} }


.lineAnima::after,.lineAnima::before{content: ''; position: absolute; border: 3px solid transparent;  width: 0; height: 0;  z-index: 0; opacity: 0; }
.lineAnima::before {top: 0;left: 0;border-top: 3px solid #4f007d;border-right: 3px solid #4f007d;}
.lineAnima::after { bottom: 0; right: 0; border-bottom: 3px solid #4f007d; border-left: 3px solid #4f007d;  }
.lineAnima:hover::before{-webkit-animation: drawBefore 2.5s linear  forwards; animation: drawBefore 2.5s linear  forwards; }
.lineAnima:hover::after{ -webkit-animation: drawAfter 2.5s linear  forwards; animation: drawAfter 2.5s linear  forwards;}

@keyframes drawBefore{0%{width: 0; height: 0;border-top-right-radius: 0; opacity: 0;} 33.3%{width: 100%; height: 0; border-top-right-radius: 20px; opacity: 1;} /* 绘制上边 */ 66.6%, 100%{width: 100%; height: 100%; opacity: 1;}  100%{border-radius: 20px; opacity: 1;} /* 绘制右边 */}
@keyframes drawAfter{0%{width: 0; height: 0;border-bottom-left-radius: 0; opacity: 0;} 33.3%{width: 100%; height: 0; border-bottom-left-radius: 20px; opacity: 1;} /* 绘制下边（从右向左） */ 66.6%, 100%{width: 100%; height: 100%;  opacity: 1;} 100%{border-radius: 20px;  opacity: 1;}/* 绘制左边（从下向上） */}

@media (max-width: 1680px){
/* indexBanner */
.indexBanner{  padding: 180px 0; }
.indexBanner .box{ margin: auto; z-index: 2; }
.indexBanner .box .tit{  font-size: 50px;}
.indexBanner .box .txt{  font-size: 18px; margin-top: 2%;  }
.indexBanner .box .form{ margin-top: 3%; height: 60px;  }
.indexBanner .box .form .info{ height: 60px; border-radius: 30px;}
.indexBanner .box .form .selectPro{ width: 180px; }
.indexBanner .box .form .selectPro input{ padding: 0 30px 0 20px; font-size: 16px;}
.indexBanner .box .form .inputPro{ width: calc(100% - 180px); }
.indexBanner .box .form .inputPro input{ width: 100%; padding: 15px 200px 15px 20px; font-size: 16px;line-height: 30px;}
.indexBanner .box .form .btnPro{ width: 160px; height: calc(100% - 10px); border-radius: 30px; right: 5px; top: 5px;}
.indexBanner .box .form .selectList{ width: 180px;}

/* indexMain */
.indexMain .list .item{ margin: 2% 0; min-height: 400px;  border-radius: 20px; }
.indexMain .list .item .info{  padding: 40px ; }
.indexMain .list .item .info .stit span{  width: 40px; height: 40px;}
.indexMain .list .item .info .stit p{ font-size: 28px;  line-height: 40px; }
.indexMain .list .item .info ul li .tit p{ font-size: 18px;  }
.indexMain .list .item .info ul li .txt{ margin-top: 10px; font-size: 16px;  line-height: 28px;}
.indexMain .list .item:nth-child(2n-1) .info{ padding-top: 70px;}

/* pageProductD */
.popupProduct .bigBox{ margin: 30px ; border-radius: 20px;  width: calc(100%- 60px); height: calc(100% - 60px); padding: 4%; }
.popupProduct .popupImg .swiper-slide .info .img{ width: 46%;  height: calc(100% - 150px);}
.popupProduct .popupImg .swiper-slide .info .txt{ width: 50%; height: 100%; font-size: 16px; line-height: 38px;}
.popupProduct .popupThumb{ width: 46%;  padding: 0 30px; height: 100px; }
.popupProduct .popupThumb .swiper-slide{ height: 100px; }
.popupProduct .popupThumb .swiper-button-prev,.popupProduct .popupThumb .swiper-button-next{  font-size: 16px;}
.popupProduct .popupThumb .swiper-button-prev::after,.popupProduct .popupThumb .swiper-button-next::after{ font-size: 30px;}


/* pageService */
.pageService .serviceList li .con .tit{ font-size: 22px; }
.pageService .serviceList li .con .txt{ font-size: 16px; line-height: 30px; margin-top: 4%;}
.pageService .serviceList li .con .moreIcon{ margin-top: 4%; }

/* pageFaq */
.pageFaq .faqBox .faq_a{ width: 100%; position: relative; padding:25px 0 25px 45px;}
.pageFaq .faqBox .faq_a .iconfont{ top: 25px; line-height: 36px; width: 30px; font-size: 32px;}
.pageFaq .faqBox .faq_a .tit{ font-size:18px; line-height: 36px;}
.pageFaq .faqBox .faq_d{ width: 100%; display: none; position: relative; border-bottom: solid 1px #eee; padding:0 0 30px 45px; overflow: hidden;}
.pageFaq .faqBox .faq_d .iconfont{  line-height: 36px; width: 30px;  font-size: 32px; color: #4f007d;}
.pageFaq .faqBox .faq_d .txt{ font-size: 16px; color: #666; line-height: 36px; width: 100%; overflow: hidden;}

}
@media (max-width: 1560px){
.c1440{width: 1200px;}
/* indexBanner */
.indexBanner{  padding: 160px 0; }
.indexBanner .box { width: 860px;}
.indexBanner .box .tit{  font-size: 46px;}
.indexBanner .box .txt{  font-size: 16px; margin-top: 2%;  }
.indexBanner .box .form .selectPro{ width: 160px;}
.indexBanner .box .form .inputPro{ width: calc(100% - 160px);}
.indexBanner .box .form .inputPro input{ padding: 15px 160px 15px 20px; }
.indexBanner .box .form .btnPro{ width: 140px;}
.indexBanner .box .form .selectList{ width: 160px;}

/* indexMain */
.indexMain .list .item{ margin: 2% 0; min-height: 380px;  border-radius: 20px; }
.indexMain .list .item .info{  padding: 40px ; }
.indexMain .list .item .info .stit span{  width: 32px; height: 32px;}
.indexMain .list .item .info .stit p{ font-size: 26px;  line-height: 32px; }
.indexMain .list .item .info ul li .tit{ line-height: 28px; }
.indexMain .list .item .info ul li .tit p{ font-size: 16px;  }
.indexMain .list .item .info ul li .txt{ margin-top: 10px; font-size: 14px;  line-height: 26px;}
.indexMain .list .item:nth-child(2n-1) .info{ padding-top: 70px;}

/* indexTitle */
.indexTitle .tit{ font-size: 30px; line-height: 28px;}
.indexMore{ height: 28px; line-height: 28px; }
.indexMore p{ font-size: 14px; margin-right: 5px;  }
.moreIcon{ line-height: 28px; width: 46px;  font-size: 18px; border-radius: 14px;}

/* indexActivity */
.indexActivity{ width: 100%; padding: 6% 0;}
.indexActivity .activityList .swiper-slide .img{ width: 100%; height: 350px; }
.indexActivity .activityList .swiper-slide .con{ width: 100%; padding: 4% 5% ; }
.indexActivity .activityList .swiper-slide .con .time{ font-size: 14px; }
.indexActivity .activityList .swiper-slide .con .tit{ font-size: 18px; }

/* indexService */
.indexService ul li .icon span{ width: 40px; height: 40px;}
.indexService ul li .tit{ font-size: 20px;  }
.indexService ul li .txt{ font-size: 14px; line-height: 30px; }

/* pageCrumbs */
.pageCrumbs .crumbs{ max-width: 35%; font-size: 14px; line-height: 32px;}
.pageCrumbs .pageNav{ width: 60%;}
.pageCrumbs .pageNav li{ margin:0 1% 0 0; padding: 3px 0 ;}
.pageCrumbs .pageNav li a{ padding: 0 10px; line-height: 32px;font-size: 14px; }

/* pageTitle */
.pageTitle .tit{ font-size: 30px; }
.pageTitle .txt{font-size: 16px; margin-top: 15px;}
.pageTitle .slogan{ font-size: 16px; margin-top: 15px;}

/* pageAbout */
.pageAbout .text{  font-size: 14px; line-height: 32px;}
.pageAbout .text p{ padding: 10px 0;}
.pageAbout .info{ width: 100%; height: 300px; border-radius: 20px;}
.pageAbout .info ul{ position: absolute; top: 50%; left: 8%; transform: translateY(-50%); width: 70%;}
.pageAbout .info ul li{ text-align: left; width: 33.33%;  color: #fff;}
.pageAbout .info ul li .d{ font-size: 16px; vertical-align: bottom;}
.pageAbout .info ul li .d span{ font-size: 46px; display: inline-block; margin-right: 10px;}
.pageAbout .info ul li .t{ font-size: 14px; margin-top: 10px;}

/* pageJob */
.pageJob .recruitList li .tit p{ font-size: 18px; line-height: 28px; width: calc(100% - 60px);}
.pageJob .recruitList li .txt{ font-size: 14px;  line-height: 32px;}

/* pageContact */
.pageContact .box .info .tit{ font-size: 24px;}
.pageContact .box .info .txt{ font-size: 14px; }
.pageContact .box .info ul{ width: 100%; margin-top: 0;}
.pageContact .box .info ul li{ margin-top: 20px; padding-left: 55px;}
.pageContact .box .info ul li .iconfont{ top: 3px; width: 40px; height: 40px;  line-height: 40px; font-size: 22px;}
.pageContact .box .info ul li .t1{ font-size: 14px; }
.pageContact .box .info ul li .t2{ font-size: 14px;}
.pageContact .box #allmap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}

/* pageProduct */
.pageProduct .textBox .textMenu .itemNav .a a{ font-size: 24px; line-height: 34px;  }
.pageProduct .textBox .textMenu .itemBox .item{ font-size: 14px; line-height: 30px;}


.pageProduct .listBox { width: 100%; /* margin-top: 3%; */ }
.pageProduct .listBox .proFilter .optedIn{ padding:15px 20px;}
.pageProduct .listBox .proFilter .optedIn .tit{ width: 100%; }
.pageProduct .listBox .proFilter .optedIn .tit p{ font-size: 16px; }
.pageProduct .listBox .proFilter .optedIn .tit a{ font-size: 20px; width: 18px;}
.pageProduct .listBox .proFilter .optedIn .con{ width: 100%; margin-top: 10px; }
.pageProduct .listBox .proFilter .optedIn .con p{  margin-top: 10px; font-size: 14px; line-height: 28px; padding-right: 20px;}
.pageProduct .listBox .proFilter .optedIn .con p a{ line-height: 28px; font-size: 18px;}

.pageProduct .listBox .proFilter .proItem{ padding:0 20px;}
.pageProduct .listBox .proFilter .proItem .item .t1{ line-height: 28px; padding: 15px 20px 15px 0;}
.pageProduct .listBox .proFilter .proItem .item .t1 p{ font-size: 16px;}
.pageProduct .listBox .proFilter .proItem .item .t1 a{ font-size: 16px;}
.pageProduct .listBox .proFilter .proItem .item .t1 span{ height: 14px; width: 14px;  margin-top: -7px;}

.pageProduct .listBox .proFilter .proItem .item .t1 span::after{  top: 6px;  }
.pageProduct .listBox .proFilter .proItem .item .t1 span::before{  left: 6px; }
.pageProduct .listBox .proFilter .proItem .item ul li{ width: 100%; padding: 5px 0; font-size: 14px;  line-height: 24px;}
.pageProduct .listBox .proFilter .proItem .item ul li a{ display: block; font-size: 14px; line-height: 24px;}

.pageProduct .listBox .proFilter .searchBox .form{   padding: 20px;}
.pageProduct .listBox .proFilter .searchBox .form .info{ width: 100%; position: relative; margin-bottom: 15px;}
.pageProduct .listBox .proFilter .searchBox .form .inputPro input{  padding: 10px 50px 10px 20px; border-radius: 20px;}
.pageProduct .listBox .proFilter .searchBox .form .btnPro{ width: 30px; height: calc(100% - 10px); border-radius: 15px; }
.pageProduct .listBox .proFilter .searchBox .form .btnPro span{ font-size: 20px;}
.pageProduct .listBox .proFilter .searchBox .form .selectList li{  padding: 0 10px 0 25px; margin-top: 10px;}
.pageProduct .listBox .proFilter .searchBox .form .selectList li span{  font-size: 14px;}
.pageProduct .listBox .proFilter .searchBox .stxt{ padding:15px 20px; }
.pageProduct .listBox .proFilter .searchBox .stxt span{ font-size: 16px; }
.pageProduct .listBox .proFilter .searchBox .stit{ font-size: 14px; }
.pageProduct .listBox .proFilter .searchBox .param{  padding: 20px;}
.pageProduct .listBox .proFilter .searchBox .param .zd{ margin-top: 15px;}
.pageProduct .listBox .proFilter .searchBox .param .zd li {  margin: 5px 10px 5px 0;}
.pageProduct .listBox .proFilter .searchBox .param .zd li a{line-height: 30px; border-radius: 20px; font-size: 14px; }


.pageProduct .listBox .list{ width: 75%; }
.pageProduct .listBox .searchRestult .stxt{ padding:15px 20px; }
.pageProduct .listBox .searchRestult .stxt span{ font-size: 16px; }
.pageProduct .listBox .searchRestult .stit{ font-size: 14px; }
.pageProduct .listBox .searchRestult .param{  padding: 20px;}
.pageProduct .listBox .searchRestult .param .zd{ margin-top: 15px;}
.pageProduct .listBox .searchRestult .param .zd li {  margin: 5px 10px 5px 0;}
.pageProduct .listBox .searchRestult .param .zd li a{line-height: 30px; border-radius: 20px; font-size: 14px; }
.pageProduct .listBox .productList li a{ padding: 15px; position: relative; z-index: 2;}
.pageProduct .listBox .productList li .proImg{ width: 120px; height: 120px;  border-radius: 20px; }
.pageProduct .listBox .productList li .proImg .swiper-slide{ width: 120px; height: 120px; border-radius: 20px;}
.pageProduct .listBox .productList li .con{ width: calc(100% -  120px); padding: 15px 80px 0 20px;}
.pageProduct .listBox .productList li .con .tit{ font-size:18px;  line-height: 32px; }
.pageProduct .listBox .productList li .con .moreIcon{ position: absolute; right: -160px; top: 15px; transition: all 0.8s ease;}
.pageProduct .listBox .productList li .con .info{ width: 100%; margin-top: 15px; }
.pageProduct .listBox .productList li .con .info .li{ min-width: 100px;}
.pageProduct .listBox .productList li .con .info .li .t{ font-size: 14px;}
.pageProduct .listBox .productList li .con .info .li .d{ font-size: 14px; line-height: 22px;}

/* pageService */
.pageService .serviceList li .con .tit{ font-size: 20px; }
.pageService .serviceList li .con .txt{ font-size: 16px; line-height: 30px; margin-top: 4%;}
.pageService .serviceList li .con .moreIcon{ margin-top: 4%; }

/* pageServiceD */
.pageServiceD{ width: 100%; position: relative; }
.pageServiceD .infoBox{ padding: 3%;}
.pageServiceD .infoBox .img{ width: 43%; }
.pageServiceD .infoBox .info{ width: 53%; }
.pageServiceD .infoBox .info .txt{ font-size: 14px;  line-height: 28px;}
.pageServiceD .infoBox .info .ul li{ padding: 0 20px; font-size: 14px; line-height: 30px; margin: 5px 10px 5px 0; border-radius: 18px;}

.pageServiceD .textBox .tit p a{font-size: 20px; }
.pageServiceD .textBox .txt .txt_t{ font-size: 20px; }
.pageServiceD .textBox .txt .txt_d{font-size: 16px; line-height: 36px ; }

.pageServiceD .textBox .txt .txt_ul{ width: 100%; margin-top: 20px;}
.pageServiceD .textBox .txt .txt_ul ul li .t{ padding: 5% 6%;}
.pageServiceD .textBox .txt .txt_ul ul li .t p{ font-size: 18px; padding-right: 40px;}
.pageServiceD .textBox .txt .txt_ul ul li .t span{font-size: 20px; }
.pageServiceD .textBox .txt .txt_ul ul li .d{ padding:5% 6%; font-size: 16px; width: 100%; color: #333; line-height: 36px;}

/* pageActivity */
.pageActivity .activityList li .img{height: 350px;}
.pageActivity .activityList li .con .time{ font-size: 14px;}
.pageActivity .activityList li .con .tit{ font-size: 18px; }

/* pageVideo */
.pageVideo .videoList li .img{  height: 220px;}
.pageVideo .videoList li .img .iconfont{ font-size: 60px;}
.pageVideo .videoList li .tit{  font-size: 18px; line-height: 36px; }

/* pageVideoD */
.pageVideoD{  border-radius: 20px;}
.pageVideoD video{ height: 500px; }

/* pageForum */
.pageForum .forumRecom .forumBox .swiper-slide .info .time{ font-size: 14px; }
.pageForum .forumRecom .forumBox .swiper-slide .info .tit{ font-size: 20px;}
.pageForum .forumRecom .forumItem .item .tit{ font-size: 18px;}
.pageForum .forumRecom .forumItem .item .txt{  margin-top: 10px; font-size: 16px;  line-height: 34px; }
.pageForum .forumRecom .forumItem .item .info{ padding-top: 15px; margin-top: 15px; line-height: 20px; }
.pageForum .forumRecom .forumItem .item .info .time{ font-size: 16px; }
.pageForum .forumRecom .forumItem .item .info .more{ font-size: 16px;  }

.pageForum .expertList li a{  padding:80px 30px 70px 30px;}
.pageForum .expertList li .time{  top: 30px;  padding:0 30px; ;}
.pageForum .expertList li .time p{ font-size: 36px; }
.pageForum .expertList li .time span{ font-size: 16px; margin-top: 5px;}
.pageForum .expertList li .tit{ font-size: 18px; min-height: 72px; margin: 30px 0; line-height: 36px;}
.pageForum .expertList li .more{ left: 30px; padding: 30px 0; width: calc(100% - 60px); font-size: 16px; }

/* pageOperation */
.pageOperation .operationRecom .con{  padding:40px 40px;}

/* pageNews */
.pageNews .newsRecom .con{ width: 100%; padding:40px;}

}
@media (max-width: 1440px){
/* indexBanner */
.indexBanner{  padding: 120px 0; }

/* indexService */
.indexService ul li .icon span{ width: 38px; height: 38px;}
.indexService ul li .tit{ font-size: 18px;  }
.indexService ul li .txt{ font-size: 14px; line-height: 28px; }

/* pageMain */
.pageMain .top .tit {  font-size: 24px;  line-height: 36px;}

.pageMain .otherCase{  border-radius: 20px; }
.pageMain .otherCase .tit{  padding: 5% 8%;  font-size: 18px; }

.pageMain .proInfo ul.list li{  padding: 2% 0;}
.pageMain .proInfo ul.list li .t{ font-size: 14px; }
.pageMain .proInfo ul.list li .d{ font-size: 14px; }

.pageMain .proInfo .priceSpec .item{  margin: 3% 0; line-height: 26px; padding-left: 42px;}
.pageMain .proInfo .priceSpec .item .t{font-size: 14px; }
.pageMain .proInfo .priceSpec .item .d{ font-size: 14px; }

.pageMain .proDownload li a p{ font-size: 14px; }


.pageMain .otherPro ul li .proImg{ width: 90px; height: 90px;  border-radius: 20px; }
.pageMain .otherPro ul li .proImg .swiper-slide{  width: 90px; height: 90px; padding: 5px; border-radius: 20px;}


.pageMain .otherPro ul li .t{ width: calc(100% - 90px); font-size: 16px; padding-left: 4%; line-height: 24px; line-clamp: 2;-webkit-line-clamp: 2;}

.pageMain .noteBox .txt{  padding: 5% 8%; font-size: 14px; line-height: 26px; }

.pageMain .otherServ ul li .img{ width: 100px; }
.pageMain .otherServ ul li .t{ width: calc(100% - 100px); font-size: 16px;}

.pageMain .otherVideo ul li .img{ width: 100px; }
.pageMain .otherVideo ul li .img .iconfont{ font-size: 26px; }
.pageMain .otherVideo ul li .t{ width: calc(100% - 100px); font-size: 16px;}

/* pageCaseD */
.pageCaseD .infoBox .info .tit p{ font-size: 20px;  line-height: 36px; }
.pageCaseD .infoBox .info .tit p.p2{ font-size: 16px; line-height: 32px;}
.pageCaseD .textBox .tit{ font-size: 20px; }
.pageCaseD .textBox .txt .txt_t{ font-size: 20px; ;}

/* pageProductD */
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .img {height: 380px;}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .txt{ width: 90%; margin:4% auto 0; font-size: 16px; line-height: 32px;}
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev,.pageProductD .infoBox .imgBox .bigImg .swiper-button-next{ top: 190px; }
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev::after,.pageProductD .infoBox .imgBox .bigImg .swiper-button-next::after{ font-size: 30px; }
.pageProductD .infoBox .imgBox .bigImg .openBox{  top: 380px; margin-top: -50px; font-size: 40px; line-height: 40px; }

.pageProductD .textBox .tit p a{font-size: 20px;}
.pageProductD .textBox .txt .txt_t{ font-size: 20px;}
.pageProductD .textBox .txt .txt_d{font-size: 14px; line-height: 28px ; }
.pageProductD .textBox .txt .txt_d table{ width: 100%;  border: 0; position: relative; border-radius: 20px; overflow: hidden;}
.pageProductD .textBox .txt .txt_d table::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; border: solid 1px #ddd; z-index: 0;}
.pageProductD .textBox .txt .txt_d table tbody{ width: 100%; border: 0;  position: relative; z-index: 2; overflow: hidden;}
.pageProductD .textBox .txt .txt_d table tr{ width: 100%;border: solid 1px #eee;}
.pageProductD .textBox .txt .txt_d table tr:first-child{ border-radius: 20px 20px  0 0;}
.pageProductD .textBox .txt .txt_d table tr td{ color: #333;padding: 10px; border: 0;}

.pageProductD .textBox .txt .txt_img{font-size: 14px; line-height: 28px ; color: #333;  width: 100%;}
.pageProductD .textBox .txt .txt_img ul{ width: 100%; width: 100%; border-radius: 20px; padding:1.5% 3%; border: solid 1px #eee;}
.pageProductD .textBox .txt .txt_img ul li{ width: 100%; padding: 3% 0;}
.pageProductD .textBox .txt .txt_img ul li .img{ width: 40%; position: relative; border-radius: 20px; background-color: rgb(79, 0, 125, 0.03); border: solid 1px #eee; overflow: hidden;}
.pageProductD .textBox .txt .txt_img ul li .img img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto;  height: auto; transform: translate(-50%,-50%);}
.pageProductD .textBox .txt .txt_img ul li .d{ width: 60%;  font-size: 14px; line-height: 28px; color: #333;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n-1) .d{ padding:20px 0 20px 4%;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n) .d{ padding:20px 4% 20px 0;}


.pageProductD .textBox .txt .txt_ul .ulFilter span{ font-size: 18px;  line-height: 32px;}
.pageProductD .textBox .txt .txt_ul .ulFilter a{ line-height: 30px; border-radius: 10px; padding: 0 15px; font-size: 16px; }
.pageProductD .textBox .txt .txt_ul ul li .d1 p{ font-size: 16px;  line-height: 26px;}
.pageProductD .textBox .txt .txt_ul ul li .d1 span{ font-size: 14px;  line-height: 24px;}
.pageProductD .textBox .txt .txt_ul ul li .d2 span{  font-size: 14px; }
.pageProductD .textBox .txt .txt_ul ul li .d2 i{ font-size: 14px; margin: 0 10px;}

/* popupProduct */
.popupProduct .bigBox{ margin: 20px ; border-radius: 20px;  width: calc(100%- 40px); height: calc(100% - 40px); padding: 4%; }
.popupProduct .popupImg .swiper-slide .info .img{ width: 46%;  height: calc(100% - 120px);}
.popupProduct .popupImg .swiper-slide .info .txt{ width: 50%; height: 100%; font-size: 16px; line-height: 32px;}
.popupProduct .popupThumb{ width: 46%;  padding: 0 30px; height: 80px; }
.popupProduct .popupThumb .swiper-slide{ height: 80px; }
.popupProduct .popupThumb .swiper-button-prev::after,.popupProduct .popupThumb .swiper-button-next::after{ font-size: 26px;}


/* pageService */
.pageService .serviceList li .con{ padding: 6%;}
.pageService .serviceList li .con .tit{ font-size: 18px; }
.pageService .serviceList li .con .txt{ font-size: 14px; line-height: 28px; margin-top: 4%;}
.pageService .serviceList li .con .moreIcon{ margin-top: 4%; }

/* pageAftersale */
.pageAftersale .infoBox .text{ width: 50%;}
.pageAftersale .infoBox .text .t1{ font-size: 24px;}
.pageAftersale .infoBox .text .t2{ font-size: 16px; }
.pageAftersale .infoBox .text .txt{ font-size: 14px; line-height: 28px; margin-top: 20px;}
.pageAftersale .infoBox ul{ width: 50%; }
.pageAftersale .infoBox ul li{  padding-left: 60px; margin: 20px 0;}
.pageAftersale .infoBox ul li .iconfont{ top: 5px; width: 40px; height: 40px; line-height: 40px; font-size: 26px; }
.pageAftersale .infoBox ul li .t{ font-size: 14px; }
.pageAftersale .infoBox ul li .d{ font-size: 14px; }

/* pageForm */
.pageForm .formBox form label span{font-size: 14px;line-height:20px;top: 15px; left: 20px;}
.pageForm .formBox form .row{ border-radius: 20px; }
.pageForm .formBox form .w1{width: 100%;font-size: 14px;line-height: 20px;padding:15px 20px; }
.pageForm .formBox form .w2{width: 100%;font-size: 14px;line-height: 20px;height:220px;padding:15px 20px;}
.pageForm .formBox form .con{ width: 100%; border-radius: 20px; padding:15px 20px; min-height: 220px; }
.pageForm .formBox form .con .uploadBut{ width: 150px; }
.pageForm .formBox form .con .uploadBut .icon { font-size: 60px; }
.pageForm .formBox form .con .uploadBut .ts{ width: 100%; line-height: 40px; border-radius: 20px; font-size: 14px;   margin-top: 8px;}
.pageForm .formBox form .btn{width: 240px; font-weight: bold; display:block;height: 60px;line-height:60px;font-size: 16px;text-align: center;border-radius: 30px;}

/* pageOperation */
.pageOperation .operationRecom a{ padding-left: 50%;}
.pageOperation .operationRecom .img{ width: 50%; }
.pageOperation .operationRecom .con{ width: 100%; padding:30px;}
.pageOperation .operationRecom .con .time p{ font-size: 30px; }
.pageOperation .operationRecom .con .time span{ font-size: 16px; margin-top: 5px; }
.pageOperation .operationRecom .con .tit{ font-size: 18px;}
.pageOperation .operationRecom .con .txt{ font-size: 16px; line-height: 36px; margin-top: 3%;}
.pageOperation .operationRecom .con .more{  line-height: 20px; padding: 6% 0 0 0; margin-top: 6%; font-size: 16px;}
.pageOperation .operationRecom .con .more span{ font-size: 20px;}
.pageOperation .procedureList li .time{ width: 120px; height: 120px;}
.pageOperation .procedureList li .time p{ font-size: 40px;}
.pageOperation .procedureList li .time span{ font-size: 16px; margin-top: 5px;}
.pageOperation .procedureList li .con{ width: calc(100% - 140px); padding:10px 0 0 20px;}
.pageOperation .procedureList li .con .tit{ font-size: 18px; }
.pageOperation .procedureList li .con .txt{ font-size: 16px;   line-height: 34px;}
.pageOperation .procedureList li .con .more{  line-height: 20px; margin-top: 20px; font-size: 16px; }
.pageOperation .procedureList li .con .more p{ margin-right: 10px;}
.pageOperation .procedureList li .con .more span{ font-size: 20px;}


/* pageStandard */
.pageStandard .standardList li{  border-radius: 20px;}
.pageStandard .standardList li a {  padding: 30px;}
.pageStandard .standardList li .con .tit{ font-size: 18px;}
.pageStandard .standardList li .con .txt{ font-size: 16px;  line-height: 34px; margin-top: 10px;}
.pageStandard .standardList li .con .more{  line-height: 20px; margin-top: 20px; font-size: 16px;}
.pageStandard .standardList li .con .more p{  margin-right: 10px;}
.pageStandard .standardList li .con .more span{ font-size: 20px;}



/* pageNews */
.pageNews .newsRecom a{ padding-left: 50%;}
.pageNews .newsRecom .img{ width: 50%; }
.pageNews .newsRecom .con{ width: 100%; padding:30px;}
.pageNews .newsRecom .con .time p{ font-size: 30px; }
.pageNews .newsRecom .con .time span{ font-size: 16px; margin-top: 5px; }
.pageNews .newsRecom .con .tit{ font-size: 18px; }
.pageNews .newsRecom .con .txt{ font-size: 16px;  line-height: 36px; margin-top: 3%;  }
.pageNews .newsRecom .con .more{  line-height: 20px; padding: 6% 0 0 0; margin-top: 6%; font-size: 16px;  }
.pageNews .newsRecom .con .more span{  font-size: 20px;}
.pageNews .newsList li .tit{ font-size: 16px;  line-height: 32px; height: 64px; }
.pageNews .newsList li .info .time{ font-size: 14px; }
.pageNews .newsList li .info .more{ font-size: 14px;  }

}
@media (max-width: 1380px){
}
@media (max-width: 1200px){
.c1440,.c1200{width: 100%; padding: 0 3%;}
.l-4{ width: 32% !important; margin:1% 2% 1% 0 !important;}
.l-4:nth-child(4n){ margin:1% 2% 1% 0 !important;}
.l-4:nth-child(3n){ margin-right: 0 !important;}
/* pc_header */
.pc_header .logo{  margin: 3px 0; width: 140px; }
.pc_header .headerNav{ width: calc(100% - 160px);}
.pc_header .headerNav .nLi{margin:20px  2% 20px 0;}

/* indexBanner */
.indexBanner{  padding: 100px 0; }
.indexBanner .box{ width: 80%;}
.indexBanner .box .tit{  font-size: 40px;}
.indexBanner .box .txt{  font-size: 16px; margin-top: 2%;  }
.indexBanner .box .form .selectPro{ width: 160px;}
.indexBanner .box .form .inputPro{ width: calc(100% - 160px);}
.indexBanner .box .form .inputPro input{ padding: 15px 140px 15px 20px; }
.indexBanner .box .form .btnPro{ width: 120px;}
.indexBanner .box .form .selectList{ width: 160px;}

/* indexMain */
.indexMain .list .item{ margin: 2% 0; min-height: 300px;  border-radius: 20px; }
.indexMain .list .item .info{  padding: 30px ; }
.indexMain .list .item .info .stit span{  width: 28px; height: 28px;}
.indexMain .list .item .info .stit p{ font-size: 22px;  line-height: 28px; }
.indexMain .list .item .info ul li .tit{ line-height: 28px; }
.indexMain .list .item .info ul li .tit p{ font-size: 16px;  }
.indexMain .list .item .info ul li .txt{ line-height: 26px;}
.indexMain .list .item:nth-child(2n-1) .info{ padding-top: 40px;}

/* indexActivity */
.indexActivity .activityList .swiper-slide .img{ width: 100%; height: 320px; }
.indexActivity .activityList .swiper-slide .con .tit{ font-size: 18px; }

/* indexFooter */
.indexFooter .Fnav .Flogo{ width: 140px;}
.indexFooter .Fnav ul{ width: calc(100% - 160px);}
.indexFooter .Fnav ul li{ margin-left: 3%;}

/* pageCulture */
.pageCulture ul li{ width: 48.5% !important ; margin:1.5% 3% 1.5% 0 !important;}
.pageCulture ul li:nth-child(4n),.pageCulture ul li:nth-child(3n){ margin: 1.5% 3% 1.5% 0 !important;}
.pageCulture ul li:nth-child(2n){ margin-right: 0 !important;}
.pageCulture ul li .icon{ width: 80px; height: 80px;   }
.pageCulture ul li .tit{ font-size: 20px; margin-top: 30px; }
.pageCulture ul li .txt{ font-size: 16px; margin-top: 20px; line-height: 30px; }

/* pagePlatform */
.pagePlatform ul li .con{ padding: 5% 5%;}
.pagePlatform ul li .con .tit{ font-size: 20px; }
.pagePlatform ul li .con .txt{ font-size: 14px; line-height: 30px; margin-top: 10px; }
.pagePlatform ul li .con .moreIcon{ margin-top: 10px;}

/* pagePlatformD */
.pagePlatformD .textBox .con .txt{ font-size: 14px; }
.pagePlatformD .processBox .text{font-size: 14px; line-height: 30px; margin-top: 4%;}

/* popupJob */
.popupJob .box{ position: absolute; top: 5%; left: 5%; width: 90%; height: calc(80vh);  transform: translate(0); }
.popupJob .box .top{ width: 100%; padding: 3% 4%; position: relative; border-bottom: solid 1px #eee;}
.popupJob .box .top .tit{ width: calc(100% - 260px); font-size: 18px; color: #333; font-weight: bold; line-height: 28px;}
.popupJob .box .top .email{ line-height: 28px;}
.popupJob .box .top .email span{  width: 28px; height: 28px; line-height: 28px; font-size: 18px; margin-right: 10px;}
.popupJob .box .top .email p{ font-size: 14px; color: #333;}
.popupJob .box .text{max-height: 60vh;}
.popupJob .box .text .t1{ width: 90px; margin: 3% 0; line-height: 30px; border-radius: 18px 18px 18px 0; background-color: #4f007d; color: #fff; text-align: center; font-size: 14px;}
.popupJob .box .text .t1.h{ background-color: #FA9E0D;}
.popupJob .box .text .t2{ font-size: 14px; line-height: 28px; margin: 3% 0;}

/* pageProduct */
.pageProduct .textBox .textMenu .itemNav .a a{ font-size: 20px; line-height: 30px;  }
.pageProduct .textBox .textMenu .itemBox .item{ font-size: 14px; line-height: 30px;}

/* pageServiceD */
.pageServiceD .textBox .tit{ top: 54px; }
.pageServiceD .textBox .tit p a{font-size: 18px; }
.pageServiceD .textBox .txt .txt_t{ font-size: 18px; }
.pageServiceD .textBox .txt .txt_d{font-size: 14px; line-height: 28px ; }
.pageServiceD .textBox .txt .txt_ul{ width: 100%; margin-top: 20px;}
.pageServiceD .textBox .txt .txt_ul ul li .t{ padding: 5% 6%;}
.pageServiceD .textBox .txt .txt_ul ul li .t p{ font-size: 16px; padding-right: 40px;}
.pageServiceD .textBox .txt .txt_ul ul li .t span{font-size: 20px; }
.pageServiceD .textBox .txt .txt_ul ul li .d{ padding:5% 6%; font-size: 14px; line-height: 28px;}

/* pageActivity */
.pageActivity .activityList li .img{height: 320px;}
.pageActivity .activityList li .con .time{ font-size: 14px;}
.pageActivity .activityList li .con .tit{ font-size: 18px; }

/* pageVideo */
.pageVideo .videoList li .img{  height: 180px;}
.pageVideo .videoList li .img .iconfont{ font-size: 50px;}
.pageVideo .videoList li .tit{  font-size: 16px; line-height: 30px; }

/* pageVideoD */
.pageVideoD{  border-radius: 20px;}
.pageVideoD video{ height: 460px; }

/* pageFaq */
.pageFaq .faqBox .faq_a{ width: 100%; position: relative; padding:25px 0 25px 45px;}
.pageFaq .faqBox .faq_a .iconfont{ top: 25px; line-height: 36px; width: 30px; font-size: 32px;}
.pageFaq .faqBox .faq_a .tit{ font-size:18px; line-height: 36px;}
.pageFaq .faqBox .faq_d{ padding:0 0 25px 45px; overflow: hidden;}
.pageFaq .faqBox .faq_d .iconfont{  line-height: 36px; width: 30px;  font-size: 32px;}
.pageFaq .faqBox .faq_d .txt{ font-size: 14px; color: #666; line-height: 28px; }

/* pageForum */
.pageForum .forumRecom .forumBox .swiper-slide .info .time{ font-size: 14px; }
.pageForum .forumRecom .forumBox .swiper-slide .info .tit{ font-size: 18px;}
.pageForum .forumRecom .forumItem .item .tit{ font-size: 16px;}
.pageForum .forumRecom .forumItem .item .txt{  margin-top: 10px; font-size: 14px;  line-height: 30px; }
.pageForum .forumRecom .forumItem .item .info{ padding-top: 15px; margin-top: 15px; line-height: 20px; }
.pageForum .forumRecom .forumItem .item .info .time{ font-size: 14px; }
.pageForum .forumRecom .forumItem .item .info .more{ font-size: 14px; }

.pageForum .expertList li a{  padding:80px 25px 70px 25px;}
.pageForum .expertList li .time{  top: 25px;  padding:0 25px; ;}
.pageForum .expertList li .time p{ font-size: 36px; }
.pageForum .expertList li .time span{ font-size: 16px; margin-top: 5px;}
.pageForum .expertList li .tit{ font-size: 16px; min-height: 64px; margin: 25px 0; line-height: 32px;}
.pageForum .expertList li .more{ left: 25px; padding: 20px 0; width: calc(100% - 60px); font-size: 16px; }

.pageForm .formBox form .row.l-4{ width: 48.5% !important ; margin:1.5% 3% 1.5% 0 !important;}
.pageForm .formBox form .row.l-4:nth-child(3n){ margin:1.5% 3% 1.5% 0 !important;}
.pageForm .formBox form .row.l-4:nth-child(4n){ margin:1.5% 3% 1.5% 0 !important;}
.pageForm .formBox form .row.l-4:nth-child(2n){ margin-right: 0 !important;}



}
@media (max-width: 992px){
.scrollbar::-webkit-scrollbar{ width:3px; height: 3px;  }
.md-block{ display: block !important;}
.md-none{ display: none !important;}
.l-3,.l-4{ width: 48.5% !important ; margin:1.5% 3% 1.5% 0 !important;}
.l-3:nth-child(3n),.l-4:nth-child(4n),.l-4:nth-child(3n){ margin:1.5% 3% 1.5% 0 !important;}
.l-3:nth-child(2n){ margin-right: 0 !important;}

/* indexBanner */
.indexBanner{  padding: 80px 0; }
.indexBanner .box{ width: 80%;}
.indexBanner .box .tit{  font-size: 34px;}
.indexBanner .box .txt{  font-size: 14px; margin-top: 2%;  }
.indexBanner .box .form{ margin-top: 4%; height: 50px;  }
.indexBanner .box .form .info{ height: 50px; border-radius: 25px;}
.indexBanner .box .form .selectPro{ width: 120px;}
.indexBanner .box .form .selectPro input{ padding: 0 30px 0 20px; font-size: 14px;}
.indexBanner .box .form .inputPro{ width: calc(100% - 120px);}
.indexBanner .box .form .inputPro input{ padding: 15px 120px 15px 20px; ; font-size: 14px;line-height: 20px;}
.indexBanner .box .form .btnPro{ width: 100px;}
.indexBanner .box .form .btnPro span{ font-size: 22px; margin-right: 5px;}
.indexBanner .box .form .btnPro p{ font-size: 14px;}
.indexBanner .box .form .selectList{ width: 120px;}

/* indexTitle */
.indexTitle .tit{ font-size: 22px; line-height: 28px;}

/* indexMain */
.indexMain .list .item{ margin: 2% 0; min-height: max-content;  border-radius: 20px; }
.indexMain .list .item .img{ width: 100%; height: auto; overflow: hidden; position: relative; }
.indexMain .list .item .cont{ width: 100%; }
.indexMain .list .item .info{ padding: 4% ; }
.indexMain .list .item .info .stit span{  width: 28px; height: 28px;}
.indexMain .list .item .info .stit p{ font-size: 22px;  line-height: 28px; }
.indexMain .list .item .info ul li .tit{ line-height: 28px; }
.indexMain .list .item .info ul li .tit p{ font-size: 16px;  }
.indexMain .list .item .info ul li .txt{ line-height: 26px;}
.indexMain .list .item:nth-child(2n-1) .info{ padding-top: 4%;}

/* indexActivity */
.indexActivity .activityList .swiper-slide::after{ height: 3px;}
.indexActivity .activityList .swiper-slide .img{ width: 100%; height: 280px; }
.indexActivity .activityList .swiper-slide .con .tit{ font-size: 16px; }

/* indexService */
.indexService ul li .icon span{ width: 34px; height: 34px;}
.indexService ul li .icon .iconfont{ cursor: pointer;   transform: translateX(0); opacity: 1;}
.indexService ul li .tit{ font-size: 18px;  }
.indexService ul li .txt{ font-size: 14px; line-height: 28px; }

/* indexFooter */
.indexFooter .Fnav{display: block; text-align: center;}
.indexFooter .Fnav .Flogo{ width: 140px; display: inline-block; margin: auto;}
.indexFooter .Fnav ul{ width: 100% !important; margin-top: 3%; display: flex;flex-wrap: wrap;}
.indexFooter .Fnav ul li{ width: 23%; margin: 1%;}
.indexFooter .Fnav ul li a{ font-size: 16px;}
.indexFooter .Fnav ul li:first-child{ margin-left: 1%;}
.indexFooter .Fcon{ width: 100%; padding: 4% 0; }
.indexFooter .Fcon ul{ width: calc(100% - 120px);}
.indexFooter .Fcon ul li{ margin-right: 10%;}
.indexFooter .Fcon ul li .t{ font-size: 16px; }
.indexFooter .Fcon ul li .d{ font-size: 16px; margin-top: 3%; line-height: 26px; }
.indexFooter .Fcon ul li .d p{ padding: 5px 0;}
.indexFooter .Fcon ul li:last-child{ margin-right: 0;}
.indexFooter .Fcon .ewm{ width: 100px;}
.indexFooter .Fcon .ewm .t{ font-size: 14px; margin-top: 10px;}
.indexFooter .copy{ padding: 3% 0; font-size: 14px; line-height: 24px;}
.indexFooter .copy .c1440{ display: block;}

/* pageCrumbs */
.pageCrumbs{ padding: 0;}
.pageCrumbs .c1440{ padding: 0;}
.pageCrumbs .crumbs{ max-width: 100% ; width: 100%; padding: 2%; font-size: 14px; line-height: 32px;}
.pageCrumbs .pageNav{ width: 100%; padding: 1.5%; background-color: rgba(255,255,255,0.1); }
.pageCrumbs .pageNav li{ margin:5px 0.5%; width: 24%; }
.pageCrumbs .pageNav li a{ padding:5px 10px; height: 100%; display: flex;  text-align: center;  align-items: center; justify-content: center; width: 100%; text-align: center; line-height: 20px;font-size: 14px; }

/* pageTitle */
.pageTitle .tit{ font-size: 22px; }
.pageTitle .txt{font-size: 14px; margin-top: 10px;}
.pageTitle .slogan{ font-size: 14px; margin-top: 10px;}

/* pageAbout */
.pageAbout .info{ width: 100%; height: 260px; border-radius: 20px;}
.pageAbout .info ul{ position: absolute; top: 50%; left: 8%; transform: translateY(-50%); width: 70%;}
.pageAbout .info ul li{  width: 33.33%;  }
.pageAbout .info ul li .d{ font-size: 14px;}
.pageAbout .info ul li .d span{ font-size: 36px; }
.pageAbout .info ul li .t{ font-size: 14px; margin-top: 10px;}

/* pagePlatformD */
.pagePlatformD{ width: 100%; position: relative; overflow: hidden;}
.pagePlatformD .textBox{ width: 100%; padding: 4% 0; display: block; background-size: cover !important;}
.pagePlatformD .textBox .c1440{ display: block;}
.pagePlatformD .textBox .imgBox{ width: 80%; margin: auto; }
.pagePlatformD .textBox .con{ width: 100%; margin-top: 4%;}
.pagePlatformD .textBox .con .txt{ font-size: 14px; }
.pagePlatformD .processBox .text{font-size: 14px; line-height: 28px; margin-top: 4%;}

/* pageCase */
.pageCase .caseRecom .caseBox{ width: 48.5%; margin-right: 3%; }
.pageCase .caseRecom .caseBox .swiper-slide a{padding: 3%; }
.pageCase .caseRecom .caseBox .swiper-slide .img{ width: 100%;display: none;}
.pageCase .caseRecom .caseBox .swiper-slide .info { width: 100%; padding: 0;}
.pageCase .caseRecom .caseBox .swiper-slide .info .caseLogo{ width: 60%; border-radius: 10px; }
.pageCase .caseRecom .caseBox .swiper-slide .info .tit{ font-size: 18px;margin-top: 5%;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt{ margin-top: 3%;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .txt_t{ font-size: 14px; }
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .txt_d{ font-size: 14px; margin-top: 2%; line-height: 28px;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .indexMore{ margin-top: 6%;}
.pageCase .caseRecom .caseBox .swiper-pagination{ bottom: 6%;}
.pageCase .caseRecom .caseBox .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 2px 3px; }
.pageCase .caseRecom .caseItem{ width: 48.5%;}
.pageCase .caseRecom .caseItem a{  padding:3%; }
.pageCase .caseRecom .caseItem .caseLogo{ width: 60%; border-radius: 10px; }
.pageCase .caseRecom .caseItem .tit{ font-size: 18px; margin-top: 5%;}
.pageCase .caseRecom .caseItem .txt{  margin-top: 5%;}
.pageCase .caseRecom .caseItem .txt .txt_t{ font-size: 14px;}
.pageCase .caseRecom .caseItem .txt .txt_d{ font-size: 14px; margin-top: 2%; line-height: 28px;}
.pageCase .caseRecom .caseItem .txt .indexMore{ margin-top: 6%;}

.pageCase .caseList { width: 100%; margin-top: 2%;} 
.pageCase .caseList li{ border-radius: 20px;}
.pageCase .caseList li a{ padding:3%; }
.pageCase .caseList li .caseLogo{ width: 60%; }
.pageCase .caseList li .tit{ font-size: 18px; margin-top: 5%;}
.pageCase .caseList li .txt{ width: 100%; margin-top: 3%;}
.pageCase .caseList li .txt .txt_t{ font-size: 14px; }
.pageCase .caseList li .txt .txt_d{ font-size: 14px;  margin-top: 2%; line-height: 28px;}
.pageCase .caseList li .txt .indexMore{ margin-top: 6%;}

/* pageMain */
.pageMain .top .tit {  width: calc(100% - 150px); font-size: 18px; line-height: 36px;}
.pageMain .top .tit span{  font-size: 14px;}
.pageMain .top .tit .copyPro{   padding: 0 10px; }
.pageMain .top .indexMore.backList { width: 120px;}
.pageMain .top .indexMore.backList p{  margin:0 0 0 10px;}

.pageMain .detBox{ width: 100%; margin-top: 2%; }
.pageMain .detBox .leftBox{ width: 100%;}
.pageMain .detBox .rightBox{ width: 100%; position: relative;  top: 0; margin-top: 3%; }

.pageMain .otherCase{  border-radius: 20px; }
.pageMain .otherCase .tit{  padding: 5% 6%;  font-size: 18px; }
.pageMain .otherCase ul{ padding: 3% 6%;}



.pageMain .proDownload li a{ padding: 6% 6%;  }
.pageMain .proDownload li a p{ font-size: 14px; width: calc(100% - 24px);}
.pageMain .proDownload li a span{ font-size: 18px;}

.pageMain .otherPro .tit{ padding: 5% 4%; font-size: 18px; }
.pageMain .otherPro ul{ padding: 3% 6%;}
.pageMain .otherPro ul li{display: block; margin: 1.5% 0; }
.pageMain .otherPro ul li .proImg{ width: 80px; height: 80px;  border-radius: 20px; }
.pageMain .otherPro ul li .proImg .swiper-slide{  width: 80px; height: 80px; padding: 5px; border-radius: 20px;}

.pageMain .otherPro ul li .t{ width: calc(100% - 80px); font-size: 14px; }

.pageMain .noteBox .tit{  padding: 5% 6%;  font-size: 18px;}
.pageMain .noteBox .txt{ padding: 5% 6%; font-size: 14px; line-height: 22px; }
.pageMain .noteBox .txt p{  margin: 3% 0;}

.pageMain .otherServ{ width: 100%; }
.pageMain .otherServ .tit{  padding: 5% 6%;  font-size: 18px; }
.pageMain .otherServ ul{ padding: 3% 6%;}
.pageMain .otherServ ul li{display: block; margin: 3% 0; }
.pageMain .otherServ ul li .img{ width: 80px; }
.pageMain .otherServ ul li .img img{ width: 100%;}
.pageMain .otherServ ul li .t{ width: calc(100% - 80px); font-size: 14px; line-height: 26px; }

.pageMain .otherVideo{ width: 100%; }
.pageMain .otherVideo .tit{  padding: 5% 6%; font-size: 18px; }
.pageMain .otherVideo ul{  padding: 3% 6%;}
.pageMain .otherVideo ul li{margin: 3% 0;  }
.pageMain .otherVideo ul li .img{ width: 80px;}
.pageMain .otherVideo ul li .img .iconfont{  font-size: 20px; }
.pageMain .otherVideo ul li .t{ width: calc(100% - 80px); font-size: 14px; line-height: 26px;}

/* pageCaseD */
.pageCaseD .infoBox .info .img{ width: 120px; height: 120px; }
.pageCaseD .infoBox .info .tit{ width: calc(100% - 120px); padding-left: 5%;}
.pageCaseD .infoBox .info .tit p{ font-size: 20px; line-height: 34px; }
.pageCaseD .infoBox .info .tit p.p2{ font-size: 16px; line-height: 30px;}
.pageCaseD .infoBox .txt p{ width: 100%; margin: 5px 0; padding-left: 15px; font-size: 14px;  line-height: 28px;}
.pageCaseD .textBox .tit{ width: 100%; padding: 3% 4%; font-size: 20px;}
.pageCaseD .textBox .txt .txt_t{ font-size: 20px;}
.pageCaseD .textBox .txt .txt_d{font-size: 14px; line-height: 28px ;  margin-top: 3%; }

/* pageJob */
.pageJob .recruitList li .tit{ border-top: solid 3px #4f007d;}
.pageJob .recruitList li .tit p{ font-size:16px; line-height:28px; width: calc(100% - 60px);}
.pageJob .recruitList li .txt{  font-size: 14px; line-height: 30px;}

/* pageContact */
.pageContact .box{ padding:0; border-radius: 20px;margin-top: 4%;}
.pageContact .box .info{ border-radius:  0; width: 100%; padding: 3%; }
.pageContact .box .info .tit{ font-size: 18px;}
.pageContact .box .info .txt{ font-size: 14px; margin-top: 10px;  line-height: 26px;}
.pageContact .box .info ul li{ margin-top: 3%; padding-left: 40px;}
.pageContact .box .info ul li .iconfont{  top: 2px; width: 36px; height: 36px;  line-height: 36px;  font-size: 20px;}
.pageContact .box .info ul li .t1{ font-size: 14px; }
.pageContact .box .info ul li .t2{ font-size: 14px; }
.pageContact .box #allmap{ position: relative; width: 100%; height: 300px; z-index: 0;}

/* pageProduct */
.pageProduct .textBox .img{ position: relative; width: 100%; }
.pageProduct .textBox .textMenu{ width: 100%; padding-left: 0; margin-top: 4%;}
.pageProduct .textBox .textMenu .itemBox .item{ font-size: 14px; line-height: 28px;}

.pageProduct .listBox { width: 100%; margin-top: 3%; }
.pageProduct .listBox .proFilter{ width: 100%;}
.pageProduct .listBox .proFilter .optedIn{ padding:15px 15px;}
.pageProduct .listBox .proFilter .optedIn .tit{ width: 100%; }
.pageProduct .listBox .proFilter .optedIn .tit p{ font-size: 16px; }
.pageProduct .listBox .proFilter .optedIn .tit a{ font-size: 20px; width: 18px;}
.pageProduct .listBox .proFilter .optedIn .con{ width: 100%; margin-top: 10px; }
.pageProduct .listBox .proFilter .optedIn .con p{  margin-top: 8px; font-size: 14px; line-height: 28px; padding-right: 20px;}
.pageProduct .listBox .proFilter .optedIn .con p a{ line-height: 28px; font-size: 18px;}

.pageProduct .listBox .proFilter .proItem{ padding:0 15px;}
.pageProduct .listBox .proFilter .proItem .item .t1{ line-height: 28px; padding: 15px 15px 15px 0;}
.pageProduct .listBox .proFilter .proItem .item .t1 p{ font-size: 16px;}
.pageProduct .listBox .proFilter .proItem .item .t1 a{ font-size: 16px;}
.pageProduct .listBox .proFilter .proItem .item .t1 span{ height: 14px; width: 14px;  margin-top: -7px;}

.pageProduct .listBox .proFilter .proItem .item .t1 span::after{  top: 6px;  }
.pageProduct .listBox .proFilter .proItem .item .t1 span::before{  left: 6px; }
.pageProduct .listBox .proFilter .proItem .item ul li{ width: 100%; padding: 5px 0; font-size: 14px;  line-height: 24px;}
.pageProduct .listBox .proFilter .proItem .item ul li a{ display: block; font-size: 14px; line-height: 24px;}

.pageProduct .listBox .proFilter .searchBox .form{   padding: 3%;}
.pageProduct .listBox .proFilter .searchBox .form .info{  margin-bottom: 3%;}
.pageProduct .listBox .proFilter .searchBox .form .inputPro input{  padding: 10px 50px 10px 20px; border-radius: 20px;}
.pageProduct .listBox .proFilter .searchBox .form .btnPro{ width: 30px;  }
.pageProduct .listBox .proFilter .searchBox .form .selectList li{   margin-top: 3%;}
.pageProduct .listBox .proFilter .searchBox .stxt{ padding:3%; }
.pageProduct .listBox .proFilter .searchBox .stxt span{ font-size: 16px; }
.pageProduct .listBox .proFilter .searchBox .stit{ font-size: 14px; }
.pageProduct .listBox .proFilter .searchBox .param{  padding: 3%;}
.pageProduct .listBox .proFilter .searchBox .param .zd{ margin-top: 15px;}
.pageProduct .listBox .proFilter .searchBox .param .zd li {  margin: 3px 6px 3px 0;}
.pageProduct .listBox .proFilter .searchBox .param .zd li a{line-height: 24px; border-radius: 20px; font-size: 14px; }

.pageProduct .listBox .list{ width: 100%; margin-top: 3%; }
.pageProduct .listBox .searchRestult .stxt{ padding:3%; }
.pageProduct .listBox .searchRestult .stxt span{ font-size: 16px; }
.pageProduct .listBox .searchRestult .stit{ font-size: 14px; }
.pageProduct .listBox .searchRestult .param{  padding: 3%;}
.pageProduct .listBox .searchRestult .param .zd{ margin-top: 15px;}
.pageProduct .listBox .searchRestult .param .zd li {  margin: 3px 6px 3px 0;}
.pageProduct .listBox .searchRestult .param .zd li a{line-height: 24px; border-radius: 20px; font-size: 14px; }
.pageProduct .listBox .searchRestult .stxt{ padding:3%; }
.pageProduct .listBox .searchRestult .stxt span{ font-size: 16px; }
.pageProduct .listBox .searchRestult .stit{ font-size: 14px; }
.pageProduct .listBox .searchRestult .param{  padding: 3%;}
.pageProduct .listBox .searchRestult .param .zd{ margin-top: 15px;}
.pageProduct .listBox .searchRestult .param .zd li {  margin: 3px 6px 3px 0;}
.pageProduct .listBox .searchRestult .param .zd li a{line-height: 24px; border-radius: 20px; font-size: 14px; }
.pageProduct .listBox .productList li::after{ width: 3px;}
.pageProduct .listBox .productList li a{ padding: 15px; position: relative; z-index: 2;}
.pageProduct .listBox .productList li .proImg{ width: 120px; height: 120px; position: absolute; left: 15px; top: 15px; border-radius: 20px; }
.pageProduct .listBox .productList li .proImg .swiper-slide{ width: 120px; height: 120px; border-radius: 20px;}
.pageProduct .listBox .productList li .con{ width: 100%; position: relative; padding: 15px 20px 0 0;}
.pageProduct .listBox .productList li .con .tit{ font-size:16px; padding:15px 0 0 140px;  line-height: 28px; min-height: 120px; }
.pageProduct .listBox .productList li .con .tit div{line-clamp: 2;-webkit-line-clamp: 2;}
.pageProduct .listBox .productList li .con .moreIcon{ display: none;}
.pageProduct .listBox .productList li .con .info{ width: 100%; margin-top: 15px; display: inline-block; }
.pageProduct .listBox .productList li .con .info .li{width: 50%; float: left; margin: 1% 0;}
.pageProduct .listBox .productList li .con .info .li .t{ font-size: 14px;}
.pageProduct .listBox .productList li .con .info .li .d{ font-size: 14px; line-height: 22px;}

/* pageProductD */
.pageProductD .infoBox .imgBox{ width: 100%;  padding-left: 0;}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .img {height: 360px;}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .txt{ width: 100%; margin:4% auto 0; padding: 0 3%; font-size: 14px; line-height: 28px;}
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev,.pageProductD .infoBox .imgBox .bigImg .swiper-button-next{ top: 180px; }
.pageProductD .infoBox .imgBox .bigImg .openBox{ right: 3%; top: 360px; margin-top: -40px; font-size: 36px; line-height: 30px; }

.pageProductD .textBox .tit{ top: 54px;}
.pageProductD .textBox .tit p a{font-size: 18px;}
.pageProductD .textBox .txt .txt_t{ font-size: 18px;}
.pageProductD .textBox .txt .txt_d{font-size: 14px; line-height: 28px ; }
.pageProductD .textBox .txt .txt_img{font-size: 14px; line-height: 28px ; color: #333;  width: 100%;}
.pageProductD .textBox .txt .txt_img ul{ width: 100%; width: 100%; border-radius: 20px; padding:1.5% 3%; border: solid 1px #eee;}
.pageProductD .textBox .txt .txt_img ul li{ width: 100%; padding: 3% 0;}
.pageProductD .textBox .txt .txt_img ul li .img{ width: 40%; position: relative; border-radius: 20px; background-color: rgb(79, 0, 125, 0.03); border: solid 1px #eee; overflow: hidden;}
.pageProductD .textBox .txt .txt_img ul li .img img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto;  height: auto; transform: translate(-50%,-50%);}
.pageProductD .textBox .txt .txt_img ul li .d{ width: 60%;  font-size: 14px; line-height: 28px; color: #333;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n-1) .d{ padding:20px 0 20px 4%;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n) .d{ padding:20px 4% 20px 0;}


/* popupProduct */
.popupProduct .bigBox{ margin: 2% ; border-radius: 10px;  width: 96%; height: 96%; padding: 3%; }
.popupProduct .popupImg{ height: calc(100% - 80px); margin-top: 20px;}
.popupProduct .popupImg .swiper-slide .info .img{ width: 100%;  height: 30%;}
.popupProduct .popupImg .swiper-slide .info .txt{ width: 100%; height: 60%; margin-top: 3%; font-size: 14px; line-height: 26px;}
.popupProduct .popupThumb{ position: relative; width: 100%;  padding: 0 30px; height: 60px; }
.popupProduct .popupThumb .swiper-slide{ height: 60px; }
.popupProduct .popupThumb .swiper-button-prev::after,.popupProduct .popupThumb .swiper-button-next::after{ font-size: 20px;}

.popupProduct .closeProduct{  right: 50%; transform: translateX(50%); top: auto; bottom: 20px; font-size: 30px; }

/* pageService */
.pageService .serviceList li::after{ height: 3px;}
.pageService .serviceList li .con{ padding: 6%;}
.pageService .serviceList li .con .tit{ font-size: 18px; }
.pageService .serviceList li .con .txt{ font-size: 14px; line-height: 28px; margin-top: 4%;}
.pageService .serviceList li .con .moreIcon{ margin-top: 4%; }

/* pageActivity */
.pageActivity .activityList li::after{ height: 3px;}
.pageActivity .activityList li .img{height: 280px;}
.pageActivity .activityList li .con .tit{ font-size: 16px; }

/* pageVideo */
.pageVideo .videoList li .img{  height: 160px;}
.pageVideo .videoList li .img .iconfont{ font-size: 46px;}
.pageVideo .videoList li .tit{  font-size: 18px; line-height: 36px; }

/* pageVideoD */
.pageVideoD{  border-radius: 20px;}
.pageVideoD video{ height: 400px; }

/* pageDetails */
.pageDetails .info{  font-size: 14px;}
.pageDetails .info span{  margin: 5px 10px 5px 0 ;}
.pageDetails .text .txt{ font-size: 14px; line-height: 28px; }
.pageTurn{ display: block;}
.pageTurn .prev,.pageTurn .next{width: 100%;  margin: 2% 0; }
.pageTurn .prev a,.pageTurn .next a{ padding:3% 3%; font-size: 16px;  line-height: 26px;}
.pageTurn .prev{ margin-right:0;}

/* pageForum */
.pageForum .forumRecom .forumBox .swiper-slide .info .tit{ font-size: 16px;}
.pageForum .forumRecom .forumItem .item a{padding: 3%;}

.pageForum .expertList li a{  padding:80px 25px 70px 25px;}
.pageForum .expertList li .time{  top: 25px;  padding:0 25px; ;}
.pageForum .expertList li .time p{ font-size: 36px; }
.pageForum .expertList li .time span{ font-size: 16px; margin-top: 5px;}
.pageForum .expertList li .tit{ font-size: 16px; min-height: 64px; margin: 25px 0; line-height: 32px;}
.pageForum .expertList li .more{ left: 25px; padding: 20px 0; width: calc(100% - 60px); font-size: 16px; }

/* pageAftersale */
.pageAftersale .infoBox .text{ width: 50%;}
.pageAftersale .infoBox .text .t1{ font-size: 20px;}
.pageAftersale .infoBox .text .t2{ font-size: 14px; }
.pageAftersale .infoBox .text .txt{ font-size: 14px; line-height: 28px; margin-top: 20px;}
.pageAftersale .infoBox ul{ width: 50%; }
.pageAftersale .infoBox ul li{  padding-left: 50px; margin: 15px 0;}
.pageAftersale .infoBox ul li .iconfont{ top: 5px; width: 36px; height: 36px; line-height: 36px; font-size: 20px; }

/* pageOperation */
.pageOperation .operationRecom a{ padding-left: 50%;}
.pageOperation .operationRecom .img{ width: 50%; }
.pageOperation .operationRecom .con{ width: 100%; padding:20px;}
.pageOperation .operationRecom .con .time p{ font-size: 24px; }
.pageOperation .operationRecom .con .time span{ font-size: 14px; margin-top: 5px; }
.pageOperation .operationRecom .con .tit{ font-size: 16px;}
.pageOperation .operationRecom .con .txt{ font-size: 14px; line-height: 28px; margin-top: 3%;}
.pageOperation .operationRecom .con .more{  line-height: 20px; padding: 4% 0 0 0; margin-top: 4%; font-size: 14px;}
.pageOperation .operationRecom .con .more span{ font-size:18px;}
.pageOperation .procedureList li a{padding: 3%;}
.pageOperation .procedureList li::after{ width: 3px;}
.pageOperation .procedureList li .time{ width: 100px; height: 100px;}
.pageOperation .procedureList li .time p{ font-size: 30px;}
.pageOperation .procedureList li .time span{ font-size: 14px; margin-top: 5px;}
.pageOperation .procedureList li .con{ width: calc(100% - 140px); padding:10px 0 0 20px;}
.pageOperation .procedureList li .con .tit{ font-size: 18px; }
.pageOperation .procedureList li .con .txt{ font-size: 14px;   line-height:28px;}
.pageOperation .procedureList li .con .more{  line-height: 20px; margin-top: 10px; font-size: 14px; }
.pageOperation .procedureList li .con .more span{ font-size: 18px;}

/* pageStandard */
.pageStandard ul li{  border-radius: 20px;}
.pageStandard ul li a{ padding: 30px; }
.pageStandard ul li .con .tit{ font-size: 18px;}
.pageStandard ul li .con .txt{ font-size: 14px;  line-height: 28px; margin-top: 10px;}
.pageStandard ul li .con .more{  line-height: 20px; margin-top: 10px; font-size: 14px;}
.pageStandard ul li .con .more span{ font-size: 16px;}

/* pageNews */
.pageNews .newsRecom a{ padding-left: 50%;}
.pageNews .newsRecom .img{ width: 50%; }
.pageNews .newsRecom .con{ width: 100%; padding:20px;}
.pageNews .newsRecom .con .time p{ font-size: 24px; }
.pageNews .newsRecom .con .time span{ font-size: 14px; margin-top: 5px;}
.pageNews .newsRecom .con .tit{ font-size: 16px; }
.pageNews .newsRecom .con .txt{ font-size: 14px; line-height: 28px; margin-top: 3%;  }
.pageNews .newsRecom .con .more{  line-height: 20px; padding: 4% 0 0 0; margin-top: 4%; font-size: 14px;  }
.pageNews .newsRecom .con .more span{  font-size: 18px;}
.pageNews .newsList li a{ padding: 3%; }
.pageNews .newsList li .tit{ font-size: 16px; line-height: 30px; height: 60px;}
.pageNews .newsList li .info{  padding-top: 3%; margin-top: 3%; line-height: 20px; }
.pageNews .newsList li .info .time{ font-size: 14px; }
.pageNews .newsList li .info .more{ font-size: 14px;  }
.pageNews .newsList li .info .more p{ margin-right: 10px;}
.pageNews .newsList li .info .more span{  font-size: 18px;}

}  

@media (max-width: 768px){
.pagination li {margin-bottom:6px}
.pagination li a, .pagination li span {font-size:12px;line-height:28px;padding: 0 10px;}
.l-2,.l-3,.l-4{ width:100% !important; margin:1.5% 0 1.5% 0 !important;}
.l-3:nth-child(3n),.l-4:nth-child(4n),.l-4:nth-child(3n){margin:1.5% 0 1.5% 0 !important;}
.l-3:nth-child(2n){ margin:1.5% 0 1.5% 0 !important;}

/* indexBanner */
.indexBanner{  padding: 60px 0; }
.indexBanner .box{ width: 96%;}
.indexBanner .box .tit{ font-size: 22px; }
.indexBanner .box .txt{ font-size: 14px; margin-top: 4%; }
.indexBanner .box .form .selectPro{ width: 100px;}
.indexBanner .box .form .selectPro input{ padding: 0 20px 0 15px; font-size: 14px;}
.indexBanner .box .form .selectPro i{ right: 0; }
.indexBanner .box .form .inputPro{ width: calc(100% - 100px);}
.indexBanner .box .form .inputPro input{ padding: 15px 60px 15px 15px; ; font-size: 14px;line-height: 20px;}
.indexBanner .box .form .btnPro{ width: 40px;}
.indexBanner .box .form .btnPro span{ margin-right: 0;}
.indexBanner .box .form .btnPro p{ display: none;}
.indexBanner .box .form .selectList{ width: 100px;}

/* indexTitle */
.indexTitle .tit{ font-size: 18px; line-height: 24px;}
.indexMore{ height: 24px; line-height: 24px; }
.indexMore p{ font-size: 14px; margin-right: 5px;  }
.moreIcon{ line-height: 24px; width: 36px;  font-size: 16px; border-radius: 12px;}

/* indexMain */
.indexMain .list .item{  border-radius: 10px; }
.indexMain .list .item .info .stit span{  width: 26px; height: 26px;}
.indexMain .list .item .info .stit p{ font-size: 18px;  line-height: 26px; }
.indexMain .list .item .info ul li .tit{ line-height: 28px; }
.indexMain .list .item .info ul li .tit p{ font-size: 14px;  }
.indexMain .list .item .info ul li .txt{ line-height: 26px;}

/* indexActivity */
.indexActivity .activityList .swiper-slide{ border-radius: 10px;}
.indexActivity .activityList .swiper-slide .img{ width: 100%; height: auto; }
.indexActivity .activityList .swiper-slide .img img{ height: auto;}
.indexActivity .activityList .swiper-slide .con .tit{ font-size: 16px; }
.indexActivity .activityList .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 2px 3px;}

/* indexService */
.indexService ul li{ border-radius: 10px;}
.indexService ul li .icon span{ width: 30px; height: 30px;}
.indexService ul li .tit{ font-size: 16px;  }
.indexService ul li .txt{ font-size: 14px; line-height: 24px; }

.indexFooter .Fnav{display: block; padding: 6% 0; text-align: center;}
.indexFooter .Fnav .Flogo{ width: 40%; display: inline-block; margin: auto;}
.indexFooter .Fnav ul{ width: 100% !important; margin-top: 3%; display: flex;flex-wrap: wrap;}
.indexFooter .Fnav ul li a{ font-size: 14px; }

.indexFooter .Fcon{ width: 100%; padding: 6% 0; }
.indexFooter .Fcon ul{ width: 100%;}
.indexFooter .Fcon ul li{ margin-right: 0 !important; margin-top: 3%; width: 100%;}
.indexFooter .Fcon ul li .t{ font-size: 14px; }
.indexFooter .Fcon ul li .d{ font-size: 16px; margin-top: 3%; line-height: 22px; }
.indexFooter .Fcon ul li .d p{ padding: 5px 0;}
.indexFooter .Fcon ul li:last-child{ margin-right: 0;}
.indexFooter .Fcon .ewm{ display: none;}

/* pageCrumbs */
.pageCrumbs .pageNav li{ margin:2px 0.5%; width: 32.33%; }

/* pageTitle */
.pageTitle .tit{ font-size: 18px; }

/* pageAbout */
.pageAbout .info{ width: 100%; height: auto; border-radius: 10px;}
.pageAbout .info ul{ position: relative; top: 0; left: 0; padding:8% 3%; transform: translateY(0); width: 100%;}
.pageAbout .info ul li{  width: 33.33%; padding: 3%; text-align: center; }
.pageAbout .info ul li .d{ font-size: 14px;}
.pageAbout .info ul li .d span{ font-size: 24px; margin-right: 5px; }
.pageAbout .info ul li .t{ font-size: 14px; margin-top: 5px;}

/* pageCulture */
.pageCulture ul li{ width: 100% !important ; margin:1.5% 0 1.5% 0 !important; border-radius: 10px;}
.pageCulture ul li:nth-child(4n),.pageCulture ul li:nth-child(3n){ margin: 1.5% 0 1.5% 0 !important;}
.pageCulture ul li:nth-child(2n){  margin: 1.5% 0 1.5% 0 !important;}
.pageCulture ul li .icon{ width: 60px; height: 60px;   }
.pageCulture ul li .tit{ font-size: 16px; margin-top: 4%; }
.pageCulture ul li .txt{ font-size: 14px; margin-top: 3%; line-height: 26px; }

/* pagePlatform */
.pagePlatform ul li{ border-radius: 10px; }
.pagePlatform ul li .con{ padding:4%;}
.pagePlatform ul li .con .tit{ font-size: 16px; }
.pagePlatform ul li .con .txt{ font-size: 14px; line-height: 26px; margin-top: 3%; }
.pagePlatform ul li .con .moreIcon{ margin-top: 3%;}

/* pageCase */
.pageCase .caseRecom .caseBox{ width: 100%; margin: 0 0 3% 0 ; border-radius: 10px;}
.pageCase .caseRecom .caseBox .swiper-slide{border-radius: 10px;}
.pageCase .caseRecom .caseBox .swiper-slide .img{ width: 100%;display: block; border-radius: 10px;}
.pageCase .caseRecom .caseBox .swiper-slide .info { width: 100%; margin-top: 2%; padding: 0;}
.pageCase .caseRecom .caseBox .swiper-slide .info .caseLogo{ width: 60%; border-radius: 10px; }
.pageCase .caseRecom .caseBox .swiper-slide .info .tit{ font-size: 16px;margin-top: 5%;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt{ margin-top: 3%;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .txt_t{ font-size: 14px; }
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .txt_d{ font-size: 14px; margin-top: 2%; line-height: 24px;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .indexMore{ margin-top: 6%;}

.pageCase .caseRecom .caseItem{ width: 100%; border-radius: 10px;}
.pageCase .caseRecom .caseItem a { padding:3%; }
.pageCase .caseRecom .caseItem .caseLogo{ width: 60%; border-radius: 10px; }
.pageCase .caseRecom .caseItem .tit{ font-size: 16px; margin-top: 5%;}
.pageCase .caseRecom .caseItem .txt{  margin-top: 5%;}
.pageCase .caseRecom .caseItem .txt .txt_t{ font-size: 14px;}
.pageCase .caseRecom .caseItem .txt .txt_d{ font-size: 14px; margin-top: 2%; line-height: 24px;}
.pageCase .caseRecom .caseItem .txt .indexMore{ margin-top: 6%;}

.pageCase .caseList { width: 100%; margin-top: 2%;} 
.pageCase .caseList li{ border-radius: 10px;}
.pageCase .caseList li a{ padding:3%; }
.pageCase .caseList li .caseLogo{ width: 60%; }
.pageCase .caseList li .tit{ font-size: 16px; margin-top: 5%;}
.pageCase .caseList li .txt{ width: 100%; margin-top: 3%;}
.pageCase .caseList li .txt .txt_t{ font-size: 14px; }
.pageCase .caseList li .txt .txt_d{ font-size: 14px;  margin-top: 2%; line-height: 24px;}
.pageCase .caseList li .txt .indexMore{ margin-top: 6%;}

/* pageMain */
.pageMain .top .tit {  width: calc(100% - 42px); font-size: 14px; line-height: 24px;}
.pageMain .top .tit span{ display: inline-block; margin-left: 10px; font-size: 14px;}
.pageMain .top .indexMore.backList { width:36px; text-align: right;}
.pageMain .top .indexMore.backList p{  margin:0 0  0 0; display: none;}

.pageMain .otherCase{  border-radius: 10px; }
.pageMain .otherCase .tit{  padding: 5% 4%;  font-size: 16px; }
.pageMain .otherCase ul{ padding: 3% 4%;}

.pageMain .otherPro{  border-radius: 10px; }
.pageMain .otherPro .tit{ width: 100%; padding: 5% 4%; font-size: 16px; }
.pageMain .otherPro ul{ width: 100%; padding: 3% 4%;}
.pageMain .otherPro ul li{display: block; margin: 1.5% 0;  }
.pageMain .otherPro ul li .proImg{ width: 60px; height: 60px;  border-radius: 5px; }
.pageMain .otherPro ul li .proImg .swiper-slide{  width: 60px; height: 60px; padding: 5px; border-radius: 5px;}
.pageMain .otherPro ul li .t{ width: calc(100% - 60px); font-size: 14px; }

.pageMain .noteBox{ border-radius: 10px;}
.pageMain .noteBox .tit{  padding: 5% 4%;  font-size: 16px;}
.pageMain .noteBox .txt{ padding: 5% 4%; font-size: 14px; line-height: 22px; }
.pageMain .noteBox .txt p{  margin: 3% 0;}

.pageMain .otherServ{ width: 100%; border-radius: 10px;}
.pageMain .otherServ .tit{  padding: 5% 4%;  font-size: 18px; }
.pageMain .otherServ ul{ padding: 3% 4%;}
.pageMain .otherServ ul li{display: block; margin: 3% 0;  }
.pageMain .otherServ ul li .img{ width: 30%; border-radius: 5px; }
.pageMain .otherServ ul li .img img{ width: 100%;}
.pageMain .otherServ ul li .t{ width: 70%; font-size: 14px; line-height: 22px; }

.pageMain .otherVideo{ width: 100%;  border-radius: 10px;}
.pageMain .otherVideo .tit{  padding: 5% 4%; font-size: 18px; }
.pageMain .otherVideo ul{  padding: 3% 4%;}
.pageMain .otherVideo ul li{margin: 3% 0;  }
.pageMain .otherVideo ul li .img{ width: 30%; border-radius: 5%;}
.pageMain .otherVideo ul li .img .iconfont{  font-size: 20px; }
.pageMain .otherVideo ul li .t{ width: 70%; font-size: 14px; line-height: 22px;}

/* pageCaseD */
.pageCaseD .infoBox .info{ display: block;}
.pageCaseD .infoBox .info .img{ width: 100px; height: 100px; margin: auto;}
.pageCaseD .infoBox .info .tit{ width: 100%; text-align: center;  margin-top: 3%;}
.pageCaseD .infoBox .info .tit p{ font-size: 16px; line-height: 30px; }
.pageCaseD .infoBox .info .tit p.p2{ font-size: 14px; line-height: 26px;}
.pageCaseD .infoBox .txt p{ width: 100%; margin: 5px 0; padding-left: 15px; font-size: 14px;  line-height: 26px;}

.pageCaseD .textBox .tit{ width: 100%; padding: 4% 4%; font-size: 16px;}
.pageCaseD .textBox .txt .txt_t{ font-size: 16px;}
.pageCaseD .textBox .txt .txt_d{font-size: 14px; line-height: 26px ;  margin-top: 3%; }

/* pageJob */
.pageJob .recruitList li{ border-radius: 10px;}
.pageJob .recruitList li .txt{ line-height: 26px;}
/* popupJob */
.popupJob .box .top{  display: block; }
.popupJob .box .top .tit{ width:100%; font-size: 16px; line-height: 28px;}
.popupJob .box .top .email{ line-height: 28px; display: inline-block; position: relative; padding-left: 40px; width: 100%; margin-top: 3%; text-align: left;}
.popupJob .box .top .email span{   position: absolute; left: 0; top: 0; line-height: 28px; font-size: 18px; }



/* pageContact */
.pageContact .box{ padding:0; border-radius: 10px;margin-top: 4%;}

/* pageProduct */
.pageProduct .textBox { border-radius: 10px;}
.pageProduct .textBox .img{ border-radius: 10px;}
.pageProduct .textBox .textMenu .itemNav .a{ font-size: 16px; margin-right: 0; width: 50%; text-align: center; line-height: 26px;}

.pageProduct .listBox { width: 100%; margin-top: 3%; }
.pageProduct .listBox .proFilter{ width: 100%; border-radius: 10px;}
.pageProduct .listBox .proFilter .optedIn{ padding:15px 15px;}
.pageProduct .listBox .proFilter .optedIn .tit{ width: 100%; }
.pageProduct .listBox .proFilter .optedIn .tit p{ font-size: 14px; }
.pageProduct .listBox .proFilter .optedIn .tit a{ font-size: 20px; width: 18px;}
.pageProduct .listBox .proFilter .optedIn .con{ width: 100%; margin-top: 10px; }
.pageProduct .listBox .proFilter .optedIn .con p{  margin-top: 8px; font-size: 14px; line-height: 24px; padding-right: 20px;}
.pageProduct .listBox .proFilter .optedIn .con p a{ line-height: 24px; font-size: 18px;}

.pageProduct .listBox .proFilter .proItem{ padding:0 15px;}
.pageProduct .listBox .proFilter .proItem .item .t1{ line-height: 24px; padding: 15px 15px 15px 0;}
.pageProduct .listBox .proFilter .proItem .item .t1 p{ font-size: 14px;}
.pageProduct .listBox .proFilter .proItem .item .t1 a{ font-size: 14px;}
.pageProduct .listBox .proFilter .proItem .item .t1 span{ height: 14px; width: 14px;  margin-top: -7px;}

.pageProduct .listBox .proFilter .proItem .item .t1 span::after{  top: 6px;  }
.pageProduct .listBox .proFilter .proItem .item .t1 span::before{  left: 6px; }
.pageProduct .listBox .proFilter .proItem .item ul li{ width: 100%; padding: 5px 0; font-size: 14px;  line-height: 24px;}
.pageProduct .listBox .proFilter .proItem .item ul li a{ display: block; font-size: 14px; line-height: 24px;}

.pageProduct .listBox .list{ width: 100%; margin-top: 3%; }
.pageProduct .listBox .productList li{ border-radius: 10px;}
.pageProduct .listBox .productList li a{ padding: 3%; position: relative; z-index: 2;}
.pageProduct .listBox .productList li .proImg{ width: 80px; height: 80px; border-radius: 10px; position: absolute; left: 15px; top: 15px; }
.pageProduct .listBox .productList li .proImg .swiper-slide{ width: 80px; height: 80px; padding: 5px; border-radius: 10px;}
.pageProduct .listBox .productList li .con{ width: 100%; position: relative; padding: 15px 0 0 0;}
.pageProduct .listBox .productList li .con .tit{ font-size:16px; padding:0 0 0 90px; line-height: 24px; min-height: 80px; }
.pageProduct .listBox .productList li .con .moreIcon{ position: absolute; right: -160px; top: 15px; transition: all 0.8s ease;}
.pageProduct .listBox .productList li .con .info{ width: 100%; margin-top: 15px; display: inline-block; }
.pageProduct .listBox .productList li .con .info .li{width: 50%; float: left; margin: 1% 0;}
/* .pageProduct .listBox .list li .con .info .li:nth-child(n+3){ width: 100%;} */
.pageProduct .listBox .productList li .con .info .li .t{ font-size: 14px;}
.pageProduct .listBox .productList li .con .info .li .d{ font-size: 14px; line-height: 22px;}


/* pageProductD */
.pageProductD .infoBox{ border-radius: 10px;}
.pageProductD .infoBox .imgBox{ width: 100%;  padding-left: 0;}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .img {height: 260px;}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .txt{ width: 100%; margin:4% auto 0; font-size: 14px; line-height: 26px;}
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev,.pageProductD .infoBox .imgBox .bigImg .swiper-button-next{ top: 130px;  color: #FA9E0D;}
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev{ left: 0; }
.pageProductD .infoBox .imgBox .bigImg .swiper-button-next{ right: 0; }

.pageProductD .infoBox .imgBox .bigImg .openBox{ top: 260px; margin-top: -40px; font-size: 30px; line-height: 30px; }


.pageProductD .textBox{ border-radius: 10px;}
.pageProductD .textBox .tit p a{font-size: 16px;}
.pageProductD .textBox .txt .txt_t{ font-size: 16px;}
.pageProductD .textBox .txt .txt_d{font-size: 14px; line-height: 26px ;  }
.pageProductD .textBox .txt .txt_d table{  border-radius: 10px; width: 100% !important;}
.pageProductD .textBox .txt .txt_d table::after{ border-radius: 10px; }
.pageProductD .textBox .txt .txt_d table tr:first-child{ border-radius: 10px 10px  0 0;}
.pageProductD .textBox .txt .txt_d table tr td{ padding: 10px; display: inline-block; box-sizing: border-box;}
.pageProductD .textBox .txt .txt_img{font-size: 14px; line-height: 26px ; color: #333;  width: 100%;}
.pageProductD .textBox .txt .txt_img ul{ width: 100%; width: 100%; border-radius: 10px; padding:1.5% 3%; border: solid 1px #eee;}
.pageProductD .textBox .txt .txt_img ul li{ width: 100%; padding: 3% 0;}
.pageProductD .textBox .txt .txt_img ul li .img{ width: 100%; text-align: center; height: auto;  border-radius: 10px;  overflow: hidden;}
.pageProductD .textBox .txt .txt_img ul li .img img{ position: relative; top: 0; left: 0; width: 100%; max-height: fit-content; width: auto;  height: auto; transform: translate(0); display: inline-block;}
.pageProductD .textBox .txt .txt_img ul li .d{ width: 100%;  font-size: 14px; line-height: 26px; color: #333;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n-1) .d{ padding:3% 0;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n) .d{ padding:3% 0;}

.pageProductD .textBox .txt .txt_ul .ulFilter span{ font-size: 16px;  line-height: 26px;}
.pageProductD .textBox .txt .txt_ul .ulFilter a{ line-height: 24px; border-radius: 5px; padding: 0 10px; font-size: 14px; }
.pageProductD .textBox .txt .txt_ul ul li .d1 p{ font-size: 14px;  line-height: 24px;}
.pageProductD .textBox .txt .txt_ul ul li .d1 span{ font-size: 14px;  line-height: 22px;}
.pageProductD .textBox .txt .txt_ul ul li .d2 p{ margin: 1.5% 0;}
.pageProductD .textBox .txt .txt_ul ul li .d2 span{  font-size: 14px; }
.pageProductD .textBox .txt .txt_ul ul li .d2 i{ font-size: 14px; margin: 0 10px;}


/* pageService */
.pageService .serviceList li{ border-radius: 10px;}
.pageService .serviceList li .con{ padding: 4%;}
.pageService .serviceList li .con .tit{ font-size: 16px; }
.pageService .serviceList li .con .txt{ font-size: 14px; line-height: 26px; margin-top: 4%;}
.pageService .serviceList li .con .moreIcon{ margin-top: 4%; }

/* pageServiceD */
.pageServiceD{ width: 100%; position: relative; overflow: hidden;}
.pageServiceD .infoBox{ padding: 3%; border-radius: 10px;}
.pageServiceD .infoBox .img{ width: 100%; border-radius: 10px;}
.pageServiceD .infoBox .info{ width: 100%; }
.pageServiceD .infoBox .info .txt{ font-size: 14px;  line-height: 28px;}
.pageServiceD .infoBox .info .ul li{ padding: 0 20px; font-size: 14px; line-height: 30px; margin: 5px 10px 5px 0; border-radius: 18px;}

.pageServiceD .textBox{ border-radius: 10px;}
.pageServiceD .textBox .tit p a{font-size: 16px; }
.pageServiceD .textBox .txt .txt_t{ font-size: 16px; }
.pageServiceD .textBox .txt .txt_d{font-size: 14px; line-height: 28px ; border-radius: 10px;}

.pageServiceD .textBox .txt .txt_ul{ width: 100%; margin-top: 20px;}
.pageServiceD .textBox .txt .txt_ul ul li{ border-radius: 10px;}
.pageServiceD .textBox .txt .txt_ul ul li .t{ padding: 5% 6%;}
.pageServiceD .textBox .txt .txt_ul ul li .t p{ font-size: 14px; padding-right: 40px;}
.pageServiceD .textBox .txt .txt_ul ul li .t span{font-size: 20px; }
.pageServiceD .textBox .txt .txt_ul ul li .d{ padding:5% 6%; font-size: 14px; line-height: 28px;}

/* pageActivity */
.pageActivity .activityList li{ border-radius: 10px;}
.pageActivity .activityList li .img{height: auto;}
.pageActivity .activityList li .img img{ height: auto;}
.pageActivity .activityList li .con .time{ font-size: 14px;}
.pageActivity .activityList li .con .tit{ font-size: 16px; }

/* pageVideo */
.pageVideo .videoList li { border-radius: 10px;}
.pageVideo .videoList li .img{  height: 140px;}
.pageVideo .videoList li .img .iconfont{ font-size: 40px;}
.pageVideo .videoList li .tit{  font-size: 16px; line-height: 28px; }

/* pageVideoD */
.pageVideoD{  border-radius: 10px;}
.pageVideoD video{ height: 240px; }

/* pageDetails */
.pageDetails .info{  font-size: 14px;}
.pageDetails .info span{  margin: 5px 10px 5px 0 ;}
.pageDetails .text{ border-radius: 10px;}
.pageDetails .text .txt{ font-size: 14px; line-height: 28px; }
.pageTurn{ display: block;}
.pageTurn .prev,.pageTurn .next{width: 100%;  margin: 2% 0; }
.pageTurn .prev a,.pageTurn .next a{ padding:3% 3%; font-size: 14px;  line-height: 24px; border-radius: 5px;}
.pageTurn .prev{ margin-right: 0;}

/* pageFaq */
.pageFaq .faqBox{ border-radius: 10px;}
.pageFaq .faqBox .faq_a{ width: 100%; position: relative; padding:15px 0 15px 35px;}
.pageFaq .faqBox .faq_a .iconfont{ top: 15px; line-height: 26px; width:20px; font-size: 26px;}
.pageFaq .faqBox .faq_a .tit{ font-size:14px; line-height: 26px;}
.pageFaq .faqBox .faq_d{ padding:0 0 15px 35px; overflow: hidden;}
.pageFaq .faqBox .faq_d .iconfont{  line-height: 26px; width: 20px;  font-size: 32px;}
.pageFaq .faqBox .faq_d .txt{ font-size: 14px; color: #666; line-height: 28px; }

/* pageForum */
.pageForum .forumRecom .forumBox{ border-radius: 10px;}
.pageForum .forumRecom .forumBox .swiper-slide{ border-radius: 10px;}
.pageForum .forumRecom .forumBox .swiper-slide .info{ padding: 0 50px 5% 5%;}
.pageForum .forumRecom .forumBox .swiper-slide .info .time{ font-size: 14px; }
.pageForum .forumRecom .forumBox .swiper-slide .info .tit{ font-size: 16px;}
.pageForum .forumRecom .forumBox .swiper-pagination{ width: 45px; margin-left: -45px; text-align: right; bottom: 6% ; }
.pageForum .forumRecom .forumBox .swiper-pagination .swiper-pagination-bullet{ width:8px; height: 8px; margin: 2px 3px; }
.pageForum .forumRecom .forumItem .item { border-radius: 10px;}
.pageForum .forumRecom .forumItem .item a{ padding: 4%;}
.pageForum .forumRecom .forumItem .item .tit{ font-size: 16px;}
.pageForum .forumRecom .forumItem .item .txt{  margin-top: 10px; font-size: 14px;  line-height: 30px; }
.pageForum .forumRecom .forumItem .item .info{ padding-top: 10px; margin-top: 10px; line-height: 20px; }
.pageForum .forumRecom .forumItem .item .info .time{ font-size: 14px; }
.pageForum .forumRecom .forumItem .item .info .more{ font-size: 14px;  }

.pageForum .expertList li{ border-radius: 10px;}
.pageForum .expertList li a{  padding:4%;}
.pageForum .expertList li .time{ position: relative; top: 0;  padding:0 0;}
.pageForum .expertList li .time p{ font-size: 22px; }
.pageForum .expertList li .time span{ font-size: 14px; margin-top: 5px;}
.pageForum .expertList li .tit{ font-size: 14px; min-height: auto; margin: 4% 0; line-height: 26px;}
.pageForum .expertList li .more{ left: 0; bottom: 0; position: relative; padding: 3% 0; width: 100%; font-size: 14px; }


/* pageAftersale */
.pageAftersale .infoBox{ border-radius: 10px;}
.pageAftersale .infoBox .text{ width: 100%;}
.pageAftersale .infoBox .text .t1{ font-size: 16px;}
.pageAftersale .infoBox .text .t2{ font-size: 14px; }
.pageAftersale .infoBox .text .txt{ font-size: 14px; line-height: 28px; margin-top: 3%;}
.pageAftersale .infoBox ul{ width: 100%; }
.pageAftersale .infoBox ul li{  padding-left: 50px; margin: 3% 0;}
.pageAftersale .infoBox ul li .iconfont{ top: 5px; width: 36px; height: 36px; line-height: 36px; font-size: 20px; }

/* pageForm */
.pageForm .formBox form label span{font-size: 14px;line-height:20px;top: 15px; left: 20px;}
.pageForm .formBox form .row{ border-radius: 10px; }
.pageForm .formBox form .row.l-4{ width: 100% !important ; margin:1.5% 0 1.5% 0 !important;}
.pageForm .formBox form .row.l-4:nth-child(3n){ margin:1.5% 0 1.5% 0 !important;}
.pageForm .formBox form .row.l-4:nth-child(4n){ margin:1.5% 0 1.5% 0 !important;}
.pageForm .formBox form .row.l-4:nth-child(2n){ margin-right: 0 !important;}

.pageForm .formBox form .w1{width: 100%;font-size: 14px;line-height: 20px;padding:15px 20px; }
.pageForm .formBox form #code{  width: 40%;}
.pageForm .formBox form .w2{width: 100%;font-size: 14px;line-height: 20px;height:140px;padding:15px 20px;}
.pageForm .formBox form .con{ width: 100%; border-radius: 10px; padding:15px 20px; min-height: 140px; }
.pageForm .formBox form .con .uploadBut{ width: 100px; }
.pageForm .formBox form .con .uploadBut .icon { font-size: 40px; }
.pageForm .formBox form .con .uploadBut .ts{ width: 100%; line-height: 40px; border-radius: 10px; font-size: 12px;   margin-top: 5%;}
.pageForm .formBox form .con ul li{ line-height:24px; }
.pageForm .formBox form .con ul li span{ font-size: 24px; margin-right: 5px; }
.pageForm .formBox form .con ul li p{ font-size: 14px; }
.pageForm .formBox form .con ul li i{  font-size: 22px; margin-left: 5px; }
.pageForm .formBox form .btn{width: 50%; height: 40px;line-height:40px;font-size: 14px;border-radius: 10px;}

/* pageOperation */
.pageOperation .operationRecom { border-radius: 10px;}
.pageOperation .operationRecom a{ padding-left: 0%;}
.pageOperation .operationRecom .img{ width: 100%; position: relative; height: auto; }
.pageOperation .operationRecom .con{ width: 100%; padding:3%;}
.pageOperation .operationRecom .con .time p{ font-size: 18px; }
.pageOperation .operationRecom .con .time span{ font-size: 14px; margin-top: 5px; }
.pageOperation .operationRecom .con .tit{ font-size: 16px;}
.pageOperation .operationRecom .con .txt{ font-size: 14px; line-height: 26px; margin-top: 3%;}
.pageOperation .operationRecom .con .more{  line-height: 20px; padding: 4% 0 0 0; margin-top: 4%; font-size: 14px;}
.pageOperation .operationRecom .con .more span{ font-size:18px;}
.pageOperation .procedureList li{ border-radius: 10px;}
.pageOperation .procedureList li a{padding: 3%;}
.pageOperation .procedureList li .time{ width: 60px; height: 60px; border-radius: 5px;}
.pageOperation .procedureList li .time p{ font-size: 18px;}
.pageOperation .procedureList li .time span{ font-size: 12px; margin-top: 5px;}
.pageOperation .procedureList li .con{ width: calc(100% - 80px); padding:10px 0 0 3%;}
.pageOperation .procedureList li .con .tit{ font-size: 16px; }
.pageOperation .procedureList li .con .txt{ font-size: 14px;  margin-top: 5px; line-height:26px;}
.pageOperation .procedureList li .con .more{  display: none; }

/* pageStandard */
.pageStandard ul li{  border-radius: 5px;}
.pageStandard ul li a{  padding: 3%; }
.pageStandard ul li .con{ width: 100%; }
.pageStandard ul li .con .tit{ font-size: 16px;}
.pageStandard ul li .con .txt{ font-size: 14px;  line-height: 26px; margin-top: 5px;}
.pageStandard ul li .con .more{ display: none; }

/* pageNews */
.pageNews .newsRecom{ border-radius: 10px;}
.pageNews .newsRecom a{  padding-left: 0%;}
.pageNews .newsRecom .img{ width: 100%; position: relative; height: auto;}
.pageNews .newsRecom .con{ width: 100%; padding:3%;}
.pageNews .newsRecom .con .time p{ font-size: 18px; }
.pageNews .newsRecom .con .time span{ font-size: 14px; margin-top: 5px;}
.pageNews .newsRecom .con .tit{ font-size: 16px; }
.pageNews .newsRecom .con .txt{ font-size: 14px;line-height: 26px; margin-top: 3%; }
.pageNews .newsRecom .con .more{  line-height: 20px; padding: 4% 0 0 0; margin-top: 4%; font-size: 14px; }
.pageNews .newsRecom .con .more span{ font-size: 20px;}

.pageNews .newsList li{ border-radius: 10px;}
.pageNews .newsList li a{ padding: 3%; }
.pageNews .newsList li .img{ border-radius: 10px;}
.pageNews .newsList li .tit{ font-size: 16px; line-height: 30px; height: auto;}
.pageNews .newsList li .info{  padding-top: 3%; margin-top: 3%; line-height: 20px; }
.pageNews .newsList li .info .time{ font-size: 14px; }
.pageNews .newsList li .info .more{ font-size: 14px;  }
.pageNews .newsList li .info .more p{ margin-right: 10px;}
.pageNews .newsList li .info .more span{  font-size: 18px;}


.lineAnima::after,.lineAnima::before{ border: 2px solid transparent;   }
.lineAnima::before {border-top: 2px solid #4f007d;border-right: 1px solid #4f007d;}
.lineAnima::after {  border-bottom: 2px solid #4f007d; border-left: 2px solid #4f007d;  }

@keyframes drawBefore{0%{width: 0; height: 0;border-top-right-radius: 0; opacity: 0; } 33.3%{width: 100%; height: 0; border-top-right-radius: 10px; opacity: 1;} /* 绘制上边 */ 66.6%, 100%{width: 100%; height: 100%; opacity: 1;}  100%{border-radius: 10px; opacity: 1;} /* 绘制右边 */}
@keyframes drawAfter{0%{width: 0; height: 0;border-bottom-left-radius: 0; opacity: 0;} 33.3%{width: 100%; height: 0; border-bottom-left-radius: 10px; opacity: 1;} /* 绘制下边（从右向左） */ 66.6%, 100%{width: 100%; height: 100%;  opacity: 1;} 100%{border-radius: 10px; opacity: 1;}/* 绘制左边（从下向上） */}

}