body {
    font-family: "Microsoft YaHei";
}

.bd1,.bd2,.bd3,.bd4,.bd5,.bd6{
    width: 100%;
    height: 100%;
}
#title {
    height: 10%;
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
/*    padding: 0 2.5%;*/
    line-height: 10%;
    overflow: hidden;
    position: fixed;
    z-index: 10;
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.logo{margin-left: 80px;}
#title .sele_btn {
    position: absolute;
    top:25px;
    top: calc(50% - 25px);
    top:-moz-calc(50% - 25px);
    top:-webkit-calc(50% - 25px);
    right: 80px;
}

#title .sele_btn img {
    width: 50px;
}
.index_header{ position: absolute;
    top: 0;
    height: 100px;
    width: 100%;
    margin: 0 auto;
    z-index: 4;}
.index_header .logo{
    height: 100%;
    width: 182px;
    float: left;
}

.footer ,.footer_b{
    height: 80px;
    bottom: 2px;
    width: 100%;
    /*overflow: hidden;*/
    text-align: center;
    position: fixed;
    z-index: 15;
    margin:0 auto;
}
/*ie9垂直居中*/
.pop_show .node_span{ display: inline-block;
    width: inherit;
    height: 100%;
    vertical-align: middle;
    zoom: 1;/*BFC*/
    *display: inline;}
.pop_show a{
    display: inline-block;
    color: #fff;
    zoom: 1;/*BFC*/
    *display: inline;}

.footer_leave{margin:0 auto;overflow: hidden;}
.footer_b{position: relative;padding-bottom: 16px;border-bottom: solid rgba(232,232,232,.5) 1px;}


.lihover_o:hover .qr_code2{display: block;}
.li_po_right_2:hover .order_user2{display: block;}
.li_po_right_3:hover .order_user3{display: block}
.fix_line2{width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #fff;border-bottom: 8px solid transparent;position: absolute;top: 13px;right: -8px;}

.pointerC_top{height:18px;width: 18px;border-right: solid #fff 2px;border-top:solid #fff 2px; transform: rotate(-45deg) translate(-14px,12px);margin-left: 14px;transition: .5s}
.pointer_bottom{transform: rotate(135deg) translate(8px,-10px);}
.fo_left {
    float: left;
    position: absolute;
    top:20px;
    top: calc(5% - -20px);
    top:-webkit- calc(5% - -20px);
    top:-moz-calc(5%- -20px);
    margin-left: 80px;
}

    top:-webkit- calc(5% - -13px);
    top:-moz-calc(5%- -13px);}
.fo_left img {
    margin-right: 20px;
    cursor: pointer;transition: all 0.5s;
}
.fo_left a img:hover{
   transform: rotate(360deg);
}
.fo_center {
    display: inline-block;
    text-align: center;
    position: absolute;
    top:20px;
    top: calc(5% - -20px);
    top:-webkit- calc(5% - -20px);
    top:-moz-calc(5%- -20px);
}

.fo_right {
    float: right;
    position: absolute;
    top:20px;
    top: calc(5% - -20px);
    top:-webkit- calc(5% - -20px);
    top:-moz-calc(5%- -20px);
    right: 0%;
    margin-right: 90px;
}

.fo_right img {
    width: 40px;
    margin-left: 20px;
    transition: all 0.5s;
}
.fo_right a img:hover{
   transform: rotate(360deg);
}

.bd2 {
    position: relative;
}
.bd_in{width:100%;margin:0 auto;position: relative;}

.bd2 .bd21 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.bd2 .big {
    height: 100% !important;
}

.focen_pore {
    position: relative;
}
.bd2 .slideBox .bd img{width:100%;}
.bd2 .slideBox .bd .tit img{width:auto;}
/**/
.a_left{float:left;}
.a_before{position: relative; display: block; float: left;transition: all 0.5s;cursor: pointer;}
.chin{transition: all 0.5s;position: absolute; top: -54px;width:80px;background: #fff;left:-21px;background: url(../images/index8_03.png) no-repeat center 0px;
    color:#333;font-size: 12px;text-align: center;display: none; height: 104px;line-height: 30px;}
.brand_chin{width: 140px;background:url(../images/index8_03.png) no-repeat center 2px;left:-128%;height: 65px}
.chin:hover{color:rgba(250,204,0,1);}
.a_before:hover .chin{display: block;}
.click_after{display: block;}
.brand_chin p{float: left;width:50%;}
.but_footer_left img{margin-right: 20px;}
.but_footer_end img{margin-left: 20px;}
.tell{display:none;position: absolute;width:122px;height: 104px;left:-42px;top:-54px;color:#000;background: url(../images/index8_03.png) no-repeat center 0px;line-height: 30px;}
.tell:hover{color:rgba(250,204,0,1);}
.a_left:hover .tell{display: block;}
.hover_changcolor{width:40px;height: 40px;background: url(../images/index3_05.png) no-repeat;transition: all 0.5s}
.hover_changcolor:hover{background: url(../images/index3_07.png) no-repeat;}
/**/
.op_cl {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(../images/index6_03.png) no-repeat;
}
.op_cl_pop{ 
    width: 50px;
    height: 100px;
    background: url(../images/col_bg_03.png) no-repeat center center;
     height:50px;
    border-radius: 50%;
    margin-top: 24px;
    margin-right:60px;}
.op_close {

    background: url(../images/close_03.png) no-repeat center;
}

.poin_dow {
    display: block;
    position: relative;
    height: 39px;
    width: 34px;
    left: 30px;
    background: url(../images/index2_34.png) no-repeat;
    left: 11%;
    bottom: -307px;
    ;
}

.index_in_o {
    background: rgba(105, 121, 273, .5);
}

.index_in_t {
    background: rgba(141, 162, 224, .5);
}

.index_in_th {
    background: rgba(123, 146, 244, .2);
}

.index_in_fo {
    background: rgba(123, 146, 244, .3);
}

.index_in_fi {
    background: rgba(123, 146, 244, .2);
}

.index_in_si {
    background: rgba(249, 197, 0, .4);
}

.index_in_se {
    background: rgba(83, 115, 235, .3);
}

.tribox,
.tribox_right {
    width: 80px;
    height: 60px;
    position: relative;
    bottom: -326px;
    bottom: -315px;
    left: -42px;
}

.squ,
.squ_right {
   
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 50%;
    position: absolute;
    justify-content: center;
    background: #fff;
}

.tri_border {
    display: block;
    height: 19px;
    width: 19px;
    position: absolute;
    background: #fff;
}

.tri_border {
    bottom: -10px;
    transform: rotate(135deg);
}

.pop {
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background: url("../images/popbg_02.jpg") no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 12
}

.pop_1 {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    z-index: 11;
}

.pop_box {
    position: relative;
    height: 100%;
    width: 100%;
}

.pop_show {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #fff;
    height: 100%;
}

.pop_show li {
    float:left;
    text-align: center;
    width:12.5%; 
    flex-grow: 1;
    height: 100%;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    transform-origin:50% 50%;
    transform:translate3d(0,0,0);
}

.pop_show .pop_show_active {
    width: 13.7%;
}

.show_widont {
    width: 13.7%;
}

.pop_show .widd:hover .show_widont {
    width: auto;
}
.pop_inner{
    color: #fff;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: all 0.5s;
}
.index_tit{width:50px;height: 50px;text-align: center;margin-bottom: 19px;margin:auto auto 19px auto;}
.pop_show li:hover .pop_inner{ transform: translateY(-34px);}
.index_tit img{transition: all 0.5s}
.pop_show li:hover .index_tit img{transform: scale(1.2);}
.pop_inner_scrale{transition: all 1.5s;}
.index_tit_img{transition: all 0.5s;}
.pop_act {color: #666; position: relative;/*top: 50px;*/}


.sma_font {
    font-size: 10px;
}

.pop_right {
    position: absolute;
    height: 12%;
    width: 50px;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    bottom: 8%;
    right: 15px;
}

.pop_height {
    height: 30%;
}

.li_po_right_4 p {
    height: 100%;
    width: 100%;
    background: url(../images/pori_394.png) no-repeat center;
}

.li_po_right_4 .on {
    height: 100%;
    width: 100%;
    background: url(../images/pori_394.png) no-repeat center;
}

.li_po_right_4 .te {
    height: 100%;
    width: 100%;
    background: url(../images/index-ri_395.png) no-repeat center;
}

.pop_right li {
    flex-grow: 1;
    width: 100%;
    background: rgba(61, 81, 604, .4);
    margin-bottom: 3px;
    cursor: pointer;
    position: relative;
}

.qr_code {
    position: absolute;
    background: url(../images/qrcode_03.jpg) no-repeat;
    top: 0;
    width: 200px;
    height: 200%;
    right: -41px;
    display: none;
    z-index: 3;
    background-size: auto 100%;
}

.order_no {
    display: none;
}

.pop_right li:hover .order_user {
    display: block
}

.pop_right li:hover .qr_code {
    display: block;
    z-index: 2
}

.qr_code .fix_line {
    right: 42%;
}

.order_user {
    height: 100%;
    width: 120px;
    background: rgba(232, 232, 232, 0.9);
    position: absolute;
    right: 52px;
    color: #0d3b92;
    top: 0;
}

.order_user span {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.fix_line {
    display: block;
    width: 12px;
    height: 12px;
    background: rgba(232, 232, 232, 0.9);
    border-right: solid rgba(232, 232, 232, 0.9) 1px;
    border-top: solid rgba(232, 232, 232, 0.9) 1px;
    transform: rotate(45deg);
    position: absolute;
    right: -6%;
    top: 17%;
}


/*.li_po_right_4:hover{background:url(../images/pori_395.png) no-repeat;}*/


/*.li_po_right_4:hover img{display: none;}*/

.pop_up,
.pop_down {
    height: 10px;
    width: 10px;
    border-right: solid #fff 3px;
    border-top: solid #fff 3px;
    transform: rotate(-45deg)
}

.pop_down {
    transform: rotate(135deg)
}

.pop_right li:nth-child(1),
.pop_right li:nth-child(2),
.pop_right li:nth-child(3) {
    display: none
}

ul.togg_th li:nth-child(1),
.pop_right li:nth-child(2),
.pop_right li:nth-child(3) {
    display: none
}


/*第二瓶*/

/*.slideBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}*/

.slideBox .hd {
    /*height: 533px;*/
    width: 480px;
    overflow: hidden;
    position: absolute;
    right: 10%;
    top:127px;
    top: calc(50% - 270px);
    top:-webkit- calc(50% - 270px);
    top:-moz-calc(50% - 270px);
    z-index: 1;
    background-color: #e8e8e8;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    /*width: 328px*/
}

.slideBox .hd ul li {
    float: left;
    margin-right: 1px;
    float: left;
    border: 5px solid #fff;
    cursor: pointer;
    width: 229px;
     /*height: 86px; */
}
.slideBox .hd ul li.on
{
    border-color:#003f98;
    }



.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd ul {
    height: 100%;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
    height: 100%;
    position: relative;
}


.slideBox .bd img {
    display: block;
    margin-bottom: 26px;
   
}


.click_outlist{color: #fff;font-size: 22px;line-height: 28px;box-sizing: border-box;padding-top:30px;
    width:50px;height:120px;position: absolute;bottom: 18%;left:11%;background: url(../images/index7_03.png) no-repeat 0 0}
.indexshop_list{position: absolute;height: 100%;width: 100%;top:0;z-index: 10;display: none;}

.slideBox .bd li .tit {
    position: absolute;
    left: 10%;
    top:266px;
    top: calc(50% - 122px);
    top:-webkit-calc(50%- 149px);
    top:-moz-calc(50%- -122px);
    width: 470px;
    left:12%;
}

.slideBox .bd li .tit span {
    color: #fff;
    font-size: 36px;
}

.slideBox .bd li .tit a {
    background-color: #fff;
    display: block;
    width: 134px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #666;
    font-size: 12px;
    background: url(../images/bd25_03_03.png) no-repeat 90px #fff;
    margin-top: 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.slideBox .bd li .tit a:hover {
    text-decoration: none;
    color: #fff;
    background: url(../images/bd25_03.png) no-repeat 90px #003f98
}
.slide_index_fi{overflow: hidden;}

/* */

.slideBox .prev,
.slideBox .next {
    z-index: 7;
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
    text-align:center;
}

.slideBox .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox .prevStop {
    display: none;
}

.slideBox .nextStop {
    display: none;
}


/**/

.multipleColumn {
    overflow: hidden;
    position: relative;
    padding: 8px 3% 0 3%;
}

.multipleColumn .hd {
    overflow: hidden;
    background: #f4f4f4;
}

.multipleColumn .hd .prev,
.multipleColumn .hd .next {
    display: block;
    width: 34px;
    height: 62px;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
}

.multipleColumn .hd .prev {
    position: absolute;
    left: 26px;
    top: 50%;
    background: url("../images/pre1_03.png") no-repeat center;
}

.multipleColumn .hd .next {
    background: url("../images/pre1_05.png") no-repeat center;
    position: absolute;
    right: 25px;
    top: 50%;
}

.multipleColumn .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
    display: none
}

.multipleColumn .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("../images/icoCircle.gif") 0 -9px no-repeat;
}
.bd_index{
    background: #fff;
    position: relative;
    height: 100%;}
.multipleColumn .hd ul li.on {
    background-position: 0 0;
}

.multipleColumn .bd {
    overflow: hidden;
    display: none
}

.multipleColumn .active {
    display: block
}

.multipleColumn .bd ul {
    overflow: hidden;
    zoom: 1;
    width: 33.33333%;
    float: left;
    _display: inline;
}

.multipleColumn .bd ul li {
    margin: 0 20px 20px 0;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
}

.multipleColumn .bd ul li .pic {
    text-align: center;
    width: 100%
}

.multipleColumn .bd ul li .pic img {
    width: 100%;
    display: block;
    padding: 2px;
    height: 100%;
    box-sizing: border-box;
}

.multipleColumn .bd ul li .title {
    line-height: 24px;
}

.bd3 {
    overflow: hidden
}

.checked {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 80px;
    padding-top: 5%;
}

.checked ul {
    overflow: hidden;
    float: right;
    line-height: 60px;
    position: relative;
    z-index: 3;
}

.checked li {
    float: left;
    overflow: hidden
}

.checked li a {
    float: left;
    font-size: 14px;
    color: #333;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    transition: .9s;
}

.checked li i {
    width: 1px;
    height: 13px;
    background-color: #cecece;
    display: block;
    float: left;
    margin: 0 21px;
    position: relative;
    top: 24px;
}

.biao {
    float: left;
    height: 60px;
}

.biao h3 {
    font-size: 26px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}

.biao span {
    font-size: 16px;
    color: #999;
    font-weight: lighter;
}

.biao1 {
    float: left;
    height: 60px;
    width: 95%;
    padding: 0 2.5%;
    padding-top: 60px;
    padding-bottom: 5%;
}

.biao1 h3 {
    font-size: 26px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}

.biao1 span {
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
    font-weight: lighter;
    
}

.checked li.active a,
.checked li:hover a {
    color: #3d51cc;
    border-bottom: 1px solid #3d51cc;
    height: 45px;
}

.bgz {
    display: block;
    background: rgba(221, 204, 74, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    cursor: pointer;
    text-align: center;
}

.bgz img {
    display: block;
    text-align: center;
    position: absolute;
    top: -50px;
    left:30px;
    left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    left: -moz-calc(50% - 30px);
}

.bgz span {
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: -150px;
    left:60px;
    left: calc(50% - 60px);
    left: -webkit-calc(50% - 60px);
    left: -moz-calc(50% - 60px);
}


/*myy*/

.show_lide {
    /*display: -moz-box;*/
/*    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-around;*/
    /*width: 62%;*/
   /* position: relative;
    overflow: hidden;
    float: right;*/
}


.page3_imgshow {margin:0 auto;}
.page3_imgshow li{ width: 32.64%;position: relative;margin: 0% 1% 1% 0;float: left;overflow: hidden;}
.page3_imgshow li.r{ margin:0;}
.box_imgpa {
    width: 100%;
}
.box_imgpa img {
    width: 100%;
    display: block;
}
.page3_imgshow .active .op_show{transform: scale(1);display:block;}
.page3_imgshow .active .zoom_img2{opacity: 0}


.multiple_Column{background: url(../images/qc1_03.jpg);position: relative;overflow: hidden;}

.bg3_prev,
.bg3_next {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 90px;
    width: 63px;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 50%;
    margin-top: 45px;
    text-align:center;
}

.bg3_next {
    right: 0;
}
/*
.op:hover .op_show {
    display: flex;
}
*/
.show_lide li {
    cursor: pointer;
    flex-grow: 1;
    text-align: center;
    border-right:solid #ccc 1px;
    float:left;
    padding:0 23px;
    box-sizing: border-box;
}

.show_lide .on {
    color: #3d51cc;
}

.show_lide li span {
    padding-bottom: 5px;

}
.show_lide li span:hover{color:#3d51cc; border-bottom: solid #3d51cc 1px;}
.show_lide .on a span {
    border-bottom: solid #3d51cc 1px;
    color:#3d51cc; 
}

.bg3_prev .i_on,
.bg3_next .i_on {
    border-right: solid #ccc 4px;
    border-top: solid #ccc 4px;
}

.bg3_prev i {
    transform: rotate(-135deg);
    left: 26px;
    top:29px;
}

.bg3_next i {
    right: 26px;
}

.zoom_img2 {
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    transition: all 0.25s;
    opacity: 1;
}

.hd_2 {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4% 0 0 3%;
    width: 92%;
    padding-top:38px;
}

/*.op:hover .zoom_img2 {
    display: none;
}*/

/**/

.bd4 {
    background: url(../images/smail_02.jpg) no-repeat left;
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100%;
    background-size: 50%;
}

.page4_right {
   margin-left: 50%;
    position: relative;
}

.togge {
    height: 60px;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 120px;
    position: relative;
    top: 81%;
    margin: auto;
}

.togge a {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: red;
    width: 50%;
    align-items: center;
    justify-content: center;
}

.togge a:first-of-type {
    background-color: rgba(0, 0, 0, .5)
}

.togge a:last-of-type {
    background-color: /*rgba(155,165,226,.5)*/
    #9ba5e2
}

.togge_left,
.togge_right {
    display: block;
    height: 15px;
    width: 15px;
    border-right: solid #fff 1px;
    border-bottom: solid #fff 1px;
    transform: rotate(45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -webkit-transform: rotate(-45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
}

.togge_left {
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    /* IE 9 */
    -moz-transform: rotate(135deg);
    /* Firefox */
    -webkit-transform: rotate(135deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(135deg);
    /* Opera */
}

/*.page4_org {
    width: 80%;
    margin: 12% auto;
}*/

.page4_org {
    width: 80%;
    /* margin: 12% auto; */
    position: absolute;
    top: 50%;
    margin-top: -225px;
    right: 40px;
    /*border: solid red 1px;*/
}


.page4_org h2 {
    font-size: 26px;
    line-height: 72px;
    color:#111;
}

.page4_org p {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
}

.ser_more {
    overflow: hidden;
    height: 52px;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 53px;

}
.look_more,
.sumi_but {
    width: 152px;
    background-color: #f0cf2f;
    padding-left: 30px;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    transition: all 0.5s;
}
.look_more:hover{background:#9ba5e2;}
.look_more a .pointer_in,
.sumi_but a .pointer_in,
.stor_more a .pointer_in{
    display: block;
    width: 39%;
    color:#fff;
    margin-left: 85px;
    /*background: url(../images/bd25_03.png) center center no-repeat;*/
    /*animation: width_ani 1s infinite ease;*/
    height: 50px;

}

.look_more a .pointer_in{width:44px;transition: all 0.5s;}
.look_more a .pointer_in:hover,.sumi_but a .pointer_in:hover,.stor_more a .pointer_in:hover{animation: width_ani2 1s infinite ease;}
input.free_subm{background: #9ba5e2;border: none;font-size: 16px;color: #fff;cursor: pointer;transition: all 0.5s;}
.look_more a span,.sumi_but a span,.stor_more a span{float:left;color:#fff;}

.sumi_but {
    margin-left: 20px;
    background-color: #9ba5e2;
}
.free_sub:hover{background:#f0cf2f;}
.user_name {
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*width: 94%;*/
    border: solid #eec706 2px;
    height: 45px;
    margin-top: 48px;
    border-radius: 5px;
}
.take_uername,
.take_pho,
.take_qq {
    width: 77%;
    border: none;
    height: 100%;
    font-size: 16px;
    color: #666;
    line-height: 45px;
    float:left;
}
@keyframes width_ani {
    from {
        width: 23%;
    }
    to {
        width: 39%;
    }
}
@keyframes width_ani2 {
    from {
        width: 44px;
    }
    to {
        width: 60px;
    }
}
@-moz-keyframes myfirst{
    from {
        width: 23%;
    }
    to {
        width: 39%;
    }
}

@-webkit-keyframes myfirst{
    from {
        width: 23%;
    }
    to {
        width: 39%;
    }
}

@-o-keyframes myfirst{
    from {
        width: 23%;
    }
    to {
        width: 39%;
    }
}

.take_uername::-webkit-input-placeholder,
.take_pho::-webkit-input-placeholder,
.take_qq ::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 18px;
    color: #666;
    line-height: 45px;
}

.take_uername:-moz-placeholder,
.take_pho:-moz-placeholder,
.take_qq:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 18px;
    color: #666;
    line-height: 45px;
}

.take_uername::-moz-placeholder,
.take_pho::-moz-placeholder,
.take_qq::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 18px;
    color: #666;
    line-height: 45px;
}

.take_uername:-ms-input-placeholder,
.take_pho:-ms-input-placeholder,
.take_qq:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 18px;
    color: #666;
    line-height: 45px;
}

.user_img {
    display: block;
    width: 30px;
    height: 45px;
    background: url("../images/name_03.jpg") center center no-repeat;
    margin: 0 10px;
    float:left;
}

.user_othfo {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
}

.user_infobox,
.user_qqbox {
    float: left;
    height: 100%;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    background: #e8e8e8;
    /*margin: 30px 33px 0 0;*/
    margin:30px 0 0 0; 
    width: 290px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    flex-grow:1;
    width:48%;
}
.user_qqbox {margin-left: 24px;}

input.take_pho,
input.take_qq {
    background: #e8e8e8;
    align-self: center;
    height: 100%;
    border: none;
    font-size: 16px;
}

.user_pho,
.user_qq {
    display: block;
    width: 30px;
    height: 45px;
    margin: 0 10px;
    float:left;
}

.user_pho {
    background: url(../images/pho.jpg) center center no-repeat;
}

.user_qq {
    background: url(../images/qq_05.jpg) center center no-repeat;
}

.sity_li {
    border-radius: 4px;
   /* display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;*/
    /*width: 94.5%;*/
    margin-top: 30px;
    overflow: hidden;
}


{
/*  */  
-webkit-box-pack: center;  
   /* 12版 */  
-webkit-justify-content: center;  
-moz-justify-content: center;  
-ms-justify-content: center;  
-o-justify-content: center;  
justify-content: center; 

}

{
-webkit-align-items: center;  
-moz-align-items: center;  
-ms-align-items: center;  
-o-align-items: center;  
align-items: center; 

}


.sity_li li {
    width: 32%;
    height: 50px;
    float:left;
    overflow: hidden;
}

.sity_li select {
    border: none;
    background: #e8e8e8;
    font-size: 18px;
    color: #666;
    padding: 0 7%;
    outline: none;
    height: 100%;
    transition: all 0.5s;
    width: 120%;
    background:url(../images/xiala_03.png) 77% no-repeat #e8e8e8;
}

.sity_li select option {
    border: none;
}

.free_sub {
    margin-top: 30px;
    height: 50px;
    width: 220px;
    background: #9ba5e2;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    transition: all 0.5s;
}


/**/

.tpage6_tit {
    padding-left: 3%;
    padding-top:38px;
}

.tpage6_tit h2 {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

.tpage6_tit small {
    color: #fff
}

.showBox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 11%;
}

/*.text_show {
    padding: 0 2%;
}*/

.page6_right h2 {
    font-size: 25px;
    padding: 40px 0 25px 0;
}

.page6_font {
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

.mess {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    width: 393px;
    padding-bottom: 9px;
}

.page6img_left {
    height: 32.3%;
    width: 14.6%;
    float: left;
    left: 14%;
    z-index: 4;
    position: absolute;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/child_03.jpg) no-repeat center;
    background-size: 100% 100%;
    transition: all .5s;
    cursor: pointer;
}
.opari{background:rgba(0,0,0,0.2);
    position: relative;
    width: 100%;
    height: 100%;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    transition: all .5s;
}
.page6img_left:hover .opari{ 
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.page6_right {
    position: relative;
    top: 124px;
    padding-bottom: 37px;
    background: #fff;
    width: 46.5%;
    height: inherit;
    padding: 0 3% 3% 20%;
    left: 10%;
}

.page6img_info {
    position: relative;
    z-index: 2;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    width: 284px;
    color: #fff;
    top: 75px;
    left: 27%;
    z-index: 6;
}

.line_info {
    display: block;
    width: 20%;
    border-top: solid #fff 1px;
    align-self: center;
}

/*.triangle-down {
    position: absolute;
    top: 100%;
    left: 7%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    overflow: inherit;
}
*/
/*.user_showlist {
    position: relative;
    z-index: 4;
    width: 1280px;
    height: 168px;
    margin-left: 11.5%;
}
*/
.buyer_experience{width:1280px;margin:0 auto;}
.slide_index_prev{background: url(../images/slider-arrow.png) no-repeat;}
.shoper_mess{height: 220px;margin:0 auto;color:#fff;overflow: hidden; width:1180px;}
.shoper_change{height: 390px;position: relative;}
.shoper_left img{display: inline-block;height: auto;max-width: 100%;}
.shoper_left{float:left;margin-left:4%;width: 23%;position: absolute;z-index: 2;transition: all 0.5s;}
.shoper_right{margin-right:45px;width: 100%;background: #fff;height: 260px; position: absolute;bottom: 0;padding-top: 30px}
.shoper_right h3{font-size: 26px;line-height: 36px;}
.mess_shoper{}
.mess_shoper p{font-size: 15px;float: left;margin-right:73px;color:#333;margin:27px 71px 24px 0;}
.mess_detail {font-size: 13px;color:#999;line-height: 26px;clear: both;width:73%;}
.shoper_mess li{float: left;cursor: pointer; padding-right: 79px;text-align: center; width:123px;}
.shoper_mess .margin_right_non{padding-right: 0;}
.shoper_margin{margin-left: 30%}
.over_auto{margin-right: 40px;height: 126px;overflow: auto;}
.over_auto::-webkit-scrollbar{width: 4px;background: #d2d2d2;height: 20px;}  
.over_auto::-webkit-scrollbar-thumb {background-color:#a0a0a0;background-clip:padding-box;min-height: 23px ;border-radius: 15px;}
.shoper_mess li span:before{ border-left: 12px solid transparent;  border-right: 12px solid transparent; border-top: 12px solid #fff;  content: "";  position: relative;      width: 0; left: 39px;visibility: hidden;}  
.shoper_mess li div{text-align: center;}
.slide_index_hd{overflow: hidden;float:left;width:1180px;}
.ab_shoper_left{display:none;position: absolute;width: 100%;height: 99%;top:0;transition: all 0.3s;background:url(../images/cir_03.png) no-repeat center rgba(0,0,0,.5); z-index:2;}
.shoper_mess li:nth-of-type(1){padding-left:25px;}
.shoper_change:hover .ab_shoper_left{display:block !important;}
.border_img{margin-top: 21px;height: auto;max-width: 100%;}
.border_img img{border:solid rgba(0,0,0,0) 3px;border-radius: 50%;}
.on .border_img img{transition: all .5s;}
.on .border_img img{border:solid #fff 3px;border-radius: 50%;}
.slide_index_prev,.slide_index_next{width:39px;height: 50px;display: block;margin: 6% 0 0 0;}
.slide_index_prev{background: url(../images/slider-arrow.png) no-repeat -115px;float: left}
.slide_index_next{background: url(../images/slider-arrow.png) no-repeat 18px;float:left;}
.slide_index_prev:hover{background: url(../images/slider-arrow.png) no-repeat -175px;}
.slide_index_next:hover{background: url(../images/slider-arrow.png) no-repeat -42px;}
.user_lis{}

.page6_box1 {
    background: url(../images/index_bg5_02_02.jpg) 0 center;
    position: relative; 
    width: 100%;
    padding-top: 60px;
    height: 100%
}

.page6_box{background: url(../images/qc1_03.jpg)}

/**/

.user_showlist .slideBox {
    overflow: inherit;
    top: 87%;
}

.user_showlist .slideBox .hd {
    position: absolute;
    right: 52px;
    top: 0px;
    width: 90%;
    height: 170px;
    background: none;
    color: #fff;
    overflow: inherit;
}

.user_showlist .slideBox .hd ul {
    width: 100%;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow-x: auto;
    height: 100%;
    margin-top: 2%;
}

.user_showlist .slideBox .hd ul li img {
    width: auto;
    height: auto;
    transition: .5s;
}

.user_showlist .slideBox .hd ul li img:hover {
    transform: scale(1.0);
}


/**/

.user_showlist .slideBox .prev {
    left: 0;
}

.user_showlist .slideBox .next {
    right: 0
}

.user_showlist .slideBox .hd ul li {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: inherit;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    transition: all 0.5s;
}
.user_showlist .slideBox .hd ul li:hover{
    color:#333;
}
.user_showlist .slideBox .hd ul li span {
    font-size: 18px;
    line-height: 34px;
}

.user_showlist .slideBox .hd ul li small {
    font-size: 12px
}

.user_showlist .slideBox .hd ul li.on .img_radio img {
    border-radius: 50%;
    border: solid #fff 3px;
}

.user_showlist .slideBox .hd ul li .img_radio {
    height: 120px
}


/**/


/*sliper*/

.bg_slide {
    margin: 0 auto;
    position: absolute;
    left: 14.5%;
    background: #fff;
}

.bg_slide{margin:0 auto;}
.hd_6 {
    width: 200px;
    background: #fff;
    text-align: center;
    float: right;
    /*display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-direction: column;*/
    position: absolute;
    height: 100%;
    right: -201px;
}

.stor_net {
    max-width: 358px;
    /*margin: 0 0 0 58px;*/
}


/*.stor_left {display: flex;align-items: center; justify-content: center;}*/

.slinp_box {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 45px;
}

.stor_ul {
    width: 100%;
    height:60%;
    position: relative;
}





.bg_ap,
.bg_ap_on {
    width: 189px;
    padding: 16px 0;
    border-left:solid #ccc 1px;
    border-right:solid #ccc 1px;
    box-sizing: border-box;
    margin-left: 13px;
}
.bg_ap .prev,.bg_ap .next{margin:0 auto;display:block;}

.bg_apprev:hover{background: #c4caf0;}
.bg_apprev:hover .bg6_du{border-color: #fff}
.bg6d_du,.bg6_du  
{
    height: 40px;
    width: 40px; 
    margin:0 auto; }
.bg6_du {
    background:url(../images/sliderdownup.png) no-repeat 4px -145px;
}
.bg6d_du{background:url(../images/sliderdownup.png) no-repeat 4px -28px }

.prev_du{background:url(../images/bg5bo6.png) no-repeat center;}
.next_du{background:url(../images/bg5bott_06.png) no-repeat center;}
.bg_ap_on a .prev_du,.prev_du:hover{background:url(../images/bg5top_3.png) no-repeat center;}
.bg_ap_on a .next_du,.next_du:hover{background:url(../images/bg5top_6.png) no-repeat center;}
.bg_ap:hover, .bg_ap_on:hover{background:#9ba5e2;}
.bg_ap:hover .bg6_du{background:url(../images/sliderdownup.png) no-repeat 4px -205px;}
.bg_ap:hover .bg6d_du{background:url(../images/sliderdownup.png) no-repeat 4px -87px ;}
   
.prev {
    display: block;
}
/*.bd7{padding-top:38px;}*/
.bd7 .biao1 h3,
.bd7 .biao1 span {
    color: #fff
}

.bd7 .content {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10%;
}

.bd7 .s_left {
    float: left;
    width: 640px;
    background: #fff;
    height: 100%;
    padding: 40px 38px 0px 40px;
    box-sizing: border-box
}

.bd7 .s_left h3 {
    font-size: 19px;
    font-weight: bold;
    color: #666666;
}

.bd7 .s_left li {
    padding: 30px 0;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8
}

.bd7 .s_left li:last-child {
    border: none;
}

.bd7 .s_left img {
    float: left;
    margin-top: 10px;
    transition: all 0.5s
}
.bd7 .s_left img:hover{transform: scale(1.1);}
.bd7 .s_left div {
    float: right;
    line-height: 26px;
    width: 505px;
    font-size: 14px;
    color: #888;
    transition: all 0.5s
}
.bd7 .s_left div:hover{color:rgba(250,204,0,1);}
.bd7 .s_right {
    float: right;
    width: 595px;
}

.bd7 .s_right h3 {
    font-size: 19px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}

.stor_tit {
        margin-left: 80px;
        margin-top:38px;
}
.stor_tit small{font-size:16px;font-weight: lighter;color:#999;}
.stor_tit h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}

.stor_small {
    color: #666;
}

.stor_show {
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #fff;
    height: 55%;
    margin-top: 6%;
    margin-left: 17%;
    margin-right: 17%;
}


/*.stor_showimg{margin: 3% 4%;  background: url(../images/stor_03.jpg) no-repeat;width:82%;background-size: contain;}*/

.bd_index,.stor_showimg{float:left;width: 487px;height: 305px;overflow: hidden;}

.stor_net h2 {
    font-size: 30px;
    color: #111;
}

.stor_net small {
    color: #999;
    font-size: 14px;
}

.stor_net p {
    margin-top: 22px;
    line-height: 28px;
    color: #777;
}

.stor_more {
    margin-top: 60px;
    width: 146px;
    height: 50px;
    background-color: #f0cf2f;
    text-align: center;
    line-height: 50px;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 8%;
    color: #fff;
    font-size: 14px;
    cursor: pointer; 
}

.stor_list {
    flex-grow: 1;
     display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
}
.stor_more a span:hover{color:#eee;}
.stor_lists {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 200px;
}

.stor_lists li {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-left: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
    position: relative;
}


.stor_lists .active {
    background-color: #c4caf0;
    padding-top: 2px;
}

.stor_lists li:first-child,
.act_color {
    background: #c4caf0;
}

.stor_lists li:first-child,
.stor_lists li:last-child {
    cursor: pointer;
}

.stor_lists li i {
    display: block;
    border-top: solid #fff 3px;
    border-right: solid #fff 3px;
    width: 34px;
    height: 34px;
    transform: rotate(-45deg);
}

.stor_lists li .ico_or {
    border-top: solid #666 3px;
    border-right: solid #666 3px;
    transform: rotate(135deg)
}

.stor_lists li .point_left {
    background: #fff;
    position: absolute;
    display: block;
    left: -8px;
    top: 43%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #003f98;
    border-right: 2px solid #003f98;
    transform: rotate(-135deg);
}

.stor_lists li .point_none {
    background: none;
    border: none;
}

.ser_list img {
    transition: .5s;
}

.ser_list img:hover {
    transform: scale(1.1);
}
/*.bd7 .s_right .line span{}*/

.bd7 .s_right .in {
    width: 290px;
    float: left;
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 12px;
    
}

.bd7 .s_right .line {
    margin-top: 7px;
    overflow: hidden
}

.bd7 .s_right .line label {
    float: left;
    color: #999;
    font-size: 12px;
}

.bd7 .s_right .line label i {
    color: #e93928;
    font-style: normal
}

.bd7 .s_right .line input {
    float: left;
    display: block;
    height: 40px;
    line-height: 40px;
    border: none;
    width: 220px;
    color: #999;
}

.bd7 .s_right .inr {
    width: 290px;
    float: right;
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 12px;
}

.bd7 .texa {
    height: 172px;
    background-color: #fff;
    margin-top: 7px;
    box-sizing: border-box;
    padding-left: 12px;
}
.text_input{width: 100%;height: 100%;border:none;}
.bd7 .texa label {
    display: block;
    color: #999;
    font-size: 12px;
    line-height: 40px
}

.bd7 .texa textarea {
    width: 546px;
    height: 130px;
    border: none;
    resize: none;
    color:#999;
    padding-top:12px;
    overflow:hidden;
}

.bd7 .mao input {
    display: block;
    float: left;
    width: 185px;
    height: 40px;
    margin-top: 50px;
    margin-right: 15px;
    box-sizing: border-box;
    padding-left: 12px;
    line-height: 40px;
    color: #fff;
    background: url(../images/bd25_03.png) no-repeat 152px #f0cf2f;
    font-size: 14px;
    border:none;
    text-align: left;
    transition: all 0.5s;
    cursor: pointer;
}
.bd7 .mao input:hover,.bd7 .mao a:hover{animation: bg_position 2s infinite}
.bd7 .mao input:last-child {background-color: #5e6ed3;}
/*9.5*/
.slideBox .hd ul li img {
    width: 100%;
}

@keyframes bg_position {
    from {
        background-position: 140px 
    }
    to {
        background-position: 158px 
    }
}


/*myy*/

.pageser_tit {
    margin-top: 5%;
    padding-left: 2.5%;
    background: url(../images/qc1_03.jpg);
    padding-top:38px;
}

.fixed_div {
    width: 100%;
    height: 23px;
    position: relative;
    height: 5%;
    background: #fff;
    z-index: 10;
    width: 92%;
}

.div_fix {
    padding: 0 3.5%;
    padding-right: 91px;
    width: 87%;
    position: relative;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.fix_left {
    width: 6%;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fix_right {
    width: 10%;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    position: relative;
    right: -127px;
}

.fix_center.fixcen_pore {
    width: 9%;
    position: relative;
    left: 154px;
}

.fix_right img {
    width: 48px;
}

.fixed_div .fo_left {
    position: relative;
    left: 3%;
    top: 20%;
}

.fixed_div .focen_pore {
    right: -40%;
}

.ser_list {
/*  display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;*/
    width: 71%;
    margin: 0 auto;
    padding: 2% 0;
    overflow: hidden;
}

.ser_list li {
    flex-grow: 1;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 176px;
    float:left;
    width:20%;
    text-align: center;
}

.ul_box {
    background-color: #fff;
    width: 71%; 
    border-top-right-radius: 13px;
    min-height: 90px;
    bottom: 0px;
    border-top-left-radius: 13px;
    margin: 0 auto;
    padding:18px 0;
    border-bottom:solid rgba(232,232,232,0.5) 1px;
    overflow: hidden;
}


.pageser_tit h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ser_list li span {
    font-size: 18px;
    color: #666
}

.ser_list li span small {
    font-size: 10px;
    color:#bbb;
}

.pageser_tit small {
    color: #999;
    font-size: 16px;font-weight: lighter;
}


.ser_show {
    text-align: center;
}

.ser_show p {
    font-size: 36px;
    margin-top: 65px;
    /*margin-top: 86px;*/
    color: #fff;
    font-weight: lighter;
}

.ser_togg {
    width: 100%;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0px;
    
}

.upor_down,
.up_to {
    cursor: pointer;
    width: 15px;
    /* height: 15px; */
    display: block;
    /* margin:1% auto auto ; */
}

.upor_down{background:url(../images/showdown_03.png) no-repeat center;}
.up_to {
    background:url(../images/showup_03.png) no-repeat center;
}

.page_down {
    background: url(../images/lastimg_07.jpg) no-repeat 100% 100%;
    height: 42.4%;
    position: relative;
    width: 100%;
}
.page_downbox{background: #fff;}
.free_for {
    cursor: pointer;
    color: #fff;
    border: solid #fff 1px;
    border-radius: 67px;
    width: 8.5%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    margin: 19px auto;
}
.free_for a{color:#fff;}
.free_for:hover{background: rgba(250,204,0,1);border-color: rgba(250,204,0,1);}
.togg_ud li .free_showlist {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    /* text-align: center; */
    color: #666;
    font-size: 16px;
    /* float: left; */
}
.free_showlist div img{transition: all 0.5s}
.free_showlist div img:hover{transform: scale(1.1);}
.ul_box2 {
    font-size: 15px;
    display: none;
    color: #666;
    position: absolute;
    bottom: 21px;
    left:50%;
    margin-left:-82.5px;
}


/*footer*/
.footer{border-top:solid rgba(255,255,255,.2) 1px;border:solid rgba(255,255,255,.2) 1px;}
.last {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
/**/
.bg3_footer{background:#fff;}
.last_left {
    font-size: 18px;
    color: #666;
    line-height: 1.9rem;
}

.last_right {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.wrap_footer {
    margin-left: 80px;margin-right: 80px;
    overflow: hidden;
}

.footer_left{float:left;width:30%;}

.footer_right a{color:#999;}
.footer_right li{text-align: left;line-height: 26px;}
.footer_left ul {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    line-height: 28px;
    align-items: flex-start;
    color:#666;
    text-align:left;
    overflow: hidden;
}

.footer_right ul {
   float: right;
   margin-left: 8%;
}

.footer_right {
    font-size: 12px;
    line-height: 24px;
    float:right;
    width:69%;
    margin-top:39px;
}

.font_coL_self {
    color: rgba(250,204,0,1);
    font-weight: 700;
    font-size: 30px;
    margin-top:15px;
    margin-bottom: 20px;
}

.footer_right ul li:first-child,.footer_right ul li:first-child a {
    color: #f0cf2f;
    font-size: 14px;
    margin-bottom: 8px;

}

.selt_footer {
    background: #fff;
}

.last_footer {
    height: 28%;
    height: 80px;
     border-top: solid rgba(239,239,239,.7) 1px; 
    line-height: 80px;
    margin-top: 44px;
}
.last_footer a{color: #999;font-size: 12px;}
.footer_right a:hover {
    text-decoration: none;
    color: rgba(250,204,0,1);
}
.case_footer_box .last_footer{padding-left:0;padding-right: 0; }
.last_footer p a:hover{color:#000;}


.stor_ul li 
{
    box-sizing: border-box;
    height:33.3%;
    line-height: 87px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.stor_ul li:first-child{border-top:solid #ccc 1px;}

.stor_ul li::before{content:attr(data-cont);position:absolute;height:100%;width:105%;left:-5%;text-align:center;
top:0;background:url(../images/bg6box_03.png) no-repeat 100% 100% #fff;background-size: 100% 100%;display:none;}
.stor_ul li:hover::before,.stor_ul .on{display:block;}
.stor_ul .on::before{display:block;}
.stor_ul li:hover{border:none;}
.click_outlist {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    box-sizing: border-box;
    padding-top: 30px;
    width: 50px;
    height: 120px;
    position: absolute;
    bottom: 9%;
    left: 12%;
    background: url(../images/index7_03.png) no-repeat 0 0;
}




@media screen and (width: 1440px){
 /*.page3_imgshow li { height: 192px;}*//*2018.5.15*/
}
@media screen and (max-width: 1370px) {
    .ser_list {
        padding: 0.5% 0
    }
    .ser_show p {
        margin-top: 1%
    }
    .box_imgpa {
        width: 100%;
        overflow: hidden;
    }
    .page3_img ul li {
        width: 31%;
    }
    .user_showlist .slideBox {
        width: 71%;
        top: 79%;
        ;
    }
    .user_lis {
        position: absolute;
        top: 49%;
    }
    .page6img_left {
        height: 44.3%;
    }
    .page6_right {
        padding-bottom: 1%;
    }
    .biao1 {
        padding-bottom: 0%


    }
    .poin_dow {
        bottom: -190px
    }
    .tribox {
        bottom: -193px;
    }
    .qr_code {
        right: -60px;
        background-size: contain;
    }
    .qr_code .fix_line {
        right: 53%;
    }
    .order_user {
        width: 153%;
    }
    .last_footer {
        height: 17%;
    }
    /*.page4_org{margin: 9% 2px 0 80px;}*/
    .bd7 .s_left{margin-left:20px;}
    /*.bd7 .s_right{margin-right: 20px;}*/
    .bd7 .s_right{ margin-right: 32px;width: 580px}
}

.ser_list div{width:38%;margin:0 auto;text-align: center;}
.ser_list div img{max-width:100%;}
/*ie9*/

 .last_footer p:nth-of-type(1){float:left;}
 .last_footer p:nth-of-type(2){float:right;}
 .last_footer{overflow: hidden;}
 .ser_list div img{max-width: 100%}

 .page6_box1 .bg_slide {
    width: 60%;
    margin-left:-100px;
    margin:4% auto;
}


@media screen and (max-height: 685px) 
{
      /*.page3_imgshow li {height: 206px;}*//*2018.5.15*/
      .bd_in{width:80%;margin:3% auto;}
      
    }
@media screen and (max-height: 660px) {
    .stor_show {margin-left: 10%;}
    /*.page4_org{margin-top:0%;}*/
    /*.stor_tit{display: none;}*/
    /*.biao1{padding-top:4%;padding-bottom: 1%}*/
    .pageser_tit h2,.pageser_tit small{display: none;}
    .free_for{margin: 0% auto;height: 38px;line-height: 38px;}
    .tpage6_tit{display: none;}
    .ser_list{padding:0;}
    .mess_shoper p{margin: 11px 0 9px 0;}
    .shoper_change{height:272px;}
    .biao span{display: none;}
    /*.page4_right{margin-right: 40px;}*/
    .bd7 .content{margin-top:4%;}
    /*.biao1{display: none;}*/
    .ser_show p{font-size: 25px;margin-top:2%;}
    .free_showlist div{width:78%;text-align: center;margin:0 auto;}
    .free_showlist div img{max-width:85%;}
    .togg_ud li .free_showlist{font-size: 14px;}
    .togg_ud li:nth-of-type(2), .togg_ud li:nth-of-type(4), .togg_ud li:nth-of-type(6){margin-top:29px;}
    .shoper_left{width: 16%;}
}
@media screen and (max-height:801px) {
    .last_footer {margin-top: 17px;}
    .ser_list li{height:130px;}
    .ser_show p{margin-top:1%;font-size: 25px;}
    .ul_box{padding: 3px 0;}
    .hd_2,.tpage6_tit{display: none;}
    .ser_list{padding: 1.5%;}
    /*.biao1{padding-top:45px;padding-bottom: 0%}*/
    .ser_more,.user_name{margin-top:20px;}
    .user_infobox, .user_qqbox{width:47%;height:40px;line-height: 40px;}
    /*.page4_org{margin-top:-272px;}*/
   /*.page6_box1 .bg_slide{margin-top:14px;}*/
   .user_img{height: 40px}
   .sity_li li{height: 40px;line-height: 40px}
   .free_sub{height:40px;font-size: 14px;line-height: 40px}
   .page4_org p{font-size: 13px}
   .page4_org h2{font-size: 22px;line-height: 60px}
   .new_lr .run_img{width: 10%}
   .free_for{height:45px;line-height: 45px;}
   .bd_in{width:80%;}
   .prev{left:5%}
   .bg3_next{right:5%;}
   /*.page3_imgshow li{height:184px;}*/
   .free_for{margin-top:30px;height: 35px;line-height: 35px;}
   
}
@media screen and (max-height:900px) 
{  
    .bd_in{margin-top:3%;}
     
    }
@media screen and (max-width: 1670px) {
    .bg_slide {
        left: 9%;
    }
    .user_showlist .slideBox .hd ul .li_dis {
        display: none;
    }
    .user_showlist .slideBox .next {
        right: 11%;
    }
}
@media screen and (max-width:1367px) 
{  
     /*.page3_imgshow li{height: 176px;}*/
     .slideBox .bd li .tit{
        top: calc(50% - 174px);
        top: -webkit-calc(50%- 149px)}
    }
@media screen and (max-height: 780px){
  .levese_de{font-size: 26px;}
  .mes_left h4{font-size: 26px}
  .ser_list li span{font-size: 15px}
  .ser_list div{width:32%;height:70px;}
  .ser_more{height:40px;font-size: 14px;line-height: 40px}
  .user_name{height: 40px;line-height: 40px;font-size: 14px}
}

@media screen and (max-height: 650px) {
  .shoper_right{height:200px;}
  .shoper_mess{height: 190px;}
  .border_img{margin-top:0;}
}

@media screen and (max-width: 1441px) {
    .bg_slide {
        left: 8%;
    }
    .slinp_box {
        padding: 2px;
    }
   /* .stor_ul li {
        padding: 32px 0;
    }*/
    .user_showlist .slideBox .next {
        right: 0;
    }
    /*.page4_right{margin-right: 40px;}*/
    .bd7 .s_right .in{width:283px;}
    .page6_box1 .bg_slide{margin-top:14px auto;}
    .bg2Content .joinbg2title{padding-top:90px;}
   .bg2Content  .bg2PaginationBox{margin-top:10px;box-sizing: border-box;}
   div .bg3lineBox {margin-top:6%;}
   .click_outlist {bottom: 9%;}
   
}

@media screen and (max-height: 700px){
    .pageser_tit{margin-top:2%;}
    .stor_tit{margin-top:0%;}
    /*.page6_box1{padding-top:69px;}*/
    .bg_slide{left: 13%;}

}


.bd7 .mao input, .bd7 .mao a {
    display: block;
    float: left;
    width: 185px;
    height: 40px;
    margin-top: 50px;
    margin-right: 15px;
    box-sizing: border-box;
    padding-left: 12px;
    line-height: 40px;
    color: #fff;
    background: url(../images/bd25_03.png) no-repeat 152px #f0cf2f;
    font-size: 14px;
    border: none;
    text-align: left;
    transition: all 0.5s;
    cursor: pointer;
}

.bd7 .mao a {
    background-color: #5e6ed3;
}



.job_requirements h2{font-size: 30px;color: #fff;margin-bottom:10px;}
.page4_right .look_more, .page4_right .sumi_but{width: 190px;}

.bd4 .page4_right{
    margin-left: 50%;
    position: relative;
    height: 100%;
}


.c4_add{float: left;position: relative;overflow: hidden;height: 306px;}
.stor_left{position: relative;}
.min_pic2{float: right;width: 203px;}
.stor_ul li{width: 189px;height: 76px;line-height: 76px;}
.c4_boxov{overflow: hidden;width: 800px;background: #fff;width: 1200px;margin: 0 auto;box-sizing: border-box;height: 370px;margin-top: 4%;}
.c4_padd{padding: 30px;overflow: hidden;width: 70%;box-sizing: border-box;float: left;}

@media screen and (max-width: 1400px){
   .c4_boxov{width: 1150px;}



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

   .min_pic2{width: 252px;}


}
#ban_num1{height: 228px;padding-left: 13px;overflow: hidden;position: relative;}