@charset 'UTF-8';

/*index warp*/
.Str-warp{padding:40px 0;}
.Index-str .index-left{float:left; width:75%; padding-right:40px;}
.Index-str .index-right{float:left; width:25%;}
.jiugg{ width:1200px; background:url(../images/s1.jpg); height:324px; margin:auto; margin-top:50px;}
.jiugg ul li{ width:25%; float:left; height:161px; text-align:center; line-height:161px;}
.jiugg ul li a{ color:#FFFFFF; font-size:22px;}
.jiugg ul li a:hover{ color:#CCCCCC;}
@media(max-width:768px){
.Index-str  .index-left{ width:100%; float:left;}
.Index-str  .index-right{ width:100%; float:left;}
.Str-warp{padding:40px 0;}

.jiugg{ width:100%; background:url(../images/s2.jpg); overflow:hidden; height:510px; margin:auto; margin-top:50px;}
.jiugg ul li{ width:50%; float:left; height:85px; text-align:center; line-height:85px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;}
.jiugg ul li a{ color:#FFFFFF; font-size:18px;}
.jiugg ul li a:hover{ color:#CCCCCC;}
.guanggao img{ width:100%;}


}

/*****************************************PAD*****************************************/
@media (max-width:1320px) {

/* comm css */


/*menu icon*/
.toggle-btn{position:fixed; top:0; right:0; z-index:1000; display:block; border:none; outline:none; width:50px; height:50px; padding-top:12px; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
.icon-i{margin:6px auto; display:block; width:30px; height:1px; background:#222;}

/*mobile menu*/
.menu,.slideout-menu {position:fixed; top:0; bottom:0; right:0; z-index:0; width:256px; overflow-y:scroll; -webkit-overflow-scrolling:touch; display:none;}
.panel,.slideout-panel {position: relative;z-index:1;}
.slideout-open,.slideout-open body {overflow: hidden;}
.slideout-open .slideout-menu {display: block;}

.Str-mobile-nav{padding:.2rem 0; background:#2e3037; box-shadow:0 0 .2rem rgba(0,0,0,.5) inset;font-size:100.00px;}
/*一级*/
.Str-mobile-nav ul.primary-menu{width:100%;overflow:hidden;}
.Str-mobile-nav ul.primary-menu li{float:left; width:100%; border-bottom:1px solid rgba(255,255,255,.1);}
.Str-mobile-nav ul.primary-menu li a{display:block; padding:.15rem .2rem; font-size:.14rem; color:rgba(255,255,255,.7);font-size:16px; line-height:50px; padding-left:15px;}
.Str-mobile-nav ul.primary-menu li.menu-item-has-children a{ background:url(../images/arr_down.png) no-repeat 96% center; background-size:12px;font-size:16px; line-height:50px; padding-left:15px;}
.Str-mobile-nav ul.primary-menu li.menu-item-curr a{background:url(../images/arr_up.png) no-repeat 96% center; background-size:12px;}
/*二级*/
.Str-mobile-nav ul.primary-menu li ul{display:none; background:#00a0de; overflow:hidden; box-shadow:0 0 .2rem rgba(0,0,0,.5) inset;}
.Str-mobile-nav ul.primary-menu li ul li{float:left; width:100%;}
.Str-mobile-nav ul.primary-menu li ul li a,.Str-mobile-nav ul.primary-menu li.menu-item-has-children ul li a{display:block; padding:.1rem .2rem;font-size:14px;padding-left:15px; line-height:45px; color:rgba(255,255,255,.7); background:none;}


.Str-header{height:70px; padding:15px 0;}
.Str-header .container{max-width:100%;}
.Str-header h1{height:40px;margin:0 30px 0 0;}
.Str-header h1 a.logo{width:210px; height:40px; background:url(../images/mlogo_w.png) no-repeat center; background-size:210px 40px;}
.Str-header ul.primary-menu{display:none;}
.Str-header p.header-btns{display:none;}
.Str-header ul.Str-navother{display:none;}

.Str-header .toggle-btn{position:fixed; top:.1rem; right:.15rem;  }
.Str-header .icon-i{background:#fff;}

.Str-header-scroll h1 a.logo{width:210px; height:40px; background:url(../images/mlogo.png) no-repeat center; background-size:210px 40px;}
.Str-header-scroll .icon-i{background:#222;}

.Str-banner{height:500px;}

.notice-list{padding:0 0 10px;}
.notice-list li{padding:6px 0;}
.notice-list li a p{padding-left:20px; font-size:14px; color:#333; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.fast-link{overflow:hidden; margin-left:-5px; margin-right:-5px;}
.fast-link li{float:left; width:50%; padding:5px;}
.fast-link li a{display:block; padding:20px; background:#00a0de; text-align:center;}
.fast-link li a:hover{background:#4cc8f2;}
.fast-link li a img{display:block; width:50px; height:50px; margin:0 auto 10px; }
.fast-link li a span{display:block; font-size:14px; color:#fff; line-height:20px;}

.news-list li{padding:2px 0;}
.news-list li a span{font-size:14px;}
}





/**********************************************phone************************************/
@media only screen and (max-width:1000px) {

.Str-header{height:50px; padding:7px 0; background:rgba(0,0,0,.3);}
.Str-header .container{max-width:100%;}
.Str-header h1{height:36px;}
.Str-header h1 a.logo{width:190px; height:36px; background:url(../images/mlogo_w.png) no-repeat center; background-size:190px 36px;}
.Str-header ul.primary-menu{display:none;}
.Str-header p.header-btns{display:none;}
.Str-header ul.Str-navother{display:none;}

.Str-header-scroll{background:#fff;}
.Str-header-scroll h1 a.logo{width:190px; height:36px; background:url(../images/mlogo.png) no-repeat center; background-size:190px 36px;}
.Str-header .toggle-btn{position:fixed; top:15px; right:0;  }

.Str-foot{padding:.2rem 0;}
.foot-left{width:100%; margin:0 0 .15rem}
.foot-nav{margin:0 0 .15rem}
.foot-nav a{margin:0; position:relative; display:inline-block; padding:0 .2rem 0 0; font-size:.14rem; line-height:2; color:rgba(255,255,255,.5);}
.foot-nav a:hover{color:#00a0de;}
.foot-nav a:after{}
.foot-nav a:last-child:after{display:none;}
.foot-copyright p{font-size:.12rem;  color:rgba(255,255,255,.4); line-height:2; }
.foot-copyright p a{ color:rgba(255,255,255,.4);}
.foot-copyright p a:hover{color:#00a0de;}
.foot-copyright p label{display:block;margin-left:0;}
.foot-right{float:none;}
.foot-right p{font-size:.14rem; line-height:2; margin:0 0 .1rem; color:#fff;}
.foot-right img{display:block; width:1rem; height:1rem;}
.Index-str .index-left{width:100%; padding-right:0;}
.Index-str .index-right{width:100%;}

.Str-banner{height:2.2rem;}
.Banner-swiper .swiper-button-next, .Banner-swiper .swiper-button-prev {display:none;}

/*index warp*/
.Str-warp{padding:.1rem 0;}
.Str-warp .container{padding-left:0; padding-right:0;}
.Index-str .index-left{width:100%; padding-right:0;}
.Index-str .index-right{width:100%;}

.comm-title{padding:.15rem 0; line-height:.3rem; font-size:.14rem; text-align:right; overflow:hidden;}
.comm-title span{font-size:.2rem;}
.comm-title a{position:relative; display:inline-block; color:#666; padding-right:.2rem;}

.left-box{padding:0 .15rem .15rem;}
.img-news{margin:0 0 .1rem;}
.img-news dt{width:35%; padding-top:22%;}
.img-news dd{margin-left:35%; padding-left:.15rem;}
.img-news dd h3{margin:0 0 10px; font-size:.15rem;  line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:normal; color:#333;}
.img-news dd p.p-txt{display:none;}
.img-news dd p.p-time{font-size:.12rem;}

.news-list li{padding:0;}
.news-list li:last-child{border:0;}
.news-list li a{line-height:.4rem; font-size:.12rem;}
.news-list li a span{font-size:.14rem; width:75%;}

.right-box{padding:0 .15rem; margin:0 0 .02rem; }
.notice-list{padding:0 0 .1rem;}
.notice-list li{padding:.05rem 0;}
.notice-list li a span{font-size:.14rem;line-height:.22rem;}
.notice-list li a p{font-size:.14rem; color:#333; line-height:.22rem;}

.fast-link{overflow:hidden; margin-left:0; margin-right:0; padding:0 .02rem}
.fast-link li{float:left; width:25%; padding:.02rem;}
.fast-link li a{display:block; padding:.1rem; background:#00a0de; text-align:center;}
.fast-link li a:hover{background:#4cc8f2;}
.fast-link li a img{display:block; width:.4rem; height:.4rem; margin:0 auto .05rem; }
.fast-link li a span{display:block; font-size:.12rem; color:#fff; line-height:2;}

.bg-img-1 .comm-title,.bg-gray .comm-title{padding-left:.15rem;}
.brand-item{float:none; width:100%; overflow:hidden;}
.brand-item span{cursor:pointer;margin:0; display:block; float:left; width:50%; padding:.15rem; font-size:.14rem; line-height:.2rem; color:#fff; }
.brand-con{margin-left:0px; height:auto;}

.brand-abt{height:auto; padding:.15rem;}
.brand-abt h3{font-size:.22rem; line-height:1.5; font-weight:600; color:#222; margin:0 0 .1rem; }
.brand-abt p{font-size:.14rem; line-height:1.65; color:#666;}
.brand-btn{margin:.15rem 0 0; display:inline-block; padding:.08rem .2rem; border:1px solid #ccc; border-radius:6px; font-size:.14rem; color:#666; }
.brand-btn:hover{background:#00a0de; color:#fff; border:1px solid #00a0de;}
.brand-img{height:2.4rem; background:#333; padding:.15rem;}

.brand-abt-two{height:auto; padding:.15rem;}
.brand-abt-two p.img-p{position:relative; padding-right:0; text-align:justify;}
.brand-abt-two p.img-p img{position:relative; left:0; top:0; display:block; max-width:50%; margin:0 0 .15rem;}

.meeting-list li{padding:.15rem 0;}
.meeting-list li dl{overflow:hidden;}
.meeting-list li dl dt{float:left; width:30%; font-size:.12rem; line-height:.24rem; border-radius:100px; background:#bbb; color:#fff; text-align:center;}
.meeting-list li dl dd{position:relative; margin-left:30%; font-size:.14rem; line-height:.2rem; height:.4rem; overflow:hidden; color:#666; padding-left:.24rem;}
.meeting-list li dl dd:before{content:'';width:5px; height:5px; border-radius:10px; background:#bbb; position:absolute; left:10px; top:8px; z-index:40;}
.meeting-list li dl dd a{color:#666;}
.meeting-list li dl dd a:hover{color:#00a0de;}
.meeting-list li:first-child dt{color:#fff; background:#f90;}

.Tbanner{margin-top:0;}
.Tbanner img{display:block; width:100%;}

.list-style-two{overflow:hidden; margin-left:0; margin-right:0;}
.list-style-two li{position:relative; float:left; width:100%; padding:0; margin:.01rem 0; }

.bg-gray .comm-title label{display:none;}

.tec-imgnews{padding:.1rem .15rem;}
.tec-imgnews dt{width:35%; padding-top:22%; overflow:hidden;}
.tec-imgnews dd{margin-left:35%; padding-left:.1rem;}
.tec-imgnews dd h3{margin:0 0 .05rem; font-size:.15rem; line-height:1.5; color:#222; white-space:normal;}
.tec-imgnews dd p.p-txt{display:none;}
.tec-imgnews dd p{font-size:.12rem; color:#999;}

.friend-logo{margin:0 0 .1rem; margin-left: -.05rem; margin-right: -.05rem; overflow:hidden;}
.friend-logo li{position: relative; float: left;  width:33.3333%; padding:.05rem;}

.Friendlinks .container{padding:0 .15rem .15rem;}

.mini-imgs{margin-top:.15rem; overflow:hidden; margin-left:-.05rem; margin-right:-.05rem;}
.mini-imgs li{position:relative; float:left; width:33.3333%; padding:.05rem;}

.friend-link label{display:inline-block;margin:.02rem 0;}
.friend-link label a{display:inline-block; margin-right:.15rem; line-height:1.5; font-size:.14rem; color:#666;}

/*子页面*/
.Sub-banner{height:150px;}
.mobile-title{display:block;font-size:.24rem; line-height:40px; text-align:center; color:#fff;padding-top:80px;}
.sub-name{position:absolute; left:0; bottom:0; width:100%; height:70px; font-size:.24rem; text-align:center; color:#fff; padding:0 20px;}

/*左侧滚动固定*/
.Str-body .container{padding-left:0; padding-right:0;}

.Strwarp{ border-left:0px solid #ccc; }
.Strsider{display:none;}
.Strmain{margin-left:0px;  padding:.1rem 0;}

.Artwarp{}
.Artsider{display:none;}
.Artmain{width:100%; margin-left:0; padding:.15rem; min-height:auto;}

.Txtsider{display:none; }
.Txtmain{margin-left:0; background:#fff; padding:.15rem 0; border-left:0px solid #ccc; border-right:0px solid #ccc;}


/*左侧滚动固定*/

/*sub style*/
.Sub-str{overflow:hidden;}
.Sub-str .container{padding-left:0; padding-right:0;}
.Sub-str .sub-left{float:left; width:100%; padding-right:0px;}
.Sub-str .sub-right{display:none;}

.imglist-dl{padding:.15rem;}
.imglist-dl dt{position:relative; float:left; width:30%; padding-top:18%;}
.imglist-dl dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.imglist-dl dd{margin-left:30%; padding-left:.15rem;}
.imglist-dl dd h3{margin:0 0 .05rem; font-size:.15rem; line-height:1.5; color:#222; text-align:justify; }
.imglist-dl dd p{display:none;}
.imglist-dl dd p.p-date{display:block; margin:0; font-size:.12rem;}

.txtlist-dl{padding:.15rem; }
.txtlist-dl dt{float:left; width:20%; padding-left:0;}
.txtlist-dl dt span{display:inline-block;  font-size:.18rem;  color:#999; text-align:right; line-height:1.2;}
.txtlist-dl dt span label{display:block; font-size:.15rem;}
.txtlist-dl dd{margin-left:22%;}
.txtlist-dl dd h3{margin:0; font-size:.15rem; color:#222; }
.txtlist-dl dd p{display:none;}

.main-article{padding:.15rem;}
.main-article p{margin:0 0 .15rem; font-size:.14rem; line-height:1.8; text-align:justify;}
.main-article h2{font-size:.24rem; font-weight:600; text-align:center;}
.main-article h2 span{display:block; font-size:.14rem;}
.main-article h3{font-size:.18rem; font-weight:600;}
.main-article a{color:#00a0de; text-decoration:underline;}
.main-article a.downfile{display:inline-block;  text-align:center; font-size:.14rem; line-height:.24rem; padding:.1rem .4rem; background:#00a0de; border:1px solid #00a0de; color:#fff; text-decoration:none; border-radius:100px;}
.main-article a.downfile:hover{background:#4cc8f2; border:1px solid #4cc8f2; color:#fff;}
.line{margin:.3rem 0; width:100%; padding-top:1px; background:#ddd;}

.mini-imgs{overflow:hidden; margin-left:0; margin-right:0; margin-top:.1rem;}
.mini-imgs li{position:relative; float:left; width:100%; padding:.1rem 0;}

.list-all-box{padding:0;}
.list-all-box li{border-bottom:1px solid #e9e9e9;}
.list-all-box li a{position:relative; display:block; padding:.1rem .15rem .1rem .55rem; }
.list-all-box li a:before{content:''; position:absolute; left:.15rem; top:.1rem; width:.28rem; height:.4rem;background:url(../images/icon_file.png) no-repeat center; background-size:.28rem; }
.list-all-box li a:hover{background:#eaf1f5; background:-moz-linear-gradient(left, #eaf1f5,#ffffff); background:-webkit-gradient(linear, 0 0, 100% 0, from(#eaf1f5), to(#ffffff));}
.list-all-box li a h3{margin:0 0 .05rem; font-size:.16rem; color:#222;}
.list-all-box li a p{display:none;}
.list-all-box li a p.p-date{display:block;margin:0;}

.list-all-box.list-file li a{padding:.15rem .15rem .15rem .5rem;}
.list-all-box.list-file li a:before{content:''; position:absolute; left:10px; top:15px; width:.2rem; height:.24rem;background:url(../images/icon_file.png) no-repeat center; background-size:.2rem;}
.list-all-box.list-file li h3{margin:0; font-size:.15rem; text-align:left; overflow:hidden; color:#999;}
.list-all-box.list-file li h3 span{float:left; width:100%; font-size:.15rem; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222;}

.talent-box{padding:.15rem;}
.talent-box dd{margin-left:27%; padding-left:.15rem;}
.talent-box dd h3{margin:0 0 .1rem; font-size:.16rem; color:#222;}
.talent-box dd h3 span{font-size:.12rem; color:#999; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.talent-box dd p{font-size:.12rem; color:#666; line-height:1.5; max-height:none; }

.product-box{padding:0;}
.product-box dt{float:none; width:40%; border:1px solid #eee;}
.product-box dt img{display:block; width:100%;}
.product-box dd{margin-left:0; padding-left:0;}
.product-box dd h3{margin:0 0 .1rem; font-size:.16rem; line-height:1.5; color:#222; font-weight:600;}
.product-box dd h3 span{display:block; font-size:.12rem; color:#999; font-weight:normal;}
.product-box dd p{font-size:.14rem; color:#666; line-height:1.5; max-height:none; overflow:auto; }

.about-article{padding:0 .15rem;}
.about-article .article-con{margin:0 0 .15rem; }
.about-article .article-con p{margin:0 0 .15rem; font-size:.15rem; line-height:1.8; color:#333; text-align:justify;}
.about-article .article-con img{display:block; margin:.1rem auto; width:100%;}

.page-title{font-size:.2rem; margin:0 0 .15rem; color:#222;}

.rules-list{padding:.05rem; margin-left:0; margin-right:0; overflow:hidden;}
.rules-list li{position:relative; float:left; width:50%; padding:.05rem; }

.rules-box{display:block; border-top:1px solid #ccc; border-left:1px solid #ccc; background:url(../images/rules_bg.jpg) no-repeat right bottom; background-size:cover; padding:.12rem .24rem .12rem .12rem; height:2rem;}
.rules-box:hover{-webkit-transform: translateY(-10PX);-ms-transform: translateY(-10PX);transform: translateY(-10PX);}

.rules-box h4{position:relative; font-size:.15rem; color:#222; text-align:center; line-height:1.5; padding-top:.5rem; background:url(../images/jsai_mlogo.png) no-repeat center top; background-size:.4rem;}
.rules-box h4:after{content:''; width:40px; height:10px; background:url(../images/stars.jpg) no-repeat center; background-size:40px; 10px; position:absolute; left:50%; bottom:-70px; margin-left:-20px;}

.member-step{padding:.15rem .15rem .2rem;}
.member-step .ms-txt{float:none; width:100%;}
.member-step .ms-txt h3 {font-size:.18rem; line-height:1.5;}
.member-step .ms-img{margin-left:0%;}
.member-step .ms-img img{display:block; width:100%; margin-top:.2rem;}

.member-abt{padding:.2rem .15rem;}

.list-style-four{margin-left: -.05rem; margin-right: -.05rem; overflow:hidden;}
.list-style-four li{position: relative; float: left;  width:50%; padding:.05rem;}

.list-style-three{margin-left: 0; margin-right: 0; overflow:hidden;}
.list-style-three li{position: relative; float: left;  width:100%; padding:.15rem;}

.member-txt{padding:.15rem 0 0;}
.member-txt h3{font-size:.14rem; line-height:2; }

.member-table td{padding:.1rem; font-size:.12rem; }
.member-table td.name{width:20%; font-size:.16rem; }
.member-table td ul li{position:relative; font-size:.12rem; padding:5px 0; padding-left:20px; line-height:.2rem; }
.member-table td ul li:after{content:''; width:12px; height:4px; background:#999; position:absolute; left:0; top:13px;}

.member-power{overflow:hidden;}
.member-power dt{float:left; width:.64rem; height:.64rem; padding:.15rem; border-radius:100px;}
.member-power dt img{display:block; width:100%; height:100%;}
.member-power dd{margin-left:.74rem;}
.member-power dd h3{margin:0 0 .05rem; font-size:.16rem; line-height:2;}
.member-power dd p{font-size:.12rem; line-height:1.65; height:auto; text-align:justify;}

.mobile-member .container{padding:.15rem;}

.join-xuehui{margin:.15rem 0; line-height:2; text-align:center; font-size:.14rem;}
.join-xuehui a{display:block; margin:.1rem 0; color:#666; text-decoration:underline;}
.join-xuehui a:hover{color:#00a0de; text-decoration:none;}
.join-xuehui a.join-link{display:inline-block; padding:0 .4rem; font-size:.16rem; line-height:.44rem; border-radius:100px; background:#00a0de; color:#fff; text-decoration:none;}

/*文章详情*/
.article-title{margin:0 0 .2rem; }
.article-title h3{margin:0; font-size:.22rem; line-height:1.4; color:#222; font-weight:600;}
.article-title p{font-size:.14rem; color:#999;}
.article-title p label{display:inline-block; margin:0 .1rem;}
.article-content{font-size:.15rem; line-height:1.65; color:#333; }
.article-content p{margin:0 0 .15rem; text-align:justify; }
.article-content img{display:block; max-width:100%; margin:0 auto .15rem;}
.article-foot p{line-height:2; font-size:.14rem; color:#999;}

.page-position{padding:.15rem; line-height:1.5; font-size:.14rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/*wp page*/
.pagination {text-align: center; padding: .15rem; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: .12rem;}
.pagination h2{display:none;}
.pagination a ,.pagination span{display:inline-block;margin: 0 1px 0 0; padding: .06rem .12rem; text-decoration:none;}
.pagination span.current{background:#00a0de;  color: #fff !important;}
.pagination a.page-numbers{background:#eeeeee; color:#666666;}

/*新增模块样式*/
.Sub-page-banner{height:2rem;}
.Subpage-all{margin-top:0;}
.Subpage-all .container{padding-left:0; padding-right:0;}
.banner-txtarea{padding-top:.25rem;}
.banner-txtarea img{max-width:70%;}

.sitemap{height:2.5rem; text-align:center;}
.sitemap dt{font-size:.15rem;}
.sitemap dd{padding:.05rem 0;}
.sitemap dd b,.sitemap dd a{display:block; font-size:.14rem;}

.tech-mobile .container{padding-right:.15rem; padding-left:.15rem;}

.pagetxt{float:none; width:100%; font-size:.14rem; line-height:1.65;}
.pageimg{margin-left:0;}
.pageimg img{display:block; max-width:70%;margin:0 auto;}

.pagecon{font-size:.14rem; line-height:1.65;}

.techimgs li{padding:.1rem 0;}

.tech-mobile .list-style-four li{width:100%; padding:.1rem 0;}
.sortbaoblue h3{min-height:auto;}
.sortbaoblue p{height:auto;}

.Artmain .main-article{padding:0;}

.red-title{padding-bottom:.1rem; margin-bottom:.15rem; font-size:.24rem; line-height:1.2; }
.red-title span{font-size:.14rem; line-height:2;}
.red-art-tit{font-size:.18rem; margin:0 0 .15rem;}
.red-article-foot p{text-align:right; font-size:.14rem; margin:0;}

.science-box{padding:.15rem;}
.science-box dd{padding:.1rem 0 0; }
.science-box dd h3{font-size:.16rem; line-height:1.5; height:auto;}
.science-box dd p.p-txt{font-size:.12rem; line-height:1.5; height:auto; }
.science-box dd p{font-size:.12rem;}

.downfile-list{overflow:hidden; padding:0 .15rem;}
.downfile-list dt{font-size:.1rem;}
.downfile-list dt span{margin:0;}
.downfile-list dt em{display:none;}
.downfile-list dd a span{margin:0; font-size:.14rem;white-space:normal;}
.downfile-list dd a em{display:none;}

/*404*/
.Str-404 h1{margin:0; font-size:1rem; }
.Str-404 h2{font-size:.28rem;}
.Str-404 h3{font-size:.16rem;  line-height:2;}

.search-article{padding:.15rem;}
.page-search{position:relative; width:90%; margin:0 auto; }
.page-search .search-input{padding:.1rem .16rem; line-height:.24rem; height:.44rem; border-radius:100px; font-size:.15rem; width:100%; padding-right:24%; background:#fff; }
.page-search .search-btn{cursor:pointer; position:absolute; right:-5px; top:0; border:0px solid #00a0de; width:24%; height:.44rem; font-size:.15rem; border-radius:100px; text-align:center; color:#fff; background:#00a0de;}

.search-list li a{display:block;padding: .12rem .2rem .32rem; }
.search-list li h3{font-size:.14rem; white-space:normal; line-height:1.5;}
.search-list li p{margin:0 0 .05rem; font-size:.12rem; color: #666; line-height: 1.65; width:100%; }
.search-list li span.details{position: absolute;left: .2rem;bottom: .12rem;}

.search-null{min-height:4rem; font-size:.14rem; }
.search-null p{margin:.4rem 0 .2rem; text-align:center;}



}