.header{width: 100%;height: 177px;background-color: #ffffff}
.header_top{width: 100%;height: 117px}
.header_bottom{width: 100%;height:60px;background-color: #bae0ef}
.within{width: 1200px;height: 100%;margin: auto}
.df-c{display: flex;align-items: center;justify-content: space-between}
.index_middle{width: 100%;display: flex;justify-content: space-between;margin: 10px 0}
.index_menu_title{width: 100%;padding-bottom: 15px;margin-top: 20px;border-bottom: 1px solid #e5e5e5;display: flex;justify-content: space-between;align-items: center;background: url("../images/jdzx_03.png") no-repeat left bottom;background-size: 88px 10px}
.index_menu_title h3{font-size: 22px;font-weight: bold;color: #424242}
.index_menu_title i{font-size: 25px;color: #dedede;cursor: pointer}

.index_logo{cursor: pointer}
.search_switch{display: inline-block}
.index_switch{display: flex;align-items: center;justify-content: end}
.index_switch p{display: flex;cursor: pointer}
.index_switch span{display: block;height: 15px;width: 1px;background-color: #cecece;margin: 0 13px}
.index_search{margin-top: 15px;display: flex;align-items: center}
.index_search_input{border: 1px solid #eeeeee;width: 204px;height: 38px;padding: 0 7px}
.index_search_input input{border: none;outline: none;font-size: 14px;background-color: unset;width: 100%;height: 100%}
.index_search_btn{height: 40px;width: 60px;border: none;outline: none;background-color: #fd5d5d;cursor: pointer;box-shadow: unset}
.index_search_btn i{font-size: 25px;color: #ffffff}

.index_navigation{width: 1200px;height: 100%;margin: auto;display: flex;align-items: center}
.index_nav{height: 100%;width: 200px;position: relative;z-index: 999}
.index_nav>p{width: 100%;height: 100%;position: absolute;text-align: center;line-height: 60px;cursor: pointer;font-size: 16px;color: #000000;transition: all 0.7s;z-index: 999}
.index_nav:hover >p{background-color: #ddf0f7}
.nav_on >p{background-color: #ddf0f7}
.index_nav_child{width: 100%;position: absolute;top: 30%;opacity: 0;visibility: hidden;transition: all 0.7s;}
.index_nav:hover .index_nav_child{opacity: 1;visibility: initial;top: 100%}
.index_nav_child p{width: calc(100% - 10px);height: 50px;padding: 5px;cursor: pointer;background-color: #bae0ef;display: flex;justify-content: center;align-items: center;font-size: 15px;color: #4e4f4f;transition: all 0.7s;}
.index_nav_child p:hover{background-color: #ddf0f7}

.right_float_menu{background-color: #ffffff;position: fixed;z-index: 999;width: 90px;border-radius: 7px;border: 1px solid #d0d0d0;right: 10px;top: 70%;transform: translate(0,-50%)}
.float_btn{border-bottom: 1px solid #d0d0d0;cursor: pointer;text-align: center;padding: 15px 0;transition: all 0.5s;position: relative}
.float_btn p{margin-top: 10px;font-size: 14px;color: #333333;transition: all 0.5s;}
.float_btn:hover{background-color: #7fadbf}
.float_btn:hover p{color: #ffffff}
.float_hide{position: absolute;min-width: 130px;min-height: 50px;right: 90%;top: 50%;transform:translate(0,-50%);display: flex;align-items: center;justify-content: center;background-color: #ffffff;font-size: 18px;color: #ffffff;visibility: hidden;opacity: 0;transition: all 0.7s;}
.float_btn:hover .float_hide{visibility: initial;opacity: 1;right: 100%;background-color: #7fadbf}

.footer{width: 100%;overflow: hidden}
.footer_top,.footer_bottom{width: 100%}
.footer_top{padding: 30px 0 25px;background-color: #f0f0f0}
.footer_bottom{height: 46px;background-color: #bae0ef}
.footer_bottom_main{width: 1200px;height: 100%;margin: auto;display: flex;align-items: center;justify-content: space-between}
.footer_bottom_main a{transition: all 0.5s;}
.footer_bottom_main a:hover{color: #fd5d5d;font-weight: bold}
.footer_bottom_main p{font-size: 14px;color: #010101}
.footer_top_main{width: 1200px;height: 100%;margin: auto;display: flex;justify-content: space-between;align-items: start}
.footer_qrcode{display: inline-block;text-align: center;width: 130px;padding-left: 4%}
.footer_qrcode p{font-size: 14px;color: #8e8d8d;}
.footer_qrcode p:first-child{width: 130px;height: 130px;}
.footer_qrcode p:first-child ima{width: 100%;height: 100%}
.footer_qrcode p:last-child{margin-top: 10px}
.footer_nav{display: flex;}
.footer_nav_list{display: inline-block;margin-right: 35px}
.footer_nav_list:last-child{margin-right: 0}
.footer_nav_list p{font-size: 14px;color: #8e8d8d;margin-top: 15px;cursor: pointer;transition: all 0.5s;}
.footer_nav_list p:first-child{margin-top: 0;margin-bottom: 15px;font-size: 16px;color: #272727}
.footer_nav_list p:hover{font-weight: bold;}
.footer_info{display: inline-block;padding-left: 2%}
.footer_info p{font-size: 14px;color: #8e8d8d;margin-top: 15px;}
.footer_info p:first-child{font-size: 16px;color: #272727;margin-top: 0;margin-bottom: 15px}
/*.footer_nav,.footer_info{height: 240px}*/
.footer_nav,.footer_info{border-right: 1px solid #dfdfdf;padding-right: 2%}

.index_swiper{width: 100%;max-height: 500px;font-size: 0}
.swiper-container{width: 100%;height: 100%;overflow: hidden}
.index_switch_page {
  bottom: 25px !important;
}

.index_switch_page span {
  background: rgba(178,178,178,0.5);
  opacity: 1 !important;
  width: 31px !important;
  height: 5px !important;
  border-radius: unset!important;
}

.index_switch_page span.swiper-pagination-bullet-active {
  background: #fd5d5d !important;
}

.show_product_pagination {
  bottom: 20px !important;
}

.show_product_pagination span {
  background: rgba(178,178,178,0.5);
  opacity: 1 !important;
  width: 16px !important;
  height: 16px !important;
}

.show_product_pagination span.swiper-pagination-bullet-active {
  background: #fd5d5d !important;
}

.index_product_main{width: 100%;display: flex;justify-content: space-between}
.product_left{width: 264px;}
.product_right{width: 920px;display: none}
.index_show_product{display: block}
.product_title{width: 100%;height: 103px;cursor: pointer;position: relative}
.product_title img{max-width: unset}
.product_title p{position: absolute;left: 50%;top: 22%;transform: translate(-50%,0);font-size: 25px;color: #424242;z-index: 99;width: 100%;text-align: center}
.product_child_item{width: calc(100% - 62px);padding: 14px 30px;display: flex;justify-content: space-between;align-items: center;border-left: 1px solid #ececec;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;background-color: #fefefe;cursor: pointer;transition: all 0.7s;}
.product_child_item:hover{background-color: #cce9f5}
.product_child_item:hover .item_name p{color: #8e8d8d}
.product_child_item:hover i{color: #8e8d8d}
.item_name{display: inline-block;width: 85%}
.item_name p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_name p:first-child{font-size: 15px;color: #2f2f2f;margin-bottom: 10px;transition: all 0.7s;}
.item_name p:last-child{font-size: 12px;color: #c2c2c2;transition: all 0.7s;}
.product_child_item i{font-size: 25px;color: #d3d3d3;transform: rotateY(180deg);display: inline-block;font-weight: bold;transition: all 0.7s;}
.item_row{width: 100%;margin-bottom: 15px;display: flex}
.item_row:last-child{margin-bottom: 0}
.item_list{width: 300px;height: 306px;margin-right: 10px;position: relative;overflow: hidden;cursor: pointer}
.item_list:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.item_list:last-child{margin-right: 0}
.item_list img{width: 100%;height: 100%;object-fit: cover}
.item_list p{width: calc(100% - 20px);padding: 0 10px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fefefe;background-color: rgba(0,0,0,0.5);position: absolute;bottom: 0;transition: all 0.7s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_list:hover p{background-color: rgba(0,0,0,0.8)}
.index_this_product{background-color: #cce9f5}
.index_this_product .item_name p{color: #8e8d8d}
.index_this_product i{color: #8e8d8d}
.not-product{font-size: 25px;text-align: center;font-weight: bold;color: #8e8d8d;}

.index_news{width: 584px;overflow: hidden}
.news_swiper{width: 100%;height: 275px;padding: 10px 0}
.news_swiper .swiper-slide{width: 100%;height: 45px!important;border-bottom: 1px dashed #f3f3f3;display: flex;justify-content: space-between;align-items: center;cursor: pointer}
.news_title{width: 80%;display: inline-block;font-size: 15px;color: #2f2f2f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left!important;}
.list_dot{width: 6px;height: 6px;background-color: #d9d9d9;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 10px}
.news_date{font-size: 15px;color: #919090}
.news-infolist span,.news-infolist:hover span i{transition: all 0.7s;}
.news-infolist:hover span{color: #fd5d5d}
.news-infolist:hover span i{background-color: #fd5d5d}

.index_about{width: 581px;overflow: hidden}
.about_img{width: 100%;height: 135px;margin: 24px 0 5px}
.about_introduce{font-size: 15px;color: #2f2f2f;line-height: 2em;text-align: justify;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical}

.index_brand{width: 100%;margin: 35px 0 10px}
.brand_list{padding: 20px 25px;width: calc(100% - 50px);background-color: #ecf5f8;margin: 20px 0;}
.brand_row{width: 100%;display: flex}
.brand_row:nth-child(2){margin-top: 20px}
.brand_info{margin-right: 19px;cursor: pointer}
.brand_info:last-child{margin-right: 0}
.brand_info p:first-child{width: 215px;height: 90px;overflow: hidden;display: flex;justify-content: center;align-items: center;background-color: #ffffff}
.brand_info p:last-child{width: 215px;font-size: 15px;color: #333333;text-align: center;margin-top: 15px}

.inner_bg{width: 100%;}
.inner_menu{width: 100%;height: 74px;background-color: #f6f6f6}
.inner_menu > div{height: 100%}
.inner_menu p{padding: 15px 0;font-size: 15px;color: #494848;background-color: #d6d6d6;cursor: pointer;transition: all 0.7s;min-width: 120px;max-width: 150px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 15px}
.inner_menu p:last-child{margin-right: 0}
.inner_menu p.this_on{color: #000000;background-color: #bae0ef}
.inner_menu p:hover{color: #000000;background-color: #bae0ef}

.details_title{width: 100%;border-bottom: 1px solid #e8e8e8;height: 98px;position: relative;margin-bottom: 30px}
.details_title p{font-size: 36px;color: #000000;position: absolute;left: 50%;bottom: 30%;transform: translate(-50%,0)}
.details_content{font-size: 15px;color: #000000;text-align: justify;line-height: 2em;margin-bottom: 30px}

.contact_map{width: 100%;height: 380px}
.contact_info{width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 40px 0;}
.contact_info_details{width: 90%}
.contact_qrcode{width: 10%}
.list_row{width: 100%;display: flex}
.list_row:last-child{margin-top: 50px}
.contact_txt{width: calc(100% / 3);}
.contact_name{font-size: 20px;color: #75aabf;margin-bottom: 15px}
.contact_value{font-size: 16px;color: #333333}

.info_list{width: 100%;height: 180px;overflow: hidden;border-bottom: 1px solid #e8e8e8;padding: 34px 0;display: flex;justify-content: space-between;cursor: pointer;transition: all 0.7s;}
.info_list:hover{background-color: #eaf6fa}
.list_img{width: 320px;height: 100%;overflow: hidden;text-align: center}
.list_img img{width: 100%;height: 100%;object-fit: cover}
.info_list:hover .list_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.list_txt{width: calc(70% - 20px);padding: 0 10px;height: 100%;display: flex;flex-direction: column;justify-content: space-between}
.list_txt_w{width: calc(100% - 20px);padding: 0 10px;height: 100%;display: flex;flex-direction: column;justify-content: space-between}
.list_txt_title{font-size: 20px;font-weight: bold;color: #1c1c1c;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list_txt_content{width: 100%;font-size: 16px;color: #a1a1a1;overflow: hidden;display: -webkit-box;text-align: justify;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 2em}
.list_txt_datetime{width: 100%;display: flex;justify-content: space-between;}
.list_txt_datetime span:first-child{font-size: 16px;color: #9b9b9b}
.list_txt_datetime span:last-child{font-size: 16px;color: #a1c8d8}

.picture_row{width: 100%;display: flex;justify-content: space-between;transition: all 0.7s;}
.picture_row:not(:last-child){margin-bottom: 10px}
.picture_info{width: 290px;cursor: pointer;transition: all 0.7s;}
.picture_img{width: 100%;height: 275px;background-color: #f1f1f1;overflow: hidden;text-align: center;display: flex;align-items: center;justify-content: center;transition: all 0.7s;}
.picture_img img{max-height: unset;height: 100%;width: 100%;object-fit: cover}
.picture_title{width: 100%;text-align: center;font-size: 15px;color: #232323;margin: 20px 0;transition: all 0.7s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.picture_info:hover .picture_img{box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);}
.picture_info:hover .picture_title{color: #7fadbf;}
.picture_info:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.four_picture_info{width: 290px;cursor: pointer;transition: all 0.7s;}
.three_picture_info{width: 380px;cursor: pointer;transition: all 0.7s;}
.three_picture_info .picture_img{height: 537px!important;background-color: #f7f7f7!important;}
.three_picture_info .picture_img img{object-fit: contain}
.four_picture_info .picture_img{height:194px!important;background-color: unset!important;}
.four_picture_info:hover .picture_img,.three_picture_info:hover .picture_img{box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);}
.four_picture_info:hover,.three_picture_info:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.brand_list_row{width: 100%;display: flex;justify-content: space-between;transition: all 0.7s;}
.brand_list_row:not(:last-child){margin-bottom: 10px}
.brand_list_info{width: 223px;cursor: pointer;transition: all 0.7s;}
.brand_img{width: 100%;height: 94px;/*background-color: #f7f7f7;*/line-height: 94px;text-align: center;/*overflow: hidden;*/transition: all 0.7s;}
.brand_title{width: 100%;text-align: center;font-size: 15px;color: #333333;margin: 20px 0;transition: all 0.7s;}
/*.brand_list_info:hover .brand_img{box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3);}*/
.brand_list_info:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.brand_list_info:hover .brand_title{color: #7fadbf;}

.recruit_info{width: 100%;margin-bottom: 15px;}
.recruit_introduce{width: 100%;height: 80px;border-bottom: 1px solid #eeeeee;background-color: #f7f7f7;display: flex;justify-content: space-between}
.introduce_txt{width: 83%;height: 100%;padding: 0 32px;display: flex;align-items: center;justify-content: space-between}
.introduce_txt p{font-size: 15px;color: #606060;}
.introduce_txt p span{font-weight: bold}
.recruit_bth{width: 100px;height: 100%;background-color: #e0e0e0;cursor: pointer;font-size: 15px;color: #464545;line-height: 80px;text-align: center;transition: all 0.7s;}
.recruit_content{border-bottom: 1px solid #eeeeee;padding: 20px;width: calc(100% - 40px);font-size: 15px;color: #000000;display: none}
.introduce_list{width: 100%}
.introduce_list p{font-size: 15px;color: #606060;padding-bottom: 20px}
.introduce_list p span{font-weight: bold}
.show_out{background-color: #bae0ef}

.page{width: 100%;margin: 40px 0 10px;display: flex;justify-content: center;position: sticky;top: 100%;}
.page a{display: block;width: 38px;height: 38px;background-color: #eef0f1;text-align: center;line-height: 38px;margin-right: 15px;font-size: 15px;color: #666666;transition: all 0.7s;}
.page a:first-child,.page a:last-child{width: 58px;font-weight: bold;color: #444444}
.page a:last-child{margin-right: 0;transform: rotateY(180deg)}
.page a:not(:last-child,:first-child,.on):hover{background-color: #fd5d5d;color: #ffffff}
.page a.on{background-color: #fd5d5d;color: #ffffff}
.page a.on,.page a.none{cursor: not-allowed;}

.search_title{width: 100%;}
.search_text{width: 100%;padding-bottom: 20px;}
.search_text p{width: 700px;height: 70px;background-color: #f5f5f5;padding: 0 30px;display: flex;justify-content: space-between;align-items: center;border-radius: 40px;margin: auto}
.search_text p input{font-size: 18px;color: #000000;border: none;outline: none;background-color: transparent;width: 80%;}
.search_text p i{font-size: 25px;color: #fd5d5d;cursor: pointer}
.search_tips{padding: 20px;width: calc(100% - 40px);font-size: 18px;color: #232323;background-color: #bae0ef;margin-bottom: 20px}
.search_tips *{font-size: 18px;}
.search_null{width: 100%;font-size: 20px;text-align: center;font-weight: bold}

.content_title{width: 100%;padding-bottom: 29px;border-bottom: 1px solid #e8e8e8;text-align: center;}
.content_title h1{font-size: 30px;color: #1c1c1c;font-weight: bold;margin-bottom: 25px}
.content_title p span{font-size: 15px;color: #999999}
.content_title p span:not(:last-child){margin-right: 30px}
.content_main{width: 100%;overflow: hidden;font-size: 15px;color: #484848;padding: 20px 0;min-height: 300px}
.content_main *,.product_content *{font-size: 15px;color: #484848;line-height: 2em;margin: 0!important;padding: 0!important;white-space: unset !important;}
.content_main p,product_content p{font-size: 15px;color: #484848;line-height: 2em}

.product_parameter{width: 100%;display: flex;justify-content: space-between;margin-bottom: 60px}
.parameter_swiper{width: 555px;height: 530px;overflow: hidden}
.parameter_info{width: 588px;}
.parameter_info_title{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #cecece;font-weight: bold;font-size: 30px;color: #000000}
.parameter_info_introduce{width: 100%;padding: 20px 0;border-bottom: 1px solid #cecece;}
.introduce-detail{width: 100%;line-height: 2em;font-size: 15px;color: #464545;text-align: justify}
.introduce-value{width: 100%;display: flex;margin-top: 20px;justify-content: space-between}
.introduce-value_list{width: 49%;}
.introduce-value_list p{width: 100%;display: flex;align-items: start;justify-content: space-between}
.introduce-value_list p:not(:last-child){margin-bottom: 20px}
.introduce-value_list p span{display: inline-block}
.introduce-value_list p span:nth-child(1){font-size: 15px;color: #7fadbf;width: 25%;text-align: left}
.introduce-value_list p span:nth-child(2){font-size: 15px;color: #464545;width: 75%;}
.parameter_info_btn{width: 100%;display: flex;margin-top: 20px;}
.parameter_info_btn div{padding: 20px;font-size: 18px;color: #ffffff;display: flex;justify-content: center;align-items: center;font-weight: bold;cursor: pointer}
.parameter_info_btn div i{font-size: 20px;color: #ffffff;margin-right: 10px}
.product_phone{background-color: #fd5d5d;margin-right: 20px}
.product_service{background-color: #eea21e}
.product_content{width: 100%;padding: 30px 0;overflow: hidden;font-size: 15px;color: #484848;padding: 20px 0;min-height: 300px}
.show_line{width: 100%;border-bottom: 1px solid #cecece}
.show_line div{font-weight: bold;font-size: 24px;color: #2e2e2e;padding-bottom: 15px;position: relative;display: inline-block}
.show_line div span{margin-left: 7px;font-size: 14px;font-weight: normal;color: #939393}
.show_line div::after{content: '';width: 100%;position: absolute;height: 3px;background-color: #bae0ef;left: 0;bottom: 0}
.other_swiper{width: 100%;margin-top: 40px}
.other_slide{width: 290px!important;cursor: pointer}
.other_slide p:first-child{width: 100%!important;height: 276px;display: flex!important;align-items: center;justify-content: center}
.other_slide p:last-child{width: 100%;text-align: center;padding: 20px 0;font-size: 15px;color: #232323;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.pan{padding: 25px 35px;width: calc(100% - 70px);position: sticky;top: 100%;background-color: #f8f8f8;display: flex;justify-content: space-between;align-items: center;}
.return_list{font-size: 15px;color: #ffffff;width: 160px;height: 45px;text-align: center;line-height: 45px;cursor: pointer;background-color: #fd5d5d}
.page_switch{width: 84%;}
.page_switch p{width: 100%;font-size: 15px;color: #3f3f3f;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.page_switch p:first-child{margin-bottom: 20px}
.page_switch p span{color: #000000}

.course_tree{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center}
.course_circular{width: 30px;height: 30px;border-radius: 50%;background-color: #ececec;display: inline-block;position: relative}
.course_circular p{position: absolute;width: 20px;height: 20px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #a1c8d8}
.course_timeline{width: 100%;display: flex;align-items: center;justify-content: space-between;position: relative}
.course_timeline:after{content: '';position: absolute;height: 100%;width: 2px;height: 100%;background-color: #a1c8d8;left: 50%;top: 0;transform: translate(-50%,0)}
.data_time{width: 100px;height: 40px;font-size: 20px;color: #000000;background-color: #a1c8d8;display: flex;align-items: center;justify-content: center}
.course_thing{width: 38%;position: relative;padding: 20px;border-radius: 7px;border: 1px solid #e8e8e8}
.course_thing p{width: 100%;overflow: hidden;font-size: 18px;}
.thing_one{color: #85b3c6;}
.thing_two{color: #484848;font-size: 15px;line-height: 2em;margin-top: 5px}
.thing-hid{visibility: hidden}
.course_thing:after{
  content: '';
  border-width: 20px;
  border-style: solid;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
}
.course_thing:before{
  content: '';
  border-width: 20px;
  border-style: solid;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  z-index: 999;
}
.thing-left:after{
  border-color: transparent transparent transparent #e8e8e8;
  left: 100%;
}
.thing-left:before{
  border-color: transparent transparent transparent #ffffff;
  left: 99.7%;
}

.thing-right:after{
  border-color: transparent #e8e8e8 transparent transparent;
  right: 100%;
}
.thing-right:before{
  border-color: transparent #ffffff transparent transparent;
  right: 99.7%;
}

.picture_page{width: 100%;border-radius: 4px;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;padding: 5px 0;background-color: #f8f8f8}
.switch_page{display: flex;align-items: center;justify-content: center}
.switch_page a{border: 1px solid #333333;display: flex;align-items: center;justify-content: center;width: 33px;height: 22px;border-radius: 3px}
.switch_page a:last-child{margin: 0 10px 0 5px}
.switch_page a span{color: #333333}
.switch_page a.none{border-color: #cecece;cursor: not-allowed;}
.switch_page a.none span{color: #cecece}
.icon_right{transform: rotateY(180deg)}
.page_num{margin: 0 15px;font-size: 15px;}
.page_detail{font-size: 15px;color: #333333}