@charset "utf-8";
body{ font-size: 13px; line-height: 1.5;  font-family:'Microsoft YaHei';}
*{margin:0px; padding:0px;color: #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration:none}

:root {
    --white: #ffffff;
    --blue: #1285dd; 
    --blue-dark: #6435c9; 
    --red: #cf351b; 
    --red-dark: #e03997; 
    --pink: #f45c8d; 
    --pink-dark: #f95657; 
    --green: #74a844; 
    --green-dark: #2185d0; 
    --orange: #ff6a00; 
    --orange-dark: #e03997; 
    --purple:#601986;
    --purple-dark:#a333c8;
    --gray-333: #333333; 
    --gray-666: #666666; 
    --gray-999: #999999; 
    --gray-light: #8994a7; 
}

.color-333{color:var(--gray-333);}
.color-666{color:var(--gray-666);}
.color-999{color:var(--gray-999);}
.color-blue{color:var(--blue);}
.color-red{color:var(--red);}
.color-green{color:var(--green);}
.color-orange{color:var(--orange);}
.color-purple{color:var(--purple);}

.w-230px{width:230px; min-width:230px;}
.w-100px{width:100px; min-width:100px;}
.w-30px{width:30px; min-width:30px;}

.bg-blue{background-color:var(--blue); color:#fff;}
.hvbg-blue{color:#fff; background:linear-gradient(45deg, var(--blue), var(--blue));}
.hvbg-blue:hover{background:linear-gradient(90deg, var(--blue), var(--blue-dark));}
.bg-blue.hvlink a{background:linear-gradient(45deg, var(--blue), var(--blue));}
.bg-blue.hvlink a:hover{background:linear-gradient(45deg,var(--blue), var(--blue-dark));}

.bg-green{background-color:var(--green); color:#fff;}
.hvbg-green{color:#fff; background:linear-gradient(45deg, var(--green), var(--green));}
.hvbg-green:hover{background:linear-gradient(90deg, var(--green), var(--green-dark));}
.bg-green.hvlink a{background:linear-gradient(45deg, var(--green), var(--green));}
.bg-green.hvlink a:hover{background:linear-gradient(45deg,var(--green), var(--green-dark));}

.bg-orange{background-color:var(--orange); color:#fff;}
.hvbg-orange{color:#fff; background:linear-gradient(45deg, var(--orange), var(--orange));}
.hvbg-orange:hover{background:linear-gradient(90deg, var(--orange), var(--orange-dark));}
.bg-orange.hvlink a{background:linear-gradient(45deg, var(--orange), var(--orange));}
.bg-orange.hvlink a:hover{background:linear-gradient(45deg,var(--orange), var(--orange-dark));}
.hvlink-orange a:hover{background:linear-gradient(45deg, var(--orange), var(--orange-dark));}

.bg-red{background-color:var(--red); color:#fff;}
.hvbg-red{background:linear-gradient(45deg, var(--red), var(--red)); color:#fff;}
.hvbg-red:hover{background:linear-gradient(90deg, var(--red),  var(--red-dark));}
.bg-red.hvlink a{background:linear-gradient(45deg, var(--red), var(--red));}
.bg-red.hvlink a:hover{background:linear-gradient(45deg, var(--red), var(--red-dark));}

.bg-purple{background-color:var(--purple); color:#fff;}
.hvbg-purple:hover{background:linear-gradient(45deg, var(--purple), var(--purple-dark));}
.bg-purple.hvlink a{background:linear-gradient(45deg, var(--purple), var(--purple));}
.bg-purple.hvlink a:hover{background:linear-gradient(45deg, var(--purple), var(--purple-dark)); }

.br50 { -moz-border-radius:50%; -webkit-border-radius: 50%; border-radius:50%;}

.line1 {-webkit-line-clamp: 1;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);position: relative;display: -webkit-box !important;display: box !important;-webkit-box-orient: vertical;
box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: normal !important;outline: 0 !important;}
.line2 {-webkit-line-clamp: 2;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);position: relative;display: -webkit-box !important;display: box !important;-webkit-box-orient: vertical;
box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: normal !important;outline: 0 !important;}

.layout{max-width:1120px; margin:0 auto; padding-left:10px; padding-right:10px;}
.grid-1{display: grid;grid-template-columns: repeat(1,1fr);}
.grid-2{display: grid;grid-template-columns: repeat(2,1fr);}
.grid-3{display: grid;grid-template-columns: repeat(3,1fr);}
.grid-4{display: grid;grid-template-columns: repeat(4,1fr);}
.grid-5{display: grid;grid-template-columns: repeat(5,1fr);}
.grid-6{display: grid;grid-template-columns: repeat(6,1fr);}
.grid-7{display: grid;grid-template-columns: repeat(7,1fr);}
.grid-8{display: grid;grid-template-columns: repeat(8,1fr);}


.layout.grid-3{background:#fff;}
.ulItem{background:#fff;}

.word-break-keep-all{word-break:keep-all;}
.white-space-owrap,.white-space-nowrap{white-space: nowrap;}

.width-2fr{grid-column: span 2;}
.width-3fr{grid-column: span 3;}
.height-2fr{grid-row: span 2;}

.grid-gap-10px{ grid-gap: 10px;}
.grid-gap-15px{ grid-gap: 15px;}
.grid-gap-20px{ grid-gap: 20px;}
.grid-column-gap-10px{ grid-column-gap: 10px;}
.grid-column-gap-20px{ grid-column-gap: 20px;}

.newsItemList {padding-bottom:15px;}

.fs-24px{font-size:24px;}
.fs-22px{font-size:22px;}
.fs-20px{font-size:20px;}
.fs-14px{font-size:14px;}

.letter-spacing-3px{letter-spacing:3px}
.letter-spacing-4px{letter-spacing:4px}
.letter-spacing-5px{letter-spacing:5px}

.lh-30px{line-height:30px;}
.lh-40px{line-height:40px;}

.pda20{padding:20px;}

.pd-t-10px{padding-top:10px;}
.pd-l-10px{padding-left:10px;}
.pd-tb-5px{padding-top:5px; padding-bottom:5px;}

.mg-t-10px{margin-top:10px;}
.mg-b-10px{margin-bottom:10px;}
.mg-r-10px{margin-right:10px;}

.tar{text-align:right;}
.tac{text-align:center;}

.box-shadow {box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23);}

.border-radius-5px{border-radius:5px; }
.alljb {-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

.w100{width:100%;}

.dpbk{display:block;}
.flex-heng{ display:flex; flex-direction: row;}
.flex-wrap{flex-wrap:wrap;}
.flex-heng-center{ display:flex; flex-direction: row; align-items:center;}
.flex-shu{ display:flex; flex-direction:column;}
.flex-shu-center{ display:flex; flex-direction: column; align-items:center;}
.align-items-stretch{align-items:stretch;}
.flex-grow-1{flex-grow: 1;}

.topline{background:#f1f1f1; border-bottom:1px #ddd solid; padding:5px; font-size:12px;}

.headlogo{padding:10px 0;}
.headlogo .item{padding:10px; text-align:center; cursor:pointer; display:block; border-radius:0px;}
.headlogo .item:hover{border-radius:25px;}

.navrq .layout{padding:8px 10px; grid-column-gap: 10px;}
.navrq .navxz{display: grid;grid-template-columns: 40px repeat(2,auto)}
.navrq .navxz a:first-child{grid-row: span 2; text-align:center; padding:4px 0; font-size:15px; font-weight:bold; }
.navrq .navxz a:first-child *{ line-height:20px;}
.navrq .navxz a:first-child .fa{display:block; font-size:22px; margin-bottom:5px; font-weight:normal;}
.navrq a{padding:5px 0;  line-height:14px; text-align:center;}
.relativenav a,
.relativenav a *{color:#fff;border-radius:0px;}
.navrq a:hover{border-radius:2px;color:#fff;}
@media screen and (max-width:1080px) {
.navrq .navxz{display: grid;grid-template-columns: 40px repeat(2,auto);}
    .navrq a{font-size:12px; padding:5px 0;}
}

.blue.relativenav .layout{background-color:var(--blue)}
.blue.relativenav .layout a{background:linear-gradient(45deg, var(--blue), var(--blue));}
.blue .layout a:hover{background:linear-gradient(45deg, var(--orange), var(--orange-dark));}

.red.relativenav .layout{background-color:var(--red)}
.red.relativenav .layout a{background:linear-gradient(45deg, var(--red), var(--red));}
.red .layout a:hover{background:linear-gradient(45deg, var(--blue), var(--blue-dark));}

.green.relativenav .layout{background-color:var(--green)}
.green.relativenav .layout a{background:linear-gradient(45deg, var(--green), var(--green));}
.green .layout a:hover{background:linear-gradient(45deg, var(--purple), var(--purple-dark));}

.orange.relativenav .layout{background-color:var(--orange)}
.orange.relativenav .layout a{background:linear-gradient(45deg, var(--orange), var(--orange));}
.orange .layout a:hover{background:linear-gradient(45deg, var(--purple), var(--purple-dark));}

.pink.relativenav .layout{background-color:var(--pink)}
.pink.relativenav .layout a{background:linear-gradient(45deg, var(--pink), var(--pink));}
.pink .layout a:hover{background:linear-gradient(45deg, var(--purple), var(--purple-dark));}

.purple.relativenav .layout{background-color:var(--purple)}
.purple.relativenav .layout a{background:linear-gradient(45deg, var(--purple), var(--purple));}
.purple .layout a:hover{background:linear-gradient(45deg, var(--orange), var(--orange-dark));}

.pink.relativenav .layout{background-color:var(--pink)}
.pink.relativenav .layout a{background:linear-gradient(45deg, var(--pink), var(--pink));}
.pink .layout a:hover{background:linear-gradient(45deg, var(--purple), var(--purple-dark));}

.waveLine{display:none;}

.fixednav{position:fixed; z-index:20; left:0 ;top:0; width:100%;box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); background-color:#fff;}
.fixednav .waveLine{display:block;}
.fixednav .fa{color:var(--orange)}
.fixednav .navxz a:first-child{color:var(--blue)}
.fixednav .navxz a:hover:first-child,
.fixednav .navxz a:hover .fa{color:var(--white)}

 @keyframes move_wave{0%{transform: translateX(0) translateZ(0) scaleY(1);}
50%{transform: translateX(-25%) translateZ(0) scaleY(0.55);}
100%{transform: translateX(-50%) translateZ(0) scaleY(1);}} .waveWrapper{width:100%;height:16px;position:relative;margin: auto;}
.waveWrapperInner{position: absolute;width: 100%;overflow: hidden;height: 100%;bottom: -1px;/*background-image: linear-gradient(to top, #2299ee 20%, #27273c 80%);*/}
.bgTop{z-index: 15;opacity: 0.5;}
.bgMiddle{z-index: 10;opacity: 0.75;}
.bgBottom{z-index: 5;}
.wave{position: absolute;left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;background-position: 0 bottom;transform-origin: center bottom;}
.waveTop{background-size: 50% 16px;}

.waveAnimation .waveTop{animation: move_wave 30s linear infinite;-webkit-animation: move_wave 30s linear infinite;-webkit-animation-delay: 2s;animation-delay: 2s;}

.waveMiddle{background-size: 50% 16px;}
.waveAnimation .waveMiddle{}
.waveBottom{background-size: 50% 16px;}

.waveAnimation .waveBottom{animation: move_wave 40s linear infinite;-webkit-animation: move_wave 40s linear infinite;}



.footlinkTitle{height:32px; border-bottom-style:solid; border-bottom-width:2px; line-height:32px; font-size:18px;}
.footlinkTitle .br50{width:22px; height:22px; text-align:center; line-height:22px; margin-right:5px; font-size:14px;}
.footlinkTitle .br50 .fa{color:#fff;}
.footlinkList{padding:10px 0;}
.footlinkUL-1 .footlinkList a{font-size:12px; color:var(--gray-666); padding:2px; margin-right:6px;}
.footlinkUL-2 .footlinkList a{font-size:12px; color:#000; padding:2px 5px 2px 15px; position:relative; margin:0 10px 10px 0; }
.footlinkUL-2 .footlinkList a:before{content:"";width:5px; height:5px; position:absolute; top:calc(50% - 2px); left:5px; background:#000; display:inline-block; border-radius:50%;}
.footlinkUL-2 .footlinkList a:hover:before{background-color:#fff; }

.blue .footlinkTitle{border-bottom-color:var(--blue)}
.blue .footlinkTitle .br50{background-color:var(--blue)}
.blue.footlinkUL-1 .footlinkList a:hover,
.blue.footlinkUL-2 .footlinkList a:hover{background-color:var(--blue); color:#fff;}

.orange .footlinkTitle{border-bottom-color:var(--orange)}
.orange .footlinkTitle .br50{background-color:var(--orange)}
.orange.footlinkUL-1 .footlinkList a:hover,
.orange.footlinkUL-2 .footlinkList a:hover{background-color:var(--orange); color:#fff;}

.red .footlinkTitle{border-bottom-color:var(--red)}
.red .footlinkTitle .br50{background-color:var(--red)}
.red.footlinkUL-1 .footlinkList a:hover,
.red.footlinkUL-2 .footlinkList a:hover{background-color:var(--red); color:#fff;}

.green .footlinkTitle{border-bottom-color:var(--green)}
.green .footlinkTitle .br50{background-color:var(--green)}
.green.footlinkUL-1 .footlinkList a:hover,
.green.footlinkUL-2 .footlinkList a:hover{background-color:var(--green); color:#fff;}

.purple .footlinkTitle{border-bottom-color:var(--purple)}
.purple .footlinkTitle .br50{background-color:var(--purple)}
.purple.footlinkUL-1 .footlinkList a:hover,
.purple.footlinkUL-2 .footlinkList a:hover{background-color:var(--purple); color:#fff;}

.footType-1{background-color:#e8e8e8; padding:10px 0; border-top:3px var(--blue) solid; line-height:20px;}
.footType-1 .lft{border-right:1px #ddd solid; padding-right:30px;}
.footType-1 .rit{line-height:24px;}
.footType-1 .rit a{color:#03C;  display:inline-block}
.footType-1 .rit a:hover{text-decoration:underline;}

.footType-2{padding:15px 0;}
.footType-2 .itemli{border:1px #ddd solid; margin:0 8px;}
.footType-2 .itemli img{margin:2px 2px 2px 5px; float:left; display:block;}
.footType-2 .itemli .word{width:75px; font-size:12px; text-align:center; color:#515151; padding:2px 5px;}
.footType-2 .itemli a:hover{color:#BD0A01;text-decoration: underline;}

.upbtn{position:fixed;display:none; z-index:30; cursor:pointer;}
.zdtop{ bottom:10px; right:10px;}
.navtop{ top:8px; left:calc(50% - 600px);}
.upbtnNr{ padding:5px; border-radius:5px;}
.upbtn *{color:#fff; text-align: center; line-height: 20px;color: #fff; font-size:12px;}
.upbtn .upIcon{width:20px; height:20px; position:relative; overflow:hidden; margin:0 auto;}
.upbtn .upIcon:before,
.upbtn .upIcon:after{font-family:'FontAwesome'; text-align:center; position:absolute; width:100%; display:block; left:0;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.upbtn .upIcon:before{top:0;}
.upbtn .upIcon:after{top:20px;}
.upbtn:hover {box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:5px;}
.upbtn:hover .upIcon:before{top:-20px;}
.upbtn:hover .upIcon:after{top:0px;}

.zdtop .upIcon:before,
.zdtop .upIcon:after{content:"\f062"; }
.navtop .upIcon:before,
.navtop .upIcon:after{content:"\f015"; }

.blue .upbtnNr{background:linear-gradient(45deg, var(--blue), var(--blue));}
.blue .upbtnNr:hover{background:linear-gradient(45deg, var(--blue), var(--blue-dark));}

.red .upbtnNr{background:linear-gradient(45deg, var(--red), var(--red));}
.red .upbtnNr:hover{background:linear-gradient(45deg, var(--red), var(--red-dark));}

.orange .upbtnNr{background:linear-gradient(45deg, var(--orange), var(--orange));}
.orange .upbtnNr:hover{background:linear-gradient(45deg, var(--orange), var(--orange-dark));}

.green .upbtnNr{background:linear-gradient(45deg, var(--green), var(--green));}
.green .upbtnNr:hover{background:linear-gradient(45deg, var(--green), var(--green-dark));}

.purple .upbtnNr{background:linear-gradient(45deg, var(--purple), var(--purple));}
.purple .upbtnNr:hover{background:linear-gradient(45deg, var(--purple), var(--purple-dark));}