body{min-width: 1220px;}
.spec_span{color: #999;}
.date_span{color: #FF5C5C;}
.btn-disable{background: #f7f7f7 !important;color: #ccc !important;border: 1px #ccc dashed !important;cursor: not-allowed !important;}
a:hover {
   text-decoration: none;
}
.nav{
   /* background: #f2f2f2;*/
    position: relative;
    z-index: 10;
    height: 40px;
    line-height: 40px;
	min-width: 1200px;
}
.nav2{
    display: none;
}
.nav .left{
    height: 40px;
    float: left;
}
.nav .left span{
    line-height: 40px;
    font-size: 12px;
    color: #120b09;
    margin-right: 10px;
}
.nav .left a{
    font-size: 12px;
}
.nav .left i{
    font-size: 12px;
    margin: 0px 5px;
}
.nav .content_ts {
    position: absolute;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #fe0101;
    width: 600px;
    left: 50%;
    top: 0;
    margin-left: -300px;
}
.nav .content_ts span{
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.nav .content_ts a{
    color: #fe0101;
}
.nav .right{
    float: right;
    height: 40px;
}
.nav .right a{
    color: #6c6c6c;
    font-size: 12px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.nav .right span{margin: 0 5px; font-size: 12px;color: #6c6c6c;}


/*index search*/
.search .left{width: 180px; text-align: center; float: left; padding: 20px 0;}
.search .left img{width: 130px; }
.search .content{float: left; width: 560px; margin-left: 80px;}
.search .right{float: left; width: 380px;}
.search .content_top{ margin: 0 auto; width: 480px; border: 1px solid #1d96d5;border-left: 2px solid #1d96d5; height: 35px; line-height:35px; box-sizing: border-box; margin-top: 30px;}
.search .content_top p{float: left;width: 392px; }
.search .content_top input{width: 100%;height: 33px; line-height: 33px;text-indent: 20px; font-size: 12px;  outline: none;}
.search .content_top span{ width: 85px; background: #1d96d5;text-align: center; line-height: 33px; display: inline-block; float: left; cursor: pointer;}
.search .content_top span img{width: 20px;}
.search .content_bottom{ width: 480px;margin: 0 auto; }
.search .content_bottom a{color: #908b8b; font-size: 12px; margin-right: 5px; }
.search .content_bottom a:hover{ color: #1d96d5;}
.search .right a{float: right; font-size: 14px;color: #1d96d5; margin-top: 30px;display: inline-block;
    padding-left: 25px;margin-left: 30px;}
.search .right a.a1{background: url("../images/index_icon3.png") no-repeat left center;  background-size: 23px;}
.search .right a.a2{background: url("../images/index_icon2.png") no-repeat left center; background-size: 23px;}
.search .right a.a3{background: url("../images/index_icon1.png") no-repeat left center; background-size: 23px;}


/*index search*/






/*details*/
.details_all{background: #f5f5f5;}
.details_all .details>div{background: #fff; box-shadow: 0px 0px 20px #ccc; padding: 10px; box-sizing: border-box;}
#showbox { background:#fff;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #56abe4;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#fff; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
.news_address div{ height: 50px; line-height: 50px;margin-bottom: 10px;}
.goods_contry {height: 50px; width: 100%;padding: 10px;color: #8b8b8b;}
.goods_contry span {margin-left:5px;font-size: 14px;}
.details_all .details>div .left{width: 430px;float: left;}
.details_all .details>div .right{width: 750px;float: left;}
.details_all .details>div .right .title{width: 100%;}
.details_all .details>div .right .title span.span1{float: left; background: #65dbb5;font-size: 12px; display: inline-block;height: 25px;line-height: 25px; padding:0 10px; color: #fff; margin-right: 25px;}
.details_all .details>div .right .title span.span2{ font-size: 20px; text-align: left; color: #010000;}
.details_all .details>div .right .p1{margin: 15px auto;}
.details_all .details>div .right .p1 .span1{ float: left;font-size: 20px;color: #000000;}
.details_all .details>div .right .p1 .span2{ float: left;font-size: 32px;color: #56abe4; margin-right: 30px;}
.details_all .details>div .right .p1 .span3{float: left;color: #000;font-size: 12px;}
.details_all .details>div .right .p1 .span4{float: left;color: #1d96d5;font-size: 12px;}
.details_all .details>div .right .p2{border: 1px dashed  #56abe4; width: 100%; background:#fef7f5 url("../images/laba2.png") no-repeat 5px center; height: 35px; line-height: 35px; font-size: 12px;color: #56abe4; background-size: 20px; padding-left: 25px;}
.details_all .details>div .right .p3,.details_all .details>div .right .p4{margin-top: 13px;}
.details_all .details>div .right .p3 a span{margin-bottom: 7px;}
.details_all .details>div .right .p4 a{font-size: 14px; text-decoration: underline; color: #56abe4;}
.details_all .details>div .right .p3 i,.details_all .details>div .right .p4 i{float: left;color: #999;font-size: 12px;width: 60px;display: inline-block;margin-right: 15px;text-align: right;}
.details_all .details>div .right .p3 span{display: inline-block;border: 1px solid #9a9595; height: 30px;line-height: 30px;text-align: center;padding: 0 15px ; color: #666666;font-size: 12px;cursor: pointer;}
.details_all .details>div .right .p3 span.active{ background: url("../images/gouxuan2.png") no-repeat right bottom;border: 1px solid #56abe4; background-size: 15px}
.details_all .details>div .right .p4 span{color: #777;}
.details_all .details>div .right .p5 {margin: 0px auto;border-top: 1px solid #ccc; padding-top: 12px;}
.details_all .details>div .right .p5 .span1{float: left;color: #56abe4;font-size: 25px;}
.details_all .details>div .right .p5 .span2{float: left;margin-left: 20px;color: #000000;font-size: 12px; line-height: 35px;}
.details_all .details>div .right .p5 .span3{float: left;color: #56abe4;font-size: 14px; line-height: 35px;}
.details_all .details>div .right .p6 .a1{display: inline-block;width: 150px;line-height: 50px;height: 50px;margin-right: 10px; background: #56abe4; text-align: center;color: #fff;border-radius: 5px;cursor: pointer; font-size: 14px;}
.details_all .details>div .right .p6 .a2{display: inline-block;width: 150px;line-height: 50px;height: 50px;margin-right: 10px; background: #fff; border: 1px solid #56abe4; text-align: center;color: #56abe4;border-radius: 5px;cursor: pointer; font-size: 14px;}
.details_all .details>div .right .p6 .a2:hover{ background: #56abe4; color: #fff;text-decoration: none;}
.details_all .details>div .right .p6 .a1:hover{text-decoration: none;}
.tab_all{margin-top: 45px;}
.tab_all>div{ background: #fff;}
.tab_all .tab_nav{ height: 41px; line-height: 40px;background: #f8f8f8;}
.tab_all .tab_nav span{display: inline-block;text-align: center; background: #f8f8f8;width: 130px;height: 40px;line-height: 40px;float: left;color: #040000;font-size: 18px; border: 1px solid #ddd; cursor: pointer;}
.tab_all .tab_nav span.active{background: #fff; color: #56abe4;border-top: 5px solid #56abe4;border-right: none;border-left: none;border-bottom: none;}
.tab_conten1 .top .p1{float: left;width: 50%;}
.tab_conten1 .top .p1 span{ height: 30px;line-height: 30px;font-size: 14px;color: #000000;}
.tab_all .tab_conten1{padding: 20px 0px;}
.tab_all .tab_conten1 .bottom{padding: 20px 40px;text-align: center;}
    /*details*/

/*right_position*/
.right_position{position: fixed;right: 0;top: 50%;margin-top: -140px;z-index: 999; background: #b6b5b5;width: 60px;text-align: center;}
.right_position li{position: relative;padding: 6px 0; border-bottom: 1px solid #7f7d7c;transition: 0.5s;}
.right_position li:hover{background: #56abe4;border-bottom: 1px solid #56abe4;}
.right_position li a span{display: inline-block;width: 100%;text-align: center; color: #fff;}
.right_position li a{display: inline-block;width: 100%;height: 100%;}
.right_position li img{ width: 25px; }
.right_position li div{}
.right_position  .list_search div{position: absolute; right: 60px;top: 0; width: 200px;background: #56abe4; padding: 10px;}
.right_position  .list_search div p{ height: 35px; line-height: 35px;text-align: left;padding-left: 30px; color: #fff;}
.right_position  .list_search div p input{border: 1px solid #eaeaea; font-size: 12px;text-indent: 10px;width: 160px;}
.right_position  .list_search div p.search_btn{width: 75px; height: 25px; line-height: 25px; border: 1px solid #e1dddd; background: #f2f2f2;text-align: center;font-size: 12px; color: #333333;padding: 0;margin-left: 30px;margin-top: 10px;cursor: pointer;}
.right_position  .list_search div{display: none;}
.right_position  .list_search div a{transition: 0.5s; height: 35px; line-height: 35px; width: 200px; border: 1px solid #1d96d5; color: #1d96d5; background: #FFF; border-radius: 5px; margin-bottom: 10px;}
.right_position  .list_search div a:hover{ border: 1px solid #1d96d5;  background: #fff; color: #1d96d5;transition: 0.5s;}
.right_position  .list_search:hover div{display: block;}


.right_position  .list_fwrx div{position: absolute; right: 60px;top: 0; width: 180px;background: #56abe4 ; padding: 10px;}
.right_position  .list_fwrx div p{ height: 22px; line-height: 22px;text-align: left;padding-left: 30px; color: #fff;}
.right_position  .list_fwrx div p input{border: 1px solid #eaeaea; font-size: 12px;text-indent: 10px;width: 160px;}
.right_position  .list_fwrx div p.search_btn{width: 75px; height: 25px; line-height: 25px; border: 1px solid #e1dddd; background: #f2f2f2;text-align: center;font-size: 12px; color: #333333;padding: 0;margin-left: 30px;margin-top: 10px;cursor: pointer;}
.right_position  .list_fwrx div{display: none;}
.right_position  .list_fwrx div a{transition: 0.5s; height: 22px; line-height: 22px; width: 200px; border: 1px solid #1d96d5; color: #1d96d5; background: #FFF; border-radius: 5px; margin-bottom: 10px;}
.right_position  .list_fwrx div a:hover{ border: 1px solid #1d96d5;  background: #fff; color: #1d96d5;transition: 0.5s;}
.right_position  .list_fwrx:hover div{display: block;}

.right_position  .list_zx div{position: absolute; right: 60px;top: 0; width: 160px;background: #56abe4; padding: 10px;}
.right_position  .list_zx div p{ height: 22px; line-height: 22px;text-align: left;padding-left: 30px; color: #fff;}
.right_position  .list_zx div p span{width: 85px;    display: block; height: 25px; line-height: 25px; border: 1px solid #e1dddd; background: #f2f2f2;text-align: center;font-size: 12px; color: #333333;margin-top: 5px;cursor: pointer;}
.right_position  .list_zx div{display: none;}
.right_position  .list_zx div a{transition: 0.5s;   width: 200px; border: 1px solid #1d96d5; color: #1d96d5; background: #FFF; border-radius: 5px; margin-bottom: 10px;}
.right_position  .list_zx div a:hover{ border: 1px solid #1d96d5;  background: #fff; color: #1d96d5;transition: 0.5s;}
.right_position  .list_zx:hover div{display: block;}
/*right_position*/




/*AddressTable*/
.addressDetailsAll{background: #eee;padding-top: 30px;}
.addressDetailsAll .content_gy{ background: #fff;}
.addressDetailsAll .content_gy>.title{ height: 40px;line-height: 40px; padding: 0 10px; border-bottom: 1px solid #ddd;}
.addressDetailsAll .content_gy>.title .span1{ color: #333;font-size: 16px;}
.addressDetailsAll .content_gy>.title .span2{ color: #56abe4;font-size: 14px; margin-left: 20px;}
.addressDetailsAll .content_gy .NewShippingAddress .title{ color: #333;font-size: 14px; height: 40px; line-height: 40px; width: 100%;}
.addressDetailsAll .content_gy .NewShippingAddress{padding: 0 10px;}
.addressDetailsAll .content_gy .NewShippingAddress .AddressTable div{ float: left; width: 380px;}
.addressDetailsAll .content_gy .NewShippingAddress div span{ font-size: 14px; color: #666; width: 90px; height: 30px;line-height: 30px;display: inline-block;text-align: left; }
.addressDetailsAll .content_gy .NewShippingAddress div input{ width: 270px; }
.addressDetailsAll .content_gy .NewShippingAddress div.prompt{ font-size: 12px;color: #c1bbbb; width: 100%;}
.addressDetailsAll .content_gy .NewShippingAddress .AddressTable>div{width: 100%; margin-bottom: 20px;}
.addressDetailsAll .content_gy .NewShippingAddress .AddressTable>div p{width: 380px; float: left;}
.addressDetailsAll .content_gy .NewShippingAddress .AddressTable div.distpicker{float: left; width: 600px;}
.addressDetailsAll .content_gy .NewShippingAddress .AddressTable div.distpicker span{ font-size: 14px; color: #666; width: 90px; height: 30px;line-height: 30px;display: inline-block;text-align: left; float: left;}
.addressDetailsAll .content_gy .NewShippingAddress .AddressTable div.distpicker select{ height: 30px;line-height: 30px;}
.ConfirmCommodityInformation .title{height: 40px;line-height: 40px; color: #333;font-size: 16px; border: 1px solid #eee; border-left:0;border-right: 0; padding: 0 10px;}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_title{ height: 45px;line-height: 45px; background: #fbfafa; }

.ConfirmCommodityInformation .ConfirmCommodityInformationTable  span{float: left;}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_title span{height: 45px;line-height: 45px;}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable  span,
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content .clearfix div{
    display: inline-block;
    width: 178px;
    font-size: 12px;
    min-height: 1px;
    height: 100px;
    line-height: 100px;
    float: left;
    text-align: center;
}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable  span.span3,
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content .clearfix div.span3{
    position: relative;
    width: 253px;
}

.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content .clearfix div.span3 span.time{
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: inline-block;;height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    left: 0;
    color: #333;
}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .orderNote span,
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .orderNote b {
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    font-size: 12px;
}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content_num{
    padding-top: 20px;
    border-bottom: 1px solid #eee;
}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content .clearfix div span{
    display: inline-block;
    line-height: 20px;
    height: 60px;
    margin-top: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content .clearfix div img{ height: 80px;}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content .clearfix div  p span{height: auto;line-height: 20px; width: auto;margin-top: 0;}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable  span.span6,
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content .clearfix div.span6{
    width: 50px;
}
.ConfirmCommodityInformation .ConfirmCommodityInformationTable  span.span9,
.ConfirmCommodityInformation .ConfirmCommodityInformationTable .list_content .clearfix div.span9{
    width: 216px;
    position: relative;
}

.ConfirmCommodityInformation .details{ background: #FAFAFA; padding: 10px 70px;}
.ConfirmCommodityInformation .details .left{float: left; width: 630px; color: #333333;}
.ConfirmCommodityInformation .details .left input{ width: 520px;text-indent: 20px;}
.ConfirmCommodityInformation .details  .right{float: right;}
.ConfirmCommodityInformation .details  .right p span{text-align: right;float: right;font-size: 12px;color: #333;}
.ConfirmCommodityInformation .details  .right p span:first-child{float: right; width: 140px;text-align: right;display: inline-block;}
.ConfirmCommodityInformationBottom{text-align: right;border-top: 10px solid #eee;padding: 15px 60px;}
.ConfirmCommodityInformationBottom p span,
.ConfirmCommodityInformationBottom p b{
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
}
.SelectConsigneeTable{
    position: fixed;
    height: 540px;
    left: 50%;
    width: 760px;
    margin-left: -380px;
    background: #fff;
    z-index: 99;
    border-radius: 10px;
    box-shadow: 0px 4px 22px #000;
}
.SelectConsignee{cursor: pointer;}
.SelectConsigneeTable{display: none;}
.SelectConsigneeTable .title{height: 45px;line-height: 45px;padding: 0 15px; border-bottom: 1px solid #ccc;}
.SelectConsigneeTable .title p{ height: 45px;line-height: 45px;font-size: 16px;}
.SelectConsigneeTable .search{ padding:10px 15px;}
.SelectConsigneeTable .search span{float: left;}
.SelectConsigneeTable .search input{width: 200px;float: left; text-indent: 10px;}
.SelectConsigneeTable .search a{display: inline-block;width: 75px;float: left; margin-left: 15px; text-align: center;background: #1d96d5; color: #fff;border-radius: 5px; height: 30px;line-height: 30px;}
.SelectConsigneeTable .table .bottom{max-height: 600px; width: 100%;}
.SelectConsigneeTable .table .bottom p{ background: #eee; margin-bottom: 10px;padding: 3px 0;}
.SelectConsigneeTable .table span{display: inline-block; height: 40px;line-height: 40px;text-align: center; float: left;margin:0 5px;  }
.SelectConsigneeTable .table span.name{width: 130px;}
.SelectConsigneeTable .table span.num{width: 155px;}
.SelectConsigneeTable .table span.phone{width: 100px;}
.SelectConsigneeTable>.bottom{border-top:1px solid #eee;text-align: right; height: 45px;padding: 0 15px;}
.SelectConsigneeTable>.bottom p{width: 120px;text-align: center;height: 30px;line-height: 30px;margin-top: 5px; color: #fff; border-radius: 5px; background: #ccc;display: inline-block; border: 1px solid #ccc;cursor: pointer;}
.SelectConsigneeTable .table span.address{width: 270px;}
.SelectConsigneeTable .table span.address1{line-height: 40px;}
.SelectConsigneeTable .table span.address b{font-weight: 500;line-height: 20px; height: 40px;}
.ConfirmCommodityInformationBottom p b.all_price{
    font-size: 24px;
    color: #56abe4;
}
.ConfirmCommodityInformation .details .right p span.all_price{
    color: #56abe4;
}
.ConfirmCommodityInformationBottom p b,
.ConfirmCommodityInformationBottom p select{
    width: 140px;
    display: inline-block;
    height: 30px;
    margin-left: 10px;
}
.ConfirmCommodityInformationBottom{border-bottom: 50px solid #eee;}
.ConfirmCommodityInformationBottom p a{transition: 0.5s;height:35px;line-height: 35px;width: 135px;border-radius:5px;border: 1px solid #56abe4;font-size: 14px;color: #56abe4;display: inline-block;margin-top: 20px;text-align: center;margin-left: 15px;}
.ConfirmCommodityInformationBottom p a.black{background: #fff; }
.ConfirmCommodityInformationBottom p a.submit:hover{ background:#fff; color: #56abe4;text-decoration: none;}
.ConfirmCommodityInformationBottom p a.black:hover{ background:#56abe4; color: #fff;text-decoration: none;}
.ConfirmCommodityInformationBottom p a.submit{background: #56abe4;color: #fff;}
    /*AddressTable*/

/*MethodPayment*/
.MethodPayment_all .content_gy{padding: 50px; }
.MethodPayment_all .content_gy>div{border: 1px solid #ccc;padding: 10px;}
.MethodPayment_all .content_gy .title{color: #333333; font-size: 16px;height: 35px; line-height: 25px;margin-bottom: 20px; text-align: left;}
.MethodPayment_all .content_gy .TradingInformation{padding:0 80px; }
.MethodPayment_all .content_gy .TradingInformation .top{border-bottom: 1px solid #1d96d5;padding-bottom: 10px;margin-bottom: 25px;}
.MethodPayment_all .content_gy .TradingInformation .top .left{float: left;width: 400px;}
.MethodPayment_all .content_gy .TradingInformation .top .left p{color: #666666;font-size: 12px;width: 100%;}
.MethodPayment_all .content_gy .TradingInformation .top .left span{float: left;font-size: 14px;}
.MethodPayment_all .content_gy .TradingInformation .top .left span.num{color: #1d96d5;}
.MethodPayment_all .content_gy .TradingInformation .top .left a{color: #56abe4;font-size: 14px; margin-left: 10px;}
.MethodPayment_all .content_gy .TradingInformation .top .right{ float: right;width: 200px;}
.MethodPayment_all .content_gy .TradingInformation .top .right p{text-align: right;margin-top: 20px;}
.MethodPayment_all .content_gy .TradingInformation .top .right p span{font-size: 14px;color: #333333;}
.MethodPayment_all .content_gy .TradingInformation .top .right p span.price{font-size: 20px;color: #e43404;}

.MethodPayment_all .content_gy .TradingInformation{margin-top: 20px;}
.MethodPayment_all .content_gy .TradingInformation .list label{float: left;width:150px; margin-top: 15px;}
.MethodPayment_all .content_gy .TradingInformation .balance {margin-top: 20px;}
.MethodPayment_all .content_gy .TradingInformation .balance label{ margin-top: 0px;min-height: 1px;}
.MethodPayment_all .content_gy .TradingInformation .list  .options{ float: right;width: 768px;}
.MethodPayment_all .content_gy .TradingInformation .list  .options_s{ float: right;width: 768px;}
.MethodPayment_all .content_gy .TradingInformation .list  .options p{ width: 182px; height: 50px; line-height: 48px;text-align: center; border: 1px solid #bababa;margin-left: 10px;margin-bottom: 5px;float: left;}
.MethodPayment_all .content_gy .TradingInformation .list  .options_s p{ width: 182px; height: 50px; line-height: 48px;text-align: center; border: 1px solid #bababa;margin-left: 10px;margin-bottom: 5px;float: left;}
.MethodPayment_all .content_gy .TradingInformation .list  .options_s p.active{background: url("../images/icon_pic1.png") no-repeat 159px 5px;
    box-shadow: 0 0 5px  #1d96d5; border: 1px solid #fff;}
.MethodPayment_all .content_gy .TradingInformation .list  .options p.active{background: url("../images/icon_pic1.png") no-repeat 159px 5px;
    box-shadow: 0 0 5px  #1d96d5; border: 1px solid #fff;}
.MethodPayment_all .content_gy .TradingInformation .list  .options input{text-indent: 10px; margin-left: 10px; width:220px;height: 35px;}
.MethodPayment_all .content_gy .TradingInformation .list  .options button{background: #337ab7;border-radius: 5px; text-align: center;border: 0;color: #fff;font-size: 12px; width: 120px;height: 35px; cursor: pointer;}
.MethodPayment_all .content_gy .TradingInformation .list  .payment button{transition:0.5s;margin-left: 10px;  background: #d9534f; width: 110px;height: 40px;line-height: 40px; border: 0;border-radius: 5px; color: #fff; cursor: pointer;}
.MethodPayment_all .content_gy .TradingInformation .list  .payment button:hover{ background:#c9302c; }

.MethodPayment_all .content_gy .TradingInformation .prompt{ margin-bottom: 20px;}

/*MethodPayment*/



/*Cashier_all*/
.Cashier .search .content{ background: url("../images/font_bg.png") no-repeat 20px center; margin-left: 0;padding-left: 135px;}

/*.ShoppingCart_true .search .content{ background: url("../images/font_bg1.png") no-repeat 20px center; margin-left: 0;padding-left: 135px;}*/
.Cashier_all{padding-top: 100px;}
.Cashier_all .Prompt{padding-left:60px; background: url("../images/icon_pic2.png") no-repeat left center; margin-bottom: 30px; margin-left: 40px;}
.Cashier_all .Prompt p.p1{color: #333333;font-size: 16px; line-height: 30px; height: 30px;}
.Cashier_all .Prompt p.p2 span.span1{color: #333333;font-size: 12px;}
.Cashier_all .Prompt p.p2 span.span2{color: #1d96d5;font-size: 12px;margin-left: 10px;}
.Cashier_all .table .title{background: #eeeeee; height: 35px;line-height: 35px;color: #333333;}
.Cashier_all .table .title .span1{text-indent: 10px;}
.Cashier_all .table .title .span2{text-align: center;}
.Cashier_all .table_list p{border-bottom: 1px solid #eee;}
.Cashier_all .table span{float: left;text-align: center;display: inline-block; height: 60px; line-height: 60px;}
.Cashier_all .table .title span{height: 35px;line-height: 35px; }
.Cashier_all .table .span1{text-indent: 10px; width: 165px;  }
.Cashier_all .table .span2{ width: 540px;  }
.Cashier_all .table .span3{ width: 145px;  }
.Cashier_all .table .span4{ width: 145px;  }
.Cashier_all .table .span5{ width: 145px;  }
.Cashier_all .table .span5 a{display: inline-block;width: 75px; line-height: 30px; height: 30px; background: #1d96d5;text-align: center;color: #fff; border-radius: 5px;}
/*Cashier_all*/



/*ShoppingCart_all*/
.ShoppingCart_all{ background: #f5f5f5; padding-top: 45px;padding-bottom: 60px;}
.ShoppingCart_all .left{width: 180px; float: left ;border: 1px solid #ccc;padding: 10px; background: #fff;padding-bottom: 35px;}
.ShoppingCart_all .left p{ color: #333333;font-size: 18px; height: 45px;line-height: 45px;}
.ShoppingCart_all .left a{display: inline-block;width: 100%;line-height: 35px; text-indent: 10px;font-size: 14px;color: #333333;}
.ShoppingCart_all .left a.active,.ShoppingCart_all .left a:hover{color: #56abe4;}
.ShoppingCart_all .right{margin-left: 30px; width: 990px; background: #fff; float: right; border: 1px solid #b2b2b2;}
.ShoppingCart_all .right .top{padding: 0 15px; }
.ShoppingCart_all .right .title{ height: 50px;line-height: 50px;font-size: 16px;color: #333333; border-bottom: 1px solid #bababa;}
.ShoppingCart_all .right>.top .options{ height: 50px;line-height: 50px;font-size: 16px;color: #333333; border-bottom: 1px solid #bababa;}
.ShoppingCart_all .right>.top .options a{font-size: 16px;margin-right: 40px; height: 50px; display: inline-block;line-height: 50px;}
.ShoppingCart_all .right>.top .options a i{ font-size: 14px;}
.ShoppingCart_all .right>.top .options a:hover,
.ShoppingCart_all .right>.top .options a.active{ border-bottom: 1px solid #56abe4; color: #56abe4;}
.ShoppingCart_all .right .search{margin-top: 10px;}
.ShoppingCart_all .right .search select{width: 110px;height: 25px; float: left; margin-right: 10px;text-align: center;}
.ShoppingCart_all .right .search p{position: relative; float: left;margin-right: 10px;}
.ShoppingCart_all .right .search p input{ width: 200px;text-indent: 20px;}
.ShoppingCart_all .right .search p label{float: left; margin-right: 10px;}
.ShoppingCart_all .right .search input{float: left; width: 110px;margin-right: 10px;height: 25px;}
.ShoppingCart_all .right .search button{border: 1px solid #b1b1b1; border-radius: 5px;width: 45px;height: 25px; line-height: 23px; cursor: pointer; background: #fff; }
.ShoppingCart_all .right .search button:hover{background:#1d96d5; color: #fff;text-align: center;  border: 1px solid #1d96d5;}
.ShoppingCart_all .right .bottom .options{ height: 70px; line-height: 70px; padding:0 15px;}
.ShoppingCart_all .right .bottom .options label{ float: left;margin-top: 20px;}
.ShoppingCart_all .right .bottom .options label span{font-size: 14px;color: #56abe4;}
.ShoppingCart_all .right .bottom .options  button{border: 0; background: #1d96d5; height: 25px; line-height: 25px; width: 75px;text-align: center; color: #fff;border-radius: 5px; cursor: pointer; float: left;margin-top: 20px; margin-left: 10px;}
.ShoppingCart_all .right .bottom .title{ height: 60px; line-height: 60px; background: #eee;}
.ShoppingCart_all .right .bottom .content_num{ position: relative;border-bottom: 1px solid #b2b2b2;}
.ShoppingCart_all .right .bottom .table .title span{ height: 60px; line-height: 60px; font-size: 12px;}
.ShoppingCart_all .right .bottom .table .title span b{ font-weight: 500; color: #666666;}
.ShoppingCart_all .right .bottom .table span{display:inline-block;min-height: 1px; float: left }
.ShoppingCart_all .right .bottom .table .list{border-bottom: 0px solid #b2b2b2;}
.ShoppingCart_all .right .bottom .table .list:last-child{border-bottom:0px solid #b2b2b2;}
.ShoppingCart_all .right .bottom .table .content_num:last-child{border-bottom:0px solid #b2b2b2;}
.ShoppingCart_all .right .bottom .table .span0{width: 70px;box-sizing: border-box;padding-left: 35px;}
.ShoppingCart_all .right .bottom .table .span_pic{ width: 100px;}
.ShoppingCart_all .right .bottom .table .span_pic img{width: 80px; }
.ShoppingCart_all .right .bottom .table p label{ height: 100%;width: 70px;display: inline-block;padding-left:35px; }
.ShoppingCart_all .right .bottom .table p b{font-weight: 500;}
.ShoppingCart_all .right .bottom .table p.p1 {padding: 10px 0 0 0;}
.ShoppingCart_all .right .bottom .table p.p1 a{font-size: 14px;color: #1d96d5;}
.ShoppingCart_all .right .bottom .table p.p2{padding: 10px 0;}
.ShoppingCart_all .right .bottom .table p.p2{padding: 10px 0;}
.ShoppingCart_all .right .bottom .table .span1{width: 230px;text-align: left;}
.ShoppingCart_all .right .bottom .table .span1{width: 320px;text-align: left;}
.ShoppingCart_all .right .bottom .table .span2{width: 90px;text-align: center;height: 60px; line-height: 60px;}

.ShoppingCart_all .right .bottom .table .span3{width: 110px;text-align: center;height: 60px; line-height: 60px;}
.ShoppingCart_all .right .bottom .table .span3{width: 100px;text-align: center;height: 60px; line-height: 60px;}
.ShoppingCart_all .right .bottom .table .span4{width: 90px;text-align: center;height: 60px; line-height: 60px;}
.ShoppingCart_all .right .bottom .table .span5{width: 120px;text-align: center;}
.ShoppingCart_all .right .bottom .table .span5{width: 100px;text-align: center;}

.ShoppingCart_all .right .bottom .table .span5 i{ display: inline-block;width: 100%;height:30px; line-height: 30px;}
.ShoppingCart_all .right .bottom .table .span6{width: 165px;text-align: center;height: 60px; line-height: 60px;}
.ShoppingCart_all .right .bottom .table .span7{width: 120px;text-align: center;}




.ShoppingCart_all .right .bottom .table .span6{width: 165px;text-align: center;height: 60px; line-height: 60px;}

.ShoppingCart_all .right .bottom .table .list_operation{ position: absolute;top: 50%; margin-top: -30px; right: 0; margin-right: 30px;}

.ShoppingCart_all .right .bottom .table .span7{width: 100px;text-align: center;}


.ShoppingCart_all .right .bottom .table .span7 a{display: inline-block;width: 80px; height: 30px; line-height: 30px; background: #1d96d5; color: #fff;text-align: center;border-radius: 5px;height: 30px; line-height: 30px; margin: 2px auto;}
.ShoppingCart_all .right .bottom .table .list_operation a{display: inline-block;width: 80px; height: 30px; line-height: 30px; background: #56abe4; color: #fff;text-align: center;border-radius: 5px;height: 30px; line-height: 30px; margin: 2px auto;}

.ShoppingCart_all1{background: #fff;}
.ShoppingCart_all1 .MyShoppingCart{ border-top: 1px solid #1d96d5; border-right: 0; border-left: 0; border-bottom: 1px solid #dddddd;}
.ShoppingCart_all1 .MyShoppingCart a { font-size: 16px; padding:0 10px; color: #333; display: inline-block; height: 55px;line-height: 55px;}
.ShoppingCart_all1 .MyShoppingCart a.active,.ShoppingCart_all1 .MyShoppingCart a:hover{ color: #1d96d5; border-bottom:1px solid #1d96d5;}
.ShoppingCart_all1 .MyShoppingCart span.MyShoppingCartNum{ font-size: 16px; margin-left: 5px;}
.ShoppingCart_news .right{width: 100%; border: 1px solid #eee;}
.ShoppingCart_news .right .bottom .table .list,
.ShoppingCart_news .right .title{border-bottom: 1px solid #eee;}
.ShoppingCart_news .right .bottom .title{ background: #fbfafa;}
.ShoppingCart_news .right .bottom .title1 span,
.ShoppingCart_news .right .bottom .title1 b{font-size: 12px; font-weight: 500;color: #333;}
.ShoppingCart_news .right .bottom .title1 .span_pic a{ text-decoration:underline; }
.ShoppingCart_news .right .bottom .title1 .span6 b{font-size: 25px;color: #1d96d5;}
.ShoppingCart_news .right .bottom .title1 .span7 i{display: inline-block;width: 80px; height: 35px; line-height: 35px; color: #fff; background: #1d96d5;cursor: pointer;}
.ShoppingCart_news .right .bottom .table .span0{width: 65px; padding-left: 20px;}
.ShoppingCart_news .right .bottom .table p label{padding-left: 0; width: 100%;margin-top: 20px;}
.ShoppingCart_news .right .bottom .table .span_pic{ width: 100px;float: left;}
.ShoppingCart_news .right .bottom .table .span_pic img{ width: 70px; }
.ShoppingCart_news .right .bottom .table .span2{ width: 155px;}
.ShoppingCart_news .right .bottom .table .list .span5{padding-top: 15px;}
.ShoppingCart_news .right .bottom .table .list .span5 b{display: inline-block; width: 20px; height: 30px;line-height: 30px;background: #f5f5f5; cursor: pointer;}
.ShoppingCart_news .right .bottom .table .list .span5 a{display: inline-block;width: 45px; height: 30px;line-height: 30px; background:#fff;border:1px solid #999999;}
.ShoppingCart_news .right .bottom .table .list .span5 a:hover{color: #666666;}
.ShoppingCart_news .right .bottom .table .list .span7 img{ width: 14px; margin-top: 23px; cursor: pointer; }
/*ShoppingCart_all*/

/*Orderdetails1*/
.Orderdetails1 .right{padding: 10px;}
.Orderdetails1 .right .OrderStatus,
.Orderdetails1 .right .LogisticsInformation,
.Orderdetails1 .right .CommodityInformation,
.Orderdetails1 .right .OrderInformation{padding: 15px; padding-bottom: 50px; font-size: 16px; color: #333; border-bottom: 1px solid #bababa;}
.Orderdetails1 .right .OrderStatus .p2{margin-top: 50px;text-align: center;}
.Orderdetails1 .right .OrderStatus .p1 span:last-child{margin-left: 40px;}
.Orderdetails1 .right .LogisticsInformation p{ line-height: 30px; width: 600px;padding-left:130px;padding-right: 200px; box-sizing: content-box;color: #333333;font-size: 12px;}

.Orderdetails1 .right .CommodityInformation .title,
.Orderdetails1 .right .LogisticsInformation .title,
.Orderdetails1 .right .OrderInformation .title{font-size: 16px;border-bottom: 0;padding: 0; width: 100%;}
.Orderdetails1 .right .LogisticsInformation p span.span1{width: 70px;text-align: left;display: block;
    float: left;}
.Orderdetails1 .right .LogisticsInformation p span.span2{display: block; float: left;}
.Orderdetails1 .right .LogisticsInformation p span.span2 b{font-weight: 500;width: 100%;display: block;}
.Orderdetails1 .right .OrderInformation p{ line-height: 30px; width: 700px;padding-left:130px;padding-right: 100px; box-sizing: content-box;color: #333333;font-size: 12px;}

.Orderdetails1 .right .OrderInformation p span.span1{width: 360px;text-align: left;display: block;    float: left;}
.Orderdetails1 .right .CommodityInformation{ border-bottom: 0;}
.Orderdetails1 .right .OrderInformation p span.span2{display: block;width: 210px; float: right;}
.Orderdetails1 .right .CommodityInformation p span{font-size: 12px;color: #333333;display: inline-block;text-align: center; float: left;}
.Orderdetails1 .right .CommodityInformation p.p1 span{ height: 30px; line-height: 30px;}
.Orderdetails1 .right .CommodityInformation p.p2 span{ height: 100px; line-height: 100px;}
.Orderdetails1 .right .CommodityInformation p .span1{ width: 120px;}
.Orderdetails1 .right .CommodityInformation p .span1 img{ width: 80px;}
.Orderdetails1 .right .CommodityInformation p .span2{ width: 150px;}
.Orderdetails1 .right .CommodityInformation p .span2 i{display: inline-block;margin-top: 20px; line-height: 20px; height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.Orderdetails1 .right .CommodityInformation p .span3{ width: 90px;}
.Orderdetails1 .right .CommodityInformation p .span4{ width: 110px;}
.Orderdetails1 .right .CommodityInformation p .span5{ width: 110px;}
.Orderdetails1 .right .CommodityInformation p .span6,.Orderdetails1 .right .CommodityInformation p .span7{ width: 110px;}
.Orderdetails1 .right .CommodityInformation p.p2 .span6,.Orderdetails1 .right .CommodityInformation p.p2 .span7{ width: 110px; padding-top: 25px;}
.Orderdetails1 .right .CommodityInformation p span b{display: inline-block;width: 100%; height: 25px;line-height: 25px; font-weight: 500;float: left;}
.Orderdetails1 .right .CommodityInformation p .span8{ width: 110px;}
/*Orderdetails1*/



/*Coupon_all*/
.Coupon_all .nav{padding-bottom: 90px;}
.Coupon_all .item{padding:0 15px; float: left;background: url("/Public/web/images/Coupon_pic1.png") no-repeat center; background-size:100% 100%; width: 230px; height: 115px; margin-right: 10px; margin-top: 10px;}
.Coupon_all .item:nth-child(4n){margin-right: 0;}
.Coupon_all .item .p1 .span1{display: inline-block;float: left; width: 70px; height: 66px;line-height: 66px;}
.Coupon_all .item .p1 .span1 i{color: #1d96d5;font-size: 12px;float: left;height: 66px;line-height: 80px;}
.Coupon_all .item .p1 .span1 i:last-child{font-size: 30px;height: 66px;line-height: 66px;}
.Coupon_all .item .p1 .span2{display: inline-block;float: right;width: 110px;text-align: center; line-height: 25px; height: 50px;overflow: hidden;margin-top: 10px;font-size: 12px; color: #666666;}
.Coupon_all .item .p2 span{float: left;display: inline-block;font-size: 12px;color: #666666;height: 50px;line-height: 50px;}

    /*Coupon_all*/


/*index search*/

.banner{
    overflow: hidden;
	height:400px;
    position: relative;
}
.banner .swiper-container1 {
height:400px;
}
.banner .swiper-pagination1{
    bottom: 10%;
    left: 0;
    width: 40%;
	margin-left: 30%;
}
.banner .swiper-pagination1 .swiper-pagination-bullet{
    height: 20px; 
    width: 20px;
    background: #fff;
}
.index_list{ background: #f2f2f2;padding: 30px 0;}
.index_list ul li{float: left;width: 285px; margin-right: 20px;}
.index_list ul li:last-child{ margin-right: 0;}
.index_list ul li img{ width:100%;}

/*list*/

.list_address{ height: 45px;line-height: 45px; background: #f5f5f5;}
.list_address span,.list_address i{height: 45px;line-height: 45px; float: left; display: inline-block;margin-left: 10px;font-size: 12px;}
.list_address b{color: #56abe4;font-size: 12px; line-height: 35px; font-weight: 500;}


.list_tab{background: #f5f5f5;}
.list_tab>div{background: #fff;border: 1px solid #dddddd;}
.list_tab .classify{ padding: 0 25px;line-height: 50px;}
.list_tab .classify .left  span{width: 90px;display: inline-block; height: 50px; line-height: 50px;}
.list_tab .classify .left{float: left;text-align: left;width: 90px;display: inline-block; padding: 0;color: #666;}
.list_tab .classify .right{float: left; line-height: 50px;cursor: pointer;position: relative;
    width: 1058px;padding-right: 150px; height: 50px;
    overflow: hidden;}
.list_tab .classify .right span{float: left;height: 50px; line-height: 50px;padding-right: 55px; cursor: pointer;}
.list_tab .classify .right span:hover,.list_tab .classify .right span.active{color: #56abe4;}

.list_tab .classify .right .btn_show{font-weight: 500;position: absolute;line-height: 50px;display: inline-block;height: 50px; top:0;right: 0; background: url("../images/icon_pic3.png") no-repeat right center;background-size: 12px; padding-right: 17px;}
.list_tab .classify1{padding: 0;margin: 0 25px; border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.list_tab .classify2 .item{ height: 50px;line-height: 50px;}
.classify2 .item{float: left; margin-right: 15px;}
.classify2 .item i{display: inline-block;float: left;width: 10px; height:10px;line-height: 10px;margin-top: 20px;margin-right:5px; border: 0.5px solid #dadada;}
.classify2 .item i.active{ background: #1d96d5; border: 1px solid #1d96d5;}
.classify2 .item span{cursor: pointer;}
.list_tab{margin-bottom: 60px;}
.table_list .content{overflow: hidden; position: relative; width: 20%;box-sizing: border-box; border-right: 1px solid #ddd; height: 315px;padding: 15px 25px; float: left;border-top: 1px solid #ddd;}
.table_list .content:nth-child(5n){border-right:0;}
.table_list .content a{display: block; width: 100%;position: relative; height: 100%;}
.table_list .content a .div{transition: 0.5s;}
.table_list .content a:hover{
    text-decoration: none;
}
.table_list .content a:hover .div1{text-decoration: none;color: #323232}
.table_list .content .bottom{transition: 0.5s;  height: 145px;box-sizing: border-box; padding: 10px 0; position: absolute;bottom: -195px;
    background: url("../images/nav_bg1.png") ; width:100%;}
.table_list .content .bottom .p1{color: #56abe4;font-size: 12px; text-align: left;height: 20px; line-height: 20px; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;}
.table_list .content a:hover .bottom{bottom: 0;}
.table_list .content .p2{text-align: right;}
.table_list .content .p2 span{color: #7ed321;}

.table_list .content .p4 {color: #56abe4;font-size: 16px; display: inline-block;}
    /*list*/


/*details_tc*/
.zz_bg{ display: none; height:100vh; width: 100%; background: url("../images/zz_bg.png"); position: fixed;top: 0; left: 0;}
.details_tc{display: none; position: fixed;top: 50%;margin-top: -200px; left: 50%; margin-left: -300px; height: 400px; background: #fff; width: 600px; border-radius: 5px; overflow: hidden;}
.details_tc .title{  height: 40px; line-height: 40px; border-bottom: 1px solid #bababa;background: #fafafa; padding:0 15px;}
.details_tc .title span{float: left; color: #1d96d5; font-size: 16px; height: 40px; line-height: 40px;display: inline-block;}
.details_tc .title span.close{ float: right;font-size: 12px; cursor: pointer;}
.details_tc .list{ padding: 15px 10px;}
.details_tc .list .item{ border-bottom: 1px solid #bababa;margin-top: 15px;}
.details_tc .list .item:last-child{ border-bottom: 0;}
.details_tc .list .item p{ padding-bottom: 5px; }
.details_tc .list .item p span{ font-size: 12px; display: inline-block;float: left; color: #333333;}
.details_tc .list .item p span:first-child{ width: 105px;text-align: right;}
.details_tc .list .item p span:last-child{ width: 440px;text-align: left;}

/*details_tc*/

/*Preferential*/
.Preferential{ background: #f2f2f2;}
.content_gy1{padding-top: 15px;}
.content_gy1 .title{height: 45px;line-height: 65px; overflow: hidden;margin-bottom: 10px;}
.Preferential .content_gy1{padding: 0; width: 1198px;}
.content_gy1 .title .span1{ height: 55px; line-height: 55px;color: #333333; font-size: 20px;text-indent: 10px;display: inline-block; margin-right: 20px; font-weight: 700}
.content_gy1 .title .span2{ height: 55px; line-height: 55px;color: #999999;font-size: 12px;}
.content_gy1 .title>a{float: right;height: 55px; line-height: 70px; color: #666666; font-size: 12px;}
.content_gy1 .title>a:hover{ color: #1d96d5;}
.Preferential .content .swiper-slide{display: block; padding: 25px 15px;cursor: pointer;}
.Preferential .content .swiper-slide p.p1{text-align: center; height: 195px; overflow: hidden; width: 100%; margin: 0 auto;}
.Preferential .content .swiper-slide img{transition: 0.5s; height: 195px; width: 195px;}
.Preferential .content .swiper-slide:hover{ }
.Preferential .content .swiper-slide:hover img{ transform: scale(1.2)}
.Preferential .content .swiper-slide p.p2{text-align: left; line-height: 20px; margin-top: 10px;height: 36px;}
.Preferential .content .swiper-slide p.p2 span{color: #333333;font-size: 12px; line-height: 15px;}
.Preferential .content .swiper-slide:hover p.p2 span{color: #56abe4;}
.Preferential .content .swiper-slide p.p3{text-align: left;float: left;}
.Preferential .content .swiper-slide p.p3 span{color: #56abe4;font-size: 16px;}
.Preferential .content .swiper-slide p.p4{font-size: 16px;color: #333;}
.Preferential .content .swiper-slide img{}
.swiper-container2 .swiper-button-next2{right: 0; background: #ccc; transition: 0.5s; line-height: 40px; text-align: center;}
.swiper-container2 .swiper-button-prev2{ left: 0; background: #ccc; transition: 0.5s; line-height: 40px;text-align: center;}
.swiper-container2 .swiper-button-next2:hover,
.swiper-container2 .swiper-button-prev2:hover{ opacity: 0.7;}
/*Preferential*/


/*one_up*/
.one_up{background: #F2F2F2;}
.content_gy1 .title  p{display: inline-block;}
.content_gy1 .title  p a,.content_gy .title  p i{ color:#666666;font-size: 14px;margin: 0 2px;}
.content_gy1 .title  p a:hover{color: #1d96d5;}
.content_gy1 .content{box-sizing: border-box;border: 1px solid #bcbcbc;width: 100%;height: 472px;}
.content_gy1 .content .left { float: left;width: 208px; height: 472px;}
.content_gy1 .content .left img{width: 100%; height: 100%;}
.content_gy1 .content .right{width: 990px;float: left;}
.content_gy1 .content .right a{display: inline-block;float: left; width: 198px; box-sizing: border-box; padding: 0px 15px;
    background: #fff; box-shadow: 0px 0px 1px #bcbcbc;transition: 0.5s;  height: 235px;}
.content_gy1 .content .right a:hover{box-shadow: 0px 0px 9px red;    z-index: 9;    position: relative;}
.content_gy1 .content .right a p.p1{text-align: center; height: 170px; overflow: hidden; width: 100%; margin: 0 auto;}
.content_gy1 .content .right a p.p1 img{transition: 0.5s;height: 170px;}
.content_gy1 .content .right a p.p2 span{ height:30px;overflow: hidden;  font-size: 12px;color: #333333;text-align: left; line-height: 15px;display: inline-block;}
.content_gy1 .content .right a p.p3 span:last-child{color: #56abe4;font-size: 16px;}
.content_gy1 .content .right a p.p3 span{color: #333333;font-size: 16px;}

.Preferential .content{position: relative; overflow: hidden; background: #bdbdbd; border: 1px solid #bdbdbd; width: 100%; height: 320px;}
.last_one_up{
    padding-bottom: 30px;
}
    /*one_up*/



.footer{
    background: #1d96d5;
}
.footer .footer_nav .content_gy{
    display: box;
    display: -webkit-box;
    display: -moz-box;
}
.footer .footer_nav a{
    display: block;
    text-align: center;
    height: 44px;
    margin: 12px 0;
    line-height: 44px;
    border-right: 1px solid #F9F3F3;
    color: #fff;
    width: 20% \9;
    float: left \9;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    font-size: 14px;
}


.footer .footer_nav a.a1 span{background: url("../images/footer_icon1.png?12") no-repeat left center;padding-left: 36px;height: 30px; line-height: 30px;    font-weight: bold; display: inline-block; background-size: 25px;}
.footer .footer_nav a.a2 span{background: url("../images/footer_icon2.png?1") no-repeat left center;padding-left: 36px;height: 30px; line-height: 30px;    font-weight: bold; display: inline-block; background-size: 25px;}
.footer .footer_nav a.a3 span{background: url("../images/footer_icon3.png?1") no-repeat left center;padding-left: 36px;height: 30px; line-height: 30px;    font-weight: bold; display: inline-block; background-size: 25px;}
.footer .footer_nav a.a4 span{background: url("../images/footer_icon4.png?1") no-repeat left center;padding-left: 36px;height: 30px; line-height: 30px;    font-weight: bold; display: inline-block; background-size: 25px;}
.footer .footer_nav a.a5 span{background: url("../images/footer_icon5.png?1") no-repeat left center;padding-left: 36px;height: 30px; line-height: 30px;    font-weight: bold; display: inline-block; background-size: 25px;}
/*.footer .footer_nav a:hover{
    background: #5A6065;
    transition: 0.5s;
    color: #2E3033;
}*/
.footer .footer_zw{
    padding: 35px 0;
    width: 700px;
    background: #f1f1f1;
    margin: 0 auto;
}
.footer .footer_zw{ width: 100%; background: #f1f1f1; }
.footer .footer_zw .content_gy>div{float: left;width: 33.3%; height: 125px;padding: 30px 0; box-sizing: border-box;}
.footer .footer_zw .content_gy .div_content div{width: 90px;margin: 0 auto;}
.footer .footer_zw .content_gy .right div{width: 260px;}
.footer .footer_zw .content_gy .div_content div .p1{font-size: 14px;color: #666666;}
.footer .footer_zw .content_gy .div_content div .p2 span,
.footer .footer_zw .content_gy .div_content div .p2 a{display: inline-block;width: 100%;text-align: left;font-size: 12px;color: #9e9e9e;}
.footer .footer_bottom{
    float: left;
    background: #fff;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #9F9B9B;
    line-height: 50px;
}
.footer .footer_bottom{ border-top: 1px solid #ccc; padding: 30px 0 60px;}
/*��Ӧ����ʽ*/

@media screen and (max-width: 1100px) {
    .content_gy{
        width: 80%;
    }

    .index_programme .item1 .right{
        max-width: 50%;
    }
    .index_programme .item2 .left img{
        width: 80%;
    }
    .index_programme .item2 .right .title,
    .index_about .title p{
        font-size: 30px;
    }
    .index_programme .item2 .right .zw{
        line-height: 28px;
    }
    .index_programme .item2 .item2_nav li .item2_nav_img{
        width: 50px;
        height: 50px;
    }
    .index_programme .item2 .item2_nav li{
        margin-right: 15px;
    }
    .index_programme .item2 .item2_nav li .item2_nav_img img{
        width: 26px;
        height: 26px;
        margin-left: -13px;
        margin-top: -13px;
    }
    .index_products .title, .index_news .title{
        font-size: 30px;
    }
    .index_products .index_products_zw0 .left{
        width: 150px;

    }
    .index_products .index_products_zw0 .left p{
        width: 140px;
    }
    .index_products .index_products_zw0 .right img{
        margin-right: 20px;
    }
    .index_news .nr0 .left{
        width: 500px;
        overflow: hidden;
        height:145px;
    }
    .index_news .nr0 .left a{
        width: 100%;
    }
}

@media screen and (max-width: 1100px) {
    .content_gy {
        width: 100%;
    }
    .nav .right>ul>li{
        margin-left: 0.3rem;;
    }

    .index_programme .item1 .left .title{
        font-size: 0.4rem;
        text-align: left;
        margin: 0;
        height: 0.55rem;
        width: 2.4rem;
        line-height: 0.55rem;
        margin-bottom: 0.35rem;
    }
    .index_programme .item1 .left .zw{
        width: 4rem;
        margin: 0;
    }
    .index_programme .item2 .right .title, .index_about .title p{
        font-size: 0.4rem;
    }
    .index_programme .item2 .item2_nav li {
        margin-right: 0.1rem;
    }
    .index_programme .item2 .item2_nav li .item2_nav_img {
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 auto;
    }
    .index_programme .item2 .right .zw{
        line-height: 0.3rem;
    }
    .index_programme .item2 .item2_nav li .item2_nav_txt{
        height: 0.35rem;
        margin-top: 0;
    }
    .index_products .index_products_zw0 .right img {
        margin-right: 0.2rem;
        width: 2.5rem;
        padding: 0.25rem;
        background: url(../images/img_bg.png);
    }
    .index_news .nr0 .left{
        width: 50%;
    }
    .index_news .nr0 .right{
        float: right;
    }
    .footer .footer_zw{
        width: 100%;
    }
    .footer .footer_zw .right p{
        margin-left: 0.2rem;
    }
    .footer .footer_zw .right p,
    .footer .footer_zw .right p span{
        width: 0.75rem;
    }
    .footer .footer_zw .right p img{
        width: 0.75rem;
        height: 0.75rem;
    }
}

@media screen and (min-width:320px) and (max-width:767px){

    .banner{
        margin-top: 1.2rem;
    }
    .nav2{
        height: 1.2rem;
        line-height: 1.2rem;
        width: 100%;
        background: #4C4C4C;
        position: relative;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 12;
        display: block;

    }
    .nav2 .left{
        float: left;
        width: 30%;
    }
    .nav2 .left img{
        width: 100%;
        float: left;
        margin-top: 0.18rem;
    }
    .nav2 .right{
        top: 1.2rem;
        left: 0;
        width: 100%;
        z-index: 9;
        position: absolute;
    }
    .nav2 .menu{
        float: right;
        width: 10%;
    }
    .nav2 .menu img{
        float: right;
        width: 100%;
        margin-top: 0.25rem;
    }
    .nav2 .right{
        display: none;
    }
    .nav2 .right>ul{
        background: url("../images/nav2_li_bg.png");
    }
    .nav2 .right li{
        border-bottom: 1px solid #202E36;
        width: 100%;
    }
    .nav2 .right li a{
        width: 100%;
        color: #fff;
        display: inline-block;
        height: 1.2rem;
        line-height: 1.2rem;
        font-size: 0.28rem;
        text-indent: 0.5rem;
    }
    .nav2 .right li>ul{
        display: none;
    }
    .nav2 .right li>ul li{
        text-indent: 30px;
        background: none;
    }
    .nav2 .right li>ul li a{
        background: none;
    }
    .nav2  .right_ul>li{
        border-bottom: 1px solid #7d7c7c;
    }
    .nav2 .right li a.active{
        color: #0086D9;
    }
    .nav2 .item_li{
        display: none;
    }
    .index_programme .item2 .item2_nav{
        position: absolute;
        left: 50%;
        height:2rem;
        bottom: 0%;
    }

    .index_programme .item1 .left{
        width: 100%;
        position: static;
        margin-top: 0 !important;
    }
    .index_programme .item1 .left .title{
        margin: 0.3rem auto;
        text-align: center;
        text-indent: 0;
        font-size: 0.5rem;
        color: #000000;
    }
    .index_programme .item1 .right{
        float: left;
        width: 100%;
        padding: 0;
        max-width:100%;
    }
    .index_programme .item1 .left .title{
        width: 100%;
    }
    .index_programme .item1 .left .zw{
        width: 100%;
    }
    .index_news{
        padding: 0.8rem 0;
    }
    .prodcut_img1 .content_gy{
        width: 90%;
        margin: 0 auto;
    }
    .index_programme .item1 .left .zw{
        color: #000;
        font-size: 0.3rem;
        line-height: 0.45rem;
        margin-bottom: 0.4rem;
        text-align: justify;
    }
    .index_programme .item2{
        margin: 1rem auto;
    }

    .index_programme .item2 .item2_nav{
        top:0;
        width: 100%;
        left: 0;
    }
    .index_programme1{
        padding: 1rem 0 ;
    }
    .prodcut_img .content_gy{
        padding: 0.3rem 0;
    }
    .prodcut_img span{
        width: 50%;
        margin-bottom: 0.2rem;
    }
    .prodcut_img1,
    .prodcut_nr1 .prodcut_xq{
        padding: 0.7rem 0;
    }
    .prodcut_img1 .p1{
        margin-top: 0.7rem;
        font-size: 0.5rem;
    }
    .index_programme .item2_list0{
        padding-top:2.5rem;
    }
    .index_programme .item2 .item2_nav li .item2_nav_img{
        width: 1.2rem;
        height: 1.2rem;
    }
    .index_programme .item2 .item2_nav li{
        width: 20%;
        text-align: center;
        margin: 0;
    }
    .index_programme .item2 .left,
    .index_programme .item2 .right{
        float: right;
        width:100%;
    }
    .index_programme .item2 .left{
        margin-top: 5.6rem;
        text-align: center;
    }
    .index_programme .item2 .right{
        position: absolute;
        top:0;
        left: 0;
        margin-top: 2.5rem;
    }
    .index_programme .item2 .right .title{
        color: #000;
        text-align: center;
        font-size:0.5rem;
        height: 0.8rem;
        line-height: 0.8rem;
    }
    .index_programme .item2 .right  .zw{
        text-align: left;
        line-height: 0.5rem;
        color: #000;
    }
    .index_products{
        padding: 0.7rem 0;
    }
    .index_products .title, .index_news .title{
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        margin-right: 0;
        text-align: center;
    }
    .index_products .index_products_nav, .index_news .index_news_nav {
        text-align: center;
    }
    .index_products .index_products_nav p, .index_news .index_news_nav p{
        margin:0.25rem 0.25rem 0;
        padding-bottom: 0.1rem;
        float: none;
        display: inline-block;
    }
    .index_products .index_products_zw0{
        display: block ;

    }
    .index_products .index_products_zw0 .left{
        width: 100%;
    }
    .index_products .index_products_zw0 .left p{
        float: left;
        width: auto;
        padding: 0 0.3rem;
        height: 0.9rem;
        line-height: 0.9rem;
    }
    .index_products .index_products_zw0 .right{
        width: 100%;
        padding-left: 0;
        border: 0;
    }
    .index_products .index_products_zw0 .right img{
        width: 49%;
        float: left;
        margin-right: 2%;
    }
    .index_products .index_products_zw0 .right img:last-child{
        margin-right: 0;
    }
    .index_products .index_products_zw0 .p3{
        text-align: center;
    }
    .index_news .nr0 .left{
        width: 100%;
        height: 128px;
    }
    .index_news .nr0 .left a{
        margin-bottom: 15px;
    }
    .index_news .nr0 .bottom{
        top:140px;
    }
    .index_news .nr0 .right{
        margin-top: 1.1rem;
        width: 100%;
    }
    .index_news .nr0 .right a{
        display: block;
        width: 100%;
    }
    .index_about{
        padding: 0.65rem;
    }
    .index_about .title p{
        font-size: 0.5rem;
        height: 0.8rem;
        line-height: 0.8rem;
        margin-bottom: 0.2rem;
    }
    .index_about .item p img{
        width: 100%;
        height: auto;
    }
    
    .index_about .bottom a{
        height: 1rem;
        line-height:1rem;
    }
    .index_about .title span{
        font-size: 0.28rem;
        color: #282828;
    }
    .index_about .nr{
        margin: 0.5rem auto;
    }
    .index_about .item{
        width: 33.3%;
        text-align: center;
        padding:0 0.5rem;
        margin: 0 auto;
    }
    .prodcut_nav{
        display: none;
    }
    .prodcut_nr3{
        margin-bottom: 50px;
    }
    .prodcut_nr3 .slider-container{
        margin: 0.4rem auto;
    }
    .zl_nav1{
        display: block;
        margin-top: 1.2rem;
        height: 1.2rem;
        width: 100%;
        background: #EBEBEB;
    }
    .zl_nav1 .content_gy>div{
        float: left;
        width: auto;
        height: 1.2rem;
        line-height: 1.2rem;
        position: relative;
    }
    .zl_nav1 .content_gy>div.fl{
        width: 2rem;
        text-indent: 0.5rem;
    }
    .zl_nav1 .content_gy>i{
        height: 1.2rem;
        line-height: 1.2rem;
        float: left;
        width: 10%;
        text-align: center;
    }
    .zl_nav1 .content_gy>div p{
        height: 1.2rem;
        line-height: 1.2rem;
    }
    .zl_nav1 .content_gy>div ul {
        position: absolute;
        top: 1.2rem;
        width: 3rem;
        left: 0;
        display: none;
        z-index: 10;
        text-indent: 0;
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        box-shadow: 0 2px 11px 0 rgba(113,110,110,0.50);

    }

    .zl_nav1 .content_gy>div ul li{

        border-bottom: 1px solid #d6d6d6;
    }

    .zl_nav1 .content_gy>div ul li:last-child{
        border-bottom: 0;
    }
    .zl_nav1 .content_gy>div ul  a,
    .zl_nav1 .content_gy>div ul li{
        width: 100%;
        line-height: 1.2rem;
        display: inline-block;
        text-align: center;
    }
    .prodcut_nr .list{
        display: none;
    }
    .prodcut_nr .property{

        margin-bottom: 0.6rem;
    }
    .prodcut_nr .property ul{
        float: left;
    }
    .prodcut_nr .property ul li{
        padding: 0;
        margin-right: 0.5rem;

    }
    .prodcut_nr .prodcut_xt .left,
    .prodcut_nr .prodcut_xt .right{
        width: 100%;
        padding: 0 !important;
        height: auto;
        line-height: 5rem;
    }
    .prodcut_nr .prodcut_xt .item1{
        padding:1rem 0;
    }
    .prodcut_nr .prodcut_xq .item1>div{
        width: 100%;
        padding: 0.3rem 0 0;
        text-align: center;
        height: auto;
    }

    .prodcut_nr .prodcut_xq .left>div p.title{
        line-height: 0.6rem;
        font-size: 0.5rem;

    }
    .prodcut_nr .prodcut_xq .left>div p{
        width: 100%;
    }
    .prodcut_nr .prodcut_xq .item1>div img{
        height: auto;
    }
    .prodcut_img .item{
        width: 49%;
        margin-right: 2%;
    }
    .prodcut_img .item:nth-child(2n){

        margin-right:0;
    }
    .prodcut_nr3 .container{
        width: 100%;
        padding: 0;
    }
    .prodcut_nr2 .wgcc{
        margin-top: 0rem;
    }
    .prodcut_nr2 .wgcc .nr{
        padding-left: 0.3rem;
    }
    .prodcut_nr2 .wgcc .title{
        font-size: 0.4rem;
        line-height: 0.7rem;
        margin-bottom: 0.2rem;
    }
    .prodcut_nr3 .preview{
        display: box;
        display: -webkit-box;
        display: -moz-box;
    }
    .prodcut_nr3 .preview a{
        margin: 0.15rem;
        display: block;
        box-flex:1;
        -moz-box-flex:1;
        -webkit-box-flex:1;
    }


/*system*/
.system_nr{
    padding: 2rem 0.5rem;
}
.system_nr .title{
    padding: 0.3rem 0;
    font-size: 0.5rem;
}
.system_nr .zw img{
    width: 80%;
}
.system_nr .ts{
    font-size: 0.3rem;
}

/*system*/



/*news*/
.banner_clear{
    margin-top: 0;
}
.news_nr{
    margin-top: 0;
}
.news_nr .top{
    display: none;
}
.news_nr .bottom{
    margin-top: 0.5rem;
}
.news_nr .bottom .item{
    width: 49%;
    float: left;
    height: auto;
    margin-bottom: 0.5rem;
    margin-right: 2%;
}
.news_nr .bottom .item:nth-child(3n){
    margin-right: 2%;
}
.news_nr .bottom .item:nth-child(2n){
    margin-right: 0;
}
.news_nr .bottom .item .p1 img{
    margin-bottom: 0.1rem;
}
.news_nr .bottom .item .p2{
    padding: 0 0.2rem;
}
.news_nr .bottom .item .p3{
    padding: 0.2rem;
}
.news_nr .bottom .item .p3 a{
    color: #0086D9;
}
/*news*/


/*service*/
.service_nr .left{
    display: none;
}
.service_nr .content_gy>div{
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
.service_nr .right .right4 span{
    width: 50%;
    display: inline-block;
    padding: 0.2rem;
    margin: 0 ;
    text-align: center;
    float: left;
}
.service_nr .right .right4 span img{
    width: 90%;
    float: none;
}
.service_nr .right .zw .zw_nr{
    margin-left: 0;
}
/*service*/



/*footer*/
    .footer .footer_nav{
        display: block;
    }
    .footer .footer_nav a{
        width: 33.333%;
        text-align: left;
        float: left;
        height: 0.8rem;
        line-height: 0.8rem;
    }
    .footer_zw{
        display: none;
    }
    .footer_zw1 {
        display: block;
        margin-top: 0.3rem;
    }
    .footer_zw1 .left{
        float: left;
        margin-top: 1.1rem;
    }
    .footer_zw1 .left img{
        width: 2.5rem;
    }
    .footer_zw1 .right{
        width: 50%;
        float: right;
    }
    .footer_zw1 .right p{
        float: left;
        width: 50%;
        padding-right: 0.5rem;
    }
    .footer_zw1 .right p span{
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #fff;
    }
    .footer_zw1 .content{
        float: left;
        width: 100%;
    }
    .footer_zw1 .content p{
        color: #fff;
    }
}


.news_content,.notice_content{ width: 1200px; padding: 0; margin: auto}
.content_news h1{text-align: center;margin: 50px auto 50px;font-weight: 900;}
.news_content section{display: block;flex-flow: column; padding-bottom:50px;}
.content_notice{width: 1200px;margin: 30px auto;border-bottom: 1px solid #ccc;text-align: center;font-size: 16px;line-height: 40px;font-weight: 600;}
.content_notice_time{width: 1200px;margin: 10px auto;text-align: center;font-size: 12px;line-height: 20px;font-weight: 100;}
.notice_content section{display: block;flex-flow: column; padding-bottom:50px; font-size: 14px;}
.index_new_benner{}
.list_new span{font-size: 16px;padding: 10px;display: block;}
.goods_total{color: #1d96d5 !important;}
/*footer*/
.content .div1 .p3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}