<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@import url('animate.css');
@import url('lib.css');
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;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}
.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background: #fff;background-size: 100% 100%;z-index: 999;}

html{font-size: 100px}
@font-face{font-family:'califb';font-style:normal;font-weight:normal;src:url(../fonts/califb.woff) format("woff")}
@font-face{font-family:'sys';font-style:normal;font-weight:normal;src:url(../fonts/SourceHanSerifSC-Bold.woff) format("woff")}
.cal{font-family:'califb';}

*{box-sizing:border-box;margin:0;padding:0; -webkit-appearance:none;  }
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x: hidden;}
body{margin:0;position: relative;overflow-x:hidden;font-size: .16rem;
  font-family:"Microsoft YaHei","Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color: #0042ba}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;border: none; border-top: 2px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border: none}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal;-webkit-appearance:none}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
select::-ms-expand { display: none; }
.none{display: none}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;
	height:14px;font-size:14px;cursor:pointer;padding-left: 20px;}
.check+label:after,.check+label:before{position:absolute;top:2px;left:0;z-index:0;width:16px;height:13px;
	border-radius:3px;content:'';background: #000}
.check:checked+label:after{background: #ca140d}

.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #d9a65c}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}

::-webkit-input-placeholder{color:#999;opacity:.54}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
:-ms-input-placeholder {color:#999 }  
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.bg-mask .pic{overflow: hidden;}
.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic .a{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.ablink{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.wp{margin:0 auto;max-width:14.8rem}
.wp1600{width:90%;margin:0 auto;max-width:16rem}
.greybg{background:#f2f2f2}
.co{color:#0142ae}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:980px){.pc-show{display:none}
.m-show{display:block}
}

.titline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_w:hover .titline_w{background-size:100% 1px}
.titline_w:hover{background-size:100% 1px}

.titline_b{position:relative;background-image:linear-gradient(#0042ba,#0042ba);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_b:hover .titline_b{background-size:100% 1px}
.titline_b:hover{background-size:100% 1px}

.zi6{position: relative;z-index: 6}
.zi5{position: relative;z-index: 5}
.zi4{position: relative;z-index: 4}
.zi3{position: relative;z-index: 3}
.zi2{position: relative;z-index: 2}
.zi1{position: relative;z-index: 1}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}


@keyframes go{
  0%{transform: translateX(0);}
  50%{transform: translateX(10px);}
  100%{transform: translateX(0);}
}
@keyframes up{
  0%{transform: translateY(0);}
  50%{transform: translateY(-8px);}
  100%{transform: translateY(0);}
}
@keyframes roted{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}


.overhide{overflow: hidden}
.menu-btn{z-index:999;overflow:hidden;margin-left:35px;width:30px;height:30px;background:0 0;text-indent:-5260px;opacity:1;position: relative;z-index: 999;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;right: 0;
  width:30px;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color}
.menu-btn .line-1{margin-top:-9px;width:26px}
.menu-btn .line-3{margin-top:9px;width:26px}
.drawerMenu-open .menu-btn .line-1{visibility:hidden}
.drawerMenu-open .menu-btn .line-2{margin-top:0!important;width:28px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.drawerMenu-open .menu-btn .line-3{margin-top:0!important;width:28px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}



.searchbtn{width: 30px;text-align: center;line-height: 40px}
.searchbtn i{color: #c80d17;font-size: 18px}
.mobNav{position: fixed;top:50px;left: 0;right: 0;bottom: 0; background: rgba(255,255,255,1);z-index: 98;padding-top: 53px;padding: 40px 8% 30px;display: none}
.mobNav ul{max-height: 70vh;overflow: auto;}
.mobNav ul::-webkit-scrollbar {display: none; }
.mobNav ul li{padding: 15px 0;border-bottom: 1px solid #ddd;}

.mobNav ul li .navp a{font-size: 15px;color: #183782;font-weight: bold;background-size: auto 100%}
.mobNav ul li .navp i{display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px;height: 16px;background: url(../images/more.svg) no-repeat center;background-size: 16px 16px}
.mobNav ul li.on .navp i{transform: rotate(-45deg);}
.mobNav ul li .subNavm{margin-top: 10px;padding-left: 10px;display: none}
.mobNav ul li .subNavm a{display: block;line-height: 30px;font-size:14px }
.mobNav .toplink{margin-bottom: 20px}
.mobNav .toplink a i{font-size: 24px;}
.mobNav .toplink a{height: 40px;line-height: 40px;text-align: center;font-size: 16px; border-radius: 50%;text-align: center; width: 40px;transition: .3s;color:#bd2323;background: #f2f2f2;position: relative;}
.mobNav .toplink a span{width: 100px;height: 100px;background: #fff;top:100%;left: -15px;position: absolute;z-index: 10;padding: 3px;display: none}
.mobNav .toplink a:hover span{display: block;}


.headerm{display: none; position: fixed;left: 0;right: 0;top:0;z-index: 99;height: .8rem;padding-right: 4%;padding-left: 4%}
.headerm:before{content: "";display: block;position: absolute;left: 0;top:-.92rem;right: 0;height: .9rem;background: url(../images/topmask2.png) center no-repeat;background-size: 101% 100%;z-index: 0 }
.headerm:after{content: "";display: block;position: absolute;left: 0;top:0;right: 0;height: 2px;background:#0041b7;z-index: 1;display: none }
.headerm .logo img{height:.5rem}
.headerm .navbtnm{width:.92rem;height: .66rem;background: url(../images/tx1.svg) no-repeat top right;background-size: .92rem .66rem;position: absolute;top: 0 ;right: 0;z-index: 5;color: #fff;text-align: center;line-height: .66rem;padding-left: .3rem }
.headerm .navbtnm i{font-size: .3rem;transition: .3s}
.scrolling .headerm:before{top: 0}

.header{position: fixed;top:0;left: 0;right: 0;z-index: 10000;}
.header:before{content: "";display: block;position: absolute;left: 0;top: 0;right: 0;height: 1.3rem;background: url(../images/topmask2.png) center no-repeat;background-size: 101% 100%;z-index: 0;transition: .3s;}
.header:after{content: "";display: block;position: absolute;left: 0;top:0;right: 0;height: 3px;background:#0041b7;z-index: 1;display: none }
.scrolling .header:before{top: 0}
.header .wp{max-width: inherit;padding-left: .5rem;width: 100%;padding-right: 1.6rem}
.header .logo{padding-top: .1rem}
.header .logo img{height: .65rem;width: 2.48rem}
.header .wp{position: relative;z-index: 3}
.header .hd-nav  li{line-height: .36rem;font-size: .18rem;margin-left: .38rem;position: relative;;}
.header .hd-nav  li:before{position:absolute;bottom:-.33rem;left:50%;width:0;opacity: 0; height:3px;background:#fff;content:"";transition:width .5s}
.header .hd-nav  li:after{position:absolute;bottom:-.33rem;right:50%;width:0;opacity: 0; height:3px;background:#fff;content:"";transition:width .5s}

.header .hd-nav li&gt;a{color: #fff;display: block;line-height: .36rem;position: relative;font-weight: bold;}
.header .hd-nav li&gt;a{color: #fff}

.header .hd-nav  li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:.15rem;min-width: 160px;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: .3s;}
.header .hd-nav  li .sub-nav .sub-nav-h{text-align:center;position: relative;background: #fff;padding: .1rem 0;
  box-shadow: 0 0 10px rgba(0,0,0,.3)}
.header .hd-nav  li .sub-nav .sub-nav-h a{display:block;font-size:.15rem;padding:0 .1rem ;margin-bottom: 1px;
  background: #fff;
  color: #555;white-space: nowrap;line-height: .4rem}
.header .hd-nav  li .sub-nav .sub-nav-h a:hover{background: #0041b7;color: #fff}
.header .hd-nav  li .sub-nav .sub-nav-h:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);
border: 8px solid transparent;border-bottom-color: #fff;top:-.16rem;}
.header .hd-nav  li:hover .sub-nav{opacity: 1;visibility: inherit; }

.header .hd-r{padding-top: .1rem;}
.header .hdr-t{line-height:.4rem;color: #fff;font-size: .14rem;transition: .3s}
.header .hdr-t .btn-link{color: #fff;}
.header .hdr-t  a{;color: #fff;margin: 0 .1rem}
.header .hdr-t  a:last-child{margin-right: 0}


.header .navbtn{width:1.1rem;height: 1.04rem;background-size: 1.45rem 1.04rem;position: absolute;top: 3px ;right: 0;z-index: 5;color: #fff;text-align: center;line-height: 1.04rem;padding-left: .0rem }
.header .navbtn i{font-size: .42rem;transition: .3s}

.big-nav{position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;background: url(../images/navbg.jpg) center no-repeat;background-size: cover;opacity: 0;visibility: hidden;transition: .3s}
.big-nav .scroll{position:absolute;z-index:1;left:0;right:0;top:1.04rem;bottom:0;overflow-y:auto}
.big-nav .scroll ul{max-width:17.85rem;margin:0 auto}
.big-nav .scroll li{width:11.111%;text-align:center;padding-top:.45rem}
.big-nav .scroll li h2{font-size:.19rem;font-weight: bold;}
.big-nav .scroll li a{color:#fff}
.big-nav .scroll li .list{padding:.2rem 0}
.big-nav .scroll li .list h3{font-weight:400;font-size:.17rem;line-height:.3rem}
.big-nav .scroll li .list h3 a{position: relative;overflow: hidden;display: inline-block;padding-bottom: .01rem;}
.big-nav .scroll li .list h3 a::before{content: '';position: absolute;left: 0;bottom:0px;width: 100%;height: 1px;background: rgba(255,255,255,.5);opacity: 0;transition: all .8s;-webkit-transition: all .8s;transform: translateX(-100px);}
.big-nav .scroll li .list h3:hover a::before{opacity: 1;transform: translateX(0PX);}
.big-nav .scroll li .list dl{padding-bottom:.2rem}
.big-nav .scroll li .list dd{font-size:.12rem;line-height:.3rem;opacity:.65}
body.navShow {overflow: hidden;position: fixed;}
body.navShow .big-nav {opacity: 1;visibility: visible;}
body.navShow .header .hd-nav {opacity: 0;visibility: hidden;position: absolute}
body.navShow .header .hdr-t {padding-top: .25rem}
body.navShow .header .navbtn i:before {content: "\eca0";}
body.navShow .headerm::before{top:0}
body.navShow .headerm .navbtnm i:before {content: "\eca0";}
.tsmouse{position: absolute;left: 50%;transform: translateX(-50%);color: #fff;bottom: .15rem;z-index: 5;text-align: center;cursor: pointer;}
.tsmouse span{display: block;}
.tsmouse i{font-size: .3rem;animation: up linear 1.5s infinite;display: block;}

.header .hdr-ts:before{content: "\e614";font-family: "swiper-icons" !important;}
.header .hdr-t .search{width:.2rem;height:.4rem;position:relative;z-index:20;margin-left: .15rem}
.header .hdr-t .search .btn{font-size:.18rem;opacity:.75;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;line-height:.4rem}
.header .hdr-t .search .btn input{width:100%;height:.4rem;cursor:pointer;position:absolute;z-index:1;left:0;right:auto;top:0;bottom:auto;background: transparent;border: 0}
.header .hdr-t .search .btn i{font-size: .2rem}
.header .hdr-t .search .btn:hover{opacity:1}
.header .hdr-t .search .input{position:absolute;z-index:1;left:auto;right:-.12rem;top:0;bottom:auto;height:.4rem;width:.2rem;background:#fff;opacity:0;visibility:hidden;transition: .3s}
.header .hdr-t .search .input input{width:100%;height:.4rem;line-height:.4rem;font-size:.14rem;padding:0 .12rem;border: 0;color: #555}
.header .hdr-t .search:hover .btn{color:#0041b7}
.header .hdr-t .search:hover .input{width:3rem;opacity:1;visibility:visible}


@media screen and (max-width: 980px){
.tsmouse{display: none}
.big-nav {background: #0041b7; overflow-y: auto;}
.big-nav .scroll {position: static;padding-top: 1rem;}
.big-nav .scroll li{width: 100%;text-align: left;padding-top: 0;border-bottom: rgba(255, 255, 255, 0.13) solid 1px;} 
.big-nav .scroll li h2{font-size:.2rem;line-height:.65rem;padding-left:6%;position:relative}
.big-nav .scroll li h2.h2:after{content:"";display:block;position:absolute;top:0;right:6%;font-size:.2rem;font-family: "swiper-icons" !important;content: "\e600";color:#fff;transition: .3s}
.big-nav .scroll li .list{padding:0 0 0 6%;display:none}
.big-nav .scroll li .list h3{font-size:.19rem;line-height:.56rem;border-top:rgba(255,255,255,.13) solid 1px}
.big-nav .scroll li .list h3:nth-child(1){border:0}
.big-nav .scroll li .list dl{margin-left:-6%;padding:0 .2rem .2rem 0;margin-top:-.05rem;display: flex;flex-wrap: wrap;}
.big-nav .scroll li .list dd{font-size:.16rem;line-height:.4rem;min-width:25%;padding-left:6%}
.big-nav .scroll li .list dd a{display:block;height:.4rem}
.big-nav .scroll li.on h2.h2:after {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.big-nav .search{position:relative;padding:.2rem 6% .4rem;width: 100%}
.big-nav .search .input{height:.55rem;background:#fff}
.big-nav .search .input input{width:calc(100% - .6rem);border: 0;height: .55rem;line-height: .55rem;padding: 0 0 0 .1rem}
.big-nav .search .btn{font-size:.3rem;color:#0041b7;position:absolute;top:0;right:0;bottom:0;z-index:5;line-height:.55rem;width:.6rem;text-align:center}
.big-nav .search .btn input{width:100%;height:.55rem;cursor:pointer;position:absolute;z-index:1;left:0;right:auto;top:0;bottom:auto;border: 0;background: transparent}
.btn-link{line-height:.35rem;color: #fff;font-size: .18rem;padding-top: .2rem;transition: .3s;padding-bottom: .2rem;width: 100%;border-bottom: rgba(255, 255, 255, 0.13) solid 1px;}
.btn-link  a{;color: #fff;margin: 0 .15rem}
}



.slide-banner .swiper-pagination{bottom: .3rem}

.slide-banner .swiper-pagination-bullet-active{}
.banner .slide-banner .swiper-slide video{display: block;}
.banner .slide-banner .swiper-slide{overflow: hidden;}
.banner .slide-banner .swiper-slide-active .sc {transform: scale(1);}
.banner .slide-banner .sc img{width: 100%}
.banner .slide-banner .sc {transform: scale(1.1);transition:linear 5s;width: 100% }
.banner .slide-banner .imgPc a.pic{position: relative;display: block;height: 100vh;overflow: hidden;}
.banner .slide-banner .imgPc a.pic img{position: absolute;left: 50%;top: 50%;min-height: 100%;min-width: 100%;max-width: 1000%;max-height: inherit;transform: translate(-50%, -50%);}
.banner .slide-banner a.pic:after{position: absolute;content: '';left: 0;bottom: 0;right: 0;z-index: 1;height: 30%;
background: url(../images/bamask.png) no-repeat bottom center;background-size: 101% 101%}
.banner .slide-banner  h4{position: absolute;left: .5rem; bottom: .9rem;z-index: 5;right: .5rem;color: #fff;font-size: .28rem;display: block;line-height: 1.4em}
.banner .slide-banner  h4 a{}
.banner .swiper-pagination-bullets{width: auto;left: .5rem;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet {width: auto;height: auto;opacity: 1;color: #92bcf3;background: transparent;border-radius: 0;font-size: .24rem;margin: 0 6px;transition: .3s}
.banner .swiper-pagination-bullets .swiper-pagination-bullet:before{content: "\e601";font-family: "iconfont" !important;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {opacity: 1;color: #fff;font-size: .32rem}
.banner .slide-banner .imgM{display: none}


#main-content-region{background: #fff;z-index: 3;position: fixed;top: 100%;left: 0;right: 0;bottom: 0;transition: all .7s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;-moz-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;-ms-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;-o-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;overflow: hidden;overflow-y: scroll;}

#main-content-region.showdiv{top: 0;}
.banner .swiper-slide a{display: block;height: calc(100vh - 1.3rem);width: 100%;position: relative;}
.banner .swiper-slide a .sc{height: 100%}
.banner .slide-video .videoU{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;height: calc(100vh - 1.05rem);overflow:hidden}
.banner .slide-video video{min-width:100%;min-height:100%;position:absolute;bottom:0;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
.banner{overflow:hidden;position:fixed;top:1.3rem;left:0;right:0;z-index:1}
.fix-top{height: 100vh;position:relative;top:0;transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;z-index:-1;display: none;}
.fix-top.fixed{height: 1.3rem;}
.fixed .banner{display: none}
@media screen and (max-width:1200px){.banner{position:relative;top:0}
.banner .swiper-slide a{height:auto;background:0 0}
.banner .swiper-slide .sc{height:auto;background:0 0}
.banner .swiper-slide a img{display:block}
.fix-top{display:none}
}


@media screen and (min-width:1921px){
  .banner .wp1600{width: 83.333333%;max-width: inherit;}
  .header .wp1600{width: 83.333333%;max-width: inherit;}
}


@media screen and (max-width: 1366px){
.banner .slide-banner .imgPc a.pic{height: auto;overflow: hidden;}
.banner .slide-banner .imgPc a.pic img{position:static;left: 50%;width: 100%;transform: translate(0, 0);}
}
@media screen and (max-width: 640px){
  .banner .swiper-pagination-bullets .swiper-pagination-bullet {width: .3rem;height: 3px;}
.slide-banner .swiper-pagination{bottom: .15rem}
}

@media screen and (max-width:980px){
.wp{width: 90%}
.header{display: none}
.headerm{display: flex;}

}
@media screen and (max-width:980px){
html{font-size: 80px!important;}
.banner .slide-banner  h4{position: absolute;left: 5%; bottom: .6rem;z-index: 5;right: 5%}
.banner .slide-banner  h4 a{font-size: .22rem;text-align: center;font-weight: bold;}
.banner .swiper-pagination-bullets{width: 100%;left: 0;}
.slide-banner .swiper-pagination{bottom: .2rem}
}

@media screen and (max-width:640px){
.menu-btn{margin-left: 20px}
.headerm{height: 55px}
html{font-size: 75px!important;}
.banner .slide-banner .imgM{display:block;}
.banner .slide-banner .imgPc{display:none;}
.banner .slide-banner  h4 a{font-size: .21rem;}
}
@media screen and (max-width:400px){
html{font-size: 70px!important;}
}
@media screen and (max-width:360px){
.menu-btn{margin-left: 10px}
.headerm .logo img{height:30px}
}

.footer .cpep{background: #0966b4;color: #fff;padding: .15rem .3rem;text-align: center}
.footer .cpep a{color: #fff}
.footer{background:url(../images/ftbg.jpg) #fff no-repeat center .2rem;background-size: cover; color: #fff;
  padding: .5rem 0 ;font-size: .14rem;position: relative;z-index: 10}
.footer.ind{background: url(../images/new/bgft.png) #fff no-repeat  center .3rem;color: #333;padding: 0}
.footer.ind .wp{padding:.2rem 0}
/*.footer.ind:after{content: '';position: absolute;;height: 6.5rem;left: 0; right: 0;bottom: 0; z-index: 0;background: url(../images/inftbg.png) no-repeat top center;background-size:100% 100% }*/
.footer .ftlogo img{height: 1.27rem;width: 4.09rem}
.ftslog img {
  height: 1.08rem;
  margin-left: -20px;
}
.footer .ftinfo .info1 p{padding: 3px 0}
.footer .ftinfo .info2 p{padding: 3px 0}
.footer .ftinfo .info1 p span:nth-child(2){margin-left: .1rem}
.footer .ftinfo .info1 p a{color: #fff}
.footer .ftinfo .info3 img{height: .68rem}
.footer .ftinfo .info2{margin-left: .3rem}
.footer .ftinfo .info3{margin-left: .3rem}
.footer .mscopy1{margin-left:0.3rem}
@media screen and (max-width:900px){
.footer .ftlogo{width: 100%;text-align: center;display:none; margin-bottom: .2rem}
.footer .ftlogo img{height: .95rem;width: auto;display: inline-block;}
.footer .ftinfo{width: 100%;justify-content: flex-start;}
.footer.ind:after{background-size: inherit;}
}
@media screen and (max-width: 540px){
.footer .ftslog img{height: 1.27rem;}
.footer .ftinfo .info1,.footer .ftinfo .info2{width: 100%;text-align:center;margin-bottom: .1rem;display: flex;flex-direction: row !important;flex-wrap: wrap;margin-left:0;}
.footer .ftinfo .info1 p:nth-child(1){width:100%}
.footer .ftinfo .info1 p:nth-child(2),.footer .ftinfo .info1 p:nth-child(3){display: inline;padding: 0 5px;}
.footer .ftinfo .info2 p:nth-child(3){width:100%}
.footer .ftinfo .info2 p:nth-child(1),.footer .ftinfo .info2 p:nth-child(2){display: inline;padding: 0 5px;}
.footer .ftinfo .info3{width: 100%;    align-items: center;}
}
@media screen and (max-width:480px){

}



.topser .serpc{display: none;position: absolute;;width: 3rem;height: .5rem;padding: .05rem 0;top:.35rem;right: -.32rem;z-index: 66;background:transparent;border-radius: .5rem}
.topser .inp{ width: calc(100% - .3rem); height: .4rem;line-height: .4rem; padding: 0 .4rem 0 .15rem; font-size: .14rem; color: #444;background: none;
  border:1px solid #eee;border-radius: .4rem;background: #fff}
.topser .sub{display:block;cursor:pointer;position:absolute;right:.35rem;top:0;height:.4rem;width:.4rem;border:none;border-radius:50%;
  overflow:hidden;color:#8f0e16;background: url(../images/serbtn.svg) no-repeat center;background-size: .2rem .2rem}
.topser .close{ position: absolute; right: 0; width: .2rem; height: .2rem;top:50%;margin-top: -.12rem;
  transition: 0.5s; font-size: .2rem;color: #fff;;cursor: pointer; }


.sermob{position: fixed;;width: 100%;padding: 10px;top:60px;right: 0;z-index: 66;background: #fff;display: none}
.sermob .inp{ width: calc(100% - 30px); height: 40px;line-height: 40px; padding: 0 40px 0 10px; font-size: 14px; color: #444;background: none;border:1px solid #eee;}
.sermob .sub{display:block;cursor:pointer;position:absolute;right:30px;top:0;height:40px;width:40px;border:none;border-radius:50%;
  overflow:hidden;font-size:14px;color:#8f0e16;background:0 0;background: url(../images/serbtn.svg) no-repeat center;background-size: 20px 20px}
.sermob .close{ position: absolute; right: 10px; top: 10px; width: 20px; height:40px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 20px;color: #888;;
  cursor: pointer;line-height:42px }

@media screen and (max-width: 640px){.sermob{top:55px;}   }

.header .hdr-t .resize{margin-left: .1rem}
.header .hdr-t a.large-size { font-size: .19rem;margin: 0 3px}
.header .hdr-t a.normal-size { font-size: .16rem;margin: 0 3px}
.header .hdr-t a.small-size { font-size: .14rem;margin: 0 3px}
.navShow .header .hdr-t .resize,.big-nav .resize{display: none}
#mute{position: absolute;;right: .3rem;bottom: .3rem;background: #fff;border-radius: .3rem;
  line-height: .28rem;padding: 0 .1rem;z-index: 10;cursor: pointer;font-size: .2rem}
/*print*/
@media print{

}

/* 2022-0127 */
#gooey-upper {
    position: fixed;
    right: 0;
    bottom: 60px;
    z-index:40;
    display: none
}
@media only screen and (max-width:980px) {
    .right_bar {
        display: none!important
    }
    #gooey-upper {
        display: block;
        width: 63px;
        min-width: 80px!important;
        padding-top: 0!important;
        padding-left: 0!important;
    }
}



#gooey-upper a.gooey-menu-item:hover {
    background: #4682b4!important;
}

/*ie11*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}</pre></body></html>