body{font-size:14px}
header .hd-top{background:#f1f1f1}
header .hd-top .wp{display:flex;align-items:center;justify-content:space-between;height:36px}
header .hd-top .wp .left{color:#686868}
header .hd-top .wp .left span{color:#22b9cf}
header .hd-top .wp .right{color:#282828;display:flex;align-items:center;justify-content:center}
header .hd-top .wp .right a{color:#282828;margin:0 5px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
header .hd-top .wp .right a:hover{opacity:.8}
header .hd-mid{padding:40px 0;background:url(../images/top-bg.jpg) no-repeat center center/cover}
header .hd-mid .wp{display:flex;align-items:center;justify-content:space-between}
header .hd-mid .logo-txt{text-align:justify}
header .hd-mid .logo-txt h1{font-weight:500;color:#0081cc;font-size:36px}
header .hd-mid .logo-txt h2{font-weight:400;color:#282828;font-size:18px;letter-spacing:2.5px}
.select-type{display:flex;align-items:center}
.select-type .item{color:#282828;font-size:15px;font-weight:500;cursor:pointer}
.select-type .item.active{color:#0081cc}
.select-type .item+.item{margin-left:15px}
.search-box{fleX:0 0 645px}
.search-box .search{height:52px;position:relative;border:1px solid rgba(0,129,204,.32);margin-top:10px;display:flex;align-items:center;justify-content:center;padding-left:13px}
.search-box .search img{width:19px;height:19px}
.search-box .search .input{border:none;height:100%;flex:1;padding-left:6px;font-size:15px;color:#282828}
.search-box .search .submit{flex:0 0 90px;height:100%;background:#22b9cf;color:#fff;font-size:18px;border:none}
.hd-nav{height:64px;background:#0081cc}
.hd-nav .wp{height:100%;display:flex;align-items:center;color:#fff}
.hd-nav .product-type{flex:0 0 263px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:100%;background:#22b9cf;font-size:20px;cursor:pointer;margin-right:10px}
.hd-nav .product-type img{display:block;width:25px;height:19px}
.hd-nav .nav{display:flex;align-items:center;height:100%}
.hd-nav .nav .item{height:100%;font-size:19px}
.hd-nav .nav .item a{width:100%;height:100%;padding:0 30px;display:flex;align-items:center;justify-content:center;color:#fff}
.hd-nav .nav .item.active{background:#22b9cf}
.hd-nav .nav .item:hover{background:#22b9cf}
footer{background:#0081cc;padding:70px 0 47px}
footer .fd-top{display:flex;align-items:flex-start;margin-bottom:30px}
footer .fd-top .fd-nav{flex:1;display:flex;justify-content:space-between;margin-right:70px}
footer .fd-top .fd-nav dt{color:#f3f5f7;font-size:15px;font-weight:700;margin-bottom:20px}
footer .fd-top .fd-nav dd,footer .fd-top .fd-nav dd a{color:#f3f5f7;line-height:32px;opacity:.8;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
footer .fd-top .fd-nav dd a:hover{opacity:1}
footer .fd-top .fd-qr{display:flex;align-items:center}
footer .fd-top .fd-qr .qr+.qr{margin-left:22px}
footer .fd-top .fd-qr .qr img{display:block;width:117px;height:117px}
footer .fd-top .fd-qr .qr p{text-align:center;color:#f3f5f7;margin-top:15px}
footer .fd-link .box{padding:40px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex}
footer .fd-link .box .label{color:#f3f5f7;font-size:15px;font-weight:700;white-space:nowrap}
footer .fd-link .box .link{flex:1}
footer .fd-link .box .link a{color:#f3f5f7;opacity:.5;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;margin-right:5px}
footer .fd-link .box .link a:hover{opacity:1}
footer .fd-copyright{line-height:32px;margin-top:38px;color:rgba(243,245,247,.5);font-size:14px}
footer .fd-copyright a{color:rgba(243,245,247,.5);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
footer .fd-copyright a:hover{color:#f3f5f7}
.index-main{padding-top:25px;background:#f7f9fa url(../images/index-bg.jpg) no-repeat top center/100% auto}
.index-sec{margin-bottom:40px}
.index-sec1{display:flex}
.index-sec1 .links{flex:0 0 290px;display:flex;flex-direction:column;justify-content:space-between}
.index-sec1 .links .login-box{background-color:#fff;height:180px;box-shadow:0 3px 20px rgba(193,193,193,.08);display:flex;align-items:center;justify-content:center;flex-direction:column}
.index-sec1 .links .login-box p{color:#282828;font-size:18px;font-weight:500;line-height:40px}
.index-sec1 .links .login-box .btn-group{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.index-sec1 .links .login-box .btn-group .btn+.btn{margin-left:5px}
.index-sec1 .links .login-box .btn-group .btn{width:117px;height:42px;background:#0081cc;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
.index-sec1 .links .login-box .btn-group .btn2{background:#22b9cf}
.index-sec1 .links .cgpt{display:block}
.index-sec1 .links .cgpt img{display:block;width:100%}
.index-sec1 .banner{flex:1;width:0;margin:0 20px;box-shadow:0 3px 20px rgba(193,193,193,.08)}
.index-sec1 .ban-swiper{overflow:hidden;height:100%;position:relative}
.index-sec1 .ban-swiper .swiper-pagination{bottom:30px}
.index-sec1 .ban-swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#fff;opacity:.5;margin:0 6px!important}
.index-sec1 .ban-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}
.index-sec1 .ban-swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.product-type-menu{width:262px;flex:0 0 262px;box-shadow:0 3px 20px rgba(193,193,193,.08);background-color:#fff;position:relative;z-index:10}
.product-type-menu .item+.item{border-top:1px solid #f2f2f2}
.product-type-menu .item:first-child{padding-top:16px}
.product-type-menu .item:last-child{padding-bottom:16px}
.product-type-menu .item{border-left:2px solid transparent;padding:7px 16px;display:flex}
.product-type-menu .item .icon{position:relative;top:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}
.product-type-menu .item .icon img{display:block}
.product-type-menu .item .txt{flex:1}
.product-type-menu .item .txt h3{font-size:16px;color:#282828;font-weight:500;margin-bottom:4px}
.product-type-menu .item .txt p a{color:#282828;opacity:.6}
.product-type-menu .item.active,.product-type-menu .item:hover{border-left-color:#0081cc}
.product-type-menu .item.active .sub-product-type-box,.product-type-menu .item:hover .sub-product-type-box{opacity:1;pointer-events:auto}
.product-type-menu .item.active h3,.product-type-menu .item:hover h3{color:#0081cc}
.sub-product-type-box{opacity:0;pointer-events:none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;left:100%;top:0;height:100%;overflow-y:auto;width:890px;border:1px solid #0081cc;background-color:#fff;padding:20px 28px}
.sub-product-type-box .sub-item{border-bottom:1px solid #e0ebf2;padding-bottom:20px;margin-bottom:20px}
.sub-product-type-box .sub-item h3{font-size:16px;color:#0081cc;font-weight:500;margin-bottom:10px}
.sub-product-type-box .sub-item p{line-height:32px}
.sub-product-type-box .sub-item p a{color:#282828}
.sub-product-type-box .sub-item p a:hover{color:#0081cc}
.section-box{border-radius:10px;overflow:hidden;border:1px solid #fff;box-shadow:0 3px 20px rgba(193,193,193,.08);position:relative;background-color:#fff;padding:24px}
.section-box:after{content:'';position:absolute;top:0;left:0;height:108px;width:100%;z-index:1}
.section-box .content{position:relative;z-index:2}
.section-box1{padding-bottom:0}
.section-box1 table{width:100%}
.section-box1 table thead tr{background:rgba(0,129,204,.1)}
.section-box1 table thead tr th{height:48px;text-align:center;color:#0081cc;font-size:16px}
.section-box1 table thead tr th:nth-child(3),.section-box1 table thead tr th:nth-child(4){text-align:left}
.section-box1 table tbody tr{background-color:#fff;position:relative}
.section-box1 table tbody tr:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid transparent;pointer-events:none}
.section-box1 table tbody tr td{height:70px;text-align:center;color:#282828;font-size:15px}
.section-box1 table tbody tr td span,.section-box1 table tbody tr td.num{color:#ff732e}
.section-box1 table tbody tr td span{margin-left:10px}
.section-box1 table tbody tr td:nth-child(3),.section-box1 table tbody tr td:nth-child(4){text-align:left}
.section-box1 table tbody tr:hover:after{border:1px solid rgba(0,129,204,.2)}
.section-box1 table tbody tr:nth-child(even){background-color:#f5f5f5}
.section-box1 table tbody .btn:hover{color:#fff;background:#0081cc}
.section-box1 table tbody .btn{width:91px;height:34px;background:rgba(34,185,207,0);border-radius:6px;border:1px solid #0081cc;display:flex;align-items:center;justify-content:center;color:#0081cc;font-size:15px;cursor:pointer;margin:0 auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.section-box1:after{content:'';background:linear-gradient(to bottom,#d9e9f6,#fff)}
.section-box2:after{content:'';background:linear-gradient(to bottom,#d9f0f6,#fff)}
.section-box3:after{content:'';background:linear-gradient(to bottom,#eef5d6,#fff)}
.section-box4:after{content:'';background:linear-gradient(to bottom,#e4eaf8,#fff)}
.section-box5:after{content:'';background:linear-gradient(to bottom,#eee8d5,#fff)}
.section-box6:after{content:'';background:linear-gradient(to bottom,#f9e6de,#fff)}
.section-title{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}
.section-title .title{display:flex;align-items:center}
.section-title .title .index{width:40px;height:40px;border-radius:6px;font-size:24px;font-weight:700;color:#fff;margin-right:9px;display:flex;align-items:center;justify-content:center}
.section-title .title h3{font-weight:700;color:#282828;font-size:26px}
.section-title .more{font-size:16px;color:#282828;opacity:.5;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.section-title .more:hover{opacity:1}
.product-list{display:flex;flex-wrap:wrap;margin:0 -15px -28px}
.product-list .item{flex:0 0 20%;margin-bottom:28px;max-width: 20%;}
.product-list .item .inner{margin:0 15px}
.product-list .item .inner .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.product-list .item .inner .pic{display:block;padding-top:90%;position:relative;overflow:hidden;margin-bottom:20px;border-radius:6px}
.product-list .item .inner .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.product-list .item .inner .pic .time{padding:0 6px;position:absolute;top:10px;right:10px;background:rgba(0,0,0,.2);border-radius:6px;height:21px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}
.product-list .item .inner .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-list .item .inner .tit a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:20px;color:#282828;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.product-list .item .inner .tit a:hover{color:#22b9cf}
.product-list .item .inner .company,.product-list .item .inner .price{font-size:15px}
.product-list .item .inner .company span,.product-list .item .inner .price span{color:#282828;opacity:.7}
.product-list .item .inner .price em{color:#ff732e;font-weight:500}
.product-list .item .inner .company{color:#282828;opacity:.9}
.product-list .item .inner .btn{height:34px;background:rgba(0,129,204,0);border-radius:6px;border:1px solid #22b9cf;display:flex;align-items:center;justify-content:center;font-size:15px;color:#22b9cf;cursor:pointer;margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.product-list .item .inner .btn:hover{color:#fff;background-color:#22b9cf}
.tags{display:flex;margin:10px 0}
.tags span{height:24px;border-radius:2px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:14px;margin-right:3px;background:rgba(0,129,204,.15);color:#0081cc}
.tags span:nth-child(even){background:rgba(34,185,207,.15);color:#22b9cf}
.section-box3 table{width:100%}
.section-box3 table thead tr{background:rgba(152,207,34,.2)}
.section-box3 table thead tr th{height:48px;color:#86be0e;font-size:16px;text-align:left;padding-left:17px}
.section-box3 table thead tr th:last-child{text-align:center;padding-left:0}
.section-box3 table tbody tr{background-color:#fff;position:relative}
.section-box3 table tbody tr:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid transparent;pointer-events:none}
.section-box3 table tbody tr td{height:70px;color:#282828;font-size:15px;padding-left:17px}
.section-box3 table tbody tr td:last-child{padding-left:0}
.section-box3 table tbody tr:hover:after{border:1px solid rgba(152,207,34,.5)}
.section-box3 table tbody tr:nth-child(even){background-color:#f5f5f5}
.section-box3 table tbody .btn:hover{color:#fff;background:#98cf22}
.section-box3 table tbody .btn{width:91px;height:34px;background:rgba(34,185,207,0);border-radius:6px;border:1px solid #98cf22;display:flex;align-items:center;justify-content:center;color:#98cf22;font-size:15px;cursor:pointer;margin:0 auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.zh-list{display:flex;flex-wrap:wrap;margin:0 -30px -37px}
.zh-list .item{flex:0 0 50%;margin-bottom:37px}
.zh-list .item .inner:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.zh-list .item .inner:hover .text h3{color:#6a93d8}
.zh-list .item .inner{margin:0 30px;display:flex;align-items:center}
.zh-list .item .inner .pic{width:240px;height:160px;background:#b68b8b;border-radius:6px;overflow:hidden;margin-right:16px;flex:0 0 240px}
.zh-list .item .inner .pic img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.zh-list .item .inner .text{flex:1;width:0}
.zh-list .item .inner .text h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:20px;color:#282828;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.zh-list .item .inner .text p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;font-size:14px;color:#282828;line-height:26px;opacity:.8;margin:10px 0 20px;height:52px}
.zh-list .item .inner .text span{font-weight:500;font-size:14px;color:#6a93d8}
.section-box:after{pointer-events:none}
.index-sec6{display:flex;justify-content:space-between}
.index-sec6 .section-box{flex:0 0 calc(50% - 15px)}
.index-sec6 .section-box6 .text-list .item a:hover,.index-sec6 .section-box6 .text-list .item em{color:#f87c56}
.text-list .item{display:flex;align-items:center;justify-content:space-between;line-height:46px}
.text-list .item em{font-size:7px;color:#b18d2c}
.text-list .item a{flex:1;width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#282828;font-size:17px;padding-left:7px}
.text-list .item a:after{content:''}
.text-list .item a:hover{color:#b18d2c;font-weight:700}
.text-list .item span{color:#8b8b8b;font-size:15px}
.index-main-top{padding-bottom:35px}
.index-sec7{background:#f0f3f5;padding:65px 0 80px;margin-bottom:0}
.index-sec7 .title{text-align:center;font-weight:700;font-size:36px;color:#282828;margin-bottom:40px}
.bz-list{display:flex;margin:0 -18px}
.bz-list .item{flex:0 0 33.3%}
.bz-list .item .inner{margin:0 18px;background:rgba(255,255,255,.8);box-shadow:0 15px 31px 0 rgba(0,0,0,.05);border-radius:10px;height:100%;padding:30px 58px 40px;flex-direction:column;display:flex;align-items:center;justify-content:center}
.bz-list .item .inner .icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center}
.bz-list .item .inner .icon img{display:block}
.bz-list .item .inner h3{margin:20px 0;font-size:24px;font-weight:700;color:#0081cc}
.bz-list .item .inner p{color:#282828;font-size:16px;line-height:30px;text-align:center}
.help-box{border-radius:10px;overflow:hidden;border:1px solid #fff;box-shadow:0 3px 20px rgba(193,193,193,.08);position:relative;background-color:#fff;padding:26px 20px 50px;margin-bottom:25px;display:flex}
.help-box .menu{flex:0 0 242px;margin-right:50px}
.help-box .menu .item{margin-bottom:8px}
.help-box .menu .item .tit{display:flex;align-items:center;justify-content:space-between;height:50px;background:rgba(0,129,204,.1);padding:0 12px;font-size:18px;color:#282828;cursor:pointer}
.help-box .menu .item .tit i{display:block;background:url(../images/arrow-down.png) no-repeat center center/contain;width:13px;height:7px}
.help-box .menu .item .tit.close i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.help-box .menu ul li+li{border-top:1px dashed #e3e3e3}
.help-box .menu ul a:hover,.help-box .menu ul a:hover:after,.help-box .menu ul li.active a,.help-box .menu ul li.active a:after{color:#0081cc}
.help-box .menu ul li{height:50px;display:flex;align-items:center}
.help-box .menu ul li a{color:#595959;font-size:16px;font-weight:500;padding-left:28px;position:relative}
.help-box .menu ul li a:after{content:'◆';font-size:7px;position:absolute;left:14px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#8d979c}
.help-box .menu ul li a{display:flex;align-items:center;height:100%}
.help-box .content{flex:1;font-size:16px;color:rgba(40,40,40,.9);line-height:30px}
.help-box .content .row+.row{margin-top:40px;padding-top:40px;border-top:1px dashed rgba(0,0,0,.1)}
.help-box .content h3{font-weight:500;font-size:20px;color:#282828;margin-bottom:20px}
.filter-box{margin-bottom:34px;border-radius:10px;overflow:hidden;border:1px solid #fff;box-shadow:0 3px 20px rgba(193,193,193,.08);position:relative;background-color:#fff;padding:26px 22px 32px}
.filter-box .top-row{display:flex;margin-bottom:20px}
.filter-box .top-row .select{position:relative;width:210px;height:43px;background:#fff;border-radius:2px;border:1px solid #e4e4e4;overflow:hidden;margin-right:8px}
.filter-box .top-row .select select{color:#282828;font-size:16px;font-weight:500;display:block;width:100%;height:100%;border:none;padding-left:12px;padding-right:30px}
.filter-box .top-row .select i{background:url(../images/select-down.png) no-repeat center center/contain;display:block;width:15px;height:8px;position:absolute;top:50%;margin-top:-4px;right:14px}
.filter-box .top-row .price{display:flex;align-items:center;margin-left:20px}
.filter-box .top-row .price span{font-weight:500;font-size:16px;color:#282828;margin-right:10px}
.filter-box .top-row .price .input+.input{margin-left:9px}
.filter-box .top-row .price .input{width:210px;height:43px;background:#fff;border-radius:2px;border:1px solid #e4e4e4;display:flex;padding-right:15px;align-items:center}
.filter-box .top-row .price .input .unit{font-weight:500;font-size:15px;color:#ff732e}
.filter-box .top-row .price .input input{padding-right:15px;font-size:15px;border:none;padding-left:13px;display:block;width:100%;height:100%}
.filter-box .bot-row{display:flex}
.filter-box .bot-row .select{position:relative;width:137px;height:43px;background:#fff;border-radius:2px;border:1px solid #e4e4e4;overflow:hidden}
.filter-box .bot-row .select select{display:block;width:100%;height:100%;border:none;padding-left:12px;padding-right:30px;color:#0081cc;font-size:16px;font-weight:500}
.filter-box .bot-row .select i{background:url(../images/select-down-b.png) no-repeat center center/contain;display:block;width:15px;height:8px;position:absolute;top:50%;margin-top:-4px;right:14px}
.filter-box .bot-row .input{width:518px;height:43px;border:1px solid #e4e4e4;border-left:none;border-right:none;color:#282828;padding-left:13px;font-size:15px}
.filter-box .bot-row .submit{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:92px;height:43px;background:#0081cc;border-radius:2px}
.filter-box .bot-row .submit i{background:url(../images/search-w.png) no-repeat center center/contain;width:17px;height:17px}
.filter-box .bot-row .submit span{font-weight:500;font-size:16px;color:#fff;margin-left:7px}
.filter-box .bot-row .submit input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}
.filter-box .bot-row+.top-row{margin-bottom:0;margin-top:20px}
.filter-box .dfjb{justify-content:space-between}
.filter-box .dfjb .left{display:flex}
.filter-box .dfjb .right{display:flex}
.filter-box .dfjb .right .select{width:111px}
.filter-box .choice{padding-top:20px;margin-top:20px;border-top:1px dashed #e9f0f4;display:flex;align-items:center}
.filter-box .choice .txt{display:flex;align-items:center}
.filter-box .choice .txt i{background:url(../images/san2.png) no-repeat center center/contain;width:5px;height:10px;margin-right:8px}
.filter-box .choice .txt span{font-size:16px;color:#282828}
.filter-box .choice .tag-list{display:flex;align-items:center}
.filter-box .choice .tag{margin-left:10px;height:33px;background:#fff;border-radius:2px;border:1px solid rgba(0,129,204,.3);display:flex;align-items:center;justify-content:center;padding:0 10px}
.filter-box .choice .tag span{font-size:15px;color:#0081cc}
.filter-box .choice .tag i{background:url(../images/close2.png) no-repeat center center/contain;cursor:pointer;width:14px;height:14px;margin-left:6px}
.filter-box .choice .del{font-size:15px;color:#0081cc;cursor:pointer;margin-left:10px}
.caigou-list{display:flex;flex-wrap:wrap;margin:0 -10px -27px}
.caigou-item,.caigou-list .item{margin-bottom:27px;flex:0 0 25%}
.caigou-item .inner,.caigou-list .item .inner{height:100%;display:block;margin:0 10px;background:#fff;border-radius:6px;padding:24px;border:1px solid #fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.caigou-item .inner .title,.caigou-list .item .inner .title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;font-size:20px;color:#282828;line-height:30px;height:60px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.caigou-item .inner .info p,.caigou-list .item .inner .info p{font-size:14px;line-height:30px}
.caigou-item .inner .info p span,.caigou-list .item .inner .info p span{color:#686868}
.caigou-item .inner .info p em,.caigou-list .item .inner .info p em{color:#282828;font-weight:500}
.caigou-item .inner .info p em.org,.caigou-list .item .inner .info p em.org{color:#ff732e;font-weight:700}
.caigou-item .inner .info p em.red,.caigou-list .item .inner .info p em.red{color:red;font-weight:700}
.caigou-item .inner .btn-group,.caigou-list .item .inner .btn-group{padding-top:20px;margin-top:20px;border-top:1px dashed rgba(0,0,0,.1);display:flex}
.caigou-item .inner .btn-group .btn+.btn,.caigou-list .item .inner .btn-group .btn+.btn{margin-left:5px}
.caigou-item .inner .btn-group .btn,.caigou-list .item .inner .btn-group .btn{cursor:pointer;border-radius:6px;width:calc(50% - 5px);height:40px;border:1px solid #0081cc;color:#0081cc;display:flex;align-items:center;justify-content:center;font-size:16px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.caigou-item .inner .btn-group .btn2,.caigou-list .item .inner .btn-group .btn2{border:1px solid #22b9cf;color:#22b9cf}
.caigou-item .inner .btn-group .btn:hover,.caigou-list .item .inner .btn-group .btn:hover{color:#fff;background:#0081cc}
.caigou-item .inner .btn-group .btn2:hover,.caigou-list .item .inner .btn-group .btn2:hover{color:#fff;background:#22b9cf}
.caigou-item .inner:hover,.caigou-list .item .inner:hover{border:1px solid rgba(0,129,204,.34);box-shadow:0 3px 20px rgba(193,193,193,.08)}
.caigou-item .inner:hover .title,.caigou-list .item .inner:hover .title{color:#0081cc}
.caigou-info p{font-size:16px;line-height:34px}
.caigou-info p span{color:#686868}
.caigou-info p em{color:#282828;font-weight:500}
.caigou-info p em.org{color:#ff732e;font-weight:700}
.caigou-info p em.red{color:red;font-weight:700}
.pages{margin:40px 0 25px;display:flex;align-items:center;justify-content:center}
.pages ul{display:flex;align-items:center;justify-content:center}
.pages ul li{margin:0 4px}
.pages ul li a:hover,.pages ul li.active a{background:#0081cc;color:#fff}
.pages ul li a{min-width:38px;height:38px;background:rgba(238,238,238,0);border-radius:2px;border:1px solid #e4e4e4;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#5a5a5a;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pages .jump{display:flex;align-items:center;justify-content:center;margin-left:12px;font-size:15px;color:#5a5a5a}
.pages .jump input{width:38px;height:38px;background:rgba(238,238,238,0);border-radius:2px;border:1px solid #e4e4e4;text-align:center;margin:0 10px}
.pages .jump .btn{cursor:pointer;width:70px;height:38px;background:rgba(238,238,238,0);border-radius:2px;border:1px solid #e4e4e4;display:flex;align-items:center;justify-content:center;font-size:15px;color:#5a5a5a;margin-left:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pages .jump .btn:hover{background:#0081cc;color:#fff}
.caigou-detail-wrap{display:flex}
.caigou-detail-wrap .content{flex:1;width:0;margin-right:22px}
.caigou-detail-wrap .content .content-top{background:#fff;border-radius:10px;border:1px solid #fff;padding:30px;box-shadow:0 3px 20px rgba(193,193,193,.08)}
.caigou-detail-wrap .content .content-top .text-box{margin-top:37px}
.caigou-detail-wrap .content .content-top .text-box .title{height:55px;background:rgba(0,129,204,.08);border-radius:2px;display:flex;align-items:center;padding-left:20px;font-weight:700;font-size:22px;color:#282828;margin-bottom:20px;position:relative}
.caigou-detail-wrap .content .content-top .text-box .title:after{content:'';background:url(../images/san.png) no-repeat center center/contain;width:13px;height:21px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.caigou-detail-wrap .content .content-top .text-box .text{font-size:16px;color:rgba(40,40,40,.9);line-height:30px}
.caigou-detail-wrap .content .content-top .text-box .text .video{position:relative;width:100%;margin:0 auto;border-radius:5px;overflow:hidden}
.caigou-detail-wrap .content .content-top .text-box .text .video img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65px;cursor:pointer}
.caigou-detail-wrap .content .content-top .text-box .text .video video{display:block;width:100%}
.caigou-detail-wrap .content .content-top .text-box .text img{display:block;margin:0 auto}
.caigou-detail-wrap .side{flex:0 0 390px}
.caigou-detail-wrap .side .side-box+.side-box{margin-top:20px}
.caigou-detail-wrap .side .side-box{box-shadow:0 3px 20px rgba(193,193,193,.08);background-color:#fff;border-radius:10px;border:1px solid #fff;padding:0 20px}
.caigou-detail-wrap .side .side-box .title{padding:20px 0 16px;color:#0081cc;font-size:24px;font-weight:500;border-bottom:1px dashed rgba(0,0,0,.1)}
.caigou-detail-wrap .side .text-list{padding:20px 0}
.caigou-detail-wrap .side .text-list .item+.item{margin-top:20px}
.caigou-detail-wrap .side .text-list .item{flex-wrap:wrap;line-height:normal}
.caigou-detail-wrap .side .text-list .item span{flex:0 0 100%;padding-left:13px}
.caigou-detail-wrap .side .text-list .item em{color:#adadad}
.caigou-detail-wrap .side .text-list .item a:hover{color:#0081cc}
.caigou-detail-wrap .side .contact-info{font-weight:500;font-size:16px;line-height:42px;color:#282828;padding:20px 0}
.caigou-detail-wrap .side .contact-info p{display:flex;align-items:center}
.caigou-detail-wrap .side .contact-info i{display:flex;align-items:center;justify-content:center;margin-right:8px;width:20px}
.caigou-detail-wrap .side .contact-info i img{display:block}
.caigou-detail-wrap .side .contact-info span{opacity:.8}
.caigou-detail-wrap .side .caigou-item{margin-bottom:0}
.caigou-detail-wrap .side .caigou-item .inner{padding:20px 0;margin:0}
.caigou-detail-wrap .side .caigou-item .inner .title{padding:0;font-weight:500;font-size:20px;color:#282828;line-height:30px;border-bottom:none}
.caigou-detail-wrap .side .caigou-item .inner:hover,.caigou-detail-wrap .side .product-item .inner{border:1px solid transparent;box-shadow:none}
.caigou-detail-wrap .side .caigou-item .inner:hover .title,.caigou-detail-wrap .side .product-item .inner .title{color:#0081cc}
.caigou-detail-wrap .side .product-item .inner{margin:0;padding:24px 0 0;border:none}
.caigou-detail-top{display:flex}
.caigou-detail-top .pic-box{flex:0 0 515px;width:0;margin-right:24px}
.caigou-detail-top .info-box .top{display:flex;flex-direction:column;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed rgba(0,0,0,.1)}
.caigou-detail-top .info-box .top .title{font-weight:700;font-size:26px;color:#282828;line-height:36px}
.caigou-detail-top .info-box .top .fav{display:flex;align-items:center;cursor:pointer;color:#282828;font-size:16px;font-weight:500;margin-bottom:15px}
.caigou-detail-top .info-box .top .fav i{background:url(../images/fav.png) no-repeat center center/contain;width:17px;height:15px;margin-right:5px}
.caigou-detail-top .info-box .top .fav.on{color:#ff732e}
.caigou-detail-top .info-box .top .fav.on i{background-image:url(../images/fav-on.png)}
.caigou-detail-top .info-box .btn-group{display:flex;align-items:center;margin-top:20px}
.caigou-detail-top .info-box .btn-group .btn+.btn{margin-left:9px}
.caigou-detail-top .info-box .btn-group .btn{width:145px;height:50px;background:#0081cc;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;color:#fff;cursor:pointer}
.caigou-detail-top .info-box .btn-group .btn2{background:#22b9cf}
.caigou-detail-top .swi-big,.caigou-detail-top .swi-small{overflow:hidden;position:relative}
.det-pages{box-shadow:0 3px 20px rgba(193,193,193,.08);background:#fff;border-radius:10px;border:1px solid #fff;padding:30px;margin-top:30px}
.det-pages a{display:block;font-size:16px;color:#282828;line-height:42px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.det-pages a:hover{color:#0081cc}
.swi-small-wrap{position:relative;padding:0 26px}
.swi-small-wrap .pic{background-color:#fff;padding-top:90.8%;position:relative;overflow:hidden;border-radius:10px;border:1px solid transparent}
.swi-small-wrap .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.swi-small-wrap .swiper-slide{border-radius:10px;border:1px solid transparent}
.swi-small-wrap .swiper-slide-thumb-active{padding:1px;border-color:#0081cc}
.swi-small-wrap .swiper-button-next,.swi-small-wrap .swiper-button-prev{right:0}
.swi-small-wrap .swiper-button-next:after,.swi-small-wrap .swiper-button-prev:after{width:10px;height:18px;background:url(../images/swi-r-g.png) no-repeat center center/contain;font-size:0}
.swi-small-wrap .swiper-button-prev{left:0}
.swi-small-wrap .swiper-button-prev:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.swi-small-wrap .swiper-button-prev:hover:after{background-image:url(../images/swi-l-b.png);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.swi-small-wrap .swiper-button-next:hover:after{background-image:url(../images/swi-l-b.png);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.swi-big{margin-bottom:8px}
.swi-big .pic{padding-top:90.8%;position:relative;overflow:hidden;border-radius:10px}
.swi-big .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.side-zhanhui-list .item+.item{border-top:1px solid #e0eaf0}
.side-zhanhui-list .item{padding:20px 0}
.side-zhanhui-list .item .inner:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.side-zhanhui-list .item .inner:hover .text{color:#0081cc}
.side-zhanhui-list .item .inner{display:flex;align-items:center}
.side-zhanhui-list .item .inner .pic{width:161px;height:107px;flex:0 0 161px;border-radius:6px;overflow:hidden;margin-right:14px}
.side-zhanhui-list .item .inner .pic img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.side-zhanhui-list .item .inner .text{font-weight:500;font-size:16px;color:#282828;line-height:26px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.cgs-info{box-shadow:0 3px 20px rgba(193,193,193,.08);border-radius:10px;overflow:hidden;background:url(../images/cgs-bg.jpg) no-repeat center center/cover;padding:75px 25px;display:flex;align-items:center}
.cgs-info .logo{height:122px;background:#fff;border-radius:6px;flex:0 0 135px;width:135px;margin-right:20px}
.cgs-info .text{flex:1}
.cgs-info .text .title{font-weight:700;font-size:26px;color:#282828;margin-bottom:25px}
.cgs-info .text .info{display:flex;align-items:center}
.cgs-info .text .info .follow{cursor:pointer}
.cgs-info .text .info p+p{margin-left:25px}
.cgs-info .text .info p{display:flex;align-items:center;font-weight:500;font-size:16px;color:#282828}
.cgs-info .text .info p i{margin-right:7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.cgs-info .text .info p i img{display:block}
.cgs-info .text .info p span{opacity:.8}
.cgs-info .text .info p em{color:#0081cc}
.cgs-nav{box-shadow:0 3px 20px rgba(193,193,193,.08);margin:20px 0 24px;background:#fff;border-radius:10px;padding:0 24px;height:66px;display:flex;align-items:center}
.cgs-nav .item{font-weight:500;font-size:18px;color:#282828;cursor:pointer}
.cgs-nav .item.active{color:#0081cc}
.cgs-nav .item+.item{margin-left:40px}
.cgs-about,.cgs-caigou,.cgs-huanjing,.cgs-product,.cgs-xinwen,.cgs-youshi{margin-bottom:30px}
.cgs-about .section-title,.cgs-caigou .section-title,.cgs-huanjing .section-title,.cgs-product .section-title,.cgs-xinwen .section-title,.cgs-youshi .section-title{position:relative;z-index:2}
.cgs-about .section-title .title h3,.cgs-caigou .section-title .title h3,.cgs-huanjing .section-title .title h3,.cgs-product .section-title .title h3,.cgs-xinwen .section-title .title h3,.cgs-youshi .section-title .title h3{color:#0081cc}
.product-list2{display:flex;flex-wrap:wrap;margin:0 -13px -26px}
.product-item{flex:0 0 25%;margin-bottom:27px;max-width: 25%;}
.product-item .inner:hover{border:1px solid rgba(0,129,204,.34);box-shadow:0 3px 20px rgba(193,193,193,.08)}
.product-item .inner:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.product-item .inner:hover .text .tit{color:#0081cc}
.product-item .inner{background-color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:block;margin:0 13px;padding:8px 8px 17px;border-radius:5px;border:1px solid rgba(212,212,212,.34)}
.product-item .inner .pic{display:block;padding-top:90.8%;position:relative;overflow:hidden;border-radius:5px;margin-bottom:25px}
.product-item .inner .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.product-item .inner .text{padding:0 4px}
.product-item .inner .text .tit{font-weight:700;font-size:20px;color:#282828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: inline-block;max-width: 100%;}
.product-item .inner .text .caigou-info p{font-size:15px;line-height:30px}
.product-item .inner .btn-group{padding-top:17px;margin-top:17px;border-top:1px dashed rgba(0,0,0,.1);display:flex}
.product-item .inner .btn-group .btn+.btn{margin-left:5px}
.product-item .inner .btn-group .btn{cursor:pointer;border-radius:6px;width:calc(50% - 5px);height:40px;border:1px solid #0081cc;color:#0081cc;display:flex;align-items:center;justify-content:center;font-size:16px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.product-item .inner .btn-group .btn2{border:1px solid #22b9cf;color:#22b9cf}
.product-item .inner .btn-group .btn:hover{color:#fff;background:#0081cc}
.product-item .inner .btn-group .btn2:hover{color:#fff;background:#22b9cf}
.cgs-caigou .caigou-item .inner,.cgs-caigou .caigou-list .item .inner{border:1px solid rgba(212,212,212,.34);padding:12px}
.cgs-caigou .caigou-item .inner:hover,.cgs-caigou .caigou-list .item .inner:hover{border:1px solid rgba(0,129,204,.34)}
.cgs-huanjing:after,.cgs-xinwen:after,.cgs-youshi:after{background:linear-gradient(to bottom,#d9e9f6,#fff)}
.cgs-youshi{padding-bottom:55px}
.qy-box{position:relative;z-index:2}
.qy-box .qy-title{font-weight:700;font-size:20px;color:#22b9cf}
.qy-box .qy-content{margin:14px 0 20px;padding:30px;border-radius:5px;border:1px solid #22b9cf;font-size:15px;color:#282828;line-height:30px}
.qy-box .qy-list{display:flex;margin:0 -10px}
.qy-box .qy-list .item{flex:0 0 25%}
.qy-box .qy-list .item .inner{margin:0 10px}
.qy-box .qy-list .item .inner .pic{padding-top:66.66%;position:relative;overflow:hidden;border-radius:6px;margin-bottom:20px}
.qy-box .qy-list .item .inner .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.qy-box .qy-list .item .inner .text{padding:0 8px}
.qy-box .qy-list .item .inner .text h3{font-weight:500;font-size:16px;color:#282828;margin-bottom:15px}
.qy-box .qy-list .item .inner .text p{font-size:15px;color:#282828;line-height:30px}
.news-wrap{display:flex;position:relative;justify-content:space-between;z-index:2}
.news-wrap .text-list{flex:0 0 calc(50% - 38px)}
.news-wrap .text-list .item a:hover,.news-wrap .text-list .item em{color:#0081cc}
.cgs-about .about{font-size:15px;color:#282828;line-height:30px}
.cgs-about .about .row{padding:25px 0;border-bottom:1px solid #f0f0f0;display:flex}
.cgs-about .about .row span{white-space:nowrap}
.cgs-about .about .info{margin-top:20px;font-weight:500;font-size:16px;color:#282828;line-height:38px}
.cgs-about .about .info p{display:flex}
.cgs-about .about .info span{opacity:.8;text-align:justify;height:38px;overflow:hidden;display:block;width:100px}
.cgs-about .about .info span:after{content:'';display:inline-block;width:100%;height:0}
.cgs-huanjing .swi-btns{display:flex;align-items:center}
.cgs-huanjing .swi-btns .swiper-button-next,.cgs-huanjing .swi-btns .swiper-button-prev{position:static;margin:0;width:30px;height:30px;background:url(../images/swi-l-q.png) no-repeat center center/contain}
.cgs-huanjing .swi-btns .swiper-button-next:after,.cgs-huanjing .swi-btns .swiper-button-prev:after{display:none}
.cgs-huanjing .swi-btns .swiper-button-next{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);margin-left:13px}
.swi-hj{overflow:hidden}
.swi-hj .pic{padding-top:66.96%;position:relative;overflow:hidden;border-radius:6px;margin-bottom:10px}
.swi-hj .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.swi-hj .name{text-align:center;font-weight:500;font-size:16px;color:#282828}
.cgs-list .item{box-shadow:0 3px 20px rgba(193,193,193,.08);padding:30px 20px;background:#fff;border-radius:10px;border:1px solid #fff;margin-bottom:25px}
.cgs-list .item .top{display:flex;align-items:center;margin-bottom:26px}
.cgs-list .item .top .logo{flex:0 0 125px;height:83px;margin-right:34px}
.cgs-list .item .top .logo img{display:block;width:100%;height:100%;object-fit:contain}
.cgs-list .item .top .text{flex:1;display:flex;align-items:center;justify-content:space-between}
.cgs-list .item .top .text .left .tit{font-weight:700;font-size:20px;color:#282828;margin-bottom:15px}
.cgs-list .item .top .text .left .info{display:flex;flex-wrap:wrap;margin-bottom:-10px}
.cgs-list .item .top .text .left .info .col{flex:0 0 33.3%;margin-bottom:10px;display:flex;align-items:center}
.cgs-list .item .top .text .left .info .col .icon{width:20px;height:20px;margin-right:5px;display:flex;align-items:center;justify-content:center}
.cgs-list .item .top .text .left .info .col .icon img{display:block}
.cgs-list .item .top .text .left .info .col span{font-weight:500;font-size:16px;color:#282828;opacity:.8}
.cgs-list .item .top .text .left .info .col em{font-weight:500;font-size:16px;color:#282828}
.cgs-list .item .top .text .tools{display:flex;flex-direction:column;align-items:center;justify-content:center}
.cgs-list .item .top .text .tools .fav{display:flex;align-items:center;cursor:pointer}
.cgs-list .item .top .text .tools .fav i{background:url(../images/star-e.png) no-repeat center center/contain;width:16px;height:16px;margin-right:2px}
.cgs-list .item .top .text .tools .fav span{font-weight:500;font-size:16px;color:#0081cc}
.cgs-list .item .top .text .tools .fav.active i{background-image:url(../images/star.png)}
.cgs-list .item .top .text .tools .btn{width:145px;height:50px;background:#0081cc;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:16px;margin-top:20px}
.cgs-list .item .bot{display:flex}
.cgs-list .item .bot .pic-group{margin-right:34px;flex:0 0 125px}
.cgs-list .item .bot .pic-group .pic{border-radius:6px;overflow:hidden;margin-bottom:15px}
.cgs-list .item .bot .pic-group .pic img{display:block;width:100%}
.cgs-list .item .bot .pic-group .btn{height:40px;background:rgba(34,185,207,0);border-radius:6px;border:1px solid #0081cc;font-weight:500;font-size:15px;color:#0081cc;display:flex;align-items:center;justify-content:center}
.cgs-list .item .bot .table{flex:1;border-bottom:1px solid #dde8ef;border-right:1px solid #dde8ef}
.cgs-list .item .bot .table .row{min-height:58px;display:flex}
.cgs-list .item .bot .table .row .label{flex:0 0 125px;padding:24px 20px;background:#f7f9fa;font-weight:500;font-size:16px;color:#282828;border:1px solid #dde8ef;border-right:none;border-bottom:none}
.cgs-list .item .bot .table .row .con{flex:1;padding:24px;font-size:15px;color:#282828;border:1px solid #dde8ef;border-right:none;border-bottom:none}
.cgs-list .item .bot .table .wrap{display:flex;flex-wrap:wrap}
.cgs-list .item .bot .table .wrap .row{flex:0 0 50%}
.inner-header{background:#f8f9fa;border-bottom:1px solid #e9e9e9}
.inner-header .hd-mid{background:0 0}
.inner-header .hd-mid .wp{justify-content:flex-start;align-items:center}
.inner-header .hd-mid .wp .page-title{font-weight:700;font-size:32px;color:#282828;padding-left:20px;margin-left:20px;position:relative}
.inner-header .hd-mid .wp .page-title:after{content:'';width:1px;height:56px;background:#ddd;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.in-page{background:#f7f9fa url(../images/feed-bg.jpg) no-repeat center bottom/100% auto}
.form-section{padding:60px 0}
.form-section .title{text-align:center;font-weight:500;font-size:36px;color:#282828}
.form-section .text{margin:30px 0 20px;background:#fff;border-radius:5px;border:1px solid rgba(0,129,204,.06);padding:25px;box-shadow:0 3px 20px rgba(193,193,193,.08);font-size:16px;color:rgba(40,40,40,.9);line-height:30px}
.form-section .form{background:#fff;border-radius:5px;border:1px solid rgba(0,129,204,.06);padding:46px 120px 70px;box-shadow:0 3px 20px rgba(193,193,193,.08)}
.form-section .form .row{display:flex;align-items:flex-start;margin-bottom:16px}
.form-section .form .row .label{font-size:17px;color:#282828;flex:0 0 100px;text-align:right;margin-right:20px;padding-top:15px}
.form-section .form .row .label em{font-size:17px;color:red}
.form-section .form .row .con.code{display:flex;align-items:center}
.form-section .form .row .con.code input{max-width:342px;margin-right:15px}
.form-section .form .row .con.code .code-pic{height:62px;background:#fff;border-radius:6px;border:1px solid #efefef;box-shadow:0 3px 20px rgba(193,193,193,.08)}
.form-section .form .row .con.code .code-pic img{display:block;width:100%;height:100%;object-fit:contain}
.form-section .form .row .con.code .change{cursor:pointer;margin-left:16px;font-size:16px;color:#282828}
.form-section .form .row .con.code .change em{color:#0081cc}
.form-section .form .row .con{flex:1;display:flex}
.form-section .form .row .con textarea{width:100%;max-width:1019px;height:251px;background:#fff;border-radius:6px;border:1px solid #efefef;resize:none;box-shadow:0 3px 20px rgba(193,193,193,.08);color:#282828;font-size:16px;padding:14px}
.form-section .form .row .con input{color:#282828;font-size:16px;width:100%;max-width:542px;height:62px;background:#fff;border-radius:6px;border:1px solid #efefef;box-shadow:0 3px 20px rgba(193,193,193,.08);padding:0 14px}
.form-section .form .row .con select{color:#282828;font-size:16px;width:100%;max-width:542px;height:62px;background-color:#fff;background-image:url(../images/select-down.png);background-position:center right 20px;-webkit-background-size:15px auto;background-size:15px auto;background-repeat:no-repeat;border-radius:6px;border:1px solid #efefef;box-shadow:0 3px 20px rgba(193,193,193,.08);padding:0 14px}
.form-section .form .row .get-code{width:186px;height:62px;background:#cae2f0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;font-size:16px;color:#0081cc}
.form-section .form .btn-group{margin-top:42px;display:flex;padding-left:120px}
.form-section .form .btn-group .btn{width:186px;height:62px;background:#0081cc;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;font-weight:500;font-size:20px;color:#fff}
.form-section .form .btn-group .btn2{margin-left:15px;background:#cae2f0;color:#0081cc}
.login-page{display:flex;height:100vh}
.login-page .login-pic{height:100%;flex:0 0 680px;display:flex;align-items:center;justify-content:center;position:relative}
.login-page .login-pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:1}
.login-page .login-pic .text{position:relative;z-index:2}
.login-page .login-pic .text h4{font-weight:700;font-size:26px;color:#282828}
.login-page .login-pic .text h3{font-weight:700;font-size:56px;color:#0081cc}
.login-page .login-pic .text p{font-size:26px;color:#282828}
.login-page .login-pic .copyright{position:absolute;z-index:2;bottom:40px;left:0;width:100%;text-align:center;font-size:14px;color:#f3f5f7;line-height:26px}
.login-page .login-con{flex:1;height:100%;background:url(../images/login-bg.png) no-repeat center center/cover;display:flex;align-items:center;justify-content:center}
.login-page .login-con .login-inner .tit{display:flex;align-items:flex-end;line-height:1;margin-bottom:20px}
.login-page .login-con .login-inner .tit h3{font-weight:700;font-size:32px;color:#282828}
.login-page .login-con .login-inner .tit p{font-size:18px;color:#282828;margin-left:10px}
.login-page .login-con .login-inner .box{width:640px;background-color:#fff;border-radius:10px;border:1px solid #fff;box-shadow:0 3px 20px rgba(193,193,193,.08);padding:30px 50px 60px;margin-bottom:25px}
.login-page .login-con .login-inner .box .tab{display:flex;border-bottom:1px solid #e7e7e7;padding-bottom:20px;margin-bottom:30px}
.login-page .login-con .login-inner .box .tab .item.active{font-weight:700;color:#0081cc;position:relative}
.login-page .login-con .login-inner .box .tab .item.active:before{content:'';position:absolute;bottom:-21px;left:0;width:100%;height:2px;background:#0081cc}
.login-page .login-con .login-inner .box .tab .item+.item{margin-left:48px;position:relative}
.login-page .login-con .login-inner .box .tab .item+.item:after{content:'';width:1px;height:18px;background:#dedede;position:absolute;left:-24px;top:50%;margin-top:-9px}
.login-page .login-con .login-inner .box .tab .item{cursor:pointer;font-size:22px;color:rgba(51,51,51,.8)}
.login-page .login-con .login-inner .box .form{margin-bottom:20px}
.login-page .login-con .login-inner .box .form .input{margin-bottom:20px;display:flex;align-items:center;padding-left:15px;height:72px;background:#fff;border-radius:6px;border:1px solid #efefef;box-shadow:0 3px 20px rgba(193,193,193,.08)}
.login-page .login-con .login-inner .box .form .input .icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.login-page .login-con .login-inner .box .form .input .icon img{display:block}
.login-page .login-con .login-inner .box .form .input input{padding-left:10px;flex:1;height:100%;font-size:16px;color:#282828;border:none}
.login-page .login-con .login-inner .box .form .input .code{width:122px;height:34px;cursor:pointer}
.login-page .login-con .login-inner .box .form .input .code img{display:block;width:100%;height:100%;object-fit:contain}
.login-page .login-con .login-inner .box .form .submit{height:72px;background:#0081cc;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;width:100%;border:none}
.login-page .login-con .login-inner .box .bot-txt{display:flex;align-items:center;justify-content:space-between}
.login-page .login-con .login-inner .box .bot-txt .forget{font-weight:700;font-size:18px;color:#22b9cf}
.login-page .login-con .login-inner .box .bot-txt .register{font-weight:700;font-size:18px;color:#282828}
.login-page .login-con .login-inner .box .bot-txt .register em{color:#0081cc}
.login-page .login-con .login-inner .tips{font-size:16px;color:#282828;opacity:.8;text-align:center}
.forget-password{padding-top:47px;padding-bottom:76px}
.forget-password .form-section .form .row .label{flex:0 0 142px}
.forget-password .form-section .form .btn-group{padding-left:162px}
.forget-password .form-section{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;border:1px solid rgba(0,129,204,.06);box-shadow:0 3px 20px rgba(193,193,193,.08);padding:65px 0 70px}
.forget-password .form-section .form{box-shadow:none;border:none;padding:0;position:relative;left:-80px}
.forget-password .form-section .form .row .con input{width:542px}
.forget-password .step{box-shadow:0 3px 20px rgba(193,193,193,.08);background:#fff;border-radius:5px;border:1px solid rgba(0,0,0,.06);margin-bottom:24px;display:flex;align-items:center;justify-content:center;padding:45px 0}
.forget-password .step .item+.item{margin-left:180px;position:relative}
.forget-password .step .item+.item:after{content:'';height:1px;width:149px;background:#2946ac;position:absolute;left:-169px;top:30px;opacity:.5}
.forget-password .step .item.active span{color:#0081cc}
.forget-password .step .item .icon{display:flex;align-items:center;justify-content:center;width:54px;height:62px;margin:0 auto}
.forget-password .step .item .icon img{display:block}
.forget-password .step .item span{font-weight:700;font-size:18px;color:#282828;display:block;text-align:center}
.forget-password .success .title{font-size:36px;color:#282828;font-weight:400;margin-bottom:40px}
.forget-password .success .btn-group{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.forget-password .success .btn-group .btn+.btn{margin-left:12px}
.forget-password .success .btn-group .btn{width:186px;height:62px;background:#0081cc;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
.forget-password .success .btn-group .btn2{background:#22b9cf}
.text-page{padding:60px 0}
.text-page .title{text-align:center;font-weight:500;font-size:36px;color:#282828;margin-bottom:30px}
.text-page .text-content{padding:50px 50px 60px;background:#fff;border-radius:5px;border:1px solid rgba(0,129,204,.06);box-shadow:0 3px 20px rgba(193,193,193,.08);font-size:16px;color:rgba(40,40,40,.9);line-height:30px}
.text-page .text-content h3{font-weight:500;font-size:20px;color:#282828}
.text-page .text-content .row+.row{margin-top:40px;padding-top:40px;border-top:1px solid rgba(0,0,0,.1)}
.text-page .text-content .btn{margin:50px auto 0;width:350px;height:62px;background:#0081cc;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:20px;color:#fff}
.zhanhui-det{background:#fff;border-radius:10px;border:1px solid #fff;box-shadow:0 3px 20px rgba(193,193,193,.08);padding:30px}
.zhanhui-det .title{margin-bottom:30px;font-weight:500;font-size:30px;color:#282828}
.zhanhui-det .info{display:flex;flex-wrap:wrap;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e0eaf0}
.zhanhui-det .info .col{margin-bottom:10px;flex:0 0 33.3%;display:flex;align-items:center;font-weight:500;font-size:16px;color:#282828}
.zhanhui-det .info .col .icon{display:flex;align-items:center;justify-content:center;width:21px;height:20px;margin-right:10px}
.zhanhui-det .text-content{font-size:16px;color:rgba(40,40,40,.9);line-height:30px}
.zhanhui-det .text-content img{display:block;margin:0 auto}
.zhanhui-det .det-info{margin-top:50px}
.zhanhui-det .det-info .tit{font-weight:500;font-size:24px;color:#282828;padding-bottom:15px;border-bottom:1px solid #e0eaf0}
.zhanhui-det .det-info .row+.row{border-top:1px solid #e0eaf0}
.zhanhui-det .det-info .row{display:flex;font-size:16px;color:#282828;padding:20px 0}
.zhanhui-det .det-info .row .col{flex:0 0 50%}
.zhanhui-det .det-info .row .col span{font-weight:500;opacity:.8}
.zhanhui-det .det-info .row .col p{font-weight:500}
.zhanhui-list{display:flex;flex-wrap:wrap;margin:0 -10px -27px}
.zhanhui-list .item{flex:0 0 25%;margin-bottom:27px}
.zhanhui-list .item .inner:hover{border-color:rgba(0,129,204,.34);box-shadow:0 3px 20px rgba(193,193,193,.08)}
.zhanhui-list .item .inner:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.zhanhui-list .item .inner:hover .text h3{color:#0081cc}
.zhanhui-list .item .inner{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;margin:0 10px;display:block;padding:18px;background:#fff;border-radius:10px;border:1px solid #fff}
.zhanhui-list .item .inner .pic{padding-top:66.45%;position:relative;overflow:hidden;border-radius:6px;margin-bottom:15px}
.zhanhui-list .item .inner .pic img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.zhanhui-list .item .inner .text h3{font-weight:500;font-size:20px;color:#282828;line-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:60px;margin-bottom:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.zhanhui-list .item .inner .text p{font-weight:500;font-size:14px;color:#282828;line-height:30px}
.zhanhui-list .item .inner .text p span{opacity:.8}
.detail-title{padding-bottom:20px;border-bottom:1px solid #e0eaf0}
.detail-title h1{font-weight:500;font-size:30px;color:#282828;margin-bottom:20px}
.detail-title p{font-size:14px;color:#282828;opacity:.5}
.text-list-wrap{background:#fff;border-radius:10px;border:1px solid #fff;box-shadow:0 3px 20px rgba(193,193,193,.08);padding:0 24px}
.text-list-wrap .text-list .item:hover{background:rgba(0,129,204,.1)}
.text-list-wrap .text-list .item:hover a{color:#0081cc}
.text-list-wrap .text-list{padding-top:10px}
.text-list-wrap .text-list .item{padding-left:6px;padding-right:10px;height:63px;align-items:center;border-bottom:1px dashed rgba(0,0,0,.1);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.text-list-wrap .text-list .item em{color:#0081cc}
.text-list-wrap .text-list .item a{height:100%;display:flex;align-items:center}
.news-list-wrap{background:#fff;border-radius:10px;border:1px solid #fff;box-shadow:0 3px 20px rgba(193,193,193,.08);padding:0 24px}
.news-list-wrap .pages{margin:30px 0}
.news-list-wrap .zh-list{display:block;margin:0}
.news-list-wrap .zh-list .item:first-child{padding-top:24px}
.news-list-wrap .zh-list .item{margin-bottom:0;padding:32px 0;border-bottom:1px dashed rgba(0,0,0,.1)}
.news-list-wrap .zh-list .item .inner{margin:0}
.register-wrap{padding:60px 0 95px}
.register-wrap .title{text-align:center;font-weight:500;font-size:36px;color:#0081cc;margin-bottom:50px}
.register-wrap .list{display:flex;margin:0 -30px}
.register-wrap .list .item{flex:0 0 33.3%}
.register-wrap .list .item .inner{margin:0 30px;height:100%;background:#fff;border-radius:10px;border:1px solid rgba(0,129,204,.15);padding:40px;box-shadow:0 3px 20px rgba(193,193,193,.08)}
.register-wrap .list .item .inner .icon{display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.register-wrap .list .item .inner .icon img{display:block}
.register-wrap .list .item .inner .tit{text-align:center;font-weight:500;font-size:26px;padding-bottom:15px;margin-bottom:15px;position:relative}
.register-wrap .list .item .inner .tit:after{content:'';position:absolute;bottom:0;left:50%;width:24px;height:4px;margin-left:-12px}
.register-wrap .list .item .inner p{text-align:center;font-size:16px;color:#282828;line-height:28px;opacity:.8}
.register-wrap .list .item .inner .btn{margin:34px auto 0;width:158px;height:53px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;color:#fff}
.register-wrap .list .item:nth-child(1) .inner .tit{color:#0081cc}
.register-wrap .list .item:nth-child(1) .inner .tit:after{background:#0081cc}
.register-wrap .list .item:nth-child(1) .inner .btn{background:#0081cc}
.register-wrap .list .item:nth-child(2) .inner .tit{color:#22b9cf}
.register-wrap .list .item:nth-child(2) .inner .tit:after{background:#22b9cf}
.register-wrap .list .item:nth-child(2) .inner .btn{background:#22b9cf}
.register-wrap .list .item:nth-child(3) .inner .tit{color:#28638f}
.register-wrap .list .item:nth-child(3) .inner .tit:after{background:#28638f}
.register-wrap .list .item:nth-child(3) .inner .btn{background:#28638f}
.register-form-wrap .form-section .title{text-align:center;font-weight:500;font-size:36px;color:#282828;margin-bottom:30px}
.register-form-wrap .form-section .title span{color:#0081cc}
.register-form-wrap .form-section .form{padding:0 30px 50px}
.register-form-wrap .form-section .form .title{font-weight:500;font-size:28px;color:#0081cc;padding-bottom:10px;border-bottom:1px solid #e9e9e9;margin-bottom:27px;text-align:left;padding-top:20px}
.register-form-wrap .form-section .form.pt{padding-top:30px}
.register-form-wrap .form-section .form .row .label{flex:0 0 150px}
.register-form-wrap .tips{font-size:14px;color:#282828;opacity:.7;padding-left:170px;margin-bottom:20px;margin-top:-10px}
.register-form-wrap .form+.form{margin-top:30px}
.register-form-wrap .form .row.aic{align-items:center}
.register-form-wrap .form .row.aic .label{padding-top:0}
.register-form-wrap .form .row .con.radio-group{display:flex;align-items:center}
.register-form-wrap .form .row .con.radio-group label{display:flex;align-items:center;font-size:17px;color:#282828;cursor:pointer}
.register-form-wrap .form .row .con.radio-group label+label{margin-left:10px}
.register-form-wrap .form .row .con.radio-group input[type=radio]{width:16px;height:16px;margin-right:8px;cursor:pointer}
.register-form-wrap .form .row .con.upload-wrap .upload-btn{width:186px;height:62px;background:#0081cc;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-weight:500;font-size:16px;color:#fff}
.register-form-wrap .form .row .con.upload-wrap .upload-btn input{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer}
.register-form-wrap .form .row .con.upload-wrap .preview-btn{display:none;width:186px;height:62px;background:#cae2f0;border-radius:6px;margin-left:12px;font-weight:500;font-size:16px;text-align:center;line-height:62px;color:#0081cc;cursor:pointer}
.register-form-wrap .form .row .con.upload-wrap .upload-btn.long{width:auto;padding:0 30px;background:#cae2f0;color:#0081cc;margin-left:12px}
.register-form-wrap .form .row .con.upload-wrap .upload-btn.blue{width:auto;padding:0 30px}
.register-form-wrap .form .row .con .unit{font-size:16px;color:#282828;position:relative;left:-60px;top:17px}
.register-form-wrap .form .row .con.date span{display:flex;align-items:center;justify-content:center;font-size:17px;color:#282828;margin:0 10px}
.register-form-wrap .form .row .con.date input{max-width:265px}
.register-form-wrap .form .row .con.area select{width:221px;margin-right:15px}
.register-form-wrap .pic-list{display:flex;flex-wrap:wrap}
.register-form-wrap .pic-list .pic{flex:0 0 30%;height:200px;border:1px solid #eee;border-radius:4px;margin-right:20px;margin-bottom:20px}
.register-form-wrap .pic-list .pic img{display:block;width:100%;height:100%;object-fit:contain}
.register-form-wrap .pic-list .pic .close {
    margin-right: -9px;
    margin-top: -11px;
    width: 26px;
    height: 26px;
    background: url(../images/icon-close1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 10;
    cursor: pointer;
    opacity:1;
}
.register-form-wrap .form .btn-group{padding-left:170px}
.register-form-wrap .form .row .con.checkbox-group{display:flex;align-items:center}
.register-form-wrap .form .row .con.checkbox-group label{display:flex;align-items:center;font-size:17px;color:#282828;cursor:pointer}
.register-form-wrap .form .row .con.checkbox-group label a{color:#0081cc}
.register-form-wrap .form .row .con.checkbox-group label+label{margin-left:10px}
.register-form-wrap .form .row .con.checkbox-group input[type=checkbox]{width:16px;height:16px;margin-right:8px;cursor:pointer}
.m-pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
.m-pop .pop-mask{display:block;width:100%;height:100%;background:#000;opacity:.2}
.m-pop .pop-con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.m-pop .pop-con .close{position:absolute;background:url(../images/ego-guanbi.png) no-repeat center center/contain;width:22px;height:22px;top:20px;right:20px;cursor:pointer}
.m-pop .pop-con .form-section{padding:0;width:969px}
.m-pop .pop-con .form-section .form{padding:45px 65px 50px}
.m-pop .pop-con .form-section .form .con textarea{height:157px}
.m-pop .pop-con .form-section .form .wrap{display:flex;justify-content:space-between}
.m-pop .pop-con .form-section .form .wrap .row{flex:0 0 calc(50% - 10px)}
.m-pop .pop-con .form-section .form .wrap .row .con input{width:100%}
.m-pop .pop-con .form-section .form .btn{cursor:pointer;width:187px;height:63px;background:#0081cc;border-radius:6px;border:1px solid #efefef;margin:30px auto 0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}
.m-pop .pop-con .title{text-align:center;font-weight:700;font-size:30px;color:#282828;margin-bottom:30px}
.m-pop .pop-con .title span{color:#0081cc}
.m-pop .pop-con .btn-group{display:flex;justify-content:center;align-items:center;margin-top:40px}
.m-pop .pop-con .btn-group .btn{width:142px;height:46px;border-radius:5px;border:1px solid #0081cc;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0081cc;cursor:pointer}
.m-pop .pop-con .btn-group .btn:hover{color:#fff;background-color:#0081cc}
.m-pop .pop-con .btn-group .btn2{color:#22b9cf;border:1px solid #22b9cf;margin-left:16px}
.m-pop .pop-con .btn-group .btn2:hover{color:#fff;background-color:#22b9cf}
.m-pop .pop-con .pop-text{border-radius:6px;overflow:hidden;padding:45px 65px 50px;background-color:#fff;width:969px}
.m-pop .pop-con .pop-text .title{margin-bottom:0}
.m-pop .pop-con .pop-text .txt{margin-top:30px;text-align:center;font-size:18px;color:#282828;opacity:.8}
.empty-page{height:100vh}
.hd-nav .wp{position:relative}
.hd-nav .product-type-menu{display:none;position:absolute;top:100%;left:0}
.float-side{z-index:200;position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.float-side .item:hover .pop{opacity:1;pointer-events:auto}
.float-side .item{margin-bottom:2px;position:relative}
.float-side .pop{opacity:0;pointer-events:none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;right:calc(100% + 16px);top:-4px;width:355px;background:#fff;border-radius:6px;border:1px solid #fff;padding:24px 20px;display:flex;flex-wrap:wrap;align-items:center}
.float-side .pop .icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-right:8px}
.float-side .pop .icon img{display:block}
.float-side .pop .label{font-size:18px;color:#292929;opacity:.9}
.float-side .pop .val{font-weight:700;font-size:18px;color:#0081cc}
.float-side .pop .tel{font-size:26px}
.float-side .pop .qr{flex:0 0 100%;display:flex;align-items:center;margin-top:15px;padding-left:33px}
.float-side .pop .qr .pic+.pic{margin-left:22px}
.float-side .pop .qr .pic{width:117px;height:117px;border:1px solid #e2e2e2}
.float-side .pop .qr .pic img{display:block;width:100%;height:100%}
.float-side .pop:after{content:'';background:url(../images/san3.png) no-repeat center center/contain;width:14px;height:22px;position:absolute;left:100%;top:24px}
.float-side .item:hover .box{background:#22b9cf}
.float-side .box{width:60px;height:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0081cc;cursor:pointer;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
.float-side .box .icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}
.float-side .box .icon img{display:block}
.float-side .box p{font-size:12px;color:#fff}
.float-side .top{background:#22b9cf;width:60px;height:36px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}
.float-side .top .icon{width:7px;height:4px}
.float-side .top .icon img{display:block;width:100%;height:100%}
.float-side .top p{font-size:13px;color:#fff}
.menuBtn{display:none}
.swi-hj{position:relative;z-index:10}
@media only screen and (max-width:1480px){
.cgs-list .item .top .text .left .info .col{fleX:0 0 50%}
.hd-nav .nav .item a{padding:0 10px}
section{overflow:hidden}
.wp{padding-left:80px;padding-right:80px}
.filter-box .top-row .price span{white-space:nowrap}
.caigou-detail-top .pic-box{width:100%;margin-bottom:20px}
.caigou-detail-top{display:block}
.login-page .login-pic{flex:0 0 50%}
.login-page .login-con{padding:20px}
.login-page .login-con .login-inner .box{width:100%}
.filter-box .dfjb{display:block}
.filter-box .dfjb .right{margin-top:10px}
}
@media only screen and (max-width:1199px){
.login-page .login-pic .copyright{padding:0 20px}
.login-page .login-pic .text h3{font-size:42px}
.login-inner{width:100%}
.login-page .login-con .login-inner .box{padding:20px}
.login-page .login-con .login-inner .box .tab .item{font-size:14px}
.caigou-detail-wrap .side{flex:0 0 320px}
.filter-box .top-row .price .input{width:150px}
.wp{padding-left:20px;padding-right:20px}
.float-side{display:none}
header .hd-mid .logo-txt h1{font-size:18px}
header .hd-mid .logo-txt h2{font-size:14px}
header .hd-mid .search-box{flex:0 0 50%}
header .hd-mid{padding:20px 0}
.hd-nav .nav .item a{padding:0 10px;font-size:14px}
.hd-nav .product-type{font-size:14px;flex:0 0 160px}
.hd-nav .product-type img{width:20px;height:auto}
.index-sec1 .product-type-menu{display:none}
.index-sec1 .banner{width:100%;margin:0 0 20px}
.index-sec1{display:block}
.hd-nav .product-type-menu,.product-type-menu{width:160px;left:20px}
.sub-product-type-box{width:calc(100vw - 240px)}
.index-sec1 .links{flex-direction:row}
.index-sec1 .links .login-box{height:auto;flex:1;margin-right:20px;margin-bottom:0}
footer .fd-top{display:block}
.sub-product-type-box{opacity:1;pointer-events:auto;display:none}
.product-type-menu .item:hover .sub-product-type-box{opacity:1}
}
@media only screen and (max-width:959px){
.cgs-list .item .top .text .left .info{display:block}
.filter-box .dfjb .left,.filter-box .dfjb .right{flex-wrap:wrap;justify-content:space-between}
.caigou-item,.caigou-list .item{flex:0 0 50%}
.cgs-info{align-items:flex-start}
.cgs-info .text .info{display:block}
.cgs-info .text .info p+p{margin-left:0;margin-top:10px}
.register-wrap .list .item{margin-bottom:20px}
.register-wrap .list .item .inner{margin:0}
.register-wrap .list{display:block;margin:0}
.register-form-wrap .form .row .con .unit{white-space:nowrap}
.form-section .form .row .con.area,.register-form-wrap .form .row .con.checkbox-group{flex-wrap:wrap}
.register-form-wrap .form .row .con.checkbox-group label+label,.register-form-wrap .form .row .con.radio-group label+label{margin-left:0}
.register-form-wrap .form .row .con.checkbox-group label,.register-form-wrap .form .row .con.radio-group label{margin-right:10px}
.register-form-wrap .form .row .con.radio-group{flex-wrap:wrap}
.inner-header .hd-mid .wp .page-title{font-size:20px}
.form-section .form .row .get-code{flex:0 0 186px}
.forget-password .form-section .form .row .con input{width:100%}
.forget-password .form-section .form{left:0}
.zhanhui-list .item{flex:0 0 50%}
.caigou-detail-wrap .content{width:100%;margin-right:0;margin-bottom:20px}
.caigou-detail-wrap{display:block}
.pages ul li{display:none}
.pages ul li.active,.pages ul li.next,.pages ul li.prev{display:flex}
.filter-box .top-row{flex-wrap:wrap;justify-content:space-between}
.filter-box .top-row .price{margin-left:0}
.filter-box .top-row .select{flex:0 0 48%;margin-right:0;margin-bottom:10px}
.product-item{flex:0 0 50%;max-width: 50%;}
.product-list .item{flex:0 0 33.3%;max-width: 33.33%;}
.zh-list{display:block;margin-left:0;margin-right:0}
.zh-list .item .inner{margin-left:0;margin-right:0}
.index-sec6{display:block}
.section-box6{margin-top:20px}
.bz-list{display:block;margin:0}
.bz-list .item+.item{margin-top:20px}
footer .fd-top .fd-nav{margin-right:0}
}
@media only screen and (max-width:767px){
.pages ul li a{font-size:12px}
.pages ul li a{min-width:30px;height:30px}
.caigou-item .inner .title,.caigou-list .item .inner .title{font-size:18px;line-height:normal}
.caigou-detail-wrap .content .content-top .text-box .title{font-size:20px}
.caigou-detail-top .info-box .btn-group .btn{font-size:14px;height:42px}
.cgs-list .item .bot .table .wrap{display:block}
.cgs-list .item .bot{display:block}
.cgs-list .item .bot .pic-group{margin-right:0;margin-bottom:20px}
.cgs-list .item .top .text .tools{margin-top:20px}
.cgs-list .item .top .text .left .info .col em,.cgs-list .item .top .text .left .info .col span{font-size:14px}
.cgs-list .item .top .logo{margin-right:0;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cgs-list .item .top .text{display:block}
.cgs-list .item .top{display:block}
.filter-box .choice{display:block}
.news-wrap{display:block}
.qy-box .qy-list .item+.item{margin-top:20px}
.qy-box .qy-list{display:block}
.qy-box .qy-content{padding:15px}
.caigou-list{display:block}
.cgs-info{display:block;padding:30px;margin-bottom:20px}
.cgs-info .text .title{font-size:20px;margin-top:10px}
.cgs-nav{display:none}
.login-page .login-con .login-inner .tit h3{font-size:20px}
.login-page .login-con .login-inner .box .bot-txt .forget,.login-page .login-con .login-inner .box .bot-txt .register,.login-page .login-con .login-inner .tips,.login-page .login-con .login-inner .tit p{font-size:14px}
.login-page .login-con .login-inner .box .form .input .icon{width:18px;height:18px}
.login-page .login-con .login-inner .box .form .input{height:42px}
.login-page .login-con .login-inner .box .form .submit{font-size:14px;height:42px}
.login-page .login-pic .copyright{font-size:12px}
.login-page .login-pic .text h4{font-size:20px}
.login-page .login-pic .text p{font-size:18px}
.login-page .login-pic .text h3{font-size:30px}
.login-page .login-pic .text{top:-50px}
.login-page .login-pic{height:50vh}
.login-page{display:block;height:auto}
.form-section .form{padding:20px}
.text-page .text-content .btn{width:100%;font-size:14px;height:42px}
.text-page .text-content{padding:20px}
.form-section .title,.text-page .title{font-size:20px}
.register-wrap .title{font-size:20px;margin-bottom:30px}
.register-wrap .list .item .inner .tit{font-size:18px}
.register-wrap .list .item .inner p{font-size:14px;line-height:normal}
.text-list .item,.text-list-wrap .text-list .item{height:auto;flex-wrap:wrap;align-items:center;line-height:normal;padding:10px}
.caigou-detail-wrap .side .text-list .item{padding:0}
.text-list .item span{flex:0 0 100%;margin-top:10px}
.text-list-wrap .text-list .item a{line-height:normal;width:0;height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.detail-title h1{font-size:20px}
.form-section .form .btn-group .btn,.form-section .form .row .con input,.form-section .form .row .get-code,.register-form-wrap .form .row .con.upload-wrap .previer-btn,.register-form-wrap .form .row .con.upload-wrap .upload-btn{height:42px}
.form-section .form .btn-group .btn{font-size:14px}
.register-form-wrap .form .row .con.upload-wrap .previer-btn,.register-form-wrap .form .row .con.upload-wrap .upload-btn{font-size:14px}
.register-form-wrap .form-section .form{padding:0 20px 30px}
.form-section .text{font-size:14px;line-height:normal}
.register-form-wrap .form.pt .row .con.checkbox-group label{display:block}
.register-form-wrap .form .row .con.checkbox-group label{font-size:14px}
.register-form-wrap .form .row .con.area select{width:100%;margin-right:0;margin-bottom:10px}
.register-form-wrap .form .row .con .unit{left:-40px;top:9px}
.form-section .form .row .con.code .change{margin-left:0}
.form-section .form .row .con.code .code-pic{margin:10px 0}
.register-form-wrap .tips{padding-left:0}
.register-form-wrap .form-section .form .title,.register-form-wrap .form-section .title{font-size:20px}
.forget-password .success .title{font-size:20px}
.forget-password .step .item span{font-size:14px}
.form-section .form .btn-group .btn{width:45%}
.form-section .form .btn-group{justify-content:center}
.forget-password .form-section .form .btn-group,.form-section .form .btn-group{padding-left:0}
.form-section .form .row .get-code{margin-top:10px;width:100%}
.form-section .form .row .con.code{display:block}
.forget-password .form-section .form{width:100%}
.forget-password .form-section{padding:30px;display:block}
.form-section .form .row .label{text-align:left;margin-bottom:10px}
.form-section .form .row{display:block}
.in-page{padding-top:30px}
header.inner-header{position:absolute}
.inner-header .hd-mid .wp .page-title:after{display:none}
.inner-header .hd-mid .wp{display:block}
.inner-header .hd-mid .wp .page-title{padding-left:0;margin-left:0;margin-top:10px;font-size:20px}
.forget-password .step .item+.item:after{display:none}
.forget-password .step .item+.item{margin-left:50px}
.help-box{display:block}
.help-box .menu{margin-right:0;margin-bottom:20px}
.zhanhui-list{display:block}
.zhanhui-det .det-info .row{font-size:14px}
.zhanhui-det{padding:20px}
.zhanhui-det .info{display:block}
.zhanhui-det .det-info .tit,.zhanhui-det .title{font-size:20px}
.caigou-detail-wrap .side .side-box .title{font-size:20px}
.det-pages{padding:20px}
.det-pages a+a{margin-top:10px}
.det-pages a{font-size:16px;line-height:normal}
.caigou-detail-top .info-box .top .title{font-size:18px;line-height:normal}
.caigou-detail-wrap .content .content-top{padding:20px}
.pages .jump{display:none}
.product-list2{display:block;margin-left:0;margin-right:0}
.product-item{max-width: 100%;}
.product-item .inner{margin:0}
.filter-box .bot-row{flex-wrap:wrap}
.filter-box .top-row .price{width:100%;flex:0 0 100%;display:block}
.filter-box .top-row .price .input{width:100%}
.filter-box .top-row .price .input{margin-top:10px}
.filter-box .bot-row .input{flex:1;width:100%;border-left:1px solid #e4e4e4}
.filter-box .bot-row .submit{flex:0 0 92px}
.filter-box .bot-row .select{margin-bottom:10px;flex:0 0 100%}
.filter-box .top-row .price .input+.input{margin-left:0}
header .hd-top .wp .left{display:none}
header .hd-top{font-size:12px}
header .hd-mid .search-box{display:none}
header .hd-mid{padding:10px 0}
.hd-nav{position:fixed;top:104px;left:0;width:100%;height:calc(100vh - 104px);overflow-y:auto;background-color:#fff;padding-bottom:50px;padding-top:20px;display:none}
.hd-nav .wp{display:block}
.hd-nav .product-type{height:36px;margin-right:0}
.hd-nav .nav{height:auto;display:block}
.hd-nav .nav .item a{padding:0 16px;color:#333;justify-content:flex-start;height:36px}
.menuBtn{display:block;cursor:pointer;width:30px;height:30px;background:url(../images/hd-menu.png) no-repeat center center/contain}
.menuBtn.open{background-image:url(../images/hd-close.png)}
body{padding-top:104px}
header{position:fixed;top:0;left:0;width:100%;z-index:399}
.hd-nav .product-type-menu{position:static;width:100%}
.product-type-menu .item{flex-wrap:wrap}
.sub-product-type-box{flex:0 0 100%;position:static;height:auto;width:100%;margin-top:20px}
.index-sec1 .links{display:block}
.index-sec1 .links .login-box{margin-right:0;margin-bottom:20px;padding:30px}
.section-title .title h3{font-size:20px}
.section-title .title .index{font-size:20px;width:30px;height:30px}
.table-wrap{overflow-x:auto}
.section-box1 table,.section-box3 table{width:960px}
.product-list{display:block;margin-left:0;margin-right:0}
.product-list .item{max-width: 100%;}
.product-list .item .inner{margin:0}
.product-list .item .inner .tit a{font-size:18px}
.zh-list .item .inner{display:block}
.zh-list .item .inner .pic{width:100%;height:auto;margin-right:0;margin-bottom:10px}
.zh-list .item .inner .text{width:100%}
.index-sec7 .title{font-size:24px}
footer .fd-top .fd-nav{flex-wrap:wrap}
footer .fd-top .fd-nav dl{flex:0 0 33%;margin-bottom:20px}
.bz-list .item .inner{margin:0}
}
@media only screen and (max-width:1199px){
.m-pop .pop-con .form-section{width:90vw}
}
@media only screen and (max-width:767px){
.m-pop .pop-con .form-section .form{padding:30px}
.m-pop .pop-con .form-section .form .wrap{display:block}
.m-pop .pop-con .form-section .form .btn{height:43px}
.m-pop .pop-con .title{font-size:20px}
}