
*{margin:0;padding:0;list-style:none;text-decoration:none;}
body{font-family:"微软雅黑"; overflow-x:hidden;font-size:16px;min-width: 1200px;background:#e5f1ff}
.w12{width:1200px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
input{outline:0;border:none}
.clearfix:after{content:"";display:block;clear:both}
img{border:none;display:block}
.flexbox{display: flex;display: -webkit-flex;}
.flex{display: flex;display: -webkit-flex;justify-content: space-between;}
.flex-center{justify-content: center;}
.flex-right{justify-content: flex-end;}
.flex-column{flex-direction: column;}
.flex-c-center{align-items: center;}
.flex-wrap{flex-wrap: wrap;}
.line1{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.image{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.image img{width: 100%;height: 100%;object-fit: cover;}


#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

.top{width:100%;height:40px;background:#525459;}
.top .w12{height:100%;}
.top p{font-size:18px;color:#cfcfcf;}
.top .toplink a{font-size:16px;color:#cfcfcf;padding: 0 8px;position:relative;}
.top .toplink a::after{content:"";width:1px;height:14px;background:#cfcfcf;display:block;position:absolute;right:0;top:50%;margin-top:-7px;}
.top .toplink a:last-child{padding:0 0 0 8px;}
.top .toplink a:last-child::after{content:none;}

.header{width:100%;background:#054da2;}
.logo{width:100%;position:relative;height:140px;display:flex;align-items:center;}
.logo a{display:block;margin:0px auto;}
.logo img{height:80px;}
.logo .logo-txt{padding:20px 0;}
.logo .logo-txt p{font-size:20px;color:#ffffff;font-weight:normal;}
.logo .logo-txt p+p{font-size:26px;color:#ffffff;font-weight:bold;margin-top:8px;}


.nav{width: 100%;}
.nav .nLi{height: 55px;line-height: 55px;position: relative;}
.nav .nLi h3 a{color: #ffffff;display: block;padding:0 15px;font-size: 16px;font-weight: normal;}
.nav .sub{position: absolute;top:55px;left:0;width: 220%;z-index: 3;opacity: 0;visibility:hidden;transform:scaleY(0);transition: 0.4s all;transform-origin: top;}
.nav .sub li{ zoom:1;background: #f1f1f1; text-align: center;line-height: 45px;}
.nav .sub a{display:block;color: #434343;font-size: 15px;}
.nav .sub a:hover{ background: #054da2; color:#ffffff;  }
.nav .nLi.on h3 a,.nav .nLi:hover h3 a{color:#054da2;background: #ffffff;}
.nav .nLi:hover .sub{opacity: 1;visibility: inherit;transform:scaleY(1);}

.banner{width:100%;}
.banner .swiper-slide img{width:1200px;height:300px;object-fit:cover;opacity:0.4}
.banner .swiper-slide{width:1200px !important;}
.banner .swiper-slide-active img{opacity:1}
.buton{width:1200px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}

.part{width:100%;padding:30px 0;}
.cg-video{width:800px;background:#000000;}
.cg-video video{display:block;}
.cg-link{width:360px;}
.cg-link ul li{width:100%;height:48px;background:#335da8;margin-bottom:15px;}
.cg-link ul li a{display:block;text-align:center;line-height:48px;color:#ffffff;font-size:20px;font-weight:bold;}
.cg-link ul li:nth-child(2){background:#428ee1;}
.cg-link ul li:nth-child(3){background:#277d87;}
.cg-link ul li:nth-child(4){background:#628a6a;}
.cg-link ul li:last-child{margin-bottom:0;background:#2a5bb9;}

.partb{width:100%;padding:30px 0;background:#ffffff;}
.partc{width:100%;padding:30px 0;}
.pleft{width:calc( 50% - 20px );}
.title{width:100%;line-height:30px;padding-bottom:10px;border-bottom:1px solid #e1e1e1;margin-bottom:20px;}
.title h3{font-size:24px;color:#054da2;position:relative;}
.title h3::after{content:"";width:100%;height:3px;display:block;background:#054da2;position:absolute;left:0;bottom:-11.5px;}
.title a{font-size:14px;color:#999999;}
.title a:hover{color:#054da2;}
.plist ul li{width:100%;line-height:30px;font-size:16px;margin-bottom:10px;}
.plist ul li:last-of-type{margin-bottom:0;}
.plist ul li a{color:#333333;}
.plist ul li:hover a{color:#054da2;}
.footer {background: #054da2;width: 100%;padding: 30px 0;}
.footer p{line-height: 30px;text-align: center;font-size: 14px;color: #ffffff;}
.footer p a{color: #ffffff;display:inline-block;position:relative;}
.footer p a.a1{padding-left: 24px;background: url(../images/police.png) no-repeat left center;}
.footer p a.a2{padding-right: 35px;background: url(../images/police2.png) no-repeat right center;background-size: auto 30px;}
.footer p a.a2::after{content:"";width:30px;height:30px;display:block;background: url(../images/police1.png) no-repeat center center;background-size: auto 30px;position: absolute;right:-40px;top:0}



.listmain {
    height: 100%;
    position: relative;
    padding: 0 0 0 0;
    width: 1200px;
background:#fff;
-moz-box-shadow:2px 2px 10px #C8D0D7;
-webkit-box-shadow:2px 2px 10px #C8D0D7;
box-shadow:2px 2px 10px #C8D0D7;
    margin: 30px auto;
height: auto;
	 	 overflow: hidden;_overflow: visible;min-height: 600px;height: auto!important; height: 600px;

}

.lm-left {
    width: 260px;
    float: left;
    padding: 0 0 0 0;
    position: absolute;

}

.lm-left .left-lmname {
    background: #054da2;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0;
    overflow: hidden;
}

.lm-left .left-lmname h1 { 
    color: #ffffff;
    font-size: 24px;
    line-height: 60px;
    padding: 0 0 0 30px;
    z-index: 999;

    text-align: left;
    width: calc( 100% - 30px );
    display: block;
}

.list_subs {
    width: 260px;
    margin: 0 auto 0 auto;
    border-left: #054da2 10px solid;
}

.list_subs ul li {
    border-bottom: 0;
}

.list_subs ul li a {
    color: #555555;
    font-size: 16px;
    display: block;
    height: 50px;
    line-height: 50px;
    position: relative;
    border-bottom: #dedede 1px solid;
    width: 90%;
    margin: 0 auto;
}


.list_subs ul li a:hover {
    color: #0952a6;
    font-weight: bold;
}

.list_subs .thisnav {
    color: #054da2;
    font-weight: bold
}




.lm-right {
    width: 910px;
    float: right;
    margin-right: 0;
    background: #ffffff
}

.this-name {
    background: #f5f5f5;
    line-height: 0;
    height: 50px;
    padding: 0 10px;
    margin: 0 0 0 0;
    color: #ffffff;

}

.this-name h1 {
    color: #999999;
    font-size: 18px;
    line-height: 50px;
    padding: 0 25px 0 25px;
    float: left;
    background: #f5f5f5;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.this-name span {

    color: #999999;
    font-size: 14px;
    background: url("../images/ico_home.png") left 16px no-repeat;
    padding: 0 0 0 20px;
    height: 50px;
    line-height: 50px;
    display: block;
    width: 100%;
}

.this-name span a {
    color: #999999;

}
.this-name span a:hover{color:#054da2;}
.lm-right .lm_list {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 5px 0 20px 0;
}

.lm-right .lm_list li {
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    color: #999999;
    text-align: right;
    padding: 0 10px;
    border-bottom: #e0e0e0 1px dashed;
}

.lm-right .lm_list li a {
    color: #4a4a4a;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    float: left;
    padding-left: 15px;
    font-size: 16px;
    background: url("../images/ico_0021.png") left center no-repeat;
}

.lm-right .lm_list li:hover {
    background: #ececec;
    color: #cc0000
}

.lm-right .lm_list li a:hover {
    background: url("../images/ico_002.png") left center no-repeat #ececec;
    color: #cc0000
}

.c-content {
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 40px auto 40px auto;
    padding: 0 20px;
}

.c-content .c-title {
    font-size: 30px;
    color: #222222;
    line-height: 50px;
    text-align: center
}

.c-content .other-s {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #666666;
    background: #f5f5f5;
    margin: 15px auto 0 auto;
    position: relative;
}

.c-content .other-s .sjfx {
    position: absolute;
    right: 10px;
    top: 10px;
}

.c-content .nr-info {
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: left
}

.c-content .nr-info p {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    margin: 15px 0;
    text-align: left
}
.c-content .nr-info p img{
    display:block;
    margin:0 auto;
}