/*公共样式*/
html,body {width: 100%; height: 100%;}
body{margin:0; padding:0;color:#dce1ed; font-family:Microsoft Yahei,SimSun,Arial, Helvetica,sans-serif;}
div,form,ul,ol,li,dl,dt,dd,cite,p,input,img{margin:0;padding:0;border:none;}
img{vertical-align:middle;display:block;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
input,textarea,select{font-size:12px; font-family:Microsoft Yahei;}
input {-webkit-appearance:none; /*去除input默认样式*/}
ol,ul,li{list-style-type:none;}
a,a:visited {text-decoration: none;}
.clear{ clear: both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
:focus {outline:none;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.hidden {visibility:hidden;}
.text_center{text-align:center;}
.text_right {text-align: right;}
.auto_center {margin: 0 auto;}
.re{ position: relative;}
.ab{position:absolute;}
i,em {font-style: normal;}
.overflow-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.align_center {width: 100%;height: 100%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;
    display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
    justify-content: center;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;
    -ms-flex-align: center;align-items: center;overflow: hidden;
}
/*公共样式结束*/

.header{ padding: .5rem; background: #000; position: relative;}
.logo{ width: 5.5rem; height: 1.4rem; display: inline-block;}

/***banner***/
.focus{ width:100%; height:7rem;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:.5rem;  position:absolute; z-index:1; bottom:.25rem; text-align:center;  }
.focus .hd ul{ display:inline-block; height:.25rem; padding:.25rem .25rem;/* background-color:rgba(255,255,255,0.7);*/ -webkit-border-radius:.25rem; -moz-border-radius:.25rem; border-radius:.25rem; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:1rem; height:.25rem; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; border-radius:.25rem; background:#8C8C8C; margin:0 .25rem;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#183eeb;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:7rem; background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.YUYAN { position: absolute;     right: 2rem; top: .9rem; z-index: 11;}
.YUYAN A{ color:#FFF; font-size: 14px; display: inline-block; padding: 0 5PX;}

/***产品推荐***/
.con_margin{ margin: 0 .5rem; overflow: hidden;}
.con_top{ margin-top:1rem;}
.con_top_8{ margin-top: .8rem;}
.title-box{ text-align: center; position: relative;}
.title-box span{  position: absolute; font-size: .5rem; color: #183eeb; font-weight: bold; right: 0; top: .3rem;}
.title-box h3{ font-size: .7rem; color: #000000; font-weight: normal; letter-spacing: 2px;}
.title-box p{ font-size: .7rem; color: #000;  text-transform: uppercase; }
.line{border-bottom: .1rem solid #183eeb; padding-top: .125rem; width: 2.5rem; display: inline-block;}
.product-box dl{ float: left; width:31%; height: 9rem; overflow: hidden; margin-right: .37rem; background: #fff;  border: 1px solid #d8d8d8; display: inline-block;  }
.product-box dl dt{ width: 100%; height: 3.5REM; display: inline-block;}
.product-box dl dd{padding: .25rem .25rem 0; width: 89%; display: inline-block;overflow: hidden;}
.product-box dl dd h5{ font-size: .4rem; color: #000000; font-weight: normal; text-align: center;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-box dl dd h5 a{ color: #000; font-weight: bold;}
.product-box dl dd h5 a:hover{ color: #183EEB;}
.product-box dl dd p{    margin-top: .1rem;
    font-size: .4rem;
    color: #000000;
    line-height: 1.5;
    text-indent: 2em;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;}
 .index_product-box dl dd p{height: 3.7rem !important;}
.product-box dl dd span a{float:right; font-size: .4rem; color: #919191;}
.product-box dl dd span a:hover{ color: #183EEB;}
.product-box dl.product_last{ margin-right: 0px;}
.product-box dl:hover{ z-index:1;  cursor: pointer; }
.product-box dl dt img{ width:100%; height:100%; }
/*.product-box dl:hover{transform:scale(1.04);-moz-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04);}*/

/*公司简介*/
.mt80{ margin-top:80px;}
.mt50{ margin-top:50px;}
.pt50{ padding-top:50px;}
.company_main{background: url(../../../alabo/mobile/images/pic02.jpg) no-repeat center top;}
.company_box .title-box h3,.company_box .title-box p,.company_box .title-box span a{ color: #fff !important;}
.company_box .title-box .line{border-bottom: .1rem solid #fff; }
.company_con p{     font-size: 12px;
    line-height: 1.6;
    color: #fff;
    text-indent: 2em;}
.company_con .link a{ color: #fff; font-size: 14px;  border: 1px solid #fff;  width: 130px;  height: 35px; margin: 0 auto 1rem;  line-height:35px;  text-align: center; margin-top: .8rem; display: block; }
.company_con .link a:hover{background: #183eeb; color: #fff; border:1px solid #183eeb;}
.company_show{ margin:0 auto;width:10rem;}


/*新闻动态*/
.new-box { width: 100%;}
.new-box ul li{ height:1.5rem; line-height:1.5rem; font-size: 14px; color: #272727; border-bottom: 1px dashed #b5b5b5; }
.new-box ul li a{ color: #272727; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  width: 10rem; display: inline-block;}
.new-box ul li a:hover{ color: #2ca5f9; }
.new-box ul li span{float:right; color: #606060; font-size: 14px; display: inline-block;}
.new-box ul li i{ background: #2ca5f9; border-radius: 50%; width: 10px; height: 10px;vertical-align: top; margin-top: .55rem; MARGIN-RIGHT: 10PX; display: inline-block;}

.drawBox {width:620px;height:410px;overflow:hidden;float:left;position: relative;}
.drawBox .drawList{width: 100%;}
.drawList li a{display: block;}
.drawList li img {width:620px;height:410px;overflow:hidden;}
.drawList .lb_t{position:absolute;width:100%;height:40px;line-height:40px;padding-left:18px;color:#fff;font-size:16px;
    bottom:0;z-index:999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.drawList .opcity{position:absolute;width:100%;height:40px;bottom:0;opacity:0.5;filter: Alpha(opacity=50);
    background:#000;}
.drawBox .pagination {position: absolute;bottom:4px;right:10px;z-index:33;}
.drawBox .pagination li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin:0 1px;color:#fff;cursor: pointer}
.drawBox .pagination li.current{background-color:#c8000d;color:#fff;font-size:16px;}

/*广告图*/
.ad img{ width: 100%; height: 3.3rem;}

/*合作伙伴*/
.cooperative-main ul li{width: 30%; margin-right:.38rem; margin-bottom: .5rem; display: inline-block;}
.customer_list2 li img{ width:100%; height:100%;}

.beianhao{ border-top: 1px solid #000;  padding-top: .5rem;  margin-top: 1.5rem; height: 6rem; color: #000;  text-align: center;  font-size: 14px;}
.beianhao p{ padding: 0 10px;}
    
/*footer*/
.footer {position: fixed;left: 0;bottom: 0;width: 100%; z-index: 9999999;}
.footer span{ width: 50%; text-align: center; background: #183eeb; font-size: .6rem; color: #fff; height:2rem; line-height: 2rem; display: inline-block;}
.footer span a{ color: #fff;}
.footer span:first-child{ color: #fff; background: #000;}
.footer span:first-child i{ color: #000;}

/*公司简介*/
.mb5{margin-bottom: 3.5rem;}
.about_banner img{ width: 100%; height:6.6rem;}
.con_top_5{ margin-top: .35rem;}
.site{ font-size: 12px; color: #000000; border-bottom: 1px solid #000; padding-bottom: 10px;}
.site a{ color: #000;}
.site a:hover{ color: #183EEB;}
.about_link span{ float:left; margin-right: .2rem; border:1px solid #000; padding: .25rem .2rem; font-size:11px; display: inline-block;}
.about_link span a{ color: #000000;}
.about_link span.on{ background: #000000; color: #fff;}
.about_link span.on a{ color: #fff;}
.about_title{font-size: .5rem; color: #000000; margin-top: 20px;border-bottom: 1px solid #000; padding-bottom: 10px; }
.about_title i{ font-style: normal; margin-left: 5px; font-size:.6rem}
.about_con{ font-size: 14px; line-height: 1.8; text-indent: 1em; margin-top: .8rem; color: #000000;}
.about_con img{ max-width: 90%; height: auto; margin:0 auto; overflow: hidden;}

.honor_con dl{ float:left; width: 42%; height: 10rem; margin-bottom: 1rem; border: 1px solid #000; text-align: center; padding:.4rem; display: inline-block;}
.honor_con dl dt{ background: #eeeeee; width:100%; height: 9rem; text-align: center;}
.honor_con dl dt img{ width: 100%; height: 100%;}
.honor_con dl dd{  margin-top:.3rem; color: #000; font-size: 12px;}
.honor_con dl dd a { color: #000000;     width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.honor_con a:hover dl dd { color: #183EEB;}
.honor_con dl:nth-child(even){ float:right}

.pages-box ul { text-align: center;}
.pages-box ul li{ padding:.1rem .25rem; font-size: 16px; color: #000000; border:1px solid #000; margin: 0 .2rem; display: inline-block;}
.pages-box ul li a{ color: #000000;}
.pages-box ul li.on{ background: #000; color: #fff;}
.pages-box ul li.on a{color: #fff;}

.honor_detail{ text-align: center; color: #000000;}
.honor_detail h3{ font-weight: bold; font-size: 16px;}
.honor_detail_time{ border-bottom: 1px solid #666666; font-size: 12px; padding-bottom: .3rem; margin-top: .3rem; color: #666666;}
.honor_box {    margin-top: 1rem;
    text-align: left;
    line-height: 1.6;}
.honor_box img{    width: 90%;
    margin: 0 auto;
    height: auto;}

.history_box{ margin: 1rem auto 0;}
.history_box img{width: 80%; margin: 0 auto;}
 
.product-box_list dl{width: 47%; float:left; margin-right: 0; height: 10.2rem; margin-bottom: .5rem; }
.product-box_list dl:nth-child(even){ float:right }
.product-box_list dl dt{height: 6REM;}
/*.product-box dl dd p{ height: 2.7rem;}*/


/****************************************合作伙伴******************************************/
.cooperative-box dl{ float:left; width: 45%; text-align: center;margin-bottom: .5rem; display: inline-block;}
/*.cooperative-box dl dt{ border:1px solid #000; background: #fff; text-align: center;     height: 3rem;}*/
.cooperative-box dl dt img{ width: 100%; height: 100%;}
.cooperative-box dl dd{ font-size: .6rem; color: #000; padding: 15px 0 0;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.cooperative-box dl:nth-child(even){ float:right}

/****************************************客户留言******************************************/
.message_box{ }
.message_box .message_input{ width: 100%; margin: 0 auto; line-height: 55px; margin-bottom: .8rem;}
.message_box .message_input i{ font-size: .6rem; font-style: normal; color: #ff0505; font-weight: bold;margin-right: 5px;vertical-align: middle;}
.message_box .message_input span{    float: left; text-align: right; font-size: .6rem; color: #000000;   width: 26%;    display: inline-block;}
.message_box .message_input input.input-t{    float: left; border: 1px solid #000;  height: 55px; line-height: 55px; width: 71%; text-indent:1em; font-size: .6rem; color: #000;     display: inline-block;}
.message_box .message_input textarea{    float: left;font-size: 16px; color: #000; border: 1px solid #000; padding:5px 0; width: 65%; height: 130px; line-height:23px; padding-left: 20px; font-size: 16px; color: #000;     display: inline-block;}
.message_wz{margin: 0 auto; padding-left:28%; font-size: 12px; color: #ababab; }
.input_sex{ width: 25px; height: 25px; vertical-align: top; margin: 16px 12px 0; border: 1px solid #000;  border-radius: 50px;}
.input-btn input{ background: #183eeb; border-radius: 50px; height: 75px; line-height: 75px; text-align: center; font-size: 24px; color: #fff; width: 100%; display: inline-block;}
#txtCode {
    width: 35%;
    MARGIN-RIGHT: 4%;
}
.sex div input{
    -webkit-appearance:none;
    vertical-align:top;
    border: 1px solid #000;
    display:inline-block;
    width:0.55rem;
    height:0.57rem;
    border-radius:50%;
    float:left;
    position:relative;
    margin-right:0.25rem;
    margin-top:0.8rem;  
}


.sex div label{  color: #000000; font-size: .6rem;}

.sex div input[type='radio']:checked{
    -webkit-appearance:none;
    display:inline-block;
    vertical-align:top;
    width:0.6rem;
    height:0.6rem;
    border-radius:50%;
    border:1px solid #183eeb;
    position:relative;
}
.sex div input[type='radio']:checked:after{
    content:'';
    width:0.35rem;
    height:0.35rem;
    position:absolute;
    top:0.09rem;
    left:0.09rem;
    background:#183eeb;
    border-radius:50%;
    display:block;
}


/****************************************联系我们******************************************/
.contact-box h5{ text-align: center; font-size: .8rem; font-weight: bold; color: #000000; padding:0 .3rem;}
.contact-main{ padding: .8rem .5rem 0;}
.contact-main p{ margin-bottom: .8rem; font-size: .6rem; color: #000;}
.contact-main p i{width: 1.7rem; display: inline-block; vertical-align: middle; margin-right: .3rem;}
.contact-main p i img{ width: 100%;}

@media screen and (max-width:320px)
{
.about_link span{MARGIN-BOTTOM: .25REM;}
.YUYAN{    top: .8rem;}
.product-box dl dd p{height: 45px;}
}
@media screen and (min-width:414px)
{
    .product-box_list dl{    height: 10rem;}
}
@media screen and (min-width:768px)
{
    .product-box dl dd p{ height: 80px;}
}


/*分页*/
.pagelink {
    clear: both;
    font-size: 12px;
    text-align: center;
    height: 38px;
    margin-top: 30px;
    font-size: 12px;
}

    .pagelink a, div.pagelink span {
        padding: 6px 7px 6px;
        height: 23px;
        color: #4c4c4c;
        border: 1px solid #ddd;
        line-height: 26px;
        text-decoration: none;
        margin: 0 2px;
    }

        .pagelink a:hover {
            color: #3f8402;
            text-decoration: none;
            padding: 6px 7px 5px;
            border-bottom: 2px solid #3f8402
        }

    .pagelink .current {
        color: #3f8402;
        padding: 6px 7px 5px;
        height: 26px;
        border: 1px solid #ddd;
        border-bottom: 2px solid #3f8402;
        font-weight: bold
    }
    .contact-main p:first-child span{
      width: 13rem;
      display: inline-block;
    }
    .contact-main p:first-child i{
      vertical-align: top;
    }