@charset "utf-8"; @import url('animate.css'); @import url('lib.css'); .loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background:#fff;z-index: 999;text-align: center} .loader img.logo{display: inline-block;height: .7rem} .fadeLoading{display:inline-block;font-size:0;padding:0} .fadeLoading span{vertical-align:middle;border-radius:100%;display:inline-block;width:10px;height:10px;margin:3px 2px;-webkit-animation:loader1 .8s linear infinite alternate;animation:loader1 .8s linear infinite alternate} .fadeLoading span:nth-child(1){-webkit-animation-delay:-1s;animation-delay:-1s;background:rgba(0,117,193,.6)} .fadeLoading span:nth-child(2){-webkit-animation-delay:-.8s;animation-delay:-.8s;background:rgba(0,117,193,.8)} .fadeLoading span:nth-child(3){-webkit-animation-delay:-.26666s;animation-delay:-.26666s;background:#0075c1} .fadeLoading span:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s;background:rgba(0,117,193,.8)} .fadeLoading span:nth-child(5){-webkit-animation-delay:-1s;animation-delay:-1s;background:rgba(0,117,193,.4)} @keyframes loader1{from{transform:scale(0,0)} to{transform:scale(1,1)} } @-webkit-keyframes loader1{from{-webkit-transform:scale(0,0)} to{-webkit-transform:scale(1,1)} } #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} html{font-size: 100px} @font-face{font-family:'cam';font-style:normal;font-weight:normal;src:url(../fonts/cambriab.woff) format("woff")} .cam{font-family:'cam';} *{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%;} body{margin:0;position: relative;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: #033f7d} 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,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-center1{display:-webkit-flex;display:flex;flex-direction:row;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;} .bg-mask1 .pic{overflow: hidden;} .bg-mask1 .pic .a{transform: rotate(0deg) scale(1.01);transition: transform 1.4s cubic-bezier(0.25, 0, 0, 1);background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;} .bg-mask1:hover .pic .a{transform: rotate(1deg) scale(1.1);transition: transform 1s cubic-bezier(0.25, 0, 0, 1);} .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:16rem;width: 92%} .nywp{margin:0 auto;max-width:14.4rem;width: 92%} .wp1440{width:90%;margin:0 auto;max-width:14.4rem} .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} .titline_r{position:relative;background-image:linear-gradient(#033f7d,#033f7d);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s} .titlin_r:hover .titline_r{background-size:100% 1px;color: #033f7d} .titline_r: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;padding-right: 4%;padding-left: 4%;padding-top: 4px} .headerm .logo {padding-top: .1rem} .headerm .logo img{height:.6rem} .headerm .navbtnm{width:.96rem;height: .66rem;background: url(../images/tx1.png) no-repeat top right;background-size: .96rem .66rem; position: absolute;top: 0 ;right: 0;z-index: 5;color: #fff;text-align: center;line-height: .66rem;padding-left: .1rem } .headerm .navbtnm i{font-size: .3rem;transition: .3s} */ .headerm{display: none; position: fixed;left: 0;right: 0;top:0;z-index: 99;padding-right: 4%;padding-left: 4%; height: .65rem } .headerm:before{content: "";display: block;position: absolute;left: 0;top:0;right: 0;height: .9rem; background: url(../images/topmask1.png) center no-repeat;background-size: 101% 100%;z-index: 0 } .headerm .logo{padding-top: .1rem} .headerm .logo img{height:.55rem} .headerm .navbtnm{width:.86rem;height: .65rem;background: url(../images/tx1.png) no-repeat top left;background-size: cover; position: absolute;top: 0 ;right: 0;z-index: 5;color: #fff;text-align: center;line-height: .65rem;padding-left: .1rem } .headerm .navbtnm i{font-size: .35rem;transition: .3s} .header{position: fixed;top:0; left: 0;right: 0;z-index: 50; transition: .3s} .header:before{content: "";display: block;position: absolute;left: 0;top:0;right: 0;height: 1.3rem;background: url(../images/topmask1.png) center no-repeat;background-size: 101% 100%;z-index: 0 } /*.header:after{content: "";display: block;position: absolute;left: 0;top:0;right: 0;height: 5px;background:linear-gradient(45deg,#033f7d 0%,#3e8ed5 100%);;z-index: 1 }*/ .header .wp{} .header .logo{padding-top: .15rem;position:relative;} .header .logo img{height: .8rem} .header .wp{position: relative;z-index: 3} .header .hd-nav li{line-height: .36rem;font-size: .18rem;margin-left: .25rem;position: relative;;} .header .hd-nav li:first-child{margin-left: 0} .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>a{color: #fff;display: block;line-height: .36rem;position: relative;} .header .hd-nav li>a.has-child:after{content: "\eabd";font-family: "swiper-icons";margin-left: 5px;font-size: .16rem} .header .hd-nav li:hover>a.has-child:after{display: inline-block;transform: rotate(180deg);position: relative;top: -1px} .header .hd-nav li>a{color: #fff} .header .hd-nav li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:.06rem;min-width: 1.6rem;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: .15rem 0; box-shadow: 0 0 10px rgba(0,0,0,.3)} .header .hd-nav li .sub-nav .sub-nav-h:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#033f7d;} .header .hd-nav li .sub-nav .sub-nav-h a{display:block;font-size:.16rem;padding:0 .13rem ;margin-bottom: 1px; background: #fff;color: #033f7d;white-space: nowrap;line-height: .42rem} .header .hd-nav li .sub-nav .sub-nav-h a:hover{background: #ededed;} /*.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 .hdr-t{line-height:.46rem;color: #fff;font-size: .14rem;transition: .3s;margin-bottom: .05rem} .header .hdr-t .btn-link{color:rgba(255,255,255,.6);} .header .hdr-t a{color: #fff;padding: 0 .15rem;position: relative;} .header .hdr-t a i{vertical-align: -2px;margin-right: 5px;} .header .hdr-t .links{position: relative;} .header .hdr-t .links a:after{content: '';height: 14px;width: 1px;background: rgba(255,255,255,.6);right: 0;top:50%;margin-top: -7px;position: absolute} .header .hdr-t .links a:last-child:after{display: none} .header .hdr-t .links .quickUrl{position: relative;padding: 0 .12rem;color: #fff;cursor: pointer;} .header .hdr-t .links .quickUrl:hover{background: #fff;color: #444;} .header .hdr-t .links .quickUrl:hover .quickSub{display: block;} .header .hdr-t .links .quickUrl:hover:after{display: inline-block;transform: rotate(180deg);position: relative;top: -1px} .header .hdr-t .links .quickUrl:after{content: "\eabd";font-family: "swiper-icons" !important;margin-left: 5px} .header .hdr-t .links .quickUrl .quickSub{position: absolute;min-width: 1.8rem;left: 50%;transform:translateX(-50%);top:100%;z-index: 5; background: #fff;padding: .1rem 0;display: none} .header .hdr-t .links .quickUrl .quickSub a{color: #444;display: block;line-height: .35rem;font-size: .14rem;white-space: nowrap;margin: 0;padding: 0 .3rem} .header .hdr-t .links .quickUrl .quickSub a:hover{color: #033f7d;background: #ededed;} .header .navbtn{width:1.21rem;height: .64rem;background: url(../images/tx1.svg) no-repeat top right;background-size: 1.21rem .64rem; position: absolute;top: .25rem ;right: 0;z-index: 5;color: #fff;text-align: center;line-height: .64rem;padding-left: .15rem } .header .navbtn i{font-size: .38rem;transition: .3s} .big-nav{position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;background: #033f7d;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:.36rem} .big-nav .scroll li .list dl{padding-bottom:.2rem} .big-nav .scroll li .list dd{font-size:.14rem;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: .2rem} body.navShow .header .navbtn i:before {content: "\eca0";} 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:.46rem;position:relative;z-index:20;} .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:.46rem} .header .hdr-t .search .btn input{width:100%;height:.46rem;cursor:pointer;position:absolute;z-index:1;left:0;right:auto;top:0;bottom:auto; background: rgba(255,255,255,0);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:.05rem;bottom:auto;height:.36rem;width:.2rem; background:#fff;opacity:0;visibility:hidden;transition: .3s;border-radius: 5px} .header .hdr-t .search .input input{width:100%;height:.36rem;line-height:.36rem;font-size:.14rem;padding:0 .4rem 0 .12rem;border: 0;color: #555; display: block;border-radius: 5px} .header .hdr-t .search:hover .btn{color:#033f7d} .header .hdr-t .search:hover .input{width:2.6rem;opacity:1;visibility:visible} .flex-v-center1 .shiyedanwei img{width:60px; float:left} .flex-v-center1 .copyright111{width: calc(100% - 60px); float:right} .scrollDown .header{top:-1.3rem;} @media screen and (min-width: 1201px){ .big-nav{display: none} } @media screen and (max-width: 1200px){ .tsmouse{display: none} .big-nav {background: #033f7d; 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:.18rem;line-height:.56rem;border-top:rgba(255,255,255,.13) solid 1px;padding-left: .2rem} .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:10%} .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% .6rem;width: 100%} .big-nav .search .input{height:.55rem;background:#fff;border-radius: 5px} #appu3 .qwss{width:calc(100% - .6rem);border: 0;height: .55rem;line-height: .55rem;padding: 0 0 0 .1rem;border-radius: 5px} .big-nav .search .input input{width:calc(100% - .6rem);border: 0;height: .55rem !important;line-height: .55rem !important;padding: 0 0 0 .1rem;border-radius: 5px} .big-nav .search .btn{font-size:.3rem;color:#033f7d;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} #appu3 .tj{width:100%;height:.55rem !important;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: .2rem 5%;transition: .3s;width: 100%; border-bottom: rgba(255, 255, 255, 0.13) solid 1px;} .btn-link a{;color: #fff;margin: 0 .1rem} .btn-link a i{vertical-align: -1px;margin-right: 5px} .btn-link .links{justify-content: center} .btn-link .quickUrl{text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.13);border-bottom: 1px solid rgba(255, 255, 255, 0.13);padding: .15rem 0;margin-top: .15rem;margin-bottom: .15rem} .btn-link .quickSub{display: flex;flex-wrap: wrap;} .btn-link .quickSub a{color: #fff;margin: 0;font-size: .14rem;width: 25%;text-align: center;} .btn-link .links:nth-child(2){padding-top: .15rem;width: 100%;justify-content: center;display: flex;flex-wrap: wrap;} } .banner{position: relative;} .banner .slide-banner:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 20vh;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;opacity: .5;} .banner .slide-banner .swiper-slide{overflow: hidden;} .banner .slide-banner .swiper-slide-active a{//transform: scale(1.1);//transition: 6s linear} .banner .slide-banner .swiper-slide a{display: block;height:85vh;width: 100%;} .banner .slide-banner .pagBa{position: absolute;;left: 0;bottom: .4rem;z-index: 5;width:100%} .banner .slide-banner .pagBa span{width: 12px;height: 12px;display: block;background: transparent;opacity: 1;margin: 0 .1rem;transition: .3s;position: relative;border:2px solid #fff;} .banner .slide-banner .pagBa span.swiper-pagination-bullet-active{background: #fff;transform: scale(1.5);} @media screen and (max-width: 1200px){ .banner .slide-banner .swiper-slide a{display: block;height: 50vw;width: 100%;min-height: inherit;} .banner .slide-banner .pagBa{bottom: .3rem;} } @media screen and (max-width:640px){ .banner .slide-banner .pagBa{bottom: .2rem;width: 100%;right: 0} .banner .slide-banner .swiper-slide a{height: 60vw} .banner .slide-banner .pagBa span{width: 8px;height: 8px;} } /*鍐呴〉澶撮儴*/ .nypage{padding-top: 1rem} .nypage .header{height: 1rem;} .nypage .header:before{background: #fff;height: 1rem;border-bottom: 4px solid #990000} .nypage .header .hdr-t{color: #333} .nypage .header .hdr-t a,.nypage.header .hdr-t .links .quickUrl{color: #333} .nypage .header .hdr-t a:hover{color: #990000} .nypage .header .hdr-t .links .quickUrl{color: #333} .nypage .header .hdr-t .links .quickUrl:hover{color: #990000} .nypage .header .hdr-t .links:after{background: #ccc} .nypage .header .hdr-t .search .input input{border: 1px solid #ccc} .nypage .header .logo img{height: .69rem;width: 2.4rem} .nypage .header .hdr-t .links .quickUrl .quickSub{border: 1px solid #ddd} .nypage .header .hdr-t .links .quickUrl .quickSub:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);width: .1rem;height: .1rem;border: 1px solid #ddd;border-right: 0;border-bottom: 0;transform: rotate(45deg);top:-.06rem;background: #fff} .nypage .header .hd-nav li>a{color: #333} .nypage .header .hd-nav li:hover>a{color: #990000} @media screen and (max-width: 1680px){ .header .hd-nav li{margin-left: .25rem;} } @media screen and (max-width:1200px){ .header{display: none} .headerm{display: flex;} html{font-size: 95px!important} .wp{width: 90%} } @media screen and (max-width:980px){ html{font-size: 90px!important} } @media screen and (max-width:640px){ /*body{font-size: .18rem}*/ html{font-size: 85px!important} body{font-size: .18rem} } @media screen and (max-width:480px){ .eclips{overflow:inherit;text-overflow:inherit;white-space:inherit;} html{font-size: 80px!important} } @media screen and (max-width:375px){ html{font-size: 75px!important} } @media screen and (max-width:360px){ html{font-size: 70px!important} } .footer{background:url(../images/ftbg.jpg) no-repeat center;background-size: cover;color: #fff;position: relative;z-index: 5 } .footer a{color: #fff} .footer .fta .wp{} .footer .fta ul{padding: .4rem 0 ;border-bottom: 1px solid rgba(255,255,255,.1);width: 80%} .footer .fta ul li{width: 14.28%;text-align: center;font-size: .18rem;position: relative;} .footer .fta ul li:after{content: '';height: .16rem;width: 1px;background: rgba(255,255,255,.4);right: 0;top:50%;margin-top: -.08rem;position: absolute} .footer .fta ul li:last-child:after{display: none} .footer .ftb{padding: .4rem 0 .45rem} .footer .ftb .logoft img{height: 1.11rem} .footer .ftb .infoft{margin-top:25px;} .footer .ftb .infoft p{padding: .04rem 0} .footer .ftb .infoft span{margin: 0 .1rem} .footer .ftb .codeft{margin-top: -1.8rem} .footer .ftb .codeft p{text-align: center;;margin-top: .1rem} .footer .ftb .codeft p i{font-size: .24rem;margin-right: 5px;vertical-align: -.04rem} .footer .ftb .codeft .pic img{max-height: 2rem;margin: 0 auto} @media screen and (max-width:1200px){ .flex-v-center1{flex-direction: column;} .flex-v-center1 .shiyedanwei img{margin:0 auto;float:none;} .flex-v-center1 .copyright111{width:100% !important;} .flex-v-center1 shiyedanwei{margin:0 atuo;float:none;} .footer .ftb .logoft{width: 100%;flex-direction: inherit;margin-bottom: .3rem} .footer .ftb .infoft{width: 100%;margin-bottom: .3rem;text-align: center;} .footer .ftb .codeft{width: 100%} .footer .fta ul{width: 100%} .footer .ftb .codeft{margin-top: 0} } @media screen and (max-width:640px){ .footer .ftb .infoft span{font-size: .17rem } .footer .fta .wp{padding: .3rem 0} .footer .fta ul li{width: 25%;padding: .1rem 0} .footer .fta ul li:nth-child(4):after{display: none} .footer .ftb .codeft .t{margin-right:0;width: 100%;text-align: center;margin-bottom: .1rem} } .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;} } /*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) { }