/********************************************************************************************!*/
/*全局设置*/
html {
    font-size: 100px;
    margin: 0;
    padding: 0;
    /*设置完HTML之后，必须设置body字体大小*/
    font-family: "微软雅黑";
}

body {

    min-width:320px;
    max-width: 640px;
    /*必须设置body字体大小*/
    /*如果不设置body字体大小，那么剩下的元素都会有一个超级大的行高，会影响布局，而且你还不容易找到原因*/
    font-size:0.22rem;
    margin: 0 auto;
    position: relative;
    color: #333333;
    background-color:#fff;
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none;
}

/*******************************************************************************************************/
/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
/*************************************************************************************/
/*文本隐藏*/
.text_hidden{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/***********************************************************************************************************/

/*顶部*/

.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.moblie_head{display:block;height:1.2rem;background:#fff;position:relative;width:7.5rem;z-index:9999;border-top: .07rem solid #006FD6;background:#EBEDEE}
.moblie_head .lf{float:left;padding-top:0.1rem;padding-left:0.1rem;width:4.6rem;position:absolute;text-align:left;left:0;}
.moblie_head .lf img{height:1rem}
.moblie_head .rg{padding-right:5%;padding-top:0.3rem;z-index:100;float:right}
.moblie_head .rg i{font-size:0.6rem;color:#333;}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div2 i{font-size:0.4rem;color:#fff;}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:0.8rem;color:#fff;line-height:0.8rem;padding-left:5%;font-size:0.3rem}
.a_txt .div3 ul li .a_js2{background:url(../img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:0.7rem;line-height:0.7rem;font-size:0.28rem}



/* banner-下面 */
.banner-xia{height:1.2rem;width: 100%;background:#FFF;}
.banner-xia .banner-xia-zuo{position:relative;width:3.7rem;height:1.2rem;overflow:hidden;float: left;border-right:0.04rem solid #E1E0E0;}
.banner-xia .banner-xia-you{position:relative;width:3.7rem;height:1.2rem;overflow:hidden;float: left;}
.banner-xia a{text-decoration: none}
.banner-xia-img{float: left;margin: 0.3rem;width:0.6rem;height:0.6rem;line-height:0.6rem;overflow: hidden;font-size:0.5rem;color:#006FD6;text-align:center;}
.banner-xia-text{width:2rem;height:1.2rem;float:left;}
.banner-xia-text .p1{margin:0;width: 100%;overflow: hidden;font-size:0.3rem;line-height:0.6rem;height:0.6rem;margin-top: 0.1rem;display: block;color: #000;}
.banner-xia-text .p2{margin:0;width: 100%;overflow: hidden;font-size:0.28rem;line-height:0.5rem;height:0.5rem;display: block;color: #676565}



/*轮播图区*/
.banner{
    width: 100%;
    height: 4rem;
    overflow: hidden;
    position: relative;
}

.banner img{
    width: 100%;
    height: 4rem;
    display: block;
}

/*********************************************************************************/


.index_box{
    margin-top:0.1rem;
    padding-top: .1rem;
    padding-bottom: .2rem;
}

.index_content{
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.1rem;
}


.index_title{
    position:relative;
    height: 0.8rem;
    width: 5rem;  
    overflow:hidden;
    margin: 0 auto;
    text-align: center;
    margin-top:0.3rem;
}

.index_title_c1{
    display:block;
    font-size:0.3rem;
    height: 0.4rem;
    width: 100%;
    line-height:0.4rem;
    text-align:center;
    color:#006FD6;
    font-weight:bold;
}

.index_title_c2{
    display:block;
    position:absolute;
    top:0.42rem;
    width: 100%;
    height:0.03rem;
    line-height:0.4rem;
    background:#006FD6;
    margin:0 auto;
    z-index:-100;
}
.index_title_c3{
    background:#fff;
    display:block;
    font-size:0.24rem;
    width: 2rem;
    height:0.38rem;
    line-height:0.38rem;
    margin:0 auto;
    text-align:center;
    text-transform : uppercase;
}


.bin_box{position:relative;float:left;width:3.45rem;margin:0.1rem;height:2.5rem;overflow:hidden;text-align:center;}
.bin_box img{position:relative;height:2.5rem;min-width:3.45rem;}
.bin_box_text{position:absolute;width:100%;height:0.6rem;line-height:0.6rem;bottom:0;text-align:center;font-size:0.26rem;color:#fff;background-color:#000;opacity:.8;}


.index_about{
    background: url("../img/about.png") 100% 100% no-repeat;
    width:7.5rem;
    height:5rem;
    overflow:hidden;
    position: relative;
}

.index_about .index_about_c{
    color:#666666;
    font-size:0.28rem;
    box-sizing: border-box;
    padding: 0rem .2rem;
    width: 100%;
    height: 3rem;
    line-height: .6rem;
    overflow: hidden;
}

.index_about .index_about_more{
    display: block;
    width: 1.12rem;
    height: .5rem;
    line-height: .5rem;
    border: 1px solid #006FD6;
    text-align: center;
    position: absolute;
    right: .3rem;
    bottom: .3rem;
    color: #006FD6;
    font-size:0.22rem;
    border-radius:0.1rem;
}

/**新闻动态区*/

.index_news_li{
    width: 7.1rem;
    border-bottom: 1px dashed #b2b2b2;
    padding:0.2rem 0.1rem;
}

a.index_news_li_top{
    display: block;
}

.index_news_li_top_c1{
    width: 70%;
    font-size:0.28rem;
    color: #006FD6;
    float: left;
    font-weight:bold;
}

.index_news_li_top_c2{

    width: 30%;
    font-size:0.28rem;
    color: black;
    float: left;
    text-align: right;

}

.index_news_li_bt{
    padding-top: .15rem;
    font-size:0.26rem;
    height: .8rem;
    overflow: hidden;
    line-height: .4rem;
}

.index_more{
    display: block;
    padding: .15rem 0;
    border: 1px solid #006FD6;
    font-size:0.24rem;
    border-radius: .1rem;
    text-align: center;

    width:2rem;
    margin: 0.1rem auto;
    color: #006FD6;
    margin-top: .2rem;
    font-weight:bold;
}
.index_more:visited{
    color: #006FD6;
}
/**********************************************************************************************/


/***********************************************************************************/


.bottom{
    padding-right: 0;
    background-color: #006FD6;

}
.bottom_top{
    box-sizing: border-box;
    padding: .3rem;
    background-color: #333333;
    position:relative;
    width:100%;
    height:auto;
}

.bottom .rt_top_li{
    color: #FFFFFF;
    font-size:0.32rem;
    line-height:0.6rem;
    font-size:0.28rem;
    font-weight: bold;
}

.bottom .rt_bt{
    overflow-x:hidden;
    font-size:0.28rem;
    line-height:0.4rem;
    color: #FFFFFF;
}

.bottom_bt{
    width:7.5rem;
    height:1rem;
    line-height:0.5rem;
    background:#222222;
    font-size:0.28rem;
    color: #FFFFFF;
    text-align: center;
}
/*******************************************************************************************/
.b1{
    position:relative;
    width: 100%;
    height:3.5rem;
}

.b1 img{
    position:relative;
    width: 100%;
    height:3.5rem;
}
.bi_text{position:absolute;width:7.5rem;top:1.5rem;left:0.2rem;letter-spacing:3px;color:#fff;z-index: 999;text-align:center;font-size:0.45rem;text-shadow: 1px 1px 5px #111;}
/*###################################*/
.b2{
    width: 95%;
    margin: 0 auto;
    line-height: .8rem;
    border-bottom: 1px solid #dddddd;
    font-size:0.28rem;
    font-weight:bold;
}
.b2 a{color:#333333;}
.title_line_left_2{
    position: relative;
}

.title_line_left_2:after{
    content: "";
    position: absolute;
    height: .3rem;
    border-left: 2px solid #006FD6;
    top: 50%;
    left: 0;
    margin-left: -.1rem;
    margin-top: -.15rem;
}
/*####################################################*/
/*产品列表*/
.b3{width:100%;text-align:center;display: flex;flex-wrap:wrap;justify-content:center;}

.b3_li{
    display:block;
    padding: 0 .1rem;
    height: .6rem;
    width: auto;
    line-height: .6rem;
    border:1px solid  #006FD6;
    margin:0.1rem 0.15rem;
    font-size:0.28rem;
    color:#006FD6;
    border-radius:0.1rem;
}

.b3_choose{
    background-color: #006FD6;
    color: #fff;
    border: 1px solid #006FD6;
}
/******************************************************/


.d2{
    margin: .1rem;
}

.d2_title{
    line-height: .5rem;
    font-size:0.3rem;
    text-align: center;
    padding: 0 .2rem;
    font-weight:bold;
}

.d2_other{
    margin: .2rem 0;
    padding-left: .2rem;
    text-align: left;
    height: .3rem;
    line-height: .3rem;
    position: relative;
    font-size:0.26rem;
}

.d2_p{
    line-height:0.5rem; 
    padding: .2rem;
    font-size:0.28rem;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.d2_p img{
    max-width: 100%;
}

.d2_next{
    margin: .2rem;
    padding-top: .1rem;
    border-top: 1px dashed #666666;
    line-height: 0.4rem;
    font-size:0.26rem;
}
.d2_next a{color:#006FD6;}



/***********************************************************************************************/
/*liuyan*/
/*liuyan*/
.liuyan_box{
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 0.2rem;
}


.liuyan_box .liuyan_li{
    position:relative;
    width:100%;
    min-height:0.5rem;
    margin: 0.4rem 0;
}
.liuyan_box .liuyan_li .title{
    position:relative;
    display:block;
    float:left;
    width: 1.1rem;
    text-align:right;
    font-weight:bold;
}
.liuyan_box .liuyan_li input{
    display:block;
    position:relative;
    float:left;
    width: 5.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.28rem;
}
.liuyan_box .liuyan_li textarea{
    display:block;
    position:relative;
    float:left;
    width: 5.6rem;
    height: 1.5rem;
    line-height: 0.5rem;
    font-size: 0.28rem;
}
.liuyan_box .btn_liuyan{
    width: 90%;
    text-align: center;
    margin-top: 0.3rem;
}

.liuyan_box .btn_liuyan button{
    width: 2rem;
    height: 0.8rem;
    line-height:0.8rem;
    border-radius: 0.1rem;
    background:#d02228;
    color: #fff;
    font-weight: bold;
    outline: none;
    cursor:pointer;
    border:0;
}

/***********************************************************************************************/



.mustxing{position:absolute;right:5px;top:0px;vertical-align: middle;color:#EA2020;}
label.error{color:#fff;position:absolute;height:20px;display:block;width:auto;left:1.1rem;line-height:20px;background:red;padding:0 5px;border:1px #fff solid;opacity:0.8;z-index:10000;border-radius:3px;font-size:12px;}