@charset "UTF-8";
/*@font-face{font-family:'time';src:url("../font/DINMittelschrift.woff") format("truetype")}*/
html{margin:0;padding:0}
body{margin:0;padding:0;font-size:var(--fz16);overflow-x:hidden}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0}
ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;}
img{display:block}
input,textarea{outline:none}
button{padding:0;background-color:unset}
.pimg{position:relative;display:block}
.pimg img{position:absolute;width:100%;height:100%;object-fit:cover}
.nowrap{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.line_num{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
:root{
    --fz12:12px;
    --fz14:14px;
    --fz16:16px;
    --fz18:18px;
    --fz20:20px;
    --fz24:24px;
    --fz28:28px;
    --fz32:32px;
    --fz50:50px
}
.mainWidth{width: 1200px;margin: 0 auto;}
.w1400{margin: 0 auto;max-width: 1200px}
.flex{display: flex;}
.justify-center{justify-content: center}
.align-center{align-items: center}
.tr5{transition: all .3s}

.pagePer ul li a{width: 25px;height: 25px;border: 1px solid rgba(102, 102, 102, 0.3);display: flex;justify-content: center;align-items: center}
.pagePer{margin-top: 30px;display: flex;justify-content: center}
.pagePer ul li{margin-right: 8px;}
.pagePer ul li a{color: #5a5a5a}
.pagePer ul li a.page_active{color: #fcc93f}
.pagePer ul li.pagesNav{width: auto;white-space: nowrap}
.pagePer ul li.pagesNav a{white-space: nowrap;padding: 0 10px;width: auto;}

header{position: relative;height: calc(100vh - 50px);}

header .top{background-color: rgba(0, 0, 0, 0.3);color: white;font-size: .85rem;padding: 5px 0;position: relative;z-index: 3}
header .head{padding: 20px 0;position: relative;z-index: 3}

header .headBox.active{position: fixed;top: 0;width: 100%;left: 0;animation: head 1s forwards;z-index: 90}
header .headBox.active .head{padding: 0 }
@keyframes head {
    0%{background-color: transparent;}
    100%{background-color: #27428a;}
}

header .head .logo img{width: 400px;}
header .head nav{width: 71%;margin-left: auto;}
header .head nav .drop{display:none;position:absolute;background-color:#004e8e;width:100%;padding:10px 0}
header .head nav>ul>li{position: relative}
header .head nav>ul>li>a{width: 130px;height: 95px;}
header .head nav>ul>li>a{border-top: 3px solid transparent}
header .head nav>ul>li:hover>a{color:#fcc93f;border-top: 3px solid #fcc93f}
header .head nav>ul>li:hover .drop{display: block}
header .head nav li a{color: white;}
header .head nav .drop a{display: block;text-align: center;width: 100%;padding: 12px 0}
header .head nav .drop a:hover{color: #fcc93f}

header .headBox .two{position: relative}
header .headBox .three{position: absolute;left: 100%;top: 0;background-color: #092b86;padding: 10px 0;min-width: 100%;display: none}
header .headBox .two:hover .three{display: block}
header .headBox .three a{white-space: nowrap;min-width: 100%;}



header .slideBg{position: absolute;top: 0;left: 0;z-index: 1;height: calc(100vh - 50px);overflow: hidden;width: 100%;}
header .slideBg .swBox{height: inherit;position: relative}
header .slideBg .slideBox{background-size: cover;background-position: center center;height: inherit;width: 100%;position: relative}
header .slideBg .slideBox::after{content: '';position: absolute;z-index: 4;background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;}
header .slideBg .text{position: relative;z-index: 5;color: white;font-size: 62px;font-weight: bold;}
header .slideBg .text em{font-style: normal;color:#cc0000 }
header .slideBg .text .last{margin-left: 50px;}

header.inside{height: calc(60vh);}
header .insideBanner{position: fixed;top: 0;left: 0;z-index: 1;height: calc(60vh);overflow: hidden;width: 100%;background-size: cover;background-position:center center}
header .insideBanner::after{content: '';position: absolute;z-index: 4;background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;}



.indexTit{text-align: center;font-size: var(--fz24);color: #333e46;font-weight: bold;}
.index1{padding: 50px 0;background-color: #f9f9f9;}
.index1 .body .hxBox{margin-top: 40px;}
/* .index1 .body .hxBox .left{width: calc(50% - 10px);margin-right: 10px;} */
.index1 .body .hxBox .left{margin-right: 10px;}
.index1 .body .hxBox .left h3{color: #434343;}
.index1 .body .hxBox .left .text{color: #666666;margin-top: 10px;}
.index1 .body .hxBox .left .text p{color: currentColor;font-size: 15px;text-indent: 2rem;line-height: 28px;}
.index1 .body .hxBox .left{background-color: #fff;padding: 20px 20px;box-sizing: border-box}
.index1 .body .hxBox .left .btn{display: flex;justify-content: flex-end}
.index1 .body .hxBox .left .btn a{padding: 6px 15px;border: 1px solid #5A5A5A;color: #FF0000;font-size: var(--fz14);transition: all .3s}
.index1 .body .hxBox .left .btn a:hover{color: white;background-color: #FF0000;border-color:#FF0000 }



.index1 .body .hxBox .right{width: calc(50% - 10px);margin-left: 10px;}
.index1 .body .hxBox .right{display: grid;grid-template-columns: 50% 50%;}
.index1 .body .hxBox .right .list{background-color: #fff;padding: 35px 15px 25px;box-sizing: border-box}
.index1 .body .hxBox .right .list:nth-of-type(even){margin-left: 10px;}
.index1 .body .hxBox .right .list:nth-of-type(odd){margin-right: 10px;}
.index1 .body .hxBox .right .list:nth-of-type(n+3){margin-top: 20px;}
.index1 .body .hxBox .right .list img{width: 36px;height: 36px;}
.index1 .body .hxBox .right .list h3{color: #666666;font-size: var(--fz18);}
.index1 .body .hxBox .right .list p{color: #999999;font-size: var(--fz12);line-height: 20px;margin-top: 8px;}

.index1 .body .hxBox .right .lRight{margin-left: 8px;}
.index1 .BoxBottom{margin-top: 40px;}
.index1 .BoxBottom img{width: 100%;max-height: 420px;overflow: hidden;object-fit: cover}

.index2{padding: 50px 0}
.index2 .bg{background-position: center center;background-size: cover;margin-top: 45px;height: 620px;position: relative;overflow: hidden}
.index2 .bg::after{content: '';width: 100%;height: 100%;background-color: rgba(0, 73, 134, 0.65);top: 0;left: 0;position: absolute}
.index2 .hxBox{display: grid;grid-template-columns:repeat(4,25%);height: inherit;}
.index2 .hxBox .list{height: inherit;position: relative;z-index: 2;overflow: hidden}

.index2 .hxBox .list .anniImg{position: absolute;top: -100%;left: 0;z-index: 2;transition: all .5s;}



.index2 .hxBox .list .text{position: relative;z-index: 2;color: white;flex-direction: column}
.index2 .hxBox .list .text p{font-size: var(--fz18);font-weight: bold;margin-top: 20px;}
.index2 .hxBox a:hover .anniImg{top: 0}

.index3 .indexTit{text-align: left}
.index3 .left{width: 58.333%;}
.index3 .left .list{margin-top: 30px;}
.index3 .left .list a:not(:first-of-type){margin-top: 20px;}
.index3 .left .list a{border-bottom: 1px dashed #c9c9c9;padding-bottom: 20px;}
.index3 .left .list .aLeft{width: 180px;height: 120px;overflow: hidden}
.index3 .left .list .aLeft img{max-width: 100%;height: inherit;transition: all .3s}
.index3 .left .list .aRight{width: 0;flex: 1;margin-left: 20px;}
.index3 .left .list .aRight h4{font-size: var(--fz18);color: #333e46;}
.index3 .left .list .aRight h4:hover{color: #004986}
.index3 .left .list .aRight span{font-size: var(--fz16);color: #004986;margin-top: 10px;display: block;font-weight: bold;}
.index3 .left .list .aRight p{font-size: var(--fz14);color: #5a5a5a;margin-top: 13px;line-height: 22px;}
.index3 .left .list a .aLeft img:hover{transform: scale(1.1)}
.index3 .right{width: 0;flex: 1;margin-left: 35px;overflow: hidden}

.index3 .right .swBox{margin-top: 30px;}
.index3 .right img{width: 100%;}

.index3 .right .swBody{position: relative}
.index3 .right .text{position: absolute;width: 100%;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.3);}
.index3 .right .text p{padding: 20px;color: white;font-size: var(--fz14);font-weight: bold;}
.index3 .right .pimg{padding-bottom: 66.666%;}


.index3 .myscroll{width: 100%; height: 140px;line-height: 36px; font-size: 15px; overflow: hidden;margin-bottom: 80px;margin-top: 20px;}
.index3 .myscroll li{background-image: url("../img/index3_ico.png");background-repeat:no-repeat;background-position: left center;padding-left: 20px;height: 36px;}
.index3 .myscroll a {color: #333; text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;width: 100%;}



footer{background-color: #333333;padding: 50px 0 0 0;position: relative;z-index: 2}
footer .footBody{justify-content: space-between;padding-bottom: 30px;}
footer .footBody .box1{width: 25%;}
footer .footBody .box1 .logo img{height: 50px;}
footer .footBody .box1 .text{color: #ccc;line-height: 22px;font-size: var(--fz14);margin-top: 20px;}
footer .footBody .box1 .btn{margin-top: 50px;}
footer .footBody .box1 .btn a{display:inline-block;padding: 8px 20px;border: 1px solid #fff;font-size: var(--fz14);color: white;transition: all .3s}
footer .footBody .box1 .btn a:hover{border-color: #FF0000;background-color: #ff0000;}
footer .footBody .box2{width: calc(11% + 100px);padding: 0 50px;box-sizing: border-box}
footer .footBody .box2 h4{font-size: var(--fz18);font-weight: normal;color: #fff;}
footer .footBody .box2 .list{flex-direction:column;margin-top: 35px;}
footer .footBody .box2 .list a{color: #ccc;font-size: var(--fz14);line-height: 32px;transition:all .3s}
footer .footBody .box2 .list a:hover{color: #fcc93f}

footer .footBody .box3{width: 22.5%;}
footer .footBody .box3 h4{font-size: var(--fz18);font-weight: normal;color: #fff;}
footer .footBody .box3 .cText{margin-top: 35px;color: #999999}
footer .footBody .box3 .cText p{color: currentColor;font-size: var(--fz14);line-height: 32px;}
footer .footBody .box3 .friendLink{margin-top: 15px;}

footer .footBody .box4{width:220px}
footer .footBody .box4 .imgs{display: grid;grid-template-columns: 50% 50%}
footer .footBody .box4 .imgs .img:nth-of-type(odd){margin-right: 5px;}
footer .footBody .box4 .imgs .img:nth-of-type(even){margin-left: 5px;}
footer .footBody .box4 .imgs .img img{width: 100%;}
footer .footBody .box4 .imgs .img:nth-of-type(n+3){margin-top: 10px;}


footer .qcodeImg{margin-top: 10px;}
footer .qcodeImg .code:first-of-type{margin-right: 5px;}
footer .qcodeImg .code:last-of-type{margin-left: 5px;}
footer .qcodeImg .code{width: 50%;}
footer .qcodeImg .code img{width: 100%;}
footer .qcodeImg .code p{font-size: var(--fz14);color: white;text-align: center;margin-top: 6px;}

footer .footerBottom{background-color: #222222;padding: 30px 0}
footer .footerBottom .left p{font-size: var(--fz14);color:#888888;}
footer .footerBottom .right{margin-left: auto;}
footer .footerBottom .right a{color: #888888;font-size: var(--fz14);}
footer .footerBottom .right a:hover{color: #fcc93f}

main.inside{position: relative;z-index: 2;background-color: #fff;}
.allBread{background-color: #f7f7f7;}
.allBread .hxBox{font-weight: bold;font-size: var(--fz14);padding: 20px 0}
.allBread .hxBox *{color: #555555}

.bumen1{padding: 30px 0}
.bumen1 .text{font-size: var(--fz16);color: #666;line-height: 32px;text-align: center}

.bumen2{padding-bottom: 30px;}
.bumen2 .list .pimg{padding-bottom: 66.6666%;}
.bumen2 .list .left{width: 50%;}
.bumen2 .list .right{width: 50%;}
.bumen2 .list:nth-of-type(even) .left{order: 2}
.bumen2 .list:nth-of-type(even) .right{order: 1}
.bumen2 .list .right{padding: 50px;box-sizing: border-box}
.bumen2 .list .right .tit{font-size: var(--fz18); color: #ff0000;font-weight: bold;}
.bumen2 .list .right .tit2{margin-top: 30px;font-size: 17px;color: #666666}
.bumen2 .list .right .text{color: #666666;margin-top: 30px;}

.page-contact1 .hxBox{display: grid;grid-template-columns: repeat(4,25%);padding: 80px 0}
.page-contact1 .hxBox .list{flex-direction: column;align-items: center;justify-content: center}
.page-contact1 .hxBox .list p{margin-top: 50px;}
.page-contact1 .hxBox .list img{transition: all .5s}


.page-contact2 .hxBox{padding-bottom: 30px;}


.page-jj1{margin-top: 50px;padding: 20px;border: 1px solid rgba(136, 136, 136, 0.3)}
.page-jj1 img{width: 95%;margin: 0 auto}
.page-jj2{color: #666666;margin-top: 25px;line-height: 32px;}
.page-jj2 img.aligncenter{display: block;margin: 0 auto;}

.page-jj3{padding: 50px 0}
.page-jj3 .list{width: 33.33%;justify-content: center;align-items: center;flex-direction: column}
.page-jj3 .list .top .counter{font-size:50px;color: #cc0000;font-weight: bold;}
.page-jj3 .list .top .small{font-size: 18px;color: #666666}
.page-jj3 .list .bottom{font-size: 18px;color: #666666;text-align: center}


.page-wenhua .list{border: 1px solid #ff0000}
.page-wenhua .list .left{width: 45%;}
.page-wenhua .list .right{width: 0;flex: 1;}

.page-wenhua{padding: 50px 0;}
.page-wenhua .list .left{position: relative;}
.page-wenhua .list .left .pimg{padding-bottom: 71.59%;}
.page-wenhua .list .left .color{position: absolute;bottom: 0;width: 100%;background-color: #ff0000;}
.page-wenhua .list .left p{color: white;font-size: var(--fz18);padding: 15px 0;text-align: center}

.page-wenhua .list .right{color: #666666;padding: 35px;box-sizing: border-box}
.page-wenhua .list .right h3{font-size: 19px;color: currentColor;display: inline-block;position: relative;padding-bottom: 20px;}
.page-wenhua .list .right h3::after{content: '';display: block;width: 100%;position: absolute;bottom: 0;left: 0;background-color: #ff0000;height: 2px;}
.page-wenhua .list .right .text{font-size: var(--fz14);line-height: 20px;color: currentColor}
.page-wenhua .list .right .text{padding-top: 30px;}


.page-wenhua .list:nth-of-type(even) .left{order: 1}
.page-wenhua .list:nth-of-type(odd) .right{order: 2}
.page-wenhua .list{margin-top: 30px;}
.page-wenhua .list:nth-of-type(even) .right .tit{display: flex;justify-content: flex-end}

.allBread.has .hxBox{display: flex;justify-content: space-between;padding: 0}
.allBread.has .hxBox .left{padding: 20px 0}
.allBread.has .menu a{background-color: #092b86;display: flex;padding: 20px 30px;color: #fff;font-size: 17px;font-weight: normal;}
.allBread.has .menu a:hover{background-color: #1c4587;}

.listNews{border:1px solid rgba(102, 102, 102, 0.3);margin-top: 30px;padding: 50px;box-sizing: border-box}
.listNews .list{color: #5a5a5a}
.listNews .list h3{color: currentColor}
.listNews .list .pimg{padding-bottom: 66.666%;overflow: hidden;}
.listNews .list .pimg img:hover{transform: scale(1.1)}
.listNews .list .hxBox{margin-top: 20px;}
.listNews .list .left{width: 270px;}
.listNews .list .right{width: 0;flex: 1;margin-left: 20px;}
.listNews .list .right p{color: currentColor;font-size: 15px;display: inline-block;line-height: 32px;}
.listNews .list .right a{color: #fcc93f}
.listNews .list .view{justify-content: flex-end}
.listNews .list .view img{width: 20px;}
.listNews .list .view p{font-size: 14px;color: #929292 }
.listNews .list{border-bottom: 1px solid rgba(102, 102, 102, 0.09)}
.listNews .list{padding-bottom: 20px;}
.listNews .list:not(:first-of-type){padding-top: 20px;}

.list-pro{position: relative;left: -10px;padding-bottom: 30px;}
.list-pro .listWidth{width: calc(100% + 20px);display: grid;grid-template-columns: repeat(3,1fr);justify-content: space-between;margin-top: 30px;}
.list-pro a{display: block;padding: 10px;width: 100%;box-sizing: border-box}
.list-pro a .hxBox{border: 1px solid rgba(102, 102, 102, 0.3);}
.list-pro a .img{width: 352px;height: 236px;display: flex;justify-content: center;align-items: center;margin: 18px auto 0;position: relative}
.list-pro a .img img.pic{max-width: 352px;max-height: 236px}
.list-pro a .img .shadow{position: absolute;width: 100%;height: 100%;background-color: rgba(28, 69, 135, 0.8);opacity: 0;}
.list-pro a .img:hover .shadow{opacity: 1;}
.list-pro a .img:hover img.pic{transform: scale(.9)}

.list-pro a p{text-align: center;color: #666666;margin-top: 20px;padding-bottom: 20px;}
.list-pro a:hover .hxBox{border-color: #1c4587}


.list-rongyu{position: relative;left: -10px;}
.list-rongyu .listWidth{width: calc(100% + 20px);display: grid;grid-template-columns: repeat(3,1fr);justify-content: space-between;margin-top: 30px;}
.list-rongyu a{display: block;padding: 10px;width: 100%;box-sizing: border-box}
.list-rongyu a .hxBox{border: 1px solid rgba(102, 102, 102, 0.3);}
.list-rongyu a .img{width: 352px;height: 236px;display: flex;justify-content: center;align-items: center;margin: 18px auto 0;position: relative}
.list-rongyu a .img img.pic{max-width: 352px;max-height: 236px;}


.list-rongyu a .img:hover img.pic{animation: fan .3s forwards}
@keyframes fan {
    0%{transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);}
}

.list-rongyu a p{text-align: center;color: #666666;margin-top: 20px;padding-bottom: 20px;}
.list-rongyu a:hover .hxBox{border-color: #1c4587}


.single_default{min-height: 800px;border: 1px solid rgba(102, 102, 102, 0.3);padding: 50px 80px;box-sizing: border-box;margin-top: 30px;}
.single_default .tit{font-size: 20px;font-weight: bold;text-align: center}
.single_default .info{font-size: 12px;color: #5a5a5a;margin: 30px 0}
.single_default .desc{color: #868686;background-color: #f5f5f5;border: 1px solid #E5E5E5;font-size: 13px;padding: 10px;line-height: 23px;}
.single_default .text{color: #5a5a5a;line-height: 35px;text-indent: 2rem}
.single_default .text img.aligncenter{display: block;margin: 0 auto}
.single_default .pageBox{font-size: 14px;color: #444444;margin-top: 30px;}
.single_default .pageBox a{color: #444444;line-height: 28px;}
.single_default .pageBox a:hover{color: #fcc93f;}
.single_default_padding{padding-bottom: 50px;}

/* changefor0710 */
    .bottom-nav svg{width: 20px;height: 20px;}
    .hc-offcanvas-nav .bottom-nav .mLan a{display: flex;justify-content: flex-start}
    .hc-offcanvas-nav .bottom-nav .mLan a p{margin-left: 10px;}