.page ul{ text-align:center; padding-top: 30px; padding-bottom:30px; display:flex; justify-content: center; align-items: center;}
.page li{ display:inline-block; font-size:14px; margin-left:2px; margin-right: 2px; }
.page li:hover span{ background:#ececec; }
.page li a{ color: #333; display: block; border:#e6e6e6 solid 1px; height: 32px; color: #333; line-height: 32px; border-radius: 3px; padding-left: 10px; padding-right: 10px;}
.page li span{ color: #333; display: block; border:#e6e6e6 solid 1px; height: 32px; color: #333; line-height: 32px; border-radius: 3px; padding-left: 10px; padding-right: 10px;}
.page li.active span{ background:var(--main); color:#fff; }
.padding{ padding-top:50px; padding-bottom:50px; }
.pt0{ padding-top:0; }
.crumbs{background: #f8f8f8; font-size:14px;  height: 45px; line-height: 45px; color: #999999; }
.crumbs a{color:#999999; }
.crumbs a:hover{color:#333; }
.crumbs i{ margin-left:5px; margin-right:5px; }

.index_main_1{ margin-bottom:32px; margin-top: 32px; }
.index_main_1 .pagewidth{display: flex; justify-content: space-between; grid-gap: 32px;}
.index_main_1 .pagewidth .banner{ width:792px; }
.index_main_1 .pagewidth .banner .swiper-slide{}
.index_main_1 .pagewidth .banner .swiper-slide .box{ height: 462px;background: #f6f6f6; border:#ddd solid 1px; border-radius:6px; overflow:hidden}
.index_main_1 .pagewidth .banner .swiper-slide .box img{ width:100%; height:100%; object-fit:cover; }


.index_main_1 .pagewidth .banner .swiper-button-next{background:rgba(0, 0, 0, 0.4); border-radius: 44px; width: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 14px;}
.index_main_1 .pagewidth .banner .swiper-button-next:after{font-size: 18px;}
.index_main_1 .pagewidth .banner .swiper-button-prev{background:rgba(0, 0, 0, 0.4); border-radius: 44px; width: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 14px;}
.index_main_1 .pagewidth .banner .swiper-button-prev:after{font-size: 18px;}
.index_main_1 .pagewidth .banner .swiper-pagination{bottom: 30px; left: calc(50% + 40px); width: auto;}
.index_main_1 .pagewidth .banner .swiper-pagination .swiper-pagination-bullet{ height:8px; width:8px; transition-duration:0.3s; }
.index_main_1 .pagewidth .banner .swiper-pagination .swiper-pagination-bullet-active{ width:24px; border-radius:12px; background:var(--main); }


.index_main_1 .pagewidth .list{ width:414px; border:#ddd solid 1px; border-radius:6px; overflow:hidden}
.index_main_1 .pagewidth .list .title{ padding:15px 20px; border-bottom:#ddd solid 1px; display:flex; justify-content:space-between; align-items:center; background: linear-gradient(0deg, #cdddf9, #e4edfa);}
.index_main_1 .pagewidth .list .title h2{ font-size:20px;font-weight: 500; color:var(--main);  }
.index_main_1 .pagewidth .list .title a{ color:var(--main);font-size:16px; }
.index_main_1 .pagewidth .list .title a:hover{color: var(--main);}
.index_main_1 .pagewidth .list .content {padding:12px 20px;}
.index_main_1 .pagewidth .list .content ul li{ border-bottom:#e6e6e6 solid 1px; line-height:54px; }
.index_main_1 .pagewidth .list .content ul li a{ color:#111; font-size:17px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.index_main_1 .pagewidth .list .content ul li a:hover{color: var(--main);}
.index_main_1 .pagewidth .list .content ul li:last-child{border-bottom: none;}

.index_main_2 { margin-bottom:30px; }
.index_main_2 .title{padding:15px 20px; border-bottom:#ddd solid 1px; display:flex; justify-content:space-between; align-items:center; background: linear-gradient(0deg, #cdddf9, #e4edfa);}
.index_main_2 .pagewidth{ display:grid; grid-template-columns:8fr 4fr; grid-gap:32px; }
.index_main_2 .layui-tabs{ border:#ddd solid 1px; border-radius:6px; overflow:hidden}
.index_main_2 .layui-tabs-body{ padding:0; }
.index_main_2 .layui-tabs-body{padding:12px 20px;}
.index_main_2 .layui-tabs-header{display: flex; justify-content: left;grid-gap: 32px; align-items: center; height: auto!important;}
.index_main_2 .title a{ color: var(--main);}
.index_main_2 .layui-tabs-header .title a{ color: var(--main);}
.index_main_2 .layui-tabs-header li{ font-size:20px; color:#809ed7; padding:0; line-height:auto!important; }
.layui-tabs-header li{ line-height:auto!important}
.index_main_2 .layui-tabs-header .layui-this, .index_main_2 .layui-tabs-header li:hover{ font-weight: 500; color:var(--main); }
.index_main_2 .layui-tabs-header .layui-this:after{border-bottom: var(--main) solid 3px; bottom:-16px; top:auto}
.index_main_2 .layui-tabs-item ul li{ display:grid;grid-template-columns: auto 90px; border-bottom:#e6e6e6 solid 1px; line-height:54px; grid-gap: 10px; align-items:center; }
.index_main_2 .layui-tabs-item ul li a{ color:#111; font-size:17px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.index_main_2 .layui-tabs-item ul li a:hover{color: var(--main);}
.index_main_2 .layui-tabs-item ul li:last-child{border-bottom: none;}
.index_main_2 .layui-tabs-item ul li span{ color:#999; font-size:14px; text-align: right }


.index_main_2 .pagewidth .list{ width:414px; border:#ddd solid 1px; border-radius:6px; overflow:hidden}
.index_main_2 .pagewidth .list .title{ padding:15px 20px; border-bottom:#ddd solid 1px; display:flex; justify-content:space-between; align-items:center; background: linear-gradient(0deg, #cdddf9, #e4edfa);}
.index_main_2 .pagewidth .list .title h2{ font-size:20px;font-weight: 500; color:var(--main);  }
.index_main_2 .pagewidth .list .title a{ color:var(--main);font-size:16px; }
.index_main_2 .pagewidth .list .title a:hover{color: var(--main);}
.index_main_2 .pagewidth .list .content {padding:12px 20px;}

.index_main_2 .pagewidth .list .content ul li{ border-bottom:#e6e6e6 solid 1px; line-height:54px; }
.index_main_2 .pagewidth .list .content ul li a{ color:#111; font-size:17px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.index_main_2 .pagewidth .list .content ul li a:hover{color: var(--main);}
.index_main_2 .pagewidth .list .content ul li:last-child{border-bottom: none;}
.index_main_2 .pagewidth .list .content ul li span{ color:#999; font-size:14px; }

.index_main_3 { margin-bottom:32px;}

.index_main_3 .swiper .swiper-slide .box img{width: 100%; height:100%; display:block; object-fit:cover; border-radius: 3px;}
.index_main_3 .swiper {height:200px;  width:100%;}
.index_main_3 .swiper .swiper-slide{ height:100%;}
.index_main_3 .swiper .swiper-slide .box{height:200px;}
.index_main_3 .swiper-pagination{right:20px!important;}
.index_main_3 .swiper-pagination .swiper-pagination-bullet{background:#fff;}


.index_main_4 { margin-bottom:32px; }
.index_main_4 .pagewidth{}
.index_main_4 .swiper .swiper-slide .box{ border:#ddd solid 1px; height:250px;border-radius: 6px; overflow: hidden} 
.index_main_4 .swiper .swiper-slide .box img{width:100%; height:100%; object-fit:cover;}
.index_main_4 .swiper{ padding-bottom:40px;}
.index_main_4 .swiper-pagination .swiper-pagination-bullet{background:#333;}
.index_main_4 .swiper-pagination .swiper-pagination-bullet-active{background:var(--main);}




.index_main_5{ padding-top:30px; padding-bottom:30px; background: #f9f9f9;}
.index_main_5 .pagewidth .title{height:52px; display:flex; justify-content:space-between; align-items:center; }
.index_main_5 .pagewidth .title h2{ font-size:24px;font-weight: 500; color:var(--main);  }
.index_main_5 .pagewidth .title a{ color:#666;font-size:16px; }
.index_main_5 .pagewidth .title a:hover{color: var(--main);}
.index_main_5 .pagewidth .content ul {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:0 32px;}
.index_main_5 .pagewidth .content ul li{ line-height:36px; }
.index_main_5 .pagewidth .content ul li a{ color:#666666; font-size:17px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.index_main_5 .pagewidth .content ul li a:hover{color: var(--main);}
.index_main_5 .pagewidth .content ul li:last-child{border-bottom: none;}



.project_main{ padding-bottom:80px; padding-top:30px; }
.project_main .pagewidth{display: grid; grid-template-columns: 900px 300px; grid-gap:40px; }
.project_main .pagewidth .main .title{height:60px;border-bottom:#e6e6e6 solid 1px;  display:flex; justify-content:space-between; align-items:center; }
.project_main .pagewidth .main .title h1{ font-size:28px;font-weight: 500; color:var(--main);  }
.project_main .pagewidth .main .title span{ color:#999;font-size:14px; a{color: #999;} }
.project_main .pagewidth .main .list ul li{ text-align: left; border-bottom:#e6e6e6 solid 1px; line-height:54px; display: grid;grid-template-columns: 80px 720px 90px; justify-content:space-between; align-items:center;  }
.project_main .pagewidth .main .list ul li a{ color:#111; font-size:17px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.project_main .pagewidth .main .list ul li a:hover{color: var(--main);}
.project_main .pagewidth .main .list ul li span{ color:#999; font-size:14px; text-align:right; }
.project_main .pagewidth .main .list ul li strong{ color:#bb7908; font-size:17px; }
.project_main .pagewidth .main .content { padding-top:40px; }
.project_main .pagewidth .main .content .project_title{ font-size:28px; font-weight:500; margin-bottom:20px; }
.project_main .pagewidth .main .content .project_info{display: flex; justify-content: space-between; align-items: center; margin-bottom:35px; }
.project_main .pagewidth .main .content .project_info .time{ color:#999; font-size:15px; }
.project_main .pagewidth .main .content .project_info .functional{ display:flex; justify-content:space-between; grid-gap:20px; }
.project_main .pagewidth .main .content .project_info .functional span a{ color:var(--main); font-size:15px; border: var(--main) solid 1px; border-radius:20px;  padding:7px 15px; }
.project_main .pagewidth .main .content .project_info .functional span a:hover{ color:#fff; font-size:15px; border: var(--main) solid 1px; border-radius:20px;  padding:7px 15px;background:var(--main); }
.project_main .pagewidth .main .content .project_html{ font-size:17px; color:#333; line-height:1.8em; }
.project_main .pagewidth .main .content .project_html img{ max-width:100%; height: auto!important; margin-top: 10px; margin-bottom: 10px;}
.project_main .pagewidth .main .content .project_html .layui-table td, .project_main .pagewidth .main .content .project_html .layui-table th{ font-size:17px;line-height: 1.6em;}
.project_main .pagewidth .main .content .project_lock{ width:600px; border:#bb7808 solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); margin: 80px auto; border-radius:8px; padding:40px; }
.project_main .pagewidth .main .content .project_lock .lock_icon{display: flex; justify-content: center; margin-bottom: 20px;}
.project_main .pagewidth .main .content .project_lock .lock_title{text-align: center; margin-bottom: 30px; font-size:24px; color:#bb7808; font-weight:500; }
.project_main .pagewidth .main .content .project_lock .lock_logout{ display:flex; justify-content: center; grid-gap:24px; align-items:center; padding-bottom:30px; border-bottom:#e6e6e6 solid 1px; margin-bottom:30px; }
.project_main .pagewidth .main .content .project_lock .lock_logout .vip a{ color:#bb7808;border-radius:40px; border:#bb7808 solid 1px; height:48px; padding-left: 40px; padding-right: 40px; display:flex; justify-content: center; align-items:center; grid-gap: 5px;}
.project_main .pagewidth .main .content .project_lock .lock_logout .register a{ color:#fff;border-radius:40px;  height:50px;background: var(--main); padding-left: 40px; padding-right: 40px; display:flex; justify-content: center; align-items:center; grid-gap: 5px;}
.project_main .pagewidth .main .content .project_lock .lock_tel{ text-align:center; line-height:2em; color:#666; font-size:17px; }
.project_main .pagewidth .main .content .project_lock .lock_tel span{ margin-right:20px; }


.project_main .pagewidth .main .content .layer_project_lock{ width:600px; padding:40px; }
.project_main .pagewidth .main .content .layer_project_lock .lock_icon{display: flex; justify-content: center; margin-bottom: 20px;}
.project_main .pagewidth .main .content .layer_project_lock .lock_title{text-align: center; margin-bottom: 30px; font-size:24px; color:#bb7808; font-weight:500; }
.project_main .pagewidth .main .content .layer_project_lock .lock_logout{ display:flex; justify-content: center; grid-gap:24px; align-items:center; padding-bottom:30px; border-bottom:#e6e6e6 solid 1px; margin-bottom:30px; }
.project_main .pagewidth .main .content .layer_project_lock .lock_logout .vip a{ color:#bb7808;border-radius:40px; border:#bb7808 solid 1px; height:48px; padding-left: 40px; padding-right: 40px; display:flex; justify-content: center; align-items:center; grid-gap: 5px;}
.project_main .pagewidth .main .content .layer_project_lock .lock_logout .register a{ color:#fff;border-radius:40px;  height:50px;background: var(--main); padding-left: 40px; padding-right: 40px; display:flex; justify-content: center; align-items:center; grid-gap: 5px;}
.project_main .pagewidth .main .content .layer_project_lock .lock_tel{ text-align:center; line-height:2em; color:#666; font-size:17px; }
.project_main .pagewidth .main .content .layer_project_lock .lock_tel span{ margin-right:20px; }







.project_main .pagewidth .main .content .project_vip_introduce{ margin-bottom:40px; }
.project_main .pagewidth .main .content .project_vip_introduce .vip_title{height:56px; display:flex; justify-content:space-between; align-items:center; border-bottom: #e6e6e6 solid 1px;margin-bottom:20px; }
.project_main .pagewidth .main .content .project_vip_introduce .vip_title h2{height:56px; line-height: 56px; font-size:24px;font-weight: 500; color:var(--main); border-bottom:var(--main) solid 2px; display:block  }
.project_main .pagewidth .main .content .project_vip_introduce .vip_title a{ color:#666;font-size:16px; }
.project_main .pagewidth .main .content .project_vip_introduce .vip_title a:hover{color: var(--main);}
.project_main .pagewidth .main .content .project_vip_introduce .vip_html{font-size:17px; color:#333; line-height:1.8em;}

.project_main .pagewidth .main .content .project_vip_contact .vip_title{height:56px; display:flex; justify-content:space-between; align-items:center; border-bottom: #e6e6e6 solid 1px;margin-bottom:20px; }
.project_main .pagewidth .main .content .project_vip_contact .vip_title h2{height:56px; line-height: 56px; font-size:24px;font-weight: 500; color:var(--main); border-bottom:var(--main) solid 2px; display:block  }
.project_main .pagewidth .main .content .project_vip_contact .vip_title a{ color:#fff;font-size:16px;background:var(--main); padding: 10px 20px;border-radius:30px; }
.project_main .pagewidth .main .content .project_vip_contact .vip_title a:hover{color:#fff;background:var(--mainhover);}
.project_main .pagewidth .main .content .project_vip_contact .vip_html{font-size:17px; color:#333; line-height:1.8em;}

#layer-wrapper .box{ padding:30px; padding-left: 400px; width:300px; display: flex; align-items: center; height:240px; background:url(../img/tan1.jpg)  no-repeat #d3e2ff; background-size:cover; }
#layer-wrapper .box .info h2{ font-weight:400; font-size:24px; line-height:1.4em; margin-bottom: 30px; span{color: var(--main);} }
#layer-wrapper .box .info p{ font-size:18px; line-height: 1.8em; color:#111; }
.layui-layer{ border-radius:6px!important;overflow:hidden; }
.layui-layer-setwin{ right:24px!important; top:24px!important; }
.layui-layer-setwin span{font-size: 24px!important;}
.project_main .pagewidth .side .tel{display: flex; grid-gap: 18px; justify-content: left; margin-bottom: 20px; background: linear-gradient(90deg, #fff, #e7eef9); border: #e6e6e6 solid 1px; border-radius: 6px; padding: 30px;}
.project_main .pagewidth .side .tel img{ width: 56px;}
.project_main .pagewidth .side .tel .number{ line-height:1.6em; }
.project_main .pagewidth .side .tel .number p{ font-size:18px; color:#666; }
.project_main .pagewidth .side .tel .number h2{ font-size:20px; color:var(--main); font-weight: bold;}
.project_main .pagewidth .side .banner_list .title{height:52px;border-bottom:#ddd solid 1px; margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; }
.project_main .pagewidth .side .banner_list .title h2{ font-size:24px;font-weight: 500; color:var(--main); padding-left:16px; position:relative;  }
.project_main .pagewidth .side .banner_list .title h2:after{ position: absolute; left:0px;content:""; top:5px; width:4px; height:20px;background:var(--main);}
.project_main .pagewidth .side .banner_list .content{height:1050px;}
.project_main .pagewidth .side .banner_list .content .swiper{height:100%;}
.project_main .pagewidth .side .banner_list .content .swiper .swiper-slide{}
.project_main .pagewidth .side .banner_list .content .swiper .swiper-slide a{display:block; border:#ececec solid 1px; height:160px;}
.project_main .pagewidth .side .banner_list .content .swiper .swiper-slide a:hover{display:block; border:var(--main) solid 1px; height:160px;}
.project_main .pagewidth .side .banner_list .content .swiper .swiper-slide img{ width:100%; height:100%; object-fit:cover;}

.project_main .pagewidth .side .banner_list .text_content ul{ padding-bottom:12px;}
.project_main .pagewidth .side .banner_list .text_content ul li{ margin-bottom:12px; }
.project_main .pagewidth .side .banner_list .text_content ul li a{color: #111;
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}


.login_main{ background:url(../img/bg.jpg) no-repeat center; background-size:cover; padding-top:200px; padding-bottom:200px; }
.login_main .pagewidth{display: flex; justify-content: center; align-items: center;}
.login_main .box{ width: 360px; border-radius:12px; background:#fff; padding: 50px;box-shadow: 0px 10px 20px rgba(43, 94, 188, 0.1);}
.login_main .box .title{ margin-bottom: 30px; font-size:28px; font-weight:500;text-align:center; color:var(--main); }
.login_main .box .layui-form .layui-input{ border-radius: 40px; font-size:16px; }
.login_main .box .layui-form .layui-input-prefix{ font-size:18px; color:#bb7808; line-height:48px; }
.login_main .box .layui-form .layui-btn{  border-radius:30px; font-size:16px; }

.login_main .box .layui-form .bottom{ padding-top: 10px; display:flex; justify-content:space-between; align-items:center; }
.login_main .box .layui-form .bottom{ font-size:15px; color:#999; }
.login_main .box .layui-form .bottom a{color: var(--main);}
.login_main .box .layui-row{position: relative;}
.login_main .box .layui-row .layui-btn{ height: 40px; border:none!important; line-height: 40px; color: #fff; background: var(--main); position:absolute; right:4px; top:4px; }
.login_main .box .layui-form .bottom.center{justify-content: center;}

.register_main{ padding-top:100px; padding-bottom:100px; }
.register_main .pagewidth{display: flex; justify-content: center; align-items: center;}
.register_main .box .title{ margin-bottom: 10px; font-size:28px; font-weight:500;text-align:center; color:var(--main); }
.register_main .box .subtitle{ padding-top: 20px; margin-bottom: 30px; font-size:20px; font-weight:none;text-align:left; color:var(--main); }
.register_main .box{ width:470px; }
.mb0{ margin-bottom:0!important }
.register_main .box .layui-form-item-info{font-size: 15px; padding-top: 10px; padding-left: 110px; color: #999; margin-bottom:15px; }
.register_main .box .layui-form-item .layui-input-inline:last-child{ margin-right:0!important }
.register_main .box .layui-form-item .layui-input-three{display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px;}
.register_main .box .layui-form-item .layui-col-xs5 img{ width: 90%; height: 48px; margin-left: 10px;}


.login_main .pw-strength {clear: both;position: relative;top: -10px;left: 30px; width: 300px;}
.login_main .pw-bar{background: url(../img/bg2.png) no-repeat;height: 3px;overflow: hidden;width: 300px;}
.login_main .pw-bar-on{background:  url(../img/bg1.png) no-repeat; width:0px; height:3px;position: absolute;top: 0px;left: 0px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;}
.login_main .pw-weak .pw-defule{ width:0px;}
.login_main .pw-weak .pw-bar-on {width: 100px;}
.login_main .pw-medium .pw-bar-on {width: 200px;}
.login_main .pw-strong .pw-bar-on {width: 300px;}
.login_main .pw-txt {padding-top: 2px;width: 300px;overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr);}
.login_main .pw-txt span {color: #999;font-size: 14px;text-align: center;}

.register_main .pw-strength {clear: both;position: relative;top: -10px;left:110px; width: 360px;}
.register_main .pw-bar{background: url(../img/bg2.png) no-repeat;background-size: 360px 3px; height: 3px;overflow: hidden;width: 360px;}
.register_main .pw-bar-on{background:  url(../img/bg1.png) no-repeat;background-size: 360px 3px;   width:0px; height:3px;position: absolute;top: 0px;left: 0px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;}
.register_main .pw-weak .pw-defule{ width:0px;}
.register_main .pw-weak .pw-bar-on {width: 120px;}
.register_main .pw-medium .pw-bar-on {width: 240px;}
.register_main .pw-strong .pw-bar-on {width: 360px;}
.register_main .pw-txt {padding-top: 2px;width: 360px;overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr);}
.register_main .pw-txt span {color: #999;font-size: 14px;text-align: center;}

.user_main{background: #f6f7fc; padding-top: 50px; padding-bottom: 100px;}
.user_main .pagewidth{ display:grid; grid-template-columns:200px auto; grid-gap:30px; }
.user_main .pagewidth .side{background: #fff; border-radius:6px; border:#e8e8e8 solid 1px;}
.user_main .pagewidth .side .box{ padding:20px; }
.user_main .pagewidth .side .box .photo{ overflow: hidden; border: #e8e8e8 solid 1px; width:100px; height:100px; border-radius:100px; margin:0 auto; }
.user_main .pagewidth .side .box .photo img{ width:100px; height:100px;object-fit:center }
.user_main .pagewidth .side .box .name{ text-align:center; padding-top:20px; color:#999; }
.user_main .pagewidth .side .box .user_menu{ padding-top:40px; }
.user_main .pagewidth .side .box .user_menu ul li{ margin-bottom:10px; }
.user_main .pagewidth .side .box .user_menu ul li a{ color: #666; padding-left: 30px; transition-duration:0.1s; line-height: 40px; border-radius: 40px; display:flex; justify-content: left; grid-gap: 6px; align-items: center;}
.user_main .pagewidth .side .box .user_menu ul li a.active{ background:var(--main); color:#fff; }
.user_main .pagewidth .side .box .user_menu ul li a:hover{ background:#f5f5f5;color: #333; }
.user_main .pagewidth .main{background: #fff; border-radius:6px; border:#e8e8e8 solid 1px;}
.user_main .pagewidth .main .box{ padding:40px; }
.user_main .pagewidth .main .box .title{ font-size:20px; font-weight:500; color:#111;  padding-bottom: 20px; margin-bottom: 20px; border-bottom: #e8e9e9 solid 1px;}


.user_index_content .main_a{ display:grid; grid-template-columns:repeat(3, 1fr); }
.user_index_content .main_a .item h3{ font-weight:500; font-size:20px; color:#905f0c; margin-bottom:8px; }
.user_index_content .main_a .item p{ padding-left: 26px; color:#ba8f45; font-size:16px; }
.user_index_content .main_a{border-bottom: #e8e8e8 solid 1px; padding-bottom: 30px; padding-top: 10px;}
.user_index_content .main_b{ padding-top:40px; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:24px; }
.user_index_content .main_b .item{border: #e8e8e8 solid 1px; border-radius: 8px; overflow: hidden;}
.user_index_content .main_b .item .name{ line-height:72px; text-align:center; height:72px; color:#fff; font-weight: 500; font-size:24px; }
.user_index_content .main_b .item .b_content{ padding: 24px;} 
.user_index_content .main_b .item:nth-child(1) .name{background: linear-gradient(90deg, #afc3e7, #8da5cd);}
.user_index_content .main_b .item:nth-child(2) .name{background: linear-gradient(90deg, #7cb5e4, #60a0db);}
.user_index_content .main_b .item:nth-child(3) .name{background: linear-gradient(90deg, #d7a956, #d3a45b);}
.user_index_content .main_b .item:nth-child(4) .name{background: linear-gradient(90deg, #595d66, #444856);}
.user_index_content .main_b .item .price{ text-align:center; height:60px; border-bottom:#e8e8e8 solid 1px; margin-bottom: 20px;}
.user_index_content .main_b .item .price span{ font-size:16px; color:#333; }
.user_index_content .main_b .item .price strong{ padding-left: 4px; padding-right: 4px; font-weight: 500; font-size:32px; color:#333; }
.user_index_content .main_b .item ul{ height:220px; }
.user_index_content .main_b .item ul li{ color:#333; line-height:32px; }
.user_index_content .main_b .item ul li i{ color:#10af27 }
.user_index_content .main_b .item .btn{ border-top:#e8e8e8 solid 1px; padding-top:20px; }
.user_index_content .main_b .item .btn a{ padding-left: 0; background: #fa6868; color: #fff; border-radius: 30px;border:none; text-align: center;}


.user_information_content form{ width:470px; }

.user_information_ok_content .ok{ text-align:center; padding:100px; }
.user_information_ok_content .ok i{ color: #10af27; font-size: 72px;}
.user_information_ok_content .ok p{ font-size:20px; color:#333; padding-top:10px; }


.user_key_content .key_content { padding-bottom:30px; border-bottom:#e8e8e8 solid 1px; margin-bottom:30px; }
.user_key_content .key_content { display:flex; justify-content:left; grid-gap:12px; align-items:center; flex-wrap:wrap; }
.user_key_content .key_content .item{ color: #666666; grid-gap: 20px; border:#e8e8e8 solid 1px; padding:10px; display:flex; justify-content:space-between; align-items:center; }
.user_key_content .key_content .item i{ color:var(--main); }
.user_key_content .key_form .layui-btn{ padding-left:40px; padding-right:40px; }

.user_password_content form{ width:470px; }

.user_password_content .pw-strength {clear: both;position: relative;top: -10px;left:110px; width: 360px;}
.user_password_content .pw-bar{background: url(../img/bg2.png) no-repeat;background-size: 360px 3px; height: 3px;overflow: hidden;width: 360px;}
.user_password_content .pw-bar-on{background:  url(../img/bg1.png) no-repeat;background-size: 360px 3px;   width:0px; height:3px;position: absolute;top: 0px;left: 0px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;}
.user_password_content .pw-weak .pw-defule{ width:0px;}
.user_password_content .pw-weak .pw-bar-on {width: 120px;}
.user_password_content .pw-medium .pw-bar-on {width: 240px;}
.user_password_content .pw-strong .pw-bar-on {width: 360px;}
.user_password_content .pw-txt {padding-top: 2px;width: 360px;overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr);}
.user_password_content .pw-txt span {color: #999;font-size: 14px;text-align: center;}
.user_password_content .link{ text-align:right;}
.user_password_content .link a{ color:var(--main)}

.user_favorite_content .list ul li{ text-align: left; border-bottom:#e6e6e6 solid 1px; line-height:54px; display: grid;grid-template-columns: 80px 610px 120px 60px; grid-gap: 20px; justify-content:space-between; align-items:center;  }
.user_favorite_content .list ul li a{ color:#111; font-size:17px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.user_favorite_content .list ul li a:hover{color: var(--main);}
.user_favorite_content .list ul li span{ color:#999; font-size:14px; text-align:right; }
.user_favorite_content .list ul li strong{ color:#bb7908; font-size:17px; }
.user_favorite_content .list ul li span:last-child{ display:flex; align-items:center; justify-content:center; }
.user_favorite_content .list ul li span:last-child a{ color:#c08219;font-size:14px; border:#c08219 solid 1px; display: inline-block; padding-right: 15px; padding-left: 15px; border-radius: 14px; height: 28px; line-height: 28px;}
.user_favorite_content .list ul li span:last-child a:hover{background: #c08219; color: #fff;}
.user_favorite_content .page{ padding-bottom:0; }

.page_content { padding-top:30px;}
.page_content ul li{ line-height:1.8em; font-size:18px;}


.page_contact{  display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:40px; padding-top:60px; padding-bottom:60px;  }
.page_contact .item{text-align:center; }
.page_contact .item .icon{ color: var(--main); font-size: 32px; border:var(--main) solid 2px; justify-content: center; align-items: center;display: flex; height: 100px; width: 100px; margin: 0 auto; border-radius: 100px;margin-bottom:10px; }
.page_contact .item p{ font-size:16px;color:#666; margin-bottom:10px; }
.page_contact .item h4{ font-size:20px;color:var(--main);  font-weight: 500;}
.page_map #container {width:100%; height: 520px; }  

.page_about{ padding-top:30px; font-size:17px; color:#333; line-height:1.8em; }
.page_about p{ margin-bottom:17px; }
.page_about img{ max-width:100%; height: auto!important; margin-top: 10px; margin-bottom: 10px;}




.highsearch_main{ padding-bottom:80px; padding-top:30px; }
.highsearch_main .pagewidth{ }
.highsearch_main .pagewidth .main .title{height:60px;border-bottom:#e6e6e6 solid 1px;  display:flex; justify-content:space-between; align-items:center; }
.highsearch_main .pagewidth .main .title h1{ font-size:28px;font-weight: 500; color:var(--main);  }
.highsearch_main .pagewidth .main .title span{ color:#999;font-size:14px; a{color: #999;} }
.highsearch_main .pagewidth .main .list ul li{ text-align: left; border-bottom:#e6e6e6 solid 1px; line-height:54px; display: grid;grid-template-columns: auto auto calc(100% - 260px) auto; justify-content:space-between; align-items:center;  }
.highsearch_main .pagewidth .main .list ul li a{ color:#111; font-size:17px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.highsearch_main .pagewidth .main .list ul li a:hover{color: var(--main);}
.highsearch_main .pagewidth .main .list ul li span{ color:#999; font-size:14px; text-align:right; }
.highsearch_main .pagewidth .main .list ul li strong{ color:#bb7908; font-size:17px; }


.highsearch_main .pagewidth .filter{  padding-top:20px; border-bottom:#e6e6e6 solid 3px;  margin-bottom: 10px;}
.highsearch_main .pagewidth .filter .item{display: grid; grid-template-columns: 90px auto; margin-bottom: 12px;}
.highsearch_main .pagewidth .filter .item .label{ color:#999;line-height: 36px; }
.highsearch_main .pagewidth .filter .item .block{display: grid; grid-template-columns: 60px auto 36px ; grid-gap: 14px; height: 36px; overflow:hidden; }
.highsearch_main .pagewidth .filter .item .block span a{ display:block;  height: 36px; line-height: 36px; border-radius: 20px; width: 100%; text-align: center; background:#fff; color:#333; }
.highsearch_main .pagewidth .filter .item .block span a:hover{ background: #f5f5f5; color:#333; }
.highsearch_main .pagewidth .filter .item .block span a.active{ background: var(--main); color:#fff; }
.highsearch_main .pagewidth .filter .item .block ul{ display:flex;flex-wrap: wrap; justify-content:left; align-items:center; grid-gap:4px 14px ;}
.highsearch_main .pagewidth .filter .item .block ul li a{ display:block; padding-left:15px; padding-right:15px; height: 36px; line-height: 36px; border-radius: 20px;text-align: center; background:#fff; color:#333; transition-duration:0.1s; }
.highsearch_main .pagewidth .filter .item .block ul li a:hover{ background:#f5f5f5; color:#333; }
.highsearch_main .pagewidth .filter .item .block ul li a.active{ background: var(--main); color:#fff; }
.highsearch_main .pagewidth .filter .item .block .toggleBtn{ height: 36px; line-height: 36px; color:#999; font-size:18px; }
.highsearch_main .pagewidth .filter .item .block .toggleBtn.none{visibility: hidden}
.highsearch_main .pagewidth .filter .item .block.open{ height:auto;}

.highsearch_main .pagewidth .filter .item:last-child{ border-top:#e6e6e6 solid 1px; padding-top:12px; }

.highsearch_main .pagewidth .filter .item .block.area{ height:36px; overflow : hidden}

.highsearch_main .pagewidth .filter .item .selected ul{display:flex; align-items: center; justify-content: left; grid-gap: 14px;}
.highsearch_main .pagewidth .filter .item .selected ul li{ grid-gap: 10px; padding-left: 10px; padding-right: 10px; border-radius:4px; border:#e8e8e8 solid 1px; background:#f3f5f6; height:36px; display:flex; align-items:center; justify-content:space-between; }
.highsearch_main .pagewidth .filter .item .selected ul li span{ color:#999; }
.highsearch_main .pagewidth .filter .item .selected ul li i{ color:#999; }
.highsearch_main .pagewidth .filter .item .selected ul li i:hover{ color:var(--main); }

.highsearch_main .main .search {display: none}

@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 480px) {

.padding{ padding-top:30px; padding-bottom:30px; }
.pt0{ padding-top:0; }
.crumbs{background: #f8f8f8; font-size:14px;  height: 45px; line-height: 45px; color: #999999; }
.crumbs a{color:#999999; }
.crumbs a:hover{color:#333; }
.crumbs i{ margin-left:5px; margin-right:5px; }
    .index_main_1 .pagewidth .banner{ width:100%;}
    .index_main_1 .pagewidth .banner .swiper{ padding-bottom:24px;}
    .index_main_1 .pagewidth .banner .swiper-slide .box{ display: block}
    .index_main_1 .pagewidth .banner .swiper-slide .box .img{ height: 240px; width: 100%;}
    .index_main_1 .pagewidth .banner .swiper-slide .box .info{ padding: 20px;}
    .index_main_1 .pagewidth .banner .swiper-slide .box .info h2{ font-size: 20px;}
    .project_main .pagewidth{ grid-template-columns: repeat(1,1fr)}
    .index_main_1 .pagewidth .banner .swiper-slide .box{ height: auto;}
    .index_main_1 .pagewidth .banner .swiper-pagination{bottom: 30px; text-align: center; left: auto; width: 100%;}
    .index_main_1 .pagewidth .banner .swiper-pagination .swiper-pagination-bullet{ height:8px; width:8px; transition-duration:0.3s; }
    .index_main_1 .pagewidth .banner .swiper-pagination .swiper-pagination-bullet-active{ width:24px; border-radius:12px; background:var(--main); }
    .index_main_1 .pagewidth .list{ width: auto;}
    .index_main_1 .pagewidth .list .content ul li a{ font-size: 14px;}
    .index_main_1 .pagewidth .list .content ul li{ line-height: 48px;}
    .index_main_1 .pagewidth .list .title h2{ font-size: 20px;}
    .index_main_2 .layui-tabs-header li{ font-size: 20px;}
    .index_main_2 .layui-tabs-header{ grid-gap: 20px;}
    .index_main_2 .layui-tabs-header .layui-this:after{border-bottom: 2px solid var(--main)}
    .index_main_1{ margin-bottom: 24px; margin-top: 24px;}
    .index_main_2 .pagewidth{grid-template-columns: repeat(1,1fr); grid-gap:24px;}
    .index_main_2 .pagewidth .list .title h2{ font-size: 20px;}
    .index_main_2 .pagewidth .list{ width: auto;}
    .index_main_2 .pagewidth .list .content ul li{ line-height: 48px;}
    .index_main_2 .pagewidth .list .content ul li a{ font-size: 14px;}
    .index_main_1 .pagewidth{ display: block}
    .index_main_2{ margin-bottom:24px;}
    .index_main_2 .layui-tabs-item ul li{ line-height: 48px;}
    .index_main_2 .layui-tabs-item ul li a{ font-size: 14px;}
    .index_main_2 .layui-tabs-item ul li span{ font-size: 13px;}
    .index_main_4{ margin-bottom:24px;}
    
    .index_main_4 .pagewidth{ grid-template-columns: repeat(1,1fr); grid-gap: 20px;}
    .index_main_5 .pagewidth .title h2{ font-size: 20px;}
    .index_main_5 .pagewidth .content ul{grid-template-columns: repeat(2,1fr);grid-gap:0px 20px;}
    .index_main_5 .pagewidth .content ul li a{ font-size: 14px;}
    .index_main_3{ margin-bottom:24px;}
.index_main_3 .swiper .swiper-slide .box img{width: 100%; height:100%; display:block; object-fit:cover; border-radius: 3px;}
.index_main_3 .swiper {height:60px;  width:100%;}
.index_main_3 .swiper .swiper-slide{ height:100%;}
.index_main_3 .swiper .swiper-slide .box{height:60px;}
.index_main_3 .swiper-pagination{right:20px!important;}
.index_main_3 .swiper-pagination .swiper-pagination-bullet{background:#fff;}


    .project_main .pagewidth .main .title h1{ font-size: 20px;}
    .project_main .pagewidth .main .content { padding-top: 20px;}
    .project_main .pagewidth .main .content .project_title{ padding-top: 24px;}
    .project_main .pagewidth .main .content .project_lock{ width: auto; padding: 20px; margin-top: 40px;margin-bottom: 40px;}
    .project_main .pagewidth .main .content .project_lock .lock_logout .vip a{ padding-left: 20px; padding-right: 20px;}
    .project_main .pagewidth .main .content .project_lock .lock_logout .register a{ padding-left: 20px; padding-right: 20px;}
    .project_main .pagewidth .main .content .project_lock .lock_tel{ font-size: 14px; text-align: center}
    .project_main .pagewidth .main .content .project_lock .lock_tel span{ margin-right: 0; display: inline-table}

    .project_main .pagewidth .main .content .layer_project_lock{ width: auto; padding: 20px; margin-top: 40px;margin-bottom: 40px;}
    .project_main .pagewidth .main .content .layer_project_lock .lock_logout .vip a{ padding-left: 20px; padding-right: 20px;}
    .project_main .pagewidth .main .content .layer_project_lock .lock_logout .register a{ padding-left: 20px; padding-right: 20px;}
    .project_main .pagewidth .main .content .layer_project_lock .lock_tel{ font-size: 14px; text-align: center}
    .project_main .pagewidth .main .content .layer_project_lock .lock_tel span{ margin-right: 0; display: inline-table}




    .page ul{ text-align:center; padding-top: 30px; padding-bottom:30px; display:flex; justify-content: center; align-items: center;}
    .page li{ display:inline-block; font-size:16px; margin-left: 5px; margin-right: 5px; }
    .page li:hover span{ background:#ececec; }
    .page li a{ color: #333; display: block; border:#e6e6e6 solid 1px; height: 44px; color: #333; line-height: 44px; border-radius: 3px; padding-left: 18px; padding-right: 18px;}
    .page li span{ color: #333; display: block; border:#e6e6e6 solid 1px; height: 44px; color: #333; line-height: 44px; border-radius: 3px; padding-left: 18px; padding-right: 18px;}
    .page li.active span{ background:var(--main); color:#fff; }
    ul.pagination li{ display: none}
    ul.pagination li:first-child{ display:block}
    ul.pagination li:last-child{ display:block}
    .project_main .pagewidth .main .list ul li{ display:grid; grid-template-columns:repeat(2,1fr);grid-gap:5px 10px;}
    .project_main .pagewidth .main .list ul li strong{font-size: 14px; margin-right: 5px; order:2;}
    .project_main .pagewidth .main .list ul li a{font-size: 15px; order:1;grid-column: span 2; }
    .project_main .pagewidth .main .list ul li a{display: initial;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
    .project_main .pagewidth .main .list ul li{ line-height: 1.6em; padding-top: 15px; padding-bottom: 15px;}
    .project_main .pagewidth .main .list ul li span{ text-align: left; padding-top:0px; display: block; font-size: 13px; order:3; text-align: right}
    .project_main .pagewidth .main .content .project_lock .lock_logout{ grid-gap: 20px;}


    .login_main{ padding-top: 60px; padding-bottom:60px;}
    .login_main .box{ width: auto; padding: 20px;}
    .login_main .box .layui-form .layui-input{ font-size: 14px;}
    .login_main .box .layui-form .layui-col-xs5 img{ height: 44px;}
    .layui-input-wrap .layui-input-prefix+.layui-input, .layui-input-wrap .layui-input-prefix~* .layui-input{ padding-left: 35px!important;}
    .layui-input, .layui-select, .layui-textarea{ height: 44px!important;}
    .login_main .box .layui-form .layui-input-prefix{ line-height: 44px!important;}

    .register_main{ padding-top: 60px; padding-bottom:60px;}
    .register_main .box{ width: 100%}
    .register_main .box .subtitle{ font-size: 18px;}
    .layui-form-item .layui-form-label{ float: none; display: block; text-align: left; padding: 0;}
    .layui-input-block{ margin-left: 0!important;}
    .register_main .pw-txt{ width: 100%;}
    .register_main .pw-strength{ left: 0px; width: 100%;}
    .register_main .pw-bar{ width: 100%;}
    .register_main .pw-strong .pw-bar-on{ width: 100%;}
    .register_main .pw-strength{ top: -15px;}
    .layui-form-item .layui-input-inline{ margin-left: 0!important; left: 0!important;}
    .register_main .mb0 .layui-form-mid{ display: none}
    .register_main .box .layui-form-item-info{ padding-left: 0;}
    .register_main .box .layui-form-item .layui-col-xs5 img{ height: 44px;}
    .project_main .pagewidth .main .title span{ font-size: 12px;}
    .login_main .pw-strength{ left: 0px;}
    .login_main .box .layui-row .layui-btn{ height: 36px; line-height: 36px;}

    .user_main{ background: none;}
    .user_main .pagewidth{ display: block;}
    .user_main .pagewidth .main .box{ background: none; padding: 0;}
    .user_main .pagewidth .side .box{padding:0;}
    .user_main .pagewidth .side{ position: fixed; left: 0px; right: 0px;bottom: 0px; width: 100%; z-index: 99;}
    .user_main .pagewidth .side .box .user_menu ul{ display: grid;  grid-template-columns:repeat(7, 1fr); grid-gap: 0;}
    .user_main .pagewidth .side{ border:none; border-radius: 0;}
    .user_main .pagewidth .side .box .photo{ display: none}
    .user_main .pagewidth .side .box .name{ display: none}
    .user_main .pagewidth .side .box .user_menu{ padding-top: 0;}
    .user_main .pagewidth .main{ border: none; padding: 0;}
    .user_index_content .main_a{grid-gap:10px;}
    .user_index_content .main_a .item h3{ font-size: 16px;}
    .user_index_content .main_a .item p{ font-size: 12px;}
    .user_index_content .main_a .item p{padding-left: 0;}
    .user_index_content .main_b{ grid-template-columns: repeat(2,1fr)}
    .user_index_content .main_b .item .name{ height: 48px; line-height: 48px;  font-size: 18px;}
    .user_index_content .main_b .item .price strong{ font-size: 32px;}
    .user_index_content .main_b .item .b_content{ font-size: 16px;}
    .user_index_content .main_b .item ul li{ font-size: 14px;}
    .user_index_content .main_b .item .price{ padding-bottom: 10px; margin-bottom: 10px;}
    .user_index_content .main_b .item .price span{ font-size: 14px;}
    .user_index_content .main_b .item ul{ height: auto; padding-bottom: 10px;}
    .user_main{ padding-top: 30px; padding-bottom: 40px;}
    .user_information_content form{ width: 100%}
    .user_password_content form{ width: 100%}
    .user_password_content .pw-strength{left: 0}
    .user_password_content .pw-strength{ width: 100%}
    .user_password_content .pw-bar{ width: 100%}
    .user_password_content .pw-bar{background-size: 100% 3px;}
    .user_password_content .pw-strong .pw-bar-on{ width: 100%}
    .user_password_content .pw-txt{ width: 100%}
    .user_password_content .pw-medium .pw-bar-on{ width: 100%}
    .user_password_content .pw-bar-on{background-size: 100% 3px;}
    .user_favorite_content .list ul li{ display: block; display:grid; grid-template-columns:repeat(3,1fr);grid-gap:0 10px; line-height: 1.8em; align-items: center; padding-bottom: 10px;}
    .user_favorite_content .list ul li a{ order: 1;grid-column: span 3;overflow:hidden; padding-top: 10px; margin-bottom: 10px; text-overflow:ellipsis;white-space:nowrap;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
    .user_favorite_content .list ul li span{ display: block}
    .user_favorite_content .list ul li span{ font-size: 13px; text-align: left; order: 3;}
    .user_favorite_content .list ul li span a{ padding-top: 0;}
    .user_favorite_content .list ul li strong{ font-size: 15px; order: 2}
    .user_favorite_content .list ul li a{ font-size: 15px;}
    .user_favorite_content .list ul li span.del{ order: 4; text-align: right }
    .user_favorite_content .list ul li span:last-child{justify-content: right; align-items: center}
    .user_favorite_content .list ul li span:last-child a{ margin-bottom: 0;}
    .user_main .pagewidth .side .box .user_menu ul{ padding: 10px;}
    .user_main .pagewidth .side .box .user_menu ul li{ margin-bottom: 0;}
    .user_main .pagewidth .side .box .user_menu ul li a{ line-height: 1.4em; padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; display: block; text-align: center; border-radius: 4px;}
    .user_main .pagewidth .side .box .user_menu ul li a i{ font-size: 18px; margin-bottom: 5px; display: block}
    .user_main .pagewidth .side .box .user_menu ul li a span{ display: block; font-size: 12px; text-align: center; padding-left: 10px; padding-right: 10px; line-height: 1em;}
    .project_main .pagewidth .main .content .project_info{ display: block}
    .project_main .pagewidth .main .content .project_info .time{ margin-bottom: 20px;}
    .project_main .pagewidth .main .content .project_info .functional span{ display:inline-table}
    .project_main .pagewidth .main .content .project_info .functional{ justify-content: left; grid-gap: 20px;}
    .project_main .pagewidth .main .content .project_vip_introduce .vip_title h2{ height: 48px; line-height: 48px; font-size: 18px; }
    .project_main .pagewidth .main .content .project_vip_contact .vip_title{ height: 48px; }
    .project_main .pagewidth .main .content .project_vip_introduce .vip_title{ height: 48px; }
    .project_main .pagewidth .main .content .project_vip_contact .vip_title h2{ height: 48px; line-height: 48px; font-size: 18px; }
    .project_main .pagewidth .main .content .project_vip_contact .vip_title a{ font-size: 14px; padding: 5px 15px;}

    #layer-wrapper .box{ width: auto; padding: 30px; height: auto; background-size: contain; padding-top: 150px;}
    #layer-wrapper .box .info h2{ font-size: 18px; margin-bottom: 20px;}
    #layer-wrapper .box .info p{ font-size: 16px;}

    .page_contact{  display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:20px; padding-top:40px; padding-bottom:40px;  }
    .page_contact .item{text-align:center; }
    .page_contact .item .icon{ color: var(--main); font-size: 24px; border:var(--main) solid 2px; justify-content: center; align-items: center;display: flex; height:72px; width: 72px; margin: 0 auto; border-radius: 72px;margin-bottom:10px; }
    .page_contact .item p{ font-size:14px;color:#666; margin-bottom:10px; }
    .page_contact .item h4{ font-size:16px;color:var(--main);  font-weight: 500;}

    .highsearch_main .pagewidth .filter .item .block{grid-gap: 10px;}
    .highsearch_main .pagewidth .filter .item{ display: block; margin-bottom: 8px;}
    .highsearch_main .pagewidth .filter .item .label{ line-height: 32px;}
    .highsearch_main .pagewidth .filter .item .block ul{ grid-gap: 2px 10px;}

    .highsearch_main .pagewidth .filter .item .block ul li a{ line-height: 32px; height: 32px; padding-left: 10px; padding-right: 10px;}

    .highsearch_main .pagewidth .filter{ padding-bottom: 20px;}


    .highsearch_main .pagewidth .main .list ul li{ display:grid; grid-template-columns:repeat(2,1fr);grid-gap:5px 10px;}
    .highsearch_main .pagewidth .main .list ul li strong{font-size: 14px; margin-right: 5px; order:2;}
    .highsearch_main .pagewidth .main .list ul li a{font-size: 15px; order:1;grid-column: span 2; }
    .highsearch_main .pagewidth .main .list ul li a{display: initial;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
    .highsearch_main .pagewidth .main .list ul li{ line-height: 1.6em; padding-top: 15px; padding-bottom: 15px;}
    .highsearch_main .pagewidth .main .list ul li span{ text-align: left; padding-top: 0px; display: block; font-size: 13px; order:3; text-align: right}







    .login_main .box .title{ font-size: 24px; margin-bottom: 20px;}

    .highsearch_main .main .search {display: block; padding-top: 20px;}
    .highsearch_main .input{ position: relative; }
    .highsearch_main .input .layui-input{ border-radius:40px; height:50px; font-size: 16px; padding-left: 20px; border:#ddd solid 1px; }
    .highsearch_main .input .layui-btn{ position:absolute; right:0; top:0; height:44px!important; line-height: 44px!important; background:none!important; border:none!important; width: 90px!important;  border-radius:40px; color:#333; font-size:16px; }
    .project_main .pagewidth .side .banner_list .title{ height: 48px;}
    .project_main .pagewidth .side .banner_list .title h2{ font-size: 20px;}

}
@media screen and (max-width: 320px) {}
@media all and (orientation : landscape) {} 
@media all and (orientation : portrait){}