@charset "UTF-8";

.bigbluebtn{background:#59d2fa;border:0px;padding:8px 15px;color:#333;border-radius:5px;cursor:pointer;}
.bigbluebtn:hover{background:#2396d8;color:#FFF;}
.biggreenbtn{background:#41d84d;border:0px;padding:8px 15px;color:#333;border-radius:5px;cursor:pointer;}
.biggreenbtn:hover{background:#11ab1e;color:#FFF;}

.prolist {margin: 30px 0 20px; display: flex;flex-wrap: wrap;}
.prolist dl{width:24%;height:auto;padding:3px;margin:10px 0;margin-right:10px;}
.prolist dl dt{height:auto;overflow:hidden;border:0px #F5F5F5 solid;text-align:center;padding:0px;position:relative;}
.prolist dl dt img{border-radius:5px;}
.prolist dl dt .zz{position:absolute;display:none;background:#333 url(../images/imore.png) no-repeat center center;z-index:9999;width:100%;height:100%;top:0;left:0;border-radius:5px;opacity:0.5;line-height:200px;text-align:center;color:#FFF;}
.prolist dl dt:hover .zz{display:block;background:#333 url(../images/imore.png) no-repeat center center;}
.prolist dl dd{margin-top:12px;}
.prolist dl dd .p_tit{height:32px;line-height:32px;text-align:center;font-size:13px;}
.prolist dl dd .p_button{text-align:center;margin-top:10px;}


.protop {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}


.indexsliderbox{
    width: 55%;
    position: relative;
    flex-shrink: 0;
}
.indexsliderbox{width:650px;height:auto;position:relative;z-index:1;margin-top:1px;border-radius:4px;overflow:hidden;}
.indexsliderbox .pic{position:relative;z-index:0;}
.indexsliderbox .pic li{}
.indexsliderbox .pic img{width:100%;height:430px;display:block;}
.indexsliderbox .hd{width:100%;position:absolute;bottom:20px;text-align:center;font-size:0;z-index:1;}
.indexsliderbox .hd li{margin:0 4px;background:#fff;width:30px; height:2px;overflow:hidden;cursor:pointer;display:inline-block;overflow:hidden;}
.indexsliderbox .hd .on{background-color:#19acea;background:linear-gradient(-45deg,#19acea,#0d97d1);}

.swiper-pro {
        width:650px;
        height: 430px;
        margin-left: auto;
        margin-right: auto;
}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}	
.swiper-pagination .swiper-pagination-bullet {width:8px;height:5px;border-radius:0;}	
.swiper-pagination .swiper-pagination-bullet-active{width:20px;height:5px;}


.protip{
    padding-left: 30px;
    width: 45%;
}		
.protip h1{font-size:25px;margin-bottom:10px;}
.protip .btnbox{margin-top:15px;}

.proinfo{margin-top:25px;position:relative;}

.itabbox{height:auto;margin-top:20px;}
.itabbox h3{height:35px;border-bottom:1px #EFEFEF solid;position:relative;font-weight:normal;}
.itabbox h3 em{width:auto;height:35px;line-height:35px;text-align:center;display:block;float:left;cursor:pointer;color:#4D4D4D;font-style:normal;font-size:17px;font-weight:bold;padding:0 10px;position:relative;}
.itabbox h3 em{background:#59d2fa;margin-top:0px;}
.itabbox h3 em:hover,.itabbox h3 em.hover{background:#FFF;color:#40acf9;border-bottom:2px #59d2fa solid;}
.itabbox h3 em:hover a,.itabbox h3 em.hover a{color:#40acf9;text-decoration:none;}
.itabbox .t_con_box{border:0px #CDE0FF solid;border-top:0px;background:#FFF;overflow:hidden;padding:10px;margin-top:14px;line-height:30px;font-size:15px;}
.itabbox .t_con_box a{color:#307ad3;}

.btags{margin-top: 5px;}
.btags a{display:block;width:auto;float:left;border-radius:2px;height:25px;line-height:23px;background-color:#dde8f5;padding:0px 8px;margin:0px 5px 8px 0px;}
.btags a:hover{background-color:#68D4FC;color:#fff;text-decoration:none}

.prenext{height:25px;margin:0px auto;margin-top:30px;font-size:12px;clear:both;}
.prenext li{height:22px;line-height:22px;float:left;}
.prenext li.fr{float:right;}
.prenext em{font-style:normal;color:#454444;}

.icon_arrow_l{width:30px;height:28px;background:url(../images/icon/arrow_left.png) no-repeat left center;text-indent:-9999em;margin-top:8px;display:block;float:right;}
.icon_arrow_r{width:30px;height:28px;background:url(../images/icon/arrow_right.png) no-repeat left center;text-indent:-9999em;margin-top:8px;display:block;float:right;margin-left:5px;}
.icon_arrow_l:hover{background:url(../images/icon/arrow_left_hover.png) no-repeat left center;}
.icon_arrow_r:hover{background:url(../images/icon/arrow_right_hover.png) no-repeat left center;}

.index_gg{position:absolute;right:0px;z-index:9999;text-align:right;}
.index_gg .notice-text{overflow:hidden;height:26px;line-height:26px;}
.index_gg .notice_active a{color:#454444;}

#buynow{position:relative;}
.buy_qrcode{width:200px;height:230px;border:1px #efefef solid;position:absolute;right:0;top:40px;z-index:999;display:none;}
.buy_qrcode img{width:200px;height:200px;}
.buy_qrcode .b_tit{width:200px;height:28px;line-height:28px;background:#efefef;color:#ff0000;text-align:center;}