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

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

a {
    text-decoration: none;
}

a:link {
    color: inherit;
}

a:visited {
    color: inherit;
}

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;
}


/***********************************************************************************************************/
/*头部logo*/
.a1{
    border-top: .07rem solid #004e97;
    width: 100%;
}

.a1_img{
    width: 2.2rem;
    
    
    margin: .2rem auto;
}

.a1_img img{
    width: 100%;
}
/******************************************************************************************/

.a2{
    padding: .16rem 0;
    background-color: #004e97;
    position: relative;
    box-sizing: border-box;
    height: .6rem;
}

.a2_img{
    padding-left: .05rem;
    width: 1.5rem;
    height: .31rem;
    float: left;
    overflow: hidden;
}


.a2_img img{
    width: 100%;
}


.a2_nav{
    margin-top: -.07rem;
    margin-right: .1rem;
    width: .4rem;
    height: .4rem;
    float: right;
}

.a2_nav_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.a2_nav_img img{
    width: 100%;
    height: 100%;
}

.a2_nav_list{
    position: absolute;
    width: 1.32rem;
    right: 0;
    text-align: center;
    top: 100%;
    z-index: 1000;
    line-height: .5rem;
    font-size: .28rem;
    display: none;
    background-color: #FFFFFF;
}

a.a2_nav_list_li{
    display: block;
    margin-top: .1rem;
    color: black;
}


a.a2_choose{

    background-color: #004e97;
    color: white;

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

.a3 img{
    width: 100%;
    display: block;
}

/*********************************************************************************/
/*产品导航区*/
.a4{
    box-sizing: border-box;
    padding: .33rem .5rem;
    background-color: #f4f4f4;
}

a.a4_li{
    width: 50%;
    height: .66rem;
    float: left;
    display: block;
    color: black;
}

.a4_li:nth-child(n+3){
    padding-top: .66rem;
}

.a4_li_img{
    width: .66rem;
    height: .66rem;
    overflow: hidden;
    float: left;
}

.a4_li_img img{
    width: 100%;
}

.a4_li_c{
    float: left;
    width: 2rem;
    padding-left: .2rem;
    box-sizing: border-box;
}

.a4_li_c_1{
    font-size: .26rem;
    height: .33rem;
    line-height: .33rem;
}

.a4_li_c_2{
    font-size: .22rem;
    height: .33rem;
    line-height: .33rem;
}

/******************************************************************************************/
/*走进金特*/
.a5{
    padding-bottom: 1rem;
    position: relative;
}

.a5_title{
    line-height: 1rem;
    padding-left: .23rem;
    font-size: .24rem;
    color: black;
}



.a5_img{
    width: 100%;
}

.a5_img img{
    width: 100%;
    display: block;
}

.a5_c{
    line-height: .36rem;
    font-size: .20rem;
    box-sizing: border-box;
    padding: .2rem .15rem;
    text-indent: 2em;
    width: 100%;
    height: 2.4rem;
    overflow: hidden;
}

a.a5_more{
    display: block;
    width: 1.12rem;
    height: .42rem;
    border: 1px solid #fa8903;
    text-align: center;
    line-height: .42rem;
    position: absolute;
    right: .2rem;
    bottom: .63rem;
    color: #fa8903;
    background-color: #FFFFFF;
    font-size: .2rem;
}
/***************************************************************************************************/
/*产品中心*/
.a6{
    background-color: #004e97;
    box-sizing: border-box;
    padding: 0 .05rem;
}

.a6_title{
    line-height: 1rem;
    font-size: .24rem;
    color: white;
    text-align: center;
}
.a6_list{
    box-sizing: border-box;
}

.a6_list_li{
    border: 1px solid #5d87ae;
    height: 2.85rem;
    overflow: hidden;
}

.a6_list_li:nth-child(2){
    border: none;
}


.a6_list_li_lt{
    width: 37.5%;
    float: left;
    padding-top: .25rem;
}

.a6_list_li_lt_img{
    width: 1.53rem;
    height: 1.53rem;
    overflow: hidden;
    margin: 0 auto;
}
.a6_list_li_lt_img img{
    width: 100%;
    display: block;
}

.a6_list_li_lt_title{

    text-align: center;
    color: white;
    font-size: .22rem;
    padding: .4rem 0;
}

.a6_list_li_rt{
    width: 62.5%;
    float: left;
    box-sizing: border-box;
    padding-top: .6rem;
    padding-left: .3rem;
}

a.a6_list_li_rt_c{
    width: 49%;
    display: inline-block;
    text-align: left;
    color: #FFFFFF;
    font-size: .2rem;

}

.a6_list_li_rt_c:nth-child(n+3){
    padding-top: .4rem;
}
/*###########################################*/
/*其他两个子元素*/
.a6_list_li:nth-child(2) .a6_list_li_rt{
    color: #FFFFFF;
    line-height: .5rem;
    font-size: .2rem;
    height: 2.6rem;
    overflow: hidden;
}

.a6_list_li:nth-child(3) .a6_list_li_rt .a6_list_li_rt_c{
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    font-size: .2rem;
}

.a6_list_li:nth-child(3) .a6_list_li_rt .a6_list_li_rt_c:nth-child(n+2){
    padding-top: .4rem;

}

.a6_more{
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
}
a.a6_more_c{
    display: inline-block;
    border: 1px solid #fa8903;
    padding: .1rem .2rem;
    font-size: .2rem;
    line-height: .4rem;
    color: #fa8903;
}
/*****************************************************************************************/
/*行业应用区*/
.a7_title{
    line-height: 1rem;
    padding-left: .23rem;
    font-size: .24rem;
    color: black;
}

.a7_list{
    width: 100%;
    overflow: hidden;
}

.a7_list .swiper-slide{
    display: block;
}

.a7_img{
    width: 1.48rem;
    height: 1.48rem;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: .3rem;
    
    
}
.a7_img img{
    height:100%;
    display: block;
    margin: 0 auto;
}
.a7_c{
    text-align: center;
    font-size: .2rem;
    line-height: .8rem;
    border-top: 1px solid #fa8903;
}
/***********************************************************************************/
/*新闻动态区*/
.a8{
    padding-bottom: .4rem;
}

.a8_title{
    line-height: 1rem;
    font-size: .24rem;
    color: black;
    text-align: center;
}

.a8_list{
    width: 100%;
    box-sizing: border-box;
    padding: 0 .1rem;
}

.a8_list_li{
    width: 100%;
    border-bottom: 1px dashed #b2b2b2;
    padding-bottom: .2rem;
    padding-top: .2rem;
}

a.a8_list_li_top{
    display: block;
}

.a8_list_li_top_c1{

    width: 70%;
    font-size: 0.2rem;
    color: #5a97fa;
    float: left;

}

.a8_list_li_top_c2{

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

}

.a8_list_li_bt{
    padding-top: .15rem;
    font-size: .20rem;
    height: .61rem;
    overflow: hidden;
    line-height: .33rem;
}

a.a8_more{
    display: block;
    padding: .15rem 0;
    border: 1px solid #fa8903;
    font-size: .20rem;
    border-radius: .4rem;
    text-align: center;
    width: 1.5rem;
    margin: 0 auto;
    color: #fa8903;
    margin-top: .4rem;
}
/**********************************************************************************************/

.a9{
    box-sizing: border-box;
    padding: .4rem .5rem;
    padding-right: 0;
    background-color: #2c569b;
}

.a9_top_er{
    width: 1.34rem;
    height: 1.34rem;
    overflow: hidden;
    float: left;
}
.a9_top_er img{
    width: 100%;
    height: 100%;
}

.a9_top_rt{
    float: left;
}

.a9 .rt_top_li{
    float: left;
    width: 1.87rem;
    color: #FFFFFF;
    padding-left: .3rem;
    font-size: .2rem;
    padding-top: .15rem;
}

.a9 .rt_top_li_c1{

}

.a9 .rt_top_li_c2{
    font-size: .22rem;
    font-weight: bold;
    padding-top: .2rem;
}

.a9 .rt_bt{
    font-size: .2rem;
    color: #FFFFFF;
    padding-left: .3rem;
    padding-top: .2rem;
}

.a9_bt{
    font-size: .22rem;
    color: #FFFFFF;
    text-align: center;
    padding-top: .3rem;
}
/*******************************************************************************************/
/*产品列表*/
/*******************************************************************************************/
.b1{
    width: 100%;

}

.b1 img{
    width: 100%;
}

.b2{
    width: 90%;
    margin: 0 auto;
    line-height: .4rem;
    border-bottom: 1px solid #dddddd;
    font-size: .2rem;
}

/*####################################################*/
/*产品列表*/
a.b3_li{
    width: 1.8rem;
    height: .5rem;
    float: left;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: .5rem;
    display: block;
    margin-left: .24rem;
    font-size: .22rem;
    margin-top: .25rem;
}

a.b3_choose{
    background-color: #004e97;
    color: white;
    border: 1px solid #004e97;
}
/******************************************************/
/*资质荣誉修改*/
.b3_title{
    font-size: .35rem;
    text-align: center;
    padding:.2rem 0;
    width: 4rem;
    margin: 0 auto;
    border-bottom: 2px solid #004e97;
} 


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

a.b4_li{
    display: block;
    width: 2.9rem;
    border: 1px solid #fa8903;
    box-sizing: border-box;
    padding: .1rem;
    height: 3.2rem;
    overflow: hidden;
    margin: 0 .14rem;
    margin-top: .3rem;
    float: left;
}
a.b4_li:nth-child(2n-1){
    margin-left: .2rem;
    margin-right: .07rem;
}
a.b4_li:nth-child(2n){
    margin-left: .07rem;
}


.b4_li_img{
    width: 100%;
    height: 1.92rem;
    overflow: hidden;
}
.b4_li_img img{
    display: block;
    width: 100%;
    border-radius: .1rem;
}

.b4_li_c1{
    line-height: .5rem;
    text-align: center;
    font-size: .22rem;
}

.b4_li_c2{
    text-align: center;
    font-size: .2rem;
    height: .42rem;
    overflow: hidden;
    color: #737373;
    padding-top: .1rem;
}
/*****************************************************************/
.b4_li2{
    margin-top: .3rem;
    width: 5.8rem;
    height: 5rem;
    margin:0 auto;
    display: block;
    position: relative;
}
.b4_li_img2{
    width: 100%;
    height:100%;
}

.b4_li2_c1{
    
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    background-color: rgba(0,0,0,.7);
    text-align: center;
    position: absolute;
    bottom: 0;
    color: white;
    font-size: .28rem;
}




/*#############################################*/
.b5_more{
    width: 3rem;
    height: .5rem;
    text-align: center;
    border: 1px solid #fa8903;
    line-height: .5rem;
    margin: 1rem auto;
    border-radius: .5rem;
    color: #fa8903;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    font-size: .22rem;
}
/***********************************************************************/

/*************************************************************************************************/
/*新闻列表*/
/***********************************************************************************************/
.c1{
    padding: .2rem 0;
}

a.c1_list_li{
    padding: .2rem 0;
    position: relative;
    display: block;
}

.c1_list_li_lt{
    float: left;
    width: 2.6rem;
    box-sizing: border-box;
    padding-left: .25rem;
    padding-right: .36rem;
    position: relative;
}

.c1_list_li_lt:after{
    content: "";
    width: 1px;
    height: 2.45rem;
    border-left: 1px solid #fa8903;
    position: absolute;
    top: -.2rem;
    right: 0;
}


.c1_list_li_lt_title{
    font-size: .24rem;
    color: black;
    padding-top: .3rem;
}

.c1_list_li_lt_c{
    font-size: .2rem;
    color: #858585;
    padding-top: .2rem;
    height: 1.15rem;
    overflow: hidden;
}

.c1_list_li_rt{
    width: 3.06rem;
    height: 2.05rem;
    background: url("../img/c1_touming.png") left center no-repeat;
    background-size: cover;
    float: left;
    margin-left: .35rem;
}

.c1_list_li_rt_img{
    width: 3.06rem;
    height: 2.05rem;
    overflow: hidden;
    position: relative;
    z-index: -1;
}
.c1_list_li_rt_img img{
    height: 100%;
}

.c1_list_li_ball{
    width: .2rem;
    height: .2rem;
    background-color: #fa8900;
    border: .05rem solid #f2ba79;
    position: absolute;
    border-radius: 50%;
    top: .9rem;
    left: 2.42rem;
}

/***************************************************************************************/
/*新闻分类区*/
.c2{
    padding-top: .4rem;
}

a.c2_li{
    width: 33%;
    float: left;
    display: block;
}

.c2_li_c{
    font-size:.22rem;
    text-align: center;
    padding-top: .2rem;
    color: black
}

.c2_li_img{
    width: .96rem;
    height: .96rem;
    overflow: hidden;
    margin: 0 auto;
}

.c2_li_img img{
    width: 100%;
    height: 100%;
}
/********************************************************************************************/
/*单页与展示页面*/
/************************************************************************************************/
a.d1_li{
    padding: 0 .1rem;
    height: .5rem;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: .5rem;
    display: inline-block;
    margin-left: .4rem;
    font-size: .22rem;
    margin-top: .25rem;
}

a.d1_choose{
    color: white;
    border: 1px solid #2c569b;
    background-color: #2c569b;
}

.d2{
    padding-top: .4rem;
    margin-bottom: .6rem;
}

.d2_title{
    
    line-height: .3rem;
    font-size: .3rem;
    text-align: center;
    padding: 0 .2rem;
}

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

.d2_other_tubiao{
    width: .93rem;
    height: .33rem;
    position: absolute;
    right: .3rem;
    top: 0;
}
.d2_other_tubiao a{
    width: .3rem;
    height: .3rem;
    float: left;
    display: block;
}
.d2_other_tubiao a:last-child{
    float: right;
}

.d2_other_tubiao a img{
    width: 100%;
    height: 100%;
}


.d2_p{
    padding: .2rem;
    font-size: .22rem;
    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: .2rem;
}
/********************************************************************************/
.d2_add_content{
    
    width: 100%;
    height: 8rem;
    overflow: hidden;
    position: relative;
    
}

.d2_add_content_title{

    font-size: .3rem;
    border-bottom: 2px solid #004e97;
    text-align: center;
    padding-bottom: .2rem;
    
}

.d2_add_content .swiper-slide{
    overflow-y:scroll; 
}

.d2_add_title{
    width: 100%;
    overflow: hidden;
    position: relative;
} 


/********************************************************************************************/
/*留言板*/
/************************************************************************************************/
.e1{
    font-size: .22rem;
    margin-bottom: .6rem;
}
.e1 table{
    width: 100%;
    border-spacing:0 .2rem;
}

.e1 tr{
}

.e1 input[type="text"]{
    width: 3.48rem;
    height: .35rem;
    outline: none;
    border: 1px solid #758594;
}

.e1 tr td:first-child{
    text-align: right;
}

.e1 textarea{
    width: 4.6rem;
    height: 1.36rem;
}
.e1_button{
    text-align: center;
    padding-top: .4rem;
}

.e1_button input{
    width: 1.17rem;
    height: .43rem;
    line-height: .43rem;
    background-color: #fa8903;
    color: #FFFFFF;
    border-radius: .1rem;
    border: none;
    display: inline-block;
    margin-left: .7rem;
}


/**********************************************************************************************/
.title_line{
    position: relative;
}
.title_line:after{
    content: "";
    position: absolute;
    width: .5rem;
    border-bottom: .05rem solid #fa8903;
    top: 110%;
    left: 0;
}

.title_line_center{
    position: relative;
}

.title_line_center:after{
    content: "";
    position: absolute;
    width: .5rem;
    border-bottom: .05rem solid #fa8903;
    top: 110%;
    left: 50%;
    margin-left: -.25rem;
}

.title_line_left{
  position: relative;
}

.title_line_left:before{
    content: "";
    position: absolute;
    height: .2rem;
    border-left: 1px solid white;
    top: 10%;
    left: 0;
    margin-left: -.1rem;
}


.title_line_left_2{
    position: relative;
}

.title_line_left_2:after{
    content: "";
    position: absolute;
    height: .3rem;
    border-left: 2px solid #fa8903;
    top: 50%;
    left: 0;
    margin-left: -.1rem;
    margin-top: -.15rem;
}