
.abc .swiper-pagination span{
    width: 30px;
    height: 6px;
    border-radius: 3px; background: #ffffff; opacity: 1;
}
.abc .swiper-pagination span.swiper-pagination-bullet-active{
    width: 30px;
    height: 6px;
    background-color: #EA4335; border-radius: 3px;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 16px;}
.abc .swiper-button-next,.abc .swiper-button-prev{ color: #666666; opacity: 0.5; height: 60px; width: 40px; background: #ffffff; font-size: 12px; border-radius: 4px;}
.abc .swiper-button-next:hover,.abc .swiper-button-prev:hover{ color: #666; opacity: 1; }


.yb_conct{position:fixed;z-index:9999999;top:260px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#11B4E7 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#11B4E7 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#11B4E7 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#11B4E7 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{ width:130px; margin-left:10px; border:5px #fff solid;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.mo{ padding: 40px 0px 20px 0px; color: #ffffff; background: #192B59; }
.mo a{color: #ffffff}
.mo a:hover{color: #e5e5e5}

.moleft1{ width: 420px;}
.moleft1 p.ml1{ font-size: 32px; font-weight: bold }
.moleft1 p.ml2{ font-size: 12px; margin-top: 0px;}
.moleft1 p.ml3{ font-size: 14px;}
.moleft2{ width: 610px;}
.moleft3{ width: 110px}
.moleft2 li{ background: url("../images/mo.png") left top no-repeat;}
.mox{ height: 1px; background: #797979; margin-top: 30px;}
.nwleft{ width: 260px;}
.nwleft li.leftbt{ width: 100%;height: 60px; line-height:60px; text-align: center; color: #ffffff; background: #D87575; font-size: 16px; font-weight: bold;}
.nwleft li.nwleft2{ width: 100%;height: 50px; line-height: 50px; border: 1px #E5E5E5 solid; border-top: none;font-size: 14px; padding: 0px 16px;  }

.nwleft a:hover li.nwleft2 ,.nwleft a.now li.nwleft2 { color: #ff0000}

.nwleft li.nwlx{ width: 100%; border: 1px #E5E5E5 solid; border-top: none;font-size: 14px; padding: 16px; line-height: 32px; }
.nwleft li.leftbt88{ background: #11B4E7}
.dbt{ width: 100%; border-bottom: #e5e5e5 1px solid; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold}
.dbtnews{ width: 100%; border-bottom: #e5e5e5 1px solid; padding-bottom: 16px; line-height: 36px; text-align: center; font-size: 22px; font-weight: bold}
.dbt88{ width: 100%; border-bottom: #e5e5e5 1px solid; height: 40px; line-height: 40px; text-align: left; font-size: 18px; font-weight: bold}
.contentnw{ width: 100%; line-height: 24px; font-size: 16px; color: #333333; padding: 15px 0px}
.contentnw p{margin-bottom: 12px;}
.contentnw img{ max-width: 100%;}
.syp{ width: 100%; border-top: 1px #E5E5E5 solid; padding-top: 16px; font-size: 14px;}
.xyp{ width: 100%;  padding-top: 12px; font-size: 14px;}

.contactbj input{ width: 49%; height: 50px; line-height: 50px; background: #f5f5f5; border: 0px; margin-top: 15px; padding: 15px;}

.contactsmall{ width: 100%; height: 143px; background: #f5f5f5; margin-top: 15px; position: relative}
.contactsmall textarea{ width: 100%; height: 143px; background: #f5f5f5; border: 0px; padding: 15px 15px 15px 150px}
.contactsmall span{ position: absolute; top:5px; left: 15px; font-size: 72px;color: #000000}

.subcont{ width: 100%; margin-top: 15px; background: #D87575; text-align: center;height: 50px; line-height: 50px; border: none; color: #ffffff;cursor: pointer}
.subcont:hover{ background: #57BE85; }

.select_wrap{}
.select_wrap input.flex-shrink-0{width: 420px; height: 40px; border: 1px #11B4E7 solid; margin: 0px;}
.select_wrap button.search_btn{width: 78px; height: 40px; border: 1px #11B4E7 solid; background:#11B4E7;color: #ffffff;cursor:pointer}
.search_btn input{background: none; color: #ffffff; border: 0px!important;}
.indexpronav { width: 232px; height: 520px; background:rgba(0,0,0,0.7) }
.indexpronav li { width: 100%; height: 42px; color: #ffffff; border-bottom: #5f5953 1px solid }
.indexpronav li:hover  { background:#333333; }
.innav a{ margin-right: 24px; font-size: 16px;}
.innav a:hover,.innav a.now{ color: #11B4E7}
.intitle{height: 40px; background: #f5f5f5; padding: 0px 16px 0px 0px; border-radius: 4px; }
.intitle1{background: #0F9DCA; height: 40px; padding: 0px 16px 0px 16px; color: #ffffff; border-radius: 4px 0px 0px 4px;}

.proinlst{  margin-top: 20px;}
.proinlst li.inprtu:hover{ border: 1px #88d4ec solid}
.proinlst li.ingwc{ border: #e1e1e1 1px solid; padding: 8px 0px; border-radius: 4px; color: #333333}
.proinlst li.ingwc:hover{ border: #0F9DCA 1px solid; color: #333333}

.tututu01{height: 250px}
.proinlst li.ingwc a{ color: #333333}
.proinlst li.ingwc a:hover{ color: #0F9DCA}
.bgnav{background: #11B4E7; height: 42px;}
.nwnav{height: 42px; line-height: 42px;}
.nwnav a{color: #ffffff; margin-right: 1px; font-size: 16px;}
.nwnav a:hover,.nwnav a.now{ background: #0085af}
.nwnav a.now1{ background: #D87575}
.nwnavnav{background: #e5e5e5; padding: 10px 0px;}
.nwnavnav1{background: #f9f9f9; padding: 10px 0px;}
.nwcontent{font-size: 16px; color: #333333; line-height: 24px;}
.nwcontent img{max-width: 100%;margin: 10px 0px!important;}
.splst li{border: #e1e1e1 1px solid; padding: 4px; width: 49%; margin-top: 16px; }
.splst li img{width: 100%; }
.classsmall a{ font-size: 14px; margin-right: 20px; margin-top: 6px;}
.classsmall a:hover,.classsmall a.now{color: #ff0000}
.classbigclass{background: #e5e5e5; width: 220px; padding: 10px 0px;}
.classbigclass a{color: #000000}
.classbigclass a:hover,.classbigclass a.now{color: #ff0000}
.classsmall{background: #f2f2f2; padding: 10px 0px; padding-left: 20px; }

.userlogin { margin-top: 16px; }
.userlogin p{ width: 90px; font-size: 18px; text-align: right; }
.userlogin input{ width: 100%; font-size: 16px; text-align: left; border: #e5e5e5 1px solid; padding: 10px;}
.subcont1{ width: 100%; margin-top: 15px; background: #37b2d9;font-size: 18px; text-align: center;height: 50px; line-height: 50px; border: none; color: #ffffff;cursor: pointer; border-radius: 4px;}
.subcont1:hover{ background: #3299b9; }
.userzc a{font-size: 18px; padding: 8px 50px; background: #37b2d9; color: #ffffff; margin-top: 6px;}
.userzc a:hover{background: #3299b9; }
.layui-form-checkbox i{ width: 20px; height: 20px; border: 1px #e5e5e5 solid; font-size: 14px;}
.layui-form-checkbox{line-height: 20px; height: 20px;}
.memberleft{width: 200px; background: #f1f1f1;}
.memberleft1{ background: #666666; padding: 20px; color: #ffffff; font-size: 16px;}
a.memberleft2{background: #f1f1f1; padding: 16px 20px; font-size: 16px; margin-top: 1px;}
a.memberleft2:hover,a.memberleft2.now{background: #d6eef5;
    color: #333333;  }
.memberright{ background: #f9f9f9; padding-left: 20px;}
.memright1{ border-bottom: #e5e5e5 1px solid; padding: 20px 0px;}
.memright1 input{ border: #f1f1f1 1px solid; padding: 8px;}
.memright1 button{ background: #333333; color: #ffffff; padding: 0px 10px;}
.ddlst p{ width: 20%; text-align: center; padding: 10px 0px;}
.ddlst p.www30{ width: 30%;}
.ddlst p.www10{ width: 10%; }
.ddlst1{border: #e5e5e5 1px solid; border-top: 0px; padding: 10px 0px}
.ddlst1 p{ width: 20%;  padding: 10px 10px; }
.ddlst1 p.www30{ width: 30%;}
.ddlst1 p.www10{ width: 10%; }
.ddlst2{ text-align: left; border: #f1f1f1 1px solid;border-top: 0px;}
.anniu a{ padding: 8px 30px; border-radius: 4px; background: #ff8400; color: #ffffff}
.anniu a:hover{background: #ea7d07; }
.adddztj li{display: flex; margin-top: 16px;}
.adddztj li span{width: 120px; text-align: right; font-size: 16px;}
.adddztj li input{ border: #e1e1e1 1px solid;padding: 5px 10px;}
.adddztj li select{ margin-right: 10px;}
.adddztj li textarea{ border: #e1e1e1 1px solid;padding: 5px 10px;}
.adddzan {padding-left: 120px;}
.adddzan input{padding: 10px 30px!important; background: #0f6674; color: #DDDDDD; border: none!important; font-size: 18px; margin: 10px;cursor: pointer }
.adddzan input:hover{ background: #ff8400; }


.go-cart{
    width:100%;
    height:100%;
    position:fixed;
    z-index:300;
    top:0;
    left:0;
    background:rgba(70,70,70,0.8);
    display:none;
}
.go-carts{
    width:260px;
    height:100px;
    position:absolute;
    z-index:300;
    top:50%;
    margin-top:-50px;
    left:50%;
    margin-left:-130px;
    background:#f7f7f7;
    padding-top:10px;
    border-radius:2px;
}
.go-cart-bt{
    width:100%;
    font-size:16px;
    text-align:center;
}
.go-cart-desc{
    font-size:14px;
    text-align:center;
}
.go-cart-link{
    width:100%;
    height:36px;
    position:absolute;
    bottom:0;
    left:0;
    font-size:14px;
    background:#e5e5e5;
}
.go-cart-link a{
    width:50%;
    float:left;
    display:block;
    text-align:center;
    font-size:14px;
    border-right:1px #ccc solid;
    box-sizing:border-box;
    height:36px;
    line-height:36px;
}
.go-cart-link a.red{
    background:#f00;
    color:#fff;
    border-right:0;
}

.cart-current{
    width: 100%;
    margin-top: 20px;
}
.cart-current li{
    display: inline-block;
    margin-right: 10px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    background: rgba(255, 51, 0, 0.498039215686275);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cart-current li.now{
    background: #f00;
}
.cart-lst{
    width: 100%;
}
.cart-lst-th{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ddd solid;
    border-top: 2px #dddddd solid;
    float: left;
    margin-top: 30px;
    padding: 8px 15px;
    font-weight: bold;
}
.cart-lst-th li{
    float: left;
}
.cart-lst-th li.li-th-1{
    width: 100px;
}
.cart-lst-th li.li-th-2{
    width: 400px;
    text-align: center;
}
.cart-lst-th li.li-th-3{
    width: 180px;
}
.cart-lst-th li.li-th-4{
    width: 176px;
    text-align: center;
}
.cart-lst-th li.li-th-5{
    width: 100px;
    text-align: center;
    float: right;
}


.cart-lst-td{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ddd solid;
    float: left;
    margin-top: 20px;
    padding: 8px 15px;
    background: #FFFBF2;
}
.cart-lst-td li{
    float: left;
}
.cart-lst-td li.li-td-1{
    width: 100px;
    padding-top: 15px;
}
.cart-lst-td li.li-td-2{
    width: 400px;
    text-align: center;
}
.cart-lst-td li.li-td-2 img{
    width: 50px;
    float: left;
}
.cart-lst-td li.li-td-2 p{
    float: left;
    margin-left: 15px;
    width: 320px;
    text-align: left;
}
.cart-lst-td li.li-td-3{
    width: 180px;
}
.cart-lst-td li.li-td-4{
    width: 176px;
    text-align: center;
}

.cart-lst-td li.li-td-5{
    width: 100px;
    text-align: center;
    float: right;
}
.cart-lst input[type="checkbox"]{
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.cart-btn{
    width: 100%;
    margin-top: 20px;
}
.cart-btn-delete{
    float: left;
}
.cart-btn-delete button{
    width: 140px;
    height: 40px;
    background: #f00;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cart-btn-next{
    float: right;
}
.cart-btn-next a{
    display: block;
    width: 140px;
    height: 40px;
    background: #f00;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.cart-lst-th2{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ddd solid;
    border-top: 2px #ddd solid;
    float: left;
    margin-top: 30px;
    padding: 8px 15px;
    font-weight: bold;
}
.cart-lst-th2 li{
    float: left;
}
.cart-lst-th2 li.li-th-2{
    width: 500px;
    text-align: center;
}
.cart-lst-th2 li.li-th-3{
    width: 200px;
}
.cart-lst-th2 li.li-th-4{
    width: 176px;
    text-align: center;
    float: right;
}

.cart-lst-td2{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #ddd solid;
    float: left;
    margin-top: 5px;
    padding: 8px 15px;
    background: #FFFBF2;
}
.cart-lst-td2 li{
    float: left;
}
.cart-lst-td2 li.li-td-2{
    width: 500px;
    text-align: center;
}
.cart-lst-td2 li.li-td-2 img{
    width: 50px;
    float: left;
}
.cart-lst-td2 li.li-td-2 p{
    float: left;
    margin-left: 15px;
    width: 420px;
    text-align: left;
}
.cart-lst-td2 li.li-td-3{
    width: 200px;
}
.cart-lst-td2 li.li-td-4{
    width: 176px;
    text-align: center;
    float: right;
}
.dddddd{
    color: #ff0000;

}
.ajax-add-cart,.soucang{cursor: pointer}
.gwclst li{ padding: 10px;background: #e5e5e5; font-size: 18px; }
.gwclst li.now{ background: #bcefff; }
.gwclst1 li{background: #f5f5f5; padding: 10px;}
.gwclst1 li.tjtj{background: #11B4E7; padding: 10px; color: #ffffff}
.gwclst2{ border: #f1f1f1 1px solid; border-top: 0px;}
.gwclst2 li{padding: 10px; }

.gwcan a{padding: 10px 40px;color: #ffffff}
.gwcan a.gwcan1{background: #ffb800}
.gwcan a.gwcan2{background: #009688}
.gwcan a.gwcan3{background: #ff5722;padding: 10px 60px;}
.gwcan a.gwcan1:hover{background: #be8900}
.gwcan a.gwcan2:hover{background: #007b70}
.gwcan a.gwcan3:hover{background: #ff0000}
.pnwgwc a{background: #ff5722; color: #ffffff; border-radius: 4px;}
.pnwgwc a:hover{background: #ff0000}
.pnwclass1{padding: 10px;padding-left: 20px; background: #0f6674; font-size: 18px; color: #ffffff}
.btn-1{
    width: 30px;
    height: 30px;
    border: 1px #e0e0e0 solid;
    text-align: center;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 24px;
}
.input-3{
    width: 100px;
    height: 30px;
    float: left;
    margin: 0 8px;
    border: 1px #e0e0e0 solid;
    text-align: center;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
}
.shou{cursor: pointer}
.pcno{display: none}
input.xguwer6{ width: 100%; height: 40px; border: #e5e5e5 1px solid; background: none; padding-left: 18px;}
input.submit189{ padding: 10px 40px;border: none; background: #ff5722; color: #ffffff;cursor: pointer}
input.submit189:hover{background: #ff0000; }
.pronwleft{width: 240px;}

.nwgwcadd1,.nwgwcadd{ padding: 15px 40px; background: #ff5722; color: #ffffff; font-size: 16px;}
.nwgwcadd1:hover,.nwgwcadd:hover{background: #cd3100; }
.nwgwcadd2{ padding: 15px 40px; background: #11B4E7; color: #ffffff; font-size: 16px;}
.nwgwcadd2:hover{ background: #008eba;}
.contpronw{font-size: 16px; line-height: 30px;}
a.jrgwc{ padding: 8px 30px; background: #ff5722; color: #ffffff; margin-left: 16px; border-radius: 30px;}
.webxian{display: none}
.prnwgg{ font-size: 14px; line-height: 24px;}
.prnwgg p{text-indent:2em }
@media (max-width: 667px) {
    .pcno{display: block}
    .webno {
        display: none
    }
    .tututu01{height: 150px}
    .tututu01 img{height: auto!important;}
    .width-1200px{width: 96%; margin: 0px auto}
    .width-20{width: 50%}
    .m-top-16px{margin-top: 16px;}
    .width-158{width: 32%}
    .moleft1{ text-align: center}
    .webmocount{ -webkit-justify-content: center;justify-content: center;-webkit-align-items: center;justify-align-items: center;}
    .webmodi{flex-direction: column; text-align: center; padding-top: 10px;}
    .webfdc{flex-direction: column;}
    .webggw a{ margin-top: 12px;}
    .webw100{width: 100%}
    .memberzc{margin-top: 20px;}
    .userzc{ width: 100%;}
    .userzc a{width: 100%; text-align: center; background: #ff5722; padding: 15px 0px}
    .gwclst li{font-size: 14px!important;}
    .weblogo img{width: 50px; height: 69px; border-radius: 4px;}
    .webxian{display: flex}
    input.input-3{width: 50px;}
    .webcontright{-webkit-justify-content: flex-start;justify-content: flex-start;}

    .webnav{width: 100%; background: #192B59; padding: 10px 0px;}
    .webnav a{width: 20%; color: #ffffff }
    .webnav li{width: 100%; }
    .webnav li span{font-size: 22px; }
    .webnav li p{font-size: 14px; }
    .webnav a.now{width: 20%; color: #ff5722 }
    .gwcan{ margin-top: 16px;}
    .gwcan a{width: 50% !important;display: flex; text-align: center; height: 50px; padding: 0px;}
    .gwcan a.gwcan3{width: 50% !important;display: flex; text-align: center; height: 50px; padding: 0px;}
    .gwcan input{width: 50% !important;display: flex;height: 50px; padding: 0px; }
    .icon-dianhua{font-size: 30px;}
    .inprtu img{ height: 140px;}
    .font-20px{font-size: 16px;}
    .mweb-top-10px{margin-top: 10px;}
    .classsmall a{margin-top: 16px;}
    .pronw .m-left-20px{margin-left: 0px;}
    .webp000{ padding: 0px}
    .memberright{  padding-left: 0px;}
    .webm-right-20px{margin-right: 0px!important;}
    .webfont-18px{font-size: 16px; font-weight:500}

}