@charset "utf-8";
.c-0d2156 { color: #0d2156; }
.c-21 { color: #212121; }
.c-2e { color: #2e2e2e; }
.c-86 { color: #868686; }
.c-36 { color: #363636; }
.b-0d2156 { background: #0d2156; }
.c-0a1942 { color: #0a1942; }
.c-a0aac8 { color: #a0aac8; }
.c-0037cf { color: #0037cf; }
.c-081532 { color: #081532; }
.c-4ca1fb { color: #4ca1fb; }
.c-878da5 { color: #878da5; }
.c-1b398e { color: #1b398e; }
.c-303131 { color: #303131; }
.b-fba51a { background: #fba51a; }
.b-141d3c { background: #141d3c; }
.c-5b5b5b{color:#5b5b5b;}
.c-29{color:#292929;}
.menu-box { position:fixed; left: 0; top: 0; z-index: 2; padding: 2vw 0; border-bottom: 1px solid rgba(255,255,255,0.38); transition:0.5s ease 0s; }


/*导航*/
.wrapper{    width: 1200px;
    margin: 0 auto;}
.clearfix{zoom: 1;}
.clearfix:after{    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;}
.clearfix::before, .clearfix::after{    content: '';
    display: table;}
header{height: 95px;border-bottom: 3px solid #8cdc13;background: #fff;}
header .logo{display: block;width: 236px;height: 100%;line-height: 95px;float: left;}
header .logo img{display: inline-block;width: 100%;vertical-align: middle;}
header nav{float: right;height: 100%;}
header nav .n-list{float: left;position: relative;}
header nav .n-list .n-list-a{display: block;padding: 0 15px;font-family: 'Note Sans S';font-size: 18px;color: #2b2b2b;line-height: 95px;transition: .5s;}
header nav .n-list .drop-down{width: max-content;background: #82d618;position: absolute;top: 95px;left: 0;right: 0;z-index: 3;font-size: 16px;padding: 15px 20px;display: none;}
header nav .n-list .drop-down .drop-down-a{display: block;text-align: center;color: #fff;line-height: 40px;transition: .5s;}
header nav .n-list.active .n-list-a{color: #6daf0a;}
header nav .n-list:hover .n-list-a{color: #6daf0a;}
header nav .n-list .drop-down .drop-down-a:hover{background: #6daf0a;}

/*底部*/
footer{background: #161616;padding-top: 40px;}
footer .f-nav{float: left;margin-bottom: 30px;}
footer .f-nav .f-nav-list{float: left;margin-right: 75px;}
footer .f-nav .f-nav-list:last-child{margin-right: 0;}
footer .f-nav .f-nav-list p{font-size: 17px;color: rgba(255,255,255.5);margin-bottom: 10px;}
footer .f-nav .f-nav-list a{display: block;font-size: 14px;color: #fff;opacity: .2;line-height: 30px;}
footer .f-nav .f-nav-list a:hover{opacity: .5;}
footer .f-nav .f-nav-list .dz{font-size: 14px;color: #fff;opacity: .2;line-height: 30px;}
footer .wxcode{float: right;}
footer .wxcode img{display: block;width: 120px;}
footer .wxcode p{text-align: right;font-size: 14px;color: rgba(255,255,255,.2);}
footer .bq{font-size: 12px;color: rgba(255,255,255,.2);text-align: center;line-height: 40px;}
.mobfoot{display: none;}
.header2{height:60px;position:fixed;background:#fff;border-bottom:1px solid rgba(255,255,255,.2);z-index:22;top:0px;width:100%;display: none;}
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}
.header2 .logo{width:220px;margin-top:0px;overflow:hidden;display: inline-block;    vertical-align: middle;}
.header2 .logo a{display:block}
.header2 .logo img{vertical-align:top;width: 100%;    height: 100%;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px;float: right;    display: inline;}
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s;background:0}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#333;position:absolute;left:50%;margin-left:-15px;transition:all .3s;}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn .line1.act{transform: rotate(45deg);}
.header2 .nav-btn .line2.act{opacity: 0;}
.header2 .nav-btn .line3.act{transform: rotate(-45deg);}
.header2 .nav-btn.active .line1{top:0px}
/* .header2 .nav-btn.hover .line{background:#fff} */
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0px;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .caid{height:55px;line-height:55px;padding-right:10px;position:relative}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0px;top:70px;z-index:2;overflow-y:auto;    box-sizing: border-box;}
.search-bg{    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-color: #333;
    display: none;}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 75px)}
.js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:60px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px;padding:10px 0%;display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:60px;text-align:center;background:0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/rbqbhf1-1agesympaaaaajlfatq816.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:15px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/rbqbhv1-1y6ektxnaaaaailzzm0174.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/rbqbhvzedjgefkuaaaaaagbohja006.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#a0a0a0;display:block}
.header2 .sub-menu .sec-list a:active{color:#fff}
.header2 .mo_tel{font-size:16px;color:#fff;font-weight:bold;line-height:60px}
.header2 .mo_tel .iconfont{line-height:40px;height:40px;width:30px;display:inline-block}
.header2 .mo_tel .iconfont:before{content:'\e628';color:#fff;font-size:20px}
.header2 .mo_lan{line-height:60px}
@media only screen and (max-width: 1200px){
.header2{display: block;}
header{display: none;}
footer{display: none;}
#w_grid-1572242243834{margin-bottom: 60px;}
.mobfoot{position: fixed;bottom: 0;left: 0;width: 100%;height: 52px;background: #006536;z-index: 9;padding-top: 0;}
.mobfoot a{width: 33.33%;float: left;text-align: center;font-size: 12px;color: #fff;display: block;}
.mobfoot a img{height: 18px;margin: 8px auto 4px;}
.mobfoot{display: block;}

}
@media only screen and (max-width:768px){
.header2 .logo img{    width: 70% !important;
    margin-top: 10px !important;}
.ban_img{margin-top: 60px;}
}



#cnzz_stat_icon_1278836397{display: inline-block;}


.beian img { display: inline-block; vertical-align: top; margin-right: 5px; }
.footer { margin-top: 7vw; padding: 2vw 0; }
.footer .ewm { width: 70px; margin-left: 1vw; }
.pageI span { line-height: 1.6; }
.pageI li img { width: 20px; margin-right: 10px; height: 100%; }
.pageII .SJ{
    border-width: 5vw 28vw 0;
    border-top-color: #0b205c;
}
.pageII .seciton{padding:3vw 4vw 4.5vw;}
.pageII .seciton .title span{margin-top:1vw; }
.pageII .info li+li{ margin-top:0.7vw; padding-top:0.7vw; border-top:1px dashed #8693b3;}
.pageII .box { width: 56vw; margin: 0 auto; border:0.7vw solid #0b205f; box-sizing:content-box; }
.form li, .form button { height: 40px; line-height: 40px; }
.form button { border-radius: 999px; }
.form input { background: #dfe7ee; padding: 0 1vw; border-radius: 999px; margin-left: 1vw; transition: 0.5s ease 0s; }
.form input:focus { background: #eee; }
.form .yzm { width: auto; margin-left: 1vw; }
.pageII .form ul{margin-top:1.5vw;}
.pageII .form li+li{margin-top:0.7vw;}
.pageII .form input{margin-left:0;}
@media screen and (min-width: 801px ) {
.menu-box .logo { width: 18.5%; }
.menu-box .menu { width: 81.5%; }
.menu-box .menu li+li { margin-left: 1vw; }
.menu-box .menu a { padding: 0.5vw 1vw; border-radius: 999px; }
.menu-box .menu a.on { background: #fff; color: #0d2156; }
.title1 span { margin-top: 0.8vw; }
.beian>* { margin-right: 10px; }
.beian>:first-child { margin-bottom: 5px; }
.pageI .img { width: 50%; }
.pageI .text { width: 50%; padding-left: 3vw; }
.page-box { padding-top: 5.5vw; }
.pageI .section { margin-top: 4vw; }
.pageI li+li { margin-top: 1vw; }
.pageI ul,.pageII .info ul { margin-top: 1.5vw; }
.pageII .form  form,.pageII .form .title{width:54%; margin-left:auto; min-width:250px;}

.pageII .info figure{width:20px; height:20px;margin-right: 5px;}
.menu-box.fix{background:rgba(0,0,0,0.38); border-bottom-color:transparent;}
}
@media screen and (min-width: 1101px ) {
}