body{color:#222;}
p,a{font-size:.16rem; }
a:hover{color:#3d84d9;}
p{line-height: 2;}
.wrap{width:87.5%;margin:0 auto;}
@media(max-width:768px){
    p,a,span{font-size:14px !important;}
}

/* 电脑导航 */
header{top:0;z-index:999;width:100%;position:fixed;display:flex;justify-content: space-between;align-items: center;height:.8rem;background:#3d84d9;color:#fff;}
header .left{width:4rem;padding-left:.6rem;height: 100%;display:flex;justify-content: center;align-items: center;margin-right: auto;}
header .left img{width:100%;}
.head-v3{z-index:100;height: 100%;margin-right:.3rem;}
.head-v3 .navigation-inner{margin:0 auto;position:relative}
.navigation-up, .navigation-up .navigation-inner{height:.8rem;}
.navigation-up .navigation-v3{height:.8rem;float:left;}
.navigation-up .navigation-v3 ul{float:left;height: 100%;}
.navigation-up .navigation-v3 li{float:left;color:#fff;height: 100%;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0;height: 100%;display: flex;justify-content: center;align-items: center;}
.navigation-up .navigation-v3 li h2 a{margin:0 .35rem;color:#fff;display:inline-block;height: 60%;display: flex;justify-content: center;align-items: center;}
.navigation-up .navigation-v3 .nav-up-selected-inpage h2 a{border-bottom:2px solid white;}
.navigation-down{position:absolute;top:.8rem;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(255,255,255,.9);position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{width:100%;position:relative}
.navigation-down .nav-down-menu dl{float:left;height:.6rem;}
.navigation-down .menu-1 dd{color:#666;height:100%;display: flex;justify-content: center;align-items: center;margin:0 .25rem;}
.navigation-down .menu-1 dd a{color:#666;font-size:.16rem;}
.navigation-down .menu-1 dd a:hover{color:#3d84d9}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#666;}
header .cart{padding-right:.6rem;height:100%;display: flex;justify-content: center;align-items: center;}
header .cart i{font-size:.25rem;}

/* 轮播图 */
.banner{width:100%;height:8.6rem;position:relative;}
.banner .text{position:absolute;z-index:10;color:#fff;top:40%;}
.banner .text h1{font-size:.36rem;line-height: 2;}
.banner .text .more{font-size:.24rem;display: flex;justify-content: space-between;align-items: center;padding:.2rem;border:1px solid white;width:2.5rem;margin-top:.7rem;}
#swiper1{width:100%;height:100%;}
#swiper1 .swiper-pagination{bottom:.4rem!important;display: flex;justify-content: center;align-items: center;}
#swiper1 .swiper-pagination-bullet{width:.16rem;height:.16rem;background:rgba(255,255,255,.5);margin:0 .07rem!important;
    opacity: 1;}
#swiper1 .swiper-pagination-bullet-active{background:#fff;border:1px solid white;width:.45rem;height:.16rem;position:relative;border-radius:.16rem;}

/* 关于 */
.about{width:100%;padding:.8rem 0;background:#f4f4f4;color:#fff;}
.about .wrap{color:#222;display:flex;justify-content: space-between;align-items: start;}
.about .left{width:50%;}
.about .right{width:50%;padding-left:.6rem;}
.about .left .title{display: flex;justify-content: flex-start;align-items: center;}
.about .left .title .cn{font-size:.38rem;color:#3d84d9;margin-right:.2rem;}
.about .left .title .en{font-size:.24rem;color:#bbb;}
.about .left h1{font-size:.26rem;color:#222;margin:.48rem 0 .34rem 0;font-weight: bold;}
.about .left .content p{color:#666;}
.about .left .btns{display: flex;justify-content: flex-start;align-items: center;margin-top:.4rem;}
.about .left .btns a{display: block;width:2.25rem;height:1.4rem;display: flex;justify-content: center;align-items: center;flex-direction: column;background:#fff;margin-right:.1rem;}
.about .left .btns a.active{background:#3d84d9;}
.about .left .btns a .cn{font-size:.2rem;color:#222;}
.about .left .btns a .en{font-size:.14rem;color:#666;margin-top:.1rem;}
.about .left .btns a.active .cn, .about .left .btns a.active .en{color: #fff; }
.about .right img{width:100%;margin-top:.38rem;vertical-align: bottom;}

/* 产品 */
.products{padding-top:.7rem;position:relative;padding-bottom:.55rem;}
.products .cates{display: flex;justify-content: center;align-items: center;}
.products .cates a{display: inline-block;padding:0 .6rem;border-right:2px solid #ccc;}
.products .cates a.active{color:#3d84d9;}
.products .cates a:last-child{border:none;}
#swiper3{margin-top:.56rem;}
#swiper3 .swiper-slide img{width:100%;}
.products .swiper-pagination {position: relative;text-align: center;transition: .3s opacity;display: flex;justify-content: center;align-items: center;margin-top: .34rem;width:100%;}
.products .swiper-pagination .swiper-pagination-bullet{width:.16rem;height:.16rem;background:#fff;border:2px solid;margin:0 .12rem;}
.products .swiper-pagination .swiper-pagination-bullet-active{background:#000;}

/*视频*/
.video_block{padding:.6rem 0;}
.video_block .title{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.video_block .title img{width:2rem;}
.video_block .title h2{font-size:.34rem;color:#222;font-weight:bold;margin:.24rem 0 .27rem 0;}
.video_block .title p{font-size:.2rem;color:#666;text-align: center;}
.video_block .item{display: flex;justify-content: space-between;align-items: center;margin-top:.42rem;}
.video_block .item .video{width:63%;}
.video_block .item video{width:100%;}
.video_block .item .text{width:37%;height:6rem;padding-left:.9rem;}
.video_block .item .text img{width:.7rem;}
.video_block .item .text>div{font-size:.46rem;font-weight:bold;color:#222;margin:.8rem 0 .3rem 0;}
.video_block .item .text p{font-size:.22rem;color:#999;}
.video_block .item .text img{margin-top:1.7rem;}
.videolist { position:relative; float:left; width:100%; height:6rem; }
.videolist:hover{ cursor: pointer; }
.videolist .poster{width:100%;}
.videoed { width:1rem; height:1rem; position: absolute; left:50%; top:50%; z-index:99; border-radius:100%;transform:translate(-50%,-50%);}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:100; width:640px; height:4rem; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

/*广告细节*/
.ads{height:8.4rem;background:url(/assets/templates/images/ads_bg.jpg) center center/cover no-repeat;padding:0 1.2rem;}
.ads h1{padding-top:1.6rem;font-size:.52rem;color:#3d84d9;font-weight:bold;}
.ads .texts{display: flex;justify-content: flex-start;align-items: flex-start;margin-top:2rem;}
.ads .texts .item:first-child{margin-right:.7rem;}
.ads .texts .one{display: flex;justify-content: flex-start;align-items: center;margin-bottom:.52rem;}
.ads .texts .one img{width:.6rem;margin-right:.2rem;}
.ads .texts .one p{font-size:.22rem;color:#3d84d9;font-weight:bold;}

    /* 新闻 */
.news{position:relative;}
.news>.title{width:100%;height:3rem;background:url(/assets/templates/images/news_title.jpg) center center/cover no-repeat;color:#fff;}
.news>.title h2{font-size:.48rem;margin-bottom:.2rem;text-align: center;padding-top:.4rem;}
.news>.title p{font-size:.2rem;text-align: center;}
.news .wrap{position:absolute;top:1.8rem;left:50%;z-index:2;transform:translateX(-50%);}
.news .content{display:flex;justify-content: space-between;align-items: start;}
.news .content .item{width:32%;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.2);}
.news .content .item .news_pic{width:100%;height:2.5rem;}
.news .content .item .text{padding:.3rem;}
.news .content .item .title{font-size:.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:.18rem;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight:bold;}
.news .content .item a:hover .title{color:#222;}
.news .content .item .txt{min-height: .53rem;font-size:.14rem;color:#666;line-height:2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .content .item .time_block{display:flex;justify-content: space-between;align-items: center;margin-top:.3rem;}
.news .content .item .time{font-size:.14rem;color:#999;}
.news .content .item span{font-size:.14rem;}
.news .btn{width:100%;display:flex;justify-content: center;align-items: center;margin-top:3.9rem;}
.news .btn .about_more{background:#3d84d9;color:#fff;width:2.5rem;height:.55rem;display: flex;justify-content: center;align-items: center;font-size:.2rem;}

/*招商*/
.info{padding:.75rem 0;}
.info .wrap{display:flex;justify-content: space-between;align-items: center;}
.info .wrap .item{width:49%;height:5rem;position:relative;display:flex;padding:0 .55rem;justify-content: center;align-items: flex-start;flex-direction: column;}
.info .wrap .item p.cn{font-size:.24rem;font-weight: bold;}
.info .wrap .item p.en{font-size:.38rem;line-height: 1.5;}
.info .wrap .item img{width:1.7rem;margin-top:.8rem;}
.info .wrap .item:first-child p{color:#fff;}
.info .wrap .item:first-child:hover p{color:#fff;}
.info .wrap .item:last-child p{color:#222;}
.info .wrap .item:last-child:hover p{color:#222;}

/*联系*/
.contact{width:100%;height:2.1rem;background:url(../images/default_contact_bg.jpg)center center/cover no-repeat;}
.contact h2{font-size:.28rem;font-weight:bold;color:#fff;text-align: center;padding:.36rem 0;}
.contact .infos{display:flex;justify-content: center;align-items: center;}
.contact .info1{margin-right:1rem;background:#fff;border-radius:.6rem;width:4rem;height:.6rem;display:flex;justify-content: center;align-items: center;}
.contact .info1 img{width:.25rem;}
.contact .info1 .line{width:1px;height:.26rem;background:#3d84d9;margin:0 .15rem;}
.contact .info1 .txt1{font-size:.18rem;color:#3d84d9;}
.contact .info1 .txt2{font-size:.26rem;font-weight:bold;color:#3d84d9;}
.contact .info2{margin-right:1rem;background:transparent;border-radius:.6rem;width:4rem;height:.6rem;display:flex;justify-content: center;align-items: center;border:1px solid #fff;}
.contact .info2 img{width:.25rem;}
.contact .info2 .line{width:1px;height:.26rem;background:#fff;margin:0 .15rem;}
.contact .info2 .txt1{font-size:.18rem;color:#fff;}
.contact .info2 .txt2{font-size:.26rem;font-weight:bold;color:#fff;}

/* 底部 */
footer{background:url(../images/footer_bg.jpg)center top/cover no-repeat;;color:#fff;padding-top:.7rem;}
footer .wrap{display:flex;justify-content: space-between;align-items: start;flex-wrap:wrap;}
footer .left{width:18%;}
footer .left img{width:1.7rem; margin-bottom:.3rem;}
footer .left .line{display:flex;justify-content: flex-start;align-items: center;}
footer .left .line i{font-size:.2rem;color:#3d84d9;margin-right:.15rem;}
footer .left .line p{font-size:.14rem;color:#222;}
footer .left .line p a{font-size:.14rem;color:#222;}
footer .center{display:flex;justify-content: space-between;align-items: start;width:60%;margin-left: 5%;}
footer .center .item{display:flex;flex-direction: column;align-items: flex-start;justify-content: center;width:16%;}
footer .center .item_pdt{width:23%;}
footer .center .item a{font-size:.16rem;color:#666;margin-bottom:.2rem;}
footer .center .item a:first-child{font-size:.18rem;color:#222;}
footer .right{width:16%;display:flex;justify-content: center;align-items: center;flex-direction: column;}
footer .right p{text-align: center;margin-top:.1rem;font-size:.18rem;color:#222;}
footer .right>img{width:1.5rem;}
footer .copyright{width:100%;background:#3d84d9;padding:.16rem 0;margin-top:.9rem;}
footer .copyright span, footer .copyright a{color:#fff;font-size:.14rem;}
footer .copyright .wrap{display:flex;justify-content: space-between;align-items: center;}
footer .copyright .wrap .left{display:flex;justify-content: flex-start;align-items: center;width:70%;}
footer .copyright .wrap .left .line{width:1px;height:.14rem;background:#fff;margin:0 .15rem;}
footer .copyright .wrap .right{width:30%;display:flex;justify-content: flex-end;flex-direction: row;}

/* 关于页面 */
.common_banner{width:100%;height:5.8rem;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.common_banner h1{font-size:.42rem;color:#fff;margin-top:1.2rem;}
.common_banner img{width:2rem;margin-top:.3rem;}
.common_title{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.common_title h1{font-size:.28rem;color:#222;font-weight:bold;margin:.2rem 0;}
.common_title .line{width:.03rem;height:.37rem;background:#3d84d9;}

.job_nav{border-bottom:1px solid #dedede;}
.job_nav .wrap{display:flex;justify-content: center;align-items: center;}
.job_nav .job_item{width:2.2rem;height:.7rem;display:flex;justify-content: center;align-items: center;border-right:1px solid #dedede;color:#222;font-size:.22rem;}
.job_nav .job_item:first-child{border-left:1px solid #dedede;}
.job_nav .job_item.active{color:#fff;background:#3d84d9;}
.page_job{padding-top:.351rem;padding-bottom:.8rem;}

.page_about{padding:.25rem 0 1rem 0;background:url(../images/page_about_bg.jpg) center center/cover no-repeat;}
.page_about .text{margin-bottom:.78rem;}
.page_about .text p{margin-top:.4rem;line-height:2.5;font-size:.16rem;color:#444;text-align: center;}
.page_about .text img{margin-top:.2rem;max-width:100%;}
.page_about .about_foot{background:rgba(255,255,255,.5) center center/cover no-repeat;padding:.6rem 0 .7rem 0;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.page_about .about_foot{display: flex;justify-content: space-between;align-items: start;}
.page_about .about_foot .item p{font-size:.28rem;color:#222;line-height:1.5;}
.page_about .about_foot .item .small{font-size:.2rem;color:#999;}
.page_about .about_foot .item span{color: #3d84d9;font-size:.72rem;font-weight:bold;margin-right:.2rem;}
.page_about .about_foot .item{border-right:1px solid #eeeeee;width:33%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.page_about .about_foot .item:last-child{border:none;}
.about_culture{padding:.8rem 0 1rem 0;}
.about_culture .wrap{display: flex;justify-content: space-between;align-items: center;height:5.3rem;}
.about_culture .wrap .left{width:50%;background:#3d84d9;color:#fff;height:100%;padding:.6rem;}
.about_culture .img_top{width:.7rem;}
.about_culture .line_right{width:.7rem;}
.about_culture .line_left{width:1rem;}
.about_culture .cn{font-size:.4rem;font-weight:bold;line-height: 1.5;margin-top:.4rem;}
.about_culture .en{font-size:.26rem;color:rgba(255,255,255,.2);}
.about_culture .line{margin-top:1rem;display: flex;justify-content: space-between;align-items: flex-end;}
.about_culture .wrap .right{width:50%;}
.about_culture .wrap .right img{width:100%;}

/* 文化页面 */
.page_culture{padding:.25rem 0 0 0;}
.culture_list{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;margin:.4rem 0 0 0;}
.culture_list .item{width:30%;height: 4.08rem;margin-bottom:.8rem;border:1px solid #f4f4f4;}
.culture_list .top{height:1.6rem;display: flex;justify-content: center;align-items: center;font-size:.32rem;color:#222;font-weight:bold;}
.culture_list .bottom{height:2.17rem;margin-top:.1rem;display: flex;justify-content: center;align-items: center;font-size:.22rem;color:#555;}
.culture_list p{text-align: center;}
.culture_list .item:nth-child(5){margin-right:35%;}

/*荣誉页面*/
.page_honor {padding: .25rem 0 0 0;}
.honor_list{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;margin:.4rem 0 0 0;}
.honor_list .item{width:24%;margin-bottom:.6rem;border:1px solid #f4f4f4;}
.honor_list .item img{width:90%;margin-left:5%;}
.honor_list .item:nth-child(4n+2):last-child{margin-right:51%;}
.honor_list .item:nth-child(4n+3):last-child{margin-right:25.5%;}

/*招商*/
.page_join {padding: .25rem 0 0 0;}
.page_join .info{font-size:.16rem;color:#666;text-align: center;padding:.4rem 0 .6rem 0;}
.page_join .info_block{display: flex;justify-content: space-between;align-items: flex-start;}
.page_join .info_block .left{width:40%;}
.page_join .info_block .left img{width:80%;margin-top:.2rem;}
.page_join .info_block .right{width:60%;}
.page_join .info_block .right .item{padding:.5rem 0;border-bottom:1px solid #eeeeee;display: flex;justify-content: space-between;align-items: center;}
.page_join .info_block .right .item_left .title{font-size:.28rem;color:#222;font-weight:bold;}
.page_join .info_block .right .item_left .intro{font-size:.18rem;color:#666;margin-top:.3rem;}
.page_join .info_block .right .item_right{width:.3rem;display: flex;justify-content: center;align-items: center;}
.page_join .info_block .right .item_right img{width:100%;}
.page_join .needs{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.page_join .needs h2{font-size:.42rem;color:#222;font-weight:bold;margin:.8rem 0 .3rem 0;}
.page_join .needs .line{width:.5rem;height:.1rem;background:#5090dd;}
.page_join .needs_block{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;}
.page_join .needs_block .item{width:30%;display: flex;justify-content: center;align-items: center;flex-direction: column;height:3rem;border:1px solid #eeeeee;margin-top:.5rem;}
.page_join .needs_block .item:nth-child(4){margin-left:17.5%;}
.page_join .needs_block .item:nth-child(5){margin-right:17.5%;}
.page_join .needs_block img{height:.6rem;}
.page_join .needs_block .title{font-size:.26rem;color:#222;font-weight:bold;margin:.3rem 0 .2rem 0;}
.page_join .needs_block .intro{font-size:.16rem;color:#666;text-align: center;}
.welcome{background:#5090dd;border-radius:0 0 .1rem .1rem;margin:.9rem 0;color:#fff;padding-bottom:.8rem;}
.welcome .line{display: flex;justify-content: space-between;align-items: flex-start;height:1.7rem;}
.welcome h3{font-size:.42rem;color:#fff;font-weight:bold;padding:.6rem 0;text-align: center;}
.welcome .left{width:40%;border-right:1px solid #73a6e4;display: flex;justify-content: center;align-items: flex-start;}
.welcome .left .img_block{margin:0 .5rem;}
.welcome .left .img_block img{width:1.4rem;}
.welcome .left .img_block p{font-size:.16rem;color:#fff;text-align: center;}
.welcome .welcome_info{width:30%;border-right:1px solid #73a6e4;padding-left:.5rem;height:100%;}
.welcome .welcome_info:last-child{border:none;}
.welcome .welcome_info .one{display: flex;justify-content: flex-start;align-items: center;}
.welcome .welcome_info img{width:.3rem;margin-right:.2rem;}
.welcome .welcome_info span{font-size:.2rem;}
.welcome .welcome_info .two{font-size:.34rem;font-weight:bold;font-weight:bold;margin-top:.3rem;}
.welcome .welcome_info:last-child .two{font-size:.24rem;}

/*购买*/
.page_buy .wrap{box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius:.2rem;margin:.6rem auto .9rem auto;padding:.4rem 0 1rem 0;}
.page_buy .info{font-size:.16rem;color:#666;text-align: center;padding:.4rem 0 .6rem 0;}
.page_buy .content{display: flex;justify-content: space-between;align-items: center;height:4.1rem;}
.page_buy .left{width:50%;display: flex;flex-direction: column;justify-content: center;align-items: center;height:100%;}
.page_buy .left img{width:2.6rem;}
.page_buy .left p{font-size:.18rem;color:#222;text-align: center;}
.page_buy .right{width:50%;border-left:1px solid #eee;height:100%;display: flex;justify-content: center;align-items: center;}
.page_buy .text{display: flex;justify-content: flex-start;align-items: center;}
.page_buy .text_left{width:.8rem;margin-right:.2rem;}
.page_buy .text_right .title{font-size:.3rem;color:#222;font-weight:bold;line-height: 1;}
.page_buy .text_right .intro{font-size:.16rem;color:#444;line-height: 1;margin-top:.1rem;}
.page_buy .text_right .intro a:hover{color:#666;}

/* 在线留言页面 */
.message{padding:.6rem 0;}
.message .title{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.message .title h1{font-size:.28rem;color:#222;font-weight:bold;margin:.2rem 0;}
.message .title .line{width:.03rem;height:.37rem;background:#3d84d9;}
.message .title p{font-size:.16rem;color:#666;margin-top:.3rem;}
.message form{margin-top:.5rem;width:100%;}
.message .line{width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.message .line .item{width:48%;height:.7rem;padding:.2rem .3rem;position:relative;border:1px solid #e2e2e2;border-radius:5px;margin-bottom:.34rem;font-size:.18rem;color:#666;line-height:.3rem;}
.message .line .item input{width:5.6rem;height:.3rem;position:absolute;font-size:.18rem;color:#666;border:none;outline:none;}
.message .line .item:last-child{width:100%;height:3.86rem;}
.message textarea{position:absolute;height:3.5rem;width:13rem;border:none;outline:none;}
.message .btns{display:flex;justify-content: center;align-items: center;}
.message button{width:2.2rem;height:.65rem;line-height: .65rem;text-align: center;font-size:.18rem;border-radius: 5px;margin-top:.1rem;}
.message button:first-child{color:#fff;background:#1e56a7;border:none;margin-right:.8rem;}
.message button:last-child{color:#fff;background:#999;border:none;}
.message input,.message textarea{background:transparent;}

/* 联系页面 */
.contact_info{padding:.6rem 0;}
.contact_info .infos{display: flex;justify-content: space-between;align-items: center;height:4.66rem;}
.contact_info .infos .left{width:59%;padding:.8rem .5rem;height:100%;box-shadow: 0 0 10px rgba(0,0,0,.1);background:url(../images/contact_info_left.jpg) center center/cover no-repeat;}
.contact_info .infos .right{width:38%;box-shadow: 0 0 10px rgba(0,0,0,.1);height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.contact_info .infos .left h2{font-size:.3rem;font-weight: bold;padding:0 .2rem;border-left:3px solid #3d84d9;}
.contact_info .items{display: flex;justify-content: flex-start;align-items: flex-start;margin-top:.7rem;}
.contact_info .item_right{margin-left:.7rem;}
.contact_info .item{margin-bottom:.25rem;display: flex;justify-content: flex-start;align-items: center;}
.contact_info .item i{margin-right:.2rem;color:#3d84d9;font-size:.24rem;}
.contact_info .item p{font-size:.18rem;color:#333;}
.contact_info .item a{font-size:.18rem;}
.contact_info .infos .right img{width:2.55rem;}
.contact_info .infos .right p{font-size:.22rem;color:#000;line-height: 1.5;text-align: center;margin-top:.3rem;}
.ditu_block{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.1);height:6rem;padding:.2rem;margin-top:.35rem;}
#dituContent{width:100%;height:100%;font-size:.16rem;}
.iw_poi_title {color: #CC5522;font-weight: bold;}
.iw_poi_content{margin-top:.05rem;}

/* 产品列表页 */
.page_product{padding:.35rem 0 0 0;}
.page_product .cates{border-bottom:1px solid #f0f0f0;}
.page_product .cates .wrap{display: flex;justify-content: flex-start;align-items: center;}
.page_product .cates .cate{font-size:.18rem;color:#666;margin-right:1.23rem;padding-bottom:.3rem;border-bottom:4px solid #f9f9f9;}
.page_product .cates .cate.active,.page_product .cates .cate:hover{color:#3d84d9;border-bottom:4px solid #3d84d9;}
.page_product .pic{width:100%;height:5rem;margin-top:.7rem;}
.page_product .pic h2{font-size:.34rem;color:#222;font-weight:bold;}
.page_product .pic .line{background:#ccdaeb;width:.4rem;height:4px;margin:.3rem 0;}
.page_product .pic p{font-size:.2rem;color:#666;}
.page_product .pic .text{padding-left:1.13rem;padding-top:2.87rem;}
.page_product .pdts{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;margin-top:.7rem;}
.page_product .pdt{width:30%;border:1px solid #e4e4e4;margin-bottom:.6rem;}
.page_product .pdt:nth-child(3n+2):last-child{margin-right:35%;}
.page_product .pdt .top{height:3.4rem;overflow:hidden;}
.page_product .pdt .top img{width:100%;height:100%;transition:.5s;}
.page_product .pdt .top:hover img{transform:scale(1.1);}
.page_product .pdt .bottom{padding:.1rem .4rem;}
.page_product .pdt .bottom .name{padding:.3rem 0;font-size:.24rem;color:#666;border-bottom:1px solid #e4e4e4;}
.page_product .pdt .bottom .links{display: flex;justify-content: space-between;align-items: center;padding:.25rem 0;}
.page_product .pdt .bottom .line{width:.17rem;height:.02rem;background:#3d84d9;}
.page_product .pdt .bottom .more{font-size:.19rem;color:#666;}

/*分页*/
.pag{margin-bottom:.8rem;}
.pagination a,.pagination span{color:#666;font-size:.14rem;}
.pagination li{width:.4rem;height:.4rem;display:flex;justify-content: center;align-items: center;border:1px solid #f0f0f0;margin:0 .035rem;}
.pag{width:100%;display:flex;justify-content: center;align-items: center;}
.pagination li.active{color:#3d84d9;border:1px solid #3d84d9;cursor:pointer;}
.pagination li.active a,.pagination li.active span{color:#3d84d9;}
.pagination li:hover a{color:#3d84d9;cursor:pointer;}

/* 产品详情 */
.pos{background:#fff;border-bottom:1px solid #f0f0f0;margin-top:.8rem;}
.pos .wrap{display: flex;justify-content: space-between;align-items: center;height:.9rem;}
.pos a,.pos span{color:#999;font-size:.18rem;margin-left:.2rem;}
.pos .left,.pos .right{display: flex;justify-content: flex-start;align-items: center;}

.page_product .content{display: flex;justify-content: space-between;align-items: flex-start;}
.page_product .left{width:40%;position:relative;}
.page_product .text{width:53%;}
.page_product .text .title{margin-top:.9rem;font-size:.32rem;color:#222;padding-bottom:.4rem;border-bottom:1px solid #d9d9d9;}
.page_product .text .cate{font-size:.18rem;color:#999;margin:.4rem 0;}
.page_product .text .price{font-size:.28rem;color:#5090dd;border-bottom:1px solid #d9d9d9;padding-bottom:.5rem;}
.page_product .text .info{font-size:.18rem;color:#999;padding:.5rem 0 .4rem 0;}
.page_product .text .line{display: flex;justify-content: flex-start;align-items: center;margin-bottom:.3rem;}
.page_product .text .line img{width:.3rem;margin-right:.2rem;}
.page_product .text .line span{font-size:.18rem;color:#999;}
.page_product .text .line a{font-size:.18rem;color:#999;}
.page_product .content .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.page_product .content .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}
.page_product .content .productview_img .gallery-top img {width:100%;}
.page_product .content .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;left: auto;color:#666;width:.3rem;height:.3rem;top:89%;}
.page_product .content .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;right: auto;color:#666;width:.3rem;height:.3rem;top:89%;}
.page_product .content .productview_img .gallery-thumbs {width: 90%;box-sizing: border-box;padding: .4rem 0;}
.page_product .content .productview_img .gallery-thumbs .swiper-slide{height:1.5rem;}
.page_product .content .productview_img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border: 2px solid #5090dd;}
.page_product .content .swiper-button-next:after, .swiper-button-prev:after{font-size:.3rem;}
.common_btns .wrap{display: flex;justify-content: space-between;align-items: center;border-top:1px solid #d9d9d9;padding-top:.2rem;padding-bottom:.5rem;}
.common_btns .item{display: flex;justify-content: flex-start;align-items: center;margin:.34rem 0;}
.common_btns a{font-size:.18rem;color:#222;}
.common_btns span{font-size:.18rem;color:#666;}

/* 新闻列表 */
.page_news {padding:.6rem 0;}
.page_news .list{display:flex;justify-content: space-between;align-items: center;flex-wrap:wrap;}
.page_news .item{width:32%;padding-bottom:.2rem;margin-bottom:.4rem;}
.page_news .top{width:100%;height:3rem;overflow:hidden;}
.page_news .top .img{width:100%;height:100%;transition:.5s;}
.page_news .top:hover .img{transform: scale(1.1);}
.page_news .bottom h4{font-size:.2rem;color:#222;font-weight:bold;padding:.24rem 0;border-bottom:1px solid #eee;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.page_news .bottom .line{display: flex;justify-content: space-between;align-items: center;margin-top:.24rem;}
.page_news .bottom .line p{background:#b1cef0;font-size:.14rem;color:#fff;padding:.05rem .1rem;border-radius:5px;}
.page_news .bottom .line span{font-size:.14rem;color:#3d84d9;}
.page_news .item:last-child:nth-child(3n+2){margin-right: 34%;}

/* 新闻详情 */
.page_newsview{color:#666;}
.page_newsview h1{font-size:.42rem;color:#333;margin-top:.7rem;}
.page_newsview .intro{font-size:.16rem;display:flex;justify-content: flex-start;align-items: center;padding:.36rem 0;margin-top:.2rem;border-bottom:1px solid #cccccc;color:#999;}
.page_newsview .intro p{margin:0 .1rem;}
.page_newsview .txt{padding:.4rem 0;font-size:.16rem;line-height:2;color:#666;}
.page_newsview .txt p{text-indent:2em;line-height:2;font-size:.16rem;}
.page_newsview .line{display:flex;justify-content: space-between;align-items: center;margin:.4rem 0;}
.page_newsview .bottom{width:80%;}
.page_newsview .bottom a,.page_newsview .bottom span{font-size:.15rem;display:block;color:#222;margin:.17rem 0;}
.page_newsview .bottom a:hover{color:#3d84d9;}
.return_btn{display:flex;justify-content: center;align-items: center;width:1.6rem;height:.4rem;border:2px solid #3d84d9;color:#3d84d9;border-radius:5px;font-size:.18rem;}

/*在线客服悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:30%;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.suspension-box{position:relative;}
.suspension .a{display: flex;flex-direction: column;align-items: center;justify-content: center;width:68px;padding: 10px 0;background:#fff;margin-bottom:8px;cursor:pointer;outline:none;}
.suspension .a span{font-size:12px;color:#222;}
.suspension .a i{font-size:36px;margin-bottom:.1rem;color:#3d84d9;}
.suspension .a.active,.suspension .a:hover{background:#3d84d9;}
.suspension .a.active span,.suspension .a:hover span, .suspension .a.active i,.suspension .a:hover i{color:#fff;}
.suspension .a .i{display:flex; align-items:center; flex-direction: column; justify-content: center; width:68px;height:68px; font-style: normal; color:var(--white); border:1px var(--darkgreen) solid; font-family: "iconfont"; text-align:center; font-size:26px; line-height: 1.3;}
.suspension .a .i span{font-size:12px;}
.suspension .a-top{background:#fff;display:none;height:40px;}
.suspension .a-top:hover{background:#fff;}
.suspension .d{width: 230px;background: #3d84d9;position: absolute;right: 72px;color: var(--white);font-size: 16px;display: none;}
.suspension .d .arrow{position:absolute;width:8px;height:12px; font-family: "iconfont"; font-size:24px; font-style: normal; color:#3d84d9;right:0px;top:15px;}
.suspension .d-qrcode{top:145px;width: 126px;}
.suspension .d-service-phone{top:0;}
.suspension .d-service{top:77px;}
.suspension .d-service-bj{top:228px;}
.suspension .d .inner-box{padding: 10px 20px;min-height: 74px;}
.suspension .d-service-item{display:flex; align-items:center; width:100%;}
.suspension .d-service-item a{display: block; width:100%;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .text{line-height: 56px; font-size:18px; text-align:center; display: block;}
.suspension .d-service-item a .text{color:var(--white); font-size:14px;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px;}
.suspension .d-qrcode p{font-size:14px;}
.inner_erweima{display: flex; justify-content:center; flex-direction: column;}
.inner_erweima img{max-width:130px;}