﻿

/* CSS Document */

body{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:#334ba5;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: 5.4rem;
    height: 0.54rem;
    margin-top: -21px;
}

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

    width: 100%;


}

header .banner{

    width: 100%;

    height: 4.2rem;

    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;

    border-bottom: 0.02rem solid #EDEDED;

    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;
    padding: 4px 0px;
}

main .fyan h5{

    font-size: 0.30rem;

    position: relative;

    margin-left: 3.6%;

    float: left;

}

main .fyan h5::before{

    content: "";

    width: 0.07rem;

    height: 0.51rem;

    background: #334ba5;

    position: absolute;

    left: -0.12rem;

    top: 0.06rem;

}

main .fyan ul {
    width: 65%;
    float: left;

    /*margin: 0.17rem 0 0 0.15rem;*/

    color: #8A8A8A;

}

main .fyan ul li{

    float: left;

    height: 0.8rem;

    font-size: 18px;

    line-height: 0.8rem;

    border-radius: 48px;

    padding: 0 0.5rem 0 0.35rem;

    cursor: pointer;

    text-align: center;

}

main .fyan p{

    float: right;

}

main .fyan p a{

    color: #334ba5;

    font-size: 0.3rem

}

.on{

    background: #00AAF0;

    color: #fff;

}

main .xlb{

    width: 100%;

}

main .xlb ul{

    width: 95%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

main .xlb ul li{

    width: 3.46rem;



    background: #000;

    margin-top: 0.28rem;

    position: relative;

}

main .xlb ul li img{

    width: 100%;


}

main .xlb ul li p{

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 0.34rem;

    line-height: 0.34rem;

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

    font-size: 0.25rem;

    text-align: center;

    color: #333333;

}

main .sygc{

    width: 100%;

    height: 9.32rem;

    background: url(../image/gc.jpg)no-repeat;

    background-size: 100% 100%;

    margin-top: 0.5rem;

    padding-top: 0.4rem

}

main .sygc .zhj{

    width: 95%;

    margin: 0 auto;

    text-align: center;

}

main .sygc .zhj h3{

    color: #fff;

    font-size: 0.4rem;

}

main .sygc .zhj p{

    font-size: 0.25rem;

    color: #fff;

    opacity: 0.5;

    margin-top: 0.16rem

}

main .wjj{

    width: 95%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

main .wjj li{

    width: 3.40rem;



    margin-top: 0.29rem;

}

main .wjj li p{

    width: 100%;

    height: 0.58rem;

    background: #fff;

    font-size: 0.25rem;

    color: #333333;

    line-height: 0.58rem;

    text-align: center;

}

main .gd{

    width: 2.11rem;

    height: 0.59rem;

    margin: 0 auto;

    border: 0.01rem solid #fff;

    text-align: center;

    line-height: 0.59rem;

    margin-top: 0.4rem;

    border-radius: 0.1rem;

}

main .gd a{

    display: block;

    width: 100%;

    height: 100%;

    font-size: 0.2rem;

    color: #fff;

}

main .syab{

    width: 97%;

    height:5.55rem;

    position: relative;

}

main .syab .abtp{

    position: absolute;

    left: 0.2rem;

    top: 0.68rem;

    width: 3.32rem;

    height: 3.8rem;

    z-index: 2;

}

main .syab .abwz{

    width: 3.5rem;

    height: 3.66rem;

    background: #fff;

    float: right;

    box-shadow: 0 0 10px 5px #DDE8F5;

    padding-left: 1.05rem;

    margin-top: 1.22rem;

}

main .syab .abwz .hz{

    font-size: 0.25rem;

    margin-top: 0.3rem;

    color: #334ba5

}

main .syab .abwz .yw{

    font-size: 0.4rem;

    color: #CCCCCC

}

main .syab .abwz .qw{

    font-size: 0.25rem;

    color: #666666;

    width: 98%;

    margin: 0 auto;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    display: -moz-box;

    -moz-line-clamp: 4;

    -moz-box-orient: vertical; 

    margin-top: 0.15rem;

}

main .syab .abwz div{

    width: 1.39rem;

    height: 0.36rem;

    border: 0.01rem solid #CCCCCC;

    font-size: 0.25rem;

    text-align: center;

    line-height: 0.36rem;

    margin-top: 0.3rem;

    

}

main .syab .abwz div a{

    color: #334ba5

}

main .synew{

    width: 100%;

    min-height: 8.42rem;

    /*margin-bottom: 1.25rem;*/

}

main .synew .tout{

    width: 100%;

    height: 1.45rem;

    background: url(../image/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: 1.1rem;

    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: #334ba5

}

main .synew .synl li .you{

    width: 5.5rem;

   

}

main .synew .synl li .you h5{

    font-size: 0.25rem;

    color: #333333

}

main .synew .synl li .you p{

    height: 0.75rem;

    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: #334ba5;

    position: fixed;

    bottom: 0;
    
	z-index: 999;
}

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{
    width: 77%;
    float: right;
    margin: 0.17rem 0 0 0.15rem;
}

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: #334ba5;

}

main .ckgd::before{

    content: "";

    width: 3.7rem;

    height: 100%;

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

    background-size: 100% 50%;

    position: absolute;

    left: 25%;

    top: 0.1rem;

    z-index: -1;

}

main .fyan .cp{
	margin-top:0.2rem;
    width: 100%;
    float: right;

}

main .cpz{

    /*min-height: 10.06rem;*/

}

main .cpz .ckgd::before{

    content: "";

    width: 3.7rem;

    height: 100%;

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

    background-size: 100% 50%;

    position: absolute;

    left: 24%;

    top: 0.1rem;

    z-index: -1;

}

main .gcej .fyan .nan{
	margin-top:0.2rem;
    width: 100%;
    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(../image/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: #334ba5;

    border-radius: 0.5rem;

    color: #fff;

}

main .lx .lxdh{

    width: 100%;

    margin-top: 0.44rem;

}
.he90{
    width: 100%;
    height: 90px;
    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:#334ba5; padding: 5px 10px; width: 38%; float: left; border-radius: 5px; margin: 3%;}