@charset "utf-8";

/* CSS Document */

body{background: #fff;
    margin:0;padding:0;font-family:"Microsoft YaHei";
    -webkit-text-size-adjust:none;color:#000;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}

img{border:0;vertical-align:bottom;width:100%;}

ul,li{list-style-type:none;}

a{color:#000;text-decoration:none;-webkit-tap-highlight-color:transparent;}

input:focus,select:focus,option:focus,textarea:focus{ outline:none;}

textarea,input[type=date],input[type=number]{ resize:none; border: none;}

button:hover,input[class*=b]:hover{ cursor:pointer;}

i,u{font-style: normal;font-weight: normal;}

input {-webkit-appearance:none; /*去除input默认样式*/}

input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none;}

.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}

.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}

.rel{position:relative;}

.container{min-width:300px;height:100%;overflow:hidden;}



/*header*/

header{

    width: 100%; 

}

header .nav{

    width: 100%;

    height: 1.10rem;

    background: #fff;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

}

header .nav ul{

    width: 100%;

    padding-top: 0.36rem;

    display: flex;

    justify-content: space-between;

    position: relative;

}

header .nav ul li{

    width: 6%;

}

/* header .nav ul .ss{

    width:0;height:35px;position:absolute;left:0;bottom: -5rem;overflow:hidden;z-index:7;

} */



/*  */



@media screen and (max-width: 414px){

    header .nav ul .ss{

        width:0;height:35px;position:absolute;left:0;bottom: -0.8rem;overflow:hidden;z-index:7;

    }

}

@media screen and (max-width: 320px){

    header .nav ul .ss{

        width:0;height:35px;position:absolute;left:0;bottom: -1rem;overflow:hidden;z-index:7;

    }

}

.ss_bd{width:80%;height:35px;border:none;background:#fff;float:left;color:#666;padding:0 5%;box-sizing:border-box;font-family:"微软雅黑";font-size:.3rem;}

.ss_btn{width:20%;float:left;line-height:35px;background:#1E64BC;border:none;color:#fff;font-family:"微软雅黑";font-size:.3rem;;}

#ceng{display:none; width:100%; height:100%;z-index:100;position:fixed; top:0;  right:0; }

#close{width:10%;padding:3%;float:left;opacity: 0.6;position:absolute;top:0;right:0;}

.type{width:100%;background:rgba(0,0,0,.8);height:100%;float:right;}

.type ul {padding-top:20%;}

.type ul li a {

    color: #fff;

    display: block;

    line-height:1rem;

    text-align: center;

    display: block;

    font-size: .35rem;

    transition: color 0.2s ease 0s;

    width: 100%;

}

header .nav ul li:nth-of-type(1){

     margin-left: 0.23rem;

     width: 7.1%;

}

header .nav ul li:nth-of-type(3){

    margin-right: 0.23rem;

    width: 7.7%;

}

header .nav ul li:nth-of-type(2){

    text-align: center;

    width: 4.58rem;margin-top: -0.25rem;

    /*height: 0.54rem;*/

}

header .nav ul li:nth-of-type(2) img{

    width: 100%;
}

header .banner{

    width: 100%;
    border-top: 1px solid #9dbce8;
    /*height: 4.2rem;*/
    border-bottom: 1px solid #2c3441;
    margin-top: 1.1rem;

}

header .banner img{

    height: 100%;

}

#pagenavi { position: absolute; bottom: 2%; left: 50%; margin-left: -50%; width: 100%;
 z-index: 1; text-align: center; padding: 8px 0; }

#pagenavi a { width: 8px; height: 8px; line-height: 99em; border:#fff solid 1px; 
    border-radius: 50%; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer;
    display: inline-block; }

#pagenavi a.active {background: #fff;}



header .yqlj{

    width: 100%;
    height: 1.93rem;
    margin: 0 auto;
    padding-top: 0.4rem

}

header .yqlj ul{

    width: 100%;

    display: flex;

    justify-content: space-around;

}

header .yqlj ul li{

    font-size: 0.25rem;

    text-align: center;

    width: 1.2rem;

    height: 1.04rem;

    margin-bottom: 0.28rem

}

header .yqlj ul li p{

    margin-top: 0.1rem; 

}

main .fyan{

    width: 100%;

    height: 0.7rem;

    line-height: 0.7rem;

    border-bottom: 0.02rem solid #EDEDED;

}

main .fyan h5{

    font-size: 0.30rem;

    position: relative;

    margin-left: 3.6%;

    float: left;

}

main .fyan h5::before{

    content: "";

    width: 0.04rem;

    height: 0.51rem;

    background: #1E64BC;

    position: absolute;

    left: -0.12rem;

    top: 0.06rem;

}

main .fyan ul {

    float: left;

    margin: 0.17rem 0 0 0.15rem;

    color: #8A8A8A;

}

main .fyan ul li{

    float: left;

    height: 0.36rem;

    font-size: 0.25rem;

    line-height: 0.36rem;

    border-radius: 48px;

    padding: 0 0.15rem 0 0.15rem;

    cursor: pointer;

    text-align: center;

}

main .fyan p{

    float: right;

}

main .fyan p a{

    color: #1E64BC;

    font-size: 0.3rem

}

.on{

    background: #00AAF0;

    color: #fff;

}

main .xlb{

    width: 100%;

}

main .xlb ul{

    width: 100%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

main .xlb ul li{

    width: 3.46rem;

    height: 2.06rem;

    margin-top: 0.28rem;
     margin-bottom: 0.28rem;

   /* position: relative;*/

}

main .xlb ul li img{

    width: 100%;

    height: 100%;

}

main .xlb ul li p{
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(8, 24, 92, 1)), to(rgba(21, 90, 169, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*position: absolute;

    bottom: 0;
*/
    width: 100%;

    height: 0.34rem;

    line-height: 0.34rem;

    font-size: 0.25rem;

    text-align: center;

    color: #333333;

}

main .sygc{

    width: 100%;

    /*height: 9.32rem;*/

    background: url(../images/pro.jpg)no-repeat;

    background-size: 100% 100%;

    margin-top: 0.2rem;

}

 .title{

    width: 95%;
    margin: 0 auto;
    text-align: center;
    padding-top: 0.3rem;color: #263074; line-height: 0.58rem;
    /*height: 135px;*/
}
 .title .title-1{
    width: 2.38rem;border-bottom: 1px solid #263074;margin: auto;
    font-family: 黑体;position: relative;   
    font-size: 0.4rem;
}
 .title p{
    font-size: 0.42rem;letter-spacing: 2px;text-align: right;
}
 .title span{
    font-size: 0.85rem;opacity: 0.6;position: absolute;left: 0;
}
.zhj .title-j{

    font-size: 0.25rem;
    opacity: 0.8;
}

main .wjj{

    width: 95%;
    padding-top: 0.2rem;
    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

main .wjj li{

    width: 3.50rem;

    /*height: 3.18rem;*/

    /*margin-top: 0.2rem;*/

}

main .wjj li p{

    width: 100%;

    height: 0.58rem;

    /*background: #fff;*/
    color: #08185c;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(8, 24, 92, 1)), to(rgba(21, 90, 169, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 0.28rem;
    line-height: 0.58rem;
    text-align: center;

}

main .gd{

    width:1.8rem;
    height: 0.89rem;
    margin: 0 auto;
    text-align: center;background: url(../images/mo1.png)no-repeat; 
    margin-top: 0.4rem;background-size: 100%;

}

main .gd a{

    display: block;
    width: 100%;
    padding-top: 5%;
    height: 100%;

    font-size: 0.2rem;

    color: #000;

}

/*案例*/
.case{width: 100%;
    background: url(../images/case.jpg) no-repeat;}

.proListIndexCo{width: 95%;margin: auto;
    height:190px; position:relative;margin-top: 0.2rem}
.proRollBox{ width:100%; height:190px; position:absolute; overflow:hidden;  top:0px;
 left:0px;}
.proListIndex{position:absolute; width:9999px; left:0; top:0;}
.proListSubPage li{height:190px;}
.proList_1 li{ width:193px; float:left; text-align:center;
    margin-left:10px;}

.proList_1 li p,.proList_1 li div{
line-height: 0.35rem;color: #33342e;}


main .syab{

    width: 100%;
    background: url(../images/about.jpg) no-repeat;
   
    /*height:5.55rem;*/
}

main .syab .abwz{

    width: 95%;margin: auto;
    /*height: 3.66rem;  */
}


main .syab .abwz .company-title{text-align: center;padding-top: 0.3rem;color: #000; 
    line-height: 0.65rem;   
}
main .syab .abwz .title2{width: 2.38rem;border-bottom: 1px solid #000;margin: auto;
    position: relative;font-family:黑体;}
main .syab .abwz .title2 p{font-size: 0.4rem;text-align: right;letter-spacing: 2px;}
main .syab .abwz .title2 span{
    font-size: 0.85rem;opacity: 0.6;position: absolute;left: 0;
color: #82878d}

main .syab .abwz .qw{

    font-size: 0.28rem;

    line-height: 0.45rem;
    width: 98%;
    text-indent: 2em;
    margin: 0 auto;
    margin-top: 0.25rem;

}

.com-cen{height: 0.3rem;margin-top: 0.1rem;
    margin-bottom: 0.65rem;}
.com-cen span{float: left;margin:0.13rem; background-color: #2b4ec9;border-radius:5px;
width: 2.1rem;height: 0.45rem;color: #fff;font-size: 0.23rem;
text-align: center;
line-height: 0.45rem;}
.box123{height:1.5rem }
.boxF, .boxS, .boxT, .overlay
{
    width: 2.2rem;
    height: 1.5rem;
    overflow: hidden;
}
.boxF, .boxS
{
    visibility: hidden;
}
.boxF
{
    transform: rotate(120deg);
    float: left;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}
.boxS
{
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.boxT
{
    transform: rotate(-60deg);
    background: no-repeat 20% center;
    background-size: 120% auto;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;transition:all .8s; -webkit-transition:all .8s;
}

main .synew{

    width: 100%;

    min-height: 8.42rem;

    /*margin-bottom: 1.25rem;*/

}

main .synew .tout{

    width: 100%;

    height: 1.45rem;

    background: url(../images/tout.jpg)no-repeat;

    background-size: 100% 100%;

    padding-top: 0.33rem;

    margin-bottom: 0.27rem;

}

main .synew .tout .bgs{

    width: 3.47rem;

    height: 1.0rem;

    background: rgba(255, 255, 255, 0.2);

    margin: 0 auto;

    text-align: center;

    padding-top: 0.13rem;



}

main .synew .tout .bgs h3:first-child{

    font-size: 0.36rem;

    color: #fff;

}

main .synew .tout .bgs h3:last-child{

    font-size: 0.3rem;

    color: #fff;

    opacity: 0.3;

}

main .synew .synl{

    width: 95%;

    margin: 0 auto;

}

main .synew .synl li{

    height: 0.9rem;

    padding: 0.32rem 0 0.32rem 0;

    border-bottom: 0.01rem solid #ccc;

}

main .synew .synl li:last-child{

    border: none;

}

main .synew .synl li .zuo{

    width: 1.03rem;

    height: 100%;

    text-align: center;

    position: relative;

}

main .synew .synl li .zuo::after{

    content: "";

    width: 0.01rem;

    height:0.75rem;

    background: #9F9F9F;

    position: absolute;

    right: -0.3rem;

    top: 0.1rem;

}

main .synew .synl li .zuo h3{

    font-size: 0.6rem;

    margin-top: -0.09rem;

    height: 0.75rem;

    color: #638BCA

}

main .synew .synl li .zuo p{

    font-size: 0.25rem;

    color: #1E64BC

}

main .synew .synl li .you{

    width: 5.5rem;

    height: 100%;

}

main .synew .synl li .you h5{

    font-size: 0.25rem;

    color: #333333

}

main .synew .synl li .you p{

    height: 0.65rem;

    font-size: 0.25rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    display: -moz-box;

    -moz-line-clamp: 2;

    -moz-box-orient: vertical; 

    color: #999999

}







footer{

    width: 100%;

}

footer .links{

    width: 100%;

    min-height: 1.25rem;

    background: #1E64BC;

    position: fixed;

    bottom: 0;

}

footer .links ul{

    width: 100%;

    height: 1.25rem;

}

footer .links ul li{

    width: 25%;

    /*min-height: 1.25rem;*/

    float: left;

    text-align: center;

    margin-top: 0.18rem;

}

footer .links ul li div{

    height: 0.54rem;

    width: 100%;

    text-align: center;

}

footer .links ul li div img{

    width: 30%;

}

footer .links ul li:nth-of-type(2) div img{

    margin-top: -0.08rem;

}

footer .links ul li p{

    color: #fff;

}

footer .links ul li p{

    margin-top: 0.1rem;

    font-size: 0.24rem;

}

main .newsy {

    width: 100%;

   /* min-height: 12.31rem;*/

}

main .newsy .fyan .nan{

    float: right;

}

main .ckgd{

width: 100%;

    height: 0.3rem;

    margin: 0 auto;

    text-align: center;

    line-height: 0.3rem;

    position: relative;

    margin-top: 0.55rem

}

main .ckgd a{

    font-size: 0.28rem;

    color: #1E64BC;

}

main .ckgd::before{

    content: "";

    width: 3.7rem;

    height: 100%;

    background: url(../images/ck.png)no-repeat;

    background-size: 100% 50%;

    position: absolute;

    left: 25%;

    top: 0.1rem;

    z-index: -1;

}

main .fyan .cp{

    float: right;

}

main .cpz{
    width: 96%;margin: auto;
    min-height: 10.06rem;

}

main .cpz .ckgd::before{

    content: "";

    width: 3.7rem;

    height: 100%;

    background: url(../images/ck.png)no-repeat;

    background-size: 100% 50%;

    position: absolute;

    left: 24%;

    top: 0.1rem;

    z-index: -1;

}

main .gcej .fyan .nan{

    float: right;

}

main .gcej .gcg ul{

    width: 95%; 

    min-height: 14rem;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 0.1rem;

    /*padding-bottom: 2rem*/

}

main .gcej .gcg ul li{

    width: 3.43rem;

    height: 3.18rem;

    margin-top: 0.17rem;

    position: relative;

}

main .gcej .gcg ul li img{

    width: 100%;

    height: 100%;

}

main .gcej .gcg ul li p{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 0.58rem;

    background:rgba(30,100,188,0.5);

    text-align: center;

    font-size: 0.25rem;

    line-height: 0.58rem;

    color: #fff;

}

main .gcg .ckgd::before{

    content: "";

    width: 3.7rem;

    height: 100%;

    background: url(../images/ck.png)no-repeat;

    background-size: 100% 50%;

    position: absolute;

    left: 24%;

    top: 0.1rem;

    z-index: -1;

}

header .abnav{

    border: none;

}

main .abda{

    width: 95%;

    /*height: 8.59rem;*/

    margin: 0 auto;

}

main .abda .abt{

    text-align: center;

}

main .abda .abt h3{

    font-size: 0.38rem

}

main .abda .abt h6{

    font-size: 0.25rem;

    color: #999999;

    margin-top: 0.07rem;

}

main .abda p{

   /* text-indent: 2em;*/

    color: #666666;

    font-size: 0.29rem;

    margin-top: 0.15rem;

}

main .lx{

    width: 95%;

    height: 12.39rem;

    margin: 0 auto;

}

main .lx .lxt{

    text-align: center;

}

main .lx .lxt h3{

    font-size: 0.41rem

}

main .lx .lxt h6{

    font-size: 0.25rem;

    color: #999999;

    margin-top: 0.07rem;

}

main .lx .lxbd{

    width: 99.9%;

    margin: 0 auto

}

main .lx .lxbd input{

    width: 6.73rem;

    height: 0.63rem;

    border: none;

    background: #ECECEC;

    padding: 0.04rem 0.2rem;

    margin-top: 0.33rem;

}

main .lx .lxbd .wb{

    resize: none;

    background: #ECECEC;

    width: 6.73rem;

    height: 3.18rem;

    padding: 0.08rem 0.2rem;

    margin-top: 0.33rem;

}

main .lx .lxbd div{

    width: 1.8rem;

    height: 0.53rem;

    margin: 0.23rem auto;

}

main .lx .lxbd div input{

    width: 1.8rem;

    height: 0.53rem;

    margin: 0 auto;

    background: #1E64BC;

    border-radius: 0.5rem;

    color: #fff;

}

main .lx .lxdh{

    width: 100%;

    margin-top: 0.44rem;

}
.he90{
    width: 100%;
    height: 59px;
    overflow: hidden;
    clear: both;
}
/*main .lx .lxdh p{

    height: 0.37rem;

    line-height: 0.37rem;

    font-size: 0.26rem;

    padding-left: 0.5rem;

    margin-top: 0.3rem;

}

main .lx .lxdh p:nth-of-type(1){

    background: url(../images/lxus3.png)no-repeat left center;

    background-size: 5.5%

}

main .lx .lxdh p:nth-of-type(2){

    background: url(../images/lxus4.png)no-repeat left center;

    background-size: 5.5%

}

main .lx .lxdh p:nth-of-type(3){

    background: url(../images/lxus1.png)no-repeat left center;

    background-size: 5.5%

}

main .lx .lxdh p:nth-of-type(4){

    background: url(../images/lxus5.png)no-repeat left center;

    background-size: 5.5%

}*/

.danyet li{ background:#1E64BC; padding: 5px 10px; width: 38%; float: left; border-radius: 5px; margin: 3%;}