@charset "utf-8";

#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;}
*{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:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,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;}
.footBox{color: #FFF;text-align: center;display: block;}
.footBox p{}
.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);}

.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);}
}
.depleasbtn{
    position: absolute;
    background: rgba(255,255,255,0.8);
    width: 150px;
    height: 50px;
    line-height: 50px;
    bottom: 30px;
    right: 50px;
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
font-weight:bold;
    z-index: 999;
    color: #fff;
    transition: all .3s;
background: linear-gradient(to right, #ff9933, #ffcc33); 
    /* 以下为兼容旧版浏览器（如一些老版 Safari）的写法，可根据需求决定是否保留 */
    background: -webkit-linear-gradient(left, #ff9933, #ffcc33); 
    background: -moz-linear-gradient(right, #ff9933, #ffcc33);
    background: -o-linear-gradient(right, #ff9933, #ffcc33);
}
.depleasbtn:hover{ /*background: rgba(255,255,255,1);*/color:#fff;}
.main{height: 100vh;width: 100%;background: ;background-size: cover;padding: 0rem 0;position: relative;}
.main .wp{height: 99%;max-width: 14.4rem;margin: 0 auto;}
.main .wp ul{max-width: 8rem;width: 90%;margin-top: .4rem;}
.main .wp ul li{width: 1.8rem;height: 1.8rem;border: 1px solid rgba(255,255,255,.4);background: rgba(255,255,255,.1);}
.main .wp ul li i{font-size: .6rem;text-shadow: 0 0 5px rgba(0,0,0,.3);color: #fff;display: block;text-align: center;}
.main .wp ul li p{text-align: center;margin-top: .15rem;font-size: .24rem;color: #fff;}
.main .wp ul li.last{width: 1.8rem;height: 1.8rem;border: none;background: transparent;}
.main .wp ul li.last .nlinks{position:relative;}
.main .wp ul li.last .nlinks .popup{opacity: 0;position:absolute;right: -110%;bottom: 0;width: 100%;transform: translateX(-30%);transition: all .5s .1s ease;visibility: hidden;z-index: 999;}
.main .wp ul li.last .nlinks:hover .popup{opacity: 1;transform: translateX(0);visibility: inherit;margin-top: 15px;}
.main .wp ul li.last .item{width: 1.8rem;height:.84rem;border: 1px solid rgba(255,255,255,.4);background: rgba(255,255,255,.1);}
.main .wp ul li.last .item a{line-height: .4rem;}
.main .wp ul li.last .item a i{font-size: .36rem;margin-right: .1rem;}
.main .wp ul li.last .item a p{font-size: .2rem;margin-top: 0;}
.main .wp ul li.last .item:first-child{margin-bottom: .12rem;}
.main .wp ul li:hover{border: 1px solid #13b19f;background: url(../images/icobg.png) no-repeat center;background-size: cover;}
.main .wp ul li.last .item:hover{border: 1px solid #13b19f;background: url(../images/icobg.png) no-repeat center;background-size: cover;}
.main .wp ul li.last .item:hover i{transform: rotateY(360deg);transition: .5s;}
//.main .wp ul li:hover>a>i{transform: rotateY(360deg);transition: .5s;}
.main .wp ul li a{height: 100%;display: flex;}
.main .wp ul li.last:hover{border: 0;background: transparent;}
.viewTip{position:fixed;top:0;left:0;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;height:100vh;
    background:url(../images/bg.jpg) no-repeat top center;background-size: cover;
     color:#fff;font-size:.24rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;
     -ms-flex-pack:center;justify-content:center;text-shadow: 1px 1px 0 rgba(0,0,0,.2);}
.viewTip p{max-width: 70%;text-align: center;margin: 0 auto;}

@media screen and (min-width: 1024px){
.viewTip{display: none!important;}
}
@media screen and (max-width: 980px){
.main .wp{width: 90%;margin: 0 auto;}
.main{min-height: 100vh;width: 100%;background: ;background-size: cover;}
.main .wp{justify-content: inherit;padding-top: 7vh;}
}

@media screen and (max-width:700px){

  .main .wp ul li.last .nlinks{position:relative;}
  .main .wp ul li.last .nlinks .popup{opacity: 0;position:absolute;right: 0;bottom: auto;width: 100%;transform: none;transition: all .5s ease;visibility: hidden;}
  .main .wp ul li.last .nlinks:hover .popup{opacity: 1;transform: none;visibility: inherit;right: 0;transform: none;bottom: auto;}

}
@media screen and (max-width:600px){
.main .wp ul{max-width: inherit;width: 100%;}
.main .wp ul li{width: 31.333%;} 
.main .wp ul li.last{width: 100%;display: flex;justify-content: space-between;margin-top: .2rem;}
.main .wp ul li.last .item{width: 48%;}
.main .wp{justify-content: inherit;padding-top:5vh;}
  .main .wp ul li.last .nlinks .popup{}
  .main .wp ul li.last .nlinks:hover .popup{}
  .main .wp{
    height: 96%;}
.footBox{
    width: 90%;
    margin: auto;}
.footBox p{
    line-height: 22px;}
.footBox p a{}
}

@media screen and (max-width:360px){

    .main .wp{
    height: 94%;}
}
/*print*/
@media print{

}

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

}
.ul-nav-f01 a{
    position: relative;}
.ul-nav-f01 .cover{
    padding-top: .50rem;
    text-align: center;
    left: -0.20rem;
    right: -0.20rem;
    top: -0.20rem;
    padding-bottom: 0.40rem;
    position: absolute;
    z-index: 2;
    background: url(../images/f2-bg01.png) center center no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;}
.ul-nav-f01 a:hover .cover{
    opacity: 1;}
.ul-nav-f01 .cover p{
    margin-bottom: 0.12rem;}
.ul-nav-f01 .cover .icon{
    position: relative;
    margin: 0 auto;
    width: 1.26rem;
    height: 1.26rem;
    text-align: center;
    font-size: 0;}
.ul-nav-f01 .cover .icon .iconfont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);}
.ul-nav-f01 .cover .circles{
    width: 100%;
    height: 100%;
    position: relative;}
.ul-nav-f01 .cover .circles .circle{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/f1-bg01.png) center center no-repeat;
    background-size: contain;
    animation: rotate360 4s linear infinite;
    -webkit-animation: rotate360 4s linear infinite;}
.ul-nav-f01 .cover .circles .circle.s1{
    animation-direction: reverse;}
.ul-nav-f01 .cover .circles .circle.s2{
    animation-duration: 3s;
    background-image: url(../images/f1-bg02.png);}
@keyframes rotate360 {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);}   
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);}   
}
@-webkit-keyframes rotate360 {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);}   
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);}   
}
@media screen and (max-width: 768px) {
    
    .ul-nav-f01 .cover{
        display: none;}
}