#container:after,.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"\0020"}
li,ul{padding:0;list-style:none}
body{font: 14px/1.2 -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif;background: #fff;height: 100%;overflow-x:hidden;}
/**首页  页头***/
@font-face {
  font-family: 'iconfont';  /* Project id 1791723 */
  src: url('//at.alicdn.com/t/font_1791723_r5096kjdrzo.woff2?t=1626658370310') format('woff2'),
       url('//at.alicdn.com/t/font_1791723_r5096kjdrzo.woff?t=1626658370310') format('woff'),
       url('//at.alicdn.com/t/font_1791723_r5096kjdrzo.ttf?t=1626658370310') format('truetype');
}
  
*{box-sizing: content-box;}
.input-icon.left i{    color: #ccc; display: block!important;position: absolute!important;z-index: 1;margin: 25px 2px 4px 12px;text-align: center;}
html,body{height: 100%;font-size: 14px;line-height: 1.42857143;position: relative;}
.head{ line-height: 80px; height: 80px; background: #fff; box-shadow: -3px 20px 30px rgba(0,0,0,0.04); z-index: 999; position: fixed;top:0;width:100%;}
.head .hd{ margin: 0 auto; display: flex; position: relative;align-items: center;justify-content: space-between;}
.head .alogo{height: 80px;z-index: 5;padding: 0;margin-left: 20px; }
.head .alogo a {height: 80px;display: flex;align-items: center;}
.head .menu{display: flex; align-items: center;}
.head .menu .btn {display: block;color: #666;padding: 0 25px;line-height: 80px; height: 80px;text-decoration: none;text-align: center;border:0;}
.head .menu .btn span.tag{font-size:6px;background:#ff0;color:#f44;line-height:8px;padding:0 5px;}
.head .menu .btn.btn-link{font-size: 14px;outline:none;background:#f9f9f9;}
.head .menu .btn:hover{background:#eee;}


.head .page-nav a{display: flex;    color: #666;    padding: 0 20px;    height: 80px;    line-height: 80px;    text-decoration: none; align-items: center;justify-content: space-between;}
.head .page-nav a .iconfont{margin-right:6px;}

.head .menu .active1{color:#000;font-weight:900;background:#eee;}

.head .welcome{display:flex;}
.head .welcome{height: 80px;z-index: 5;padding: 0;margin-left: 20px;color:#000; }
.head .welcome .btna {border:0;display: flex;align-items: center;}
.head .welcome .headicon{font-size:20px;margin-right:6px;width:20px;height:20px;padding:5px;display:flex;text-align:center;line-height:20px;border-radius:50%;background-color:#1f53ff;color:#fff;}
.head .welcome .down{margin-left:6px;color:#666;}
.head .welcome .name{font-size:20px;line-height:20px;}
.head .welcome .p{font-size:14px;line-height:20px;margin-bottom:0;}
.head .welcome .p span{font-size:12px;color:#999;}


.head .menu .dropdown-menu {min-width: 200px;padding:0;margin: 0;margin-left:-50px;background-color: #fff;border: 0;border-radius: 0px;}
.head .menu .dropdown-menu .card {position: relative;height: 120px;padding: 0 20px;background-color:#eee;line-height:1.1;overflow:hidden;margin-bottom:0;}
.head .menu .dropdown-menu .card .card-vip {position: absolute;top: 0;left: 0;padding: 0 8px;font-size: 12px;line-height: 20px;border-radius: 2px;font-weight: 400;border-radius: 4px 0 10px 0;color: #fff;background: rgba(0,0,0,.2);}
.head .menu .dropdown-menu .card .card-nick{max-width: 160px;overflow: hidden;margin-top:35px;}
.head .menu .dropdown-menu .card .card-nick span{display: block;max-width: 160px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 700;margin-bottom: 10px;font-size:20px;color:#000}
.head .menu .dropdown-menu .card .card-tip{display: block;font-size:12px;line-height:2;}

.head .menu .dropdown-menu .menu {padding: 8px 0;display: flex;flex-direction:column;align-items: flex-start;}
.head .menu .dropdown-menu .menu .menu-item {display: block;padding: 10px 16px;line-height: 20px;color: #000;cursor: pointer;}

/****/
.modal-dialog .modal-content{border-radius:12px;overflow:hidden;width:750px;height:480px;margin:auto;}
.modal-dialog .modal-header{padding:0;}
.modal-header .close{top:20px;right:20px;position:absolute;z-index:10;outline:none;}

.container {padding-left:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-top: 80px;padding-bottom: 50px;width: 100% !important;max-width:100% !important;min-height: calc(100vh - 680px);text-align: center;}
.content{height:auto;}
.content .slide{position:relative;}

.login {width:360px;height:440px;background-color:#fff;padding:20px 55px 20px 335px;background-image:url("//img30.360buyimg.com/zx/jfs/t1/202911/10/28478/56646/637c2f17Ee650dfd5/fed4671ff562f4de.jpg");background-size:300px 480px;background-repeat:no-repeat;}
.login .nav-tabs{display:flex;align-items: center;border-bottom:0;}
.login .nav-tabs li{font-size:18px;color:#666;border:0;}
.login .nav-tabs li a{border:0;}
.login .nav-tabs li a:hover{background-color:#00000000;border:0;}
.login .nav-tabs li.active{color:#000;font-weight:600;}
.login .nav-tabs li.active a{border:0;}
.login .control-group{display:flex;align-items: center;padding:0px 20px;margin-bottom:14px;border-bottom:1px #eee solid;border-radius:6px;}
.login .control-group .label-input100{width:60px;}
.login .control-group .m-wrap{border:0;padding:10px;width:200px;outline:none;}
.form-actions .btn{width:88%;padding:0;margin:20px 6%;line-height:50px;background-image: linear-gradient(-90deg,#FF7F47 0,#FF4747 100%);color:#fff;border-radius:6px;}
.login .tips{text-align:center; color:#f44;font-size:10px;}

/*****/

.business {position: relative;height: 150px;width: 100%;background-color: #f9f9f9;overflow:hidden;}
.business .list {margin: 0 auto;width: 1200px;height: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;background-color: #f9f9f9;}
.business .list .item {height: 100%; flex: 1 1 100%; cursor: pointer;display: flex; flex-direction: column; justify-content: center; align-items: center;color:#666;}
.business .list .item .iconfont {font-size:50px;}
.business .list .item:hover {color:#000;}

/*****/

.index_buy {position: relative;height:50px;line-height:50px;width: 100%;background-color: #f44;overflow:hidden;}
.index_buy a{font-size:16px;color:#fff;}
.index_buy span {font-size:16px;color:#ff0;margin-left:100px;}

/*****/
.module{margin:0px auto 0 auto;display: flex;justify-content:space-between;background:#fff;}
.module .list{padding-top:30px;height: 100%;display: flex;flex-direction: column;border:0;width:200px}
.module .list li{padding: 20px 40px 20px 0 ;width:160px;font-size: 14px;cursor: pointer;text-align:right;}
.module .list li .iconfont{font-size:10px;margin-right:6px;color:#999;}
.module .list li.active {color: #000;background:#eee;border-left:5px #1f53ff solid;width: 155px;}
.module .list li:hover{color: #000;background:#f9f9f9;}
.module .list li.totool{color: #fff;font-weight:900;background:#f44;margin-bottom:10px;}
.module .list li.totool .iconfont{color:#ff0;}

.module .navi{margin: 0 20px 50px 0px;height: auto;display: flex;border:0;}
.module .navi li{padding: 10px 30px;margin-right:12px;font-size: 14px;cursor: pointer;text-align:left;border-radius:4px;}
.module .navi li:hover{color: #000;background:#f9f9f9;}
.module .navi li.active{color: #2254f4;font-weight:900;background:#eee;}
.module .navi li.active{color: #2254f4;font-weight:900;background:#eee;}

.module .topad{width: 100%;overflow:hidden;border-radius:10px;display: flex;align-items: center;justify-content:center;}

.module .shopMc {width: 100%;background: #fbfbfb;border-radius: 20px;display: flex;box-sizing: border-box;margin-bottom: 50px;overflow:hidden;}
.module .shopMc .list{background: #fbfbfb; padding: 25px 80px; box-sizing: border-box;margin-right: 10px; width: 100%;}
.module .shopMc p{display: block; width: 100%; margin: 6px; color: #454545; font-size: 20px; font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";}
.module .shopMc .p1{margin-top:30px;}
.module .shopMc .p2{font-size: 14px; color: #787878;}
.module .shopMc a.duys{display: inline-block; width: 200px; line-height: 50px; border-radius: 25px; background: #458dff; color: #fff; text-align: center; font-size: 18px; text-decoration: none; margin: 15px 4px 0 6px;}


.module .module_list{margin: 0px 30px 30px 0px;display: flex;flex-direction: row;align-items: center;flex-wrap:wrap;}
.module .module_list .row{width: 230px;height:auto;margin: 0px 20px 30px 0 ;border-radius:12px;overflow:hidden;background:#f9f9f9;padding-bottom:16px;}
.module .module_list .row:hover {box-shadow: -3px 20px 30px rgb(0 0 0 / 8%);}
.module .module_list .row .img{width: 240px;position:relative;height:320px;display: flex;justify-content: center;align-items: center;border-radius:12px;overflow:hidden;}
.module .module_list .row .img img{width: 240px;height:auto;}
.module .module_list .row .title{width: 240px;margin-top:10px;line-height:24px;height:48px;display: flex;justify-content: center;align-items: center;}
.module .module_list .row .name{width: 240px;height:30px;line-height:24px;display: flex;justify-content: center;align-items: center;color:#c00;font-size:10px;}
.module .module_list .row .btns{width: 240px;height:100%;line-height:32px;display: flex;flex-direction:column;align-items: center;justify-content: center;background:#00000060;color: #fff;position:absolute;top:0;left:0;opacity:0;}
.module .module_list .row .b{width: 140px;height:32px;line-height:32px;text-align:center;border-radius:4px;margin:4px 0;}
.module .module_list .row .btna{background:#f44;}
.module .module_list .row .btnb{background:#2254f4;}
.module .module_list .row .btnc{background:#000;}
.module .module_list .row .btns:hover{opacity:1;}

/**/
.module .module_list .row_online{width: 240px;height:auto;margin: 0px 20px 30px 0 ;border-radius:12px;overflow:hidden;background:#f9f9f9;cursor: pointer;}
.module .module_list .row_online .img{width: 240px;position:relative;height:300px;border-radius:12px;overflow:hidden;}
.module .module_list .row_online .img img{width: 240px;height:auto;border-radius:12px;}
.module .module_list .row_online .btns{width: 240px;height:100%;line-height:40px;display: flex;flex-direction:column;align-items: center;justify-content: center;color: #fff;position:absolute;top:0;left:0;opacity:0;}
.module .module_list .row_online .btns:hover{opacity:1;}
.module .module_list .row_online:hover img{transform: translateY(-50px);transition: all 0.3s;}
.module .module_list .row_online .btna{width: 140px;height:40px;background:#fff;color:#f44;line-height:40px;text-align:center;border-radius:20px;margin:6px 0;}
.module .module_list .row_online .btnc{width: 140px;height:40px;background:#000;color:#fff;line-height:40px;text-align:center;border-radius:20px;margin:6px 0;}
.module .module_list .row_online .info {padding: 12px;}
.module .module_list .row_online .num_price{ font-size: 16px; line-height: 20px;display:flex; justify-content:space-between;}
.module .module_list .row_online .price{float: right;}
.module .module_list .row_online .tag{display: inline-block; height: 20px; line-height: 20px;padding: 0 6px; border-radius: 3px;background-image: linear-gradient(
-90deg
,#FF7F47 0,#FF4747 100%); color: #fff; font-weight: bold; }
.module .module_list .row_online .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 38px;width: 100%;color: #666;}
.module .module_list .row_online .row_btns{line-height: 38px;height: 38px;overflow: hidden;font-size: 12px;color: #999;}
.module .module_list .row_online .row_btns span{display: inline-block;width: 102px;height: 38px;text-align: center;color: #999;border-radius: 19px;font-size: 14px;vertical-align: bottom;}
.module .module_list .row_online:hover .row_btns span{color: #fff;background:#f44;}
.module .module_list .row_online:hover .row_btns .btnR {background: #426eff;}
.module .module_list .row_online:hover {box-shadow: -3px 20px 30px rgb(0 0 0 / 8%);}



/*9***/
#fenye{width:100%;margin:30px 0 30px 0;}
#fenye .pagination{margin:30px 0 30px 0;}
/*****/
.hpic{width:100%;height:200px;overflow:hidden;}
.hpic img{margin-top:-160px;}

.shead ul{margin: 60px auto;height: 60px;display: flex;flex-direction: row;align-items: center;border:0;}
.shead li{padding: 10px 20px;margin-right: 10px;font-size: 20px;cursor: pointer;}
.shead li.add{padding: 10px 20px;font-size: 20px;cursor: pointer;background:#eee;color: #333;}
.shead li.active2{padding: 10px 20px;font-size: 20px;cursor: pointer;background: linear-gradient(-90deg,#FF7F47 0,#FF4747 100%);color: #fff;}

/*****/

.container .page{margin: 0 auto;width: 1200px;overflow:hidden;padding: 0px 20px;}
.container .page .h{margin-top:50px;display:flex;font-size:20px;margin-bottom:40px;}
.container .page .btn{background-image: linear-gradient(-90deg,#FF7F47 0,#FF4747 100%);color: #fff;line-height:40px;padding:0 20px;margin:0 0 0 30px;}
.container .page .form-horizontal{padding:20px;overflow:hidden;}
.form-horizontal .control-label {padding-top: 10px;text-align:left;}
.form-horizontal .buts {padding-top: 10px;text-align:left;}
.form-horizontal .buts label {margin-right:10px;}
form .help-block {text-align:left;}
.form-control{padding: 2px 12px;}

.we7-table>tbody>tr>td{padding:30px 0;}
.we7-table>tbody>tr{background:#fff;border-radius:30px;overflow:hidden;margin-bottom:10px;}
/****/
.shopBar{width:100%;height:auto;overflow:hidden;background:#f44;}
.shopInfo{margin: 0 auto;padding: 12px 0;width: 1200px;display: flex;justify-content: center;align-items: center;}
.shopInfo .hd{margin-right:10px;font-size:20px;color:#fff;font-weight:600;}
.shopInfo .tips{margin-left:20px;font-size:12px;color:#fff;}




/**
 * down
 */
.down .container .hd{width: 1200px;margin: 40px auto;text-align: center;padding: 50px 0;border-bottom: 1px solid #eee;font-size: 28px;}

.down .container .bd{width: 1200px;margin: 50px auto;padding-bottom: 120px;flex-direction: column;}
.down .container .bd li .title{ font-size: 28px;margin-bottom: 20px;}
.down .container .bd li .sub-title{ font-size: 14px;}
.down .container .bd li .text{ margin-left: 60px; width: 550px;}

.down .container .bd li .down{ overflow: hidden; margin: 50px 0;padding: 0 50px;background:#f44;color:#fff;border-radius:10px;line-height:50px;display:inline-block;}


/*****/

.footer {width: 100%;height: 300px;background: #fff;border-top:1px #ddd solid;}
.footer .row {width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.footer a {text-decoration: none;color: #777;}
.footer a:hover {color:#000;}
.footer .top {margin-top:30px;width: 1200px;height: 190px;overflow: hidden;}
.footer .ul_list {width: 1200px;height: 160px;}
.footer .ul_list > li h3 {color: #000;font-size: 18px;height: 28px;line-height: 18px;font-weight: bolder;margin-top:0}
.footer .ul_list > li {width: 25%;float: left;}
.footer .ul_list > li > ul {margin-top: 14px;}
.footer .ul_list > li ul li {margin-top: 8px;}
.footer .ul_list > li ul li {color: #777;height: 18px;line-height: 18px;font-size: 12px;}
.footer .mid {height: 50px;}
.footer .mid > div {height: 100%;border-bottom: 1px solid #ddd;color:#000;}
.footer .mid > .row > ul {width: 1200px;height: 50px;line-height: 50px;}
.footer .mid > .row > ul li { float: left;padding: 0 20px;margin-right: 3%; color: #777;font-size: 12px;height: 50px;line-height: 50px;}
.footer .bot {padding: 20px;height: 30px;}
.footer .bot > div {color: #777;font-size: 12px;}
.footer .bot p {font-weight: bolder;}
.footer .bot .row a {display: inline-block;height: 20px;line-height: 20px;}
.footer .bot .row a img {float: left;width: 20px;}
.footer .bot .row a span {float: left;height: 20px;line-height: 24px;margin: 0px 0px 0px 5px;color: #777;}




.consult_contact{
    position: fixed;
    top: 42%;
    right: 0;
    width: 120px;
    margin: auto;
    cursor: pointer;
    z-index: 99;
}
.consult_wrap{
    position: relative;
    width: 110px;
    height: 110px;
    margin: auto;
    margin-top: 5px;
}
.consult_wrap .tip{
    position: absolute;
    right: 95px;
    top: 45px;
    display: none;
    width: 150px;
    height: 24px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    background: #3091f2;
    color: #fff;
    -webkit-transition: display 1s ease;
    transition: display 1s ease;
}
.consult_wrap .tip:after{
    position: absolute;
    right: -8px;
    top: 50%;
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3091f2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.consult_contact img{
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.consult_contact .staff_img{
    z-index: 999;
    border-radius: 100%;
}
@keyframes ballRotate {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
.consult_contact  .ball{
    top: 20px;
    width: auto;
    transform-origin: 0 38px;
    animation: ballRotate 2.5s infinite linear;
    z-index: 9999;
}
@keyframes bg2Animation {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.consult_contact .bg-2{
    animation: bg2Animation 2.5s infinite linear;
}
.consult_contact:hover .tip{
    display: block;
}

.contact_line_btn {
    position: relative;
    top: -25px;
}
.contact_line {
    width: 2px;
    height: 50px;
    background: #3091f2;
    margin: auto;
}
.contact_btn {
    display: block;
    margin: auto;
    width: 100px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #3091f2;
    border-radius: 24px;
}
.contact_btn:hover, .contact_btn:link {
    color: #fff;
}

.contact_group_btn {
    margin-top: 30px;
}
.group_btn_box {
    position: relative;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .25);
    margin: auto;
    margin-bottom: 10px;
}
.group_btn_box:hover {
    background: rgba(0, 0, 0, .5);
}
.group_btn_box > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.contact_group_btn > div:last-child {
    margin-bottom: 5px;
}

.hover_txt_box {
    display: none;
    align-items: center;
    position: absolute;
    top: 0;
    right: 65px;
    width: 154px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.group_btn_box:hover .hover_txt_box {
    display: flex;
}
.phone_txt {
    width: 145px;
    background: rgba(0, 0, 0, .5);
}
.wx_code_box {
    position: relative;
    width: 146px;
    height: 146px;
    background: rgba(0, 0, 0, .5);
}
.wx_code_box .wx_code {
    display: block;
    width: 126px;
    height: 126px;
    margin: auto;
}
.hover_txt_box .arrow {
    display: block;
    width: 0px;
    height: 0px;
    border: 7px solid;
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
}
.wx_arrow {
    position: relative;
    top: -40px;
}
.class_qidian_wpa{
    opacity:0 !important;
    right: 0 !important;
    top: 0 !important;
    margin-top: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    height: 50px !important;
    width:50px !important}