@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{font-size: 14px;color: #000;font-family: Arial,Microsoft Yahei;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

@media(min-width: 1921px){
    .s0{font-size: 0;}
    .s12{font-size: calc(12 * 100vw / 1920);}
    .s13{font-size: calc(13 * 100vw / 1920);}
    .s14{font-size: calc(14 * 100vw / 1920);}
    .s15{font-size: calc(15 * 100vw / 1920);}
    .s16{font-size: calc(16 * 100vw / 1920);}
    .s17{font-size: calc(17 * 100vw / 1920);}
    .s18{font-size: calc(18 * 100vw / 1920);}
    .s19{font-size: calc(19 * 100vw / 1920);}
    .s20{font-size: calc(20 * 100vw / 1920);}
    .s21{font-size: calc(21 * 100vw / 1920);}
    .s22{font-size: calc(22 * 100vw / 1920);}
    .s23{font-size: calc(23 * 100vw / 1920);}
    .s24{font-size: calc(24 * 100vw / 1920);}
    .s25{font-size: calc(25 * 100vw / 1920);}
    .s26{font-size: calc(26 * 100vw / 1920);}
    .s27{font-size: calc(27 * 100vw / 1920);}
    .s28{font-size: calc(28 * 100vw / 1920);}
    .s29{font-size: calc(29 * 100vw / 1920);}
    .s30{font-size: calc(30 * 100vw / 1920);}
    .s31{font-size: calc(31 * 100vw / 1920);}
    .s32{font-size: calc(32 * 100vw / 1920);}
    .s33{font-size: calc(33 * 100vw / 1920);}
    .s34{font-size: calc(34 * 100vw / 1920);}
    .s35{font-size: calc(35 * 100vw / 1920);}
    .s36{font-size: calc(36 * 100vw / 1920);}
    .s37{font-size: calc(37 * 100vw / 1920);}
    .s38{font-size: calc(38 * 100vw / 1920);}
    .s39{font-size: calc(39 * 100vw / 1920);}
    .s40{font-size: calc(40 * 100vw / 1920);}
    .s41{font-size: calc(41 * 100vw / 1920);}
    .s42{font-size: calc(42 * 100vw / 1920);}
    .s43{font-size: calc(43 * 100vw / 1920);}
    .s44{font-size: calc(44 * 100vw / 1920);}
    .s45{font-size: calc(45 * 100vw / 1920);}
    .s46{font-size: calc(46 * 100vw / 1920);}
    .s47{font-size: calc(47 * 100vw / 1920);}
    .s48{font-size: calc(48 * 100vw / 1920);}
    .s49{font-size: calc(49 * 100vw / 1920);}
    .s50{font-size: calc(50 * 100vw / 1920);}
    .s51{font-size: calc(51 * 100vw / 1920);}
    .s52{font-size: calc(52 * 100vw / 1920);}
    .s53{font-size: calc(53 * 100vw / 1920);}
    .s54{font-size: calc(54 * 100vw / 1920);}
    .s55{font-size: calc(55 * 100vw / 1920);}
    .s56{font-size: calc(56 * 100vw / 1920);}
    .s57{font-size: calc(57 * 100vw / 1920);}
    .s58{font-size: calc(58 * 100vw / 1920);}
    .s59{font-size: calc(59 * 100vw / 1920);}
    .s60{font-size: calc(60 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}

@media(max-width: 750px){
    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
    
    .l1{padding-left: 10px !important;}
    .r1{padding-right: 10px !important;}
    .t1{padding-top: 10px !important;}
    .b1{padding-bottom: 10px !important;}
    .l2{padding-left: 20px !important;}
    .r2{padding-right: 20px !important;}
    .t2{padding-top: 20px !important;}
    .b2{padding-bottom: 20px !important;}
    .l3{padding-left: 30px !important;}
    .r3{padding-right: 30px !important;}
    .t3{padding-top: 30px !important;}
    .b3{padding-bottom: 30px !important;}
}

body{padding-top: .85rem;}
.header{width: 100%;position: fixed;top: 0;left: 0;transition: all 1s; height: .85rem;background-color: #ffffff;z-index: 1988;}
body.down .header{top: -.9rem;}
body.special .header{top:0;}
.h-a{width: 100;}
.h-cont{width: 100%;font-size: 0;}
.h-left{display: inline-block;vertical-align: top; width: 50%;padding-left: .8rem;}
.h-b{display: inline-block;cursor: pointer;height: .85rem;line-height: .85rem;}
.h-b img{height: 37.6%;}
.h-right{cursor: pointer; display: inline-block;vertical-align: top;width: 50%;height: .85rem;padding-left: .4rem; padding-right: .8rem;background-color: #002338;}
.h-right:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-right:hover{background-color: #eb6732;}
.h-c{float: left;width: 5.7rem;position: relative;}
.h-c:after{content: '';transition: all .3s;transform:rotate(0); position: absolute;top: 50%;right: 0;transform: translate(0,-50%);width: .22rem;height: .12rem;background-image: url('../images/a10.png');background-size: .22rem .12rem;background-position: center center;background-repeat: no-repeat;}
.h-c.show:after{transform:rotate(180deg);}
.h-d{display: inline-block;vertical-align: middle;height: .85rem;line-height: .85rem;}
.h-d img{width: 1.44em;}
.h-e{display: inline-block;vertical-align: middle;color: #ffffff;line-height: 1.3; max-width: calc(100% - 1.8em );padding-left: .3rem; }
.h-sub{display: none; position: fixed;top: .85rem;right: 0;width: 50%;}
.hs-cont{width: 100%; padding: .8rem .5rem .3rem; background-color: #002338;height: calc(100vh - .85rem);overflow: auto;}
.hs-a{width: 100%;border-bottom: 1px solid #999999;padding-bottom: .9rem;}
.hs-b{width: 100%;position: relative;}
 
.hs-c{display: inline-block;cursor: pointer;line-height: 1.3;color: #999999;}
.hs-b.has-nav:after{content: '';position: absolute;top: 0;left: 300px; font-size: calc(12px + 38 * 100vw / 1920);height: 1.3em;  transition: all .3s; content: '';transition: all .3s;transform:rotate(-90deg);   width: 22px; background-image: url('../images/a10.png');background-size: 22px 12px;background-position: center center;background-repeat: no-repeat;}
.hs-b.has-nav.show:after{transform:rotate(0);}
.hs-c:hover{color: #eb6732;}

.h-sub2 {display: none;width: 100%;padding: .2rem 0; }
.h-sub2>li>a {display: block;cursor: pointer; width: 100%; line-height: 1.5;line-height:1.5;color: #999999;font-size: 18px; }
.h-sub2>li>a:hover {  color: #eb6732;}


.hs-d{width: 100%;padding-top: .3rem;padding-bottom: .7rem;}
.hs-e{display: inline-block;cursor: pointer;}
.hs-f{display: block;cursor: pointer;line-height:1.5;color: #999999;}
.hs-f:hover{color: #eb6732;}
.hs-g{width: 100%;font-size: 0;}
.hs-h{display: inline-block;vertical-align: middle;color: #999999;position: relative;}
.hs-h:after{content: ''; display: inline-block;vertical-align: middle;margin: 0 .15rem;	width: 1px;height: 10px;background-color: #999999;}
.hs-h:last-child:after{display: none;}
.hs-h:hover{color: #eb6732;} 

.h-f{float: right;}
.h-g{display: inline-block;vertical-align: middle;margin-right: .3rem;}
.h-j{display: inline-block;vertical-align: middle;line-height: 2;color: #adb3b7;}
.h-j.active{color: #fff;}
.h-j:hover{color: #fff;}
.h-k{display: inline-block;vertical-align: middle;color: #ffffff;margin: 0 .05rem;}

.h-login{display: inline-block;vertical-align: middle;margin: 0 .1rem; width: .4rem;height: .45rem;background-image: url('../images/a17.png');background-size: 1em 1em;background-position: center center;background-repeat: no-repeat;}

/* 搜索框 */
.h-l{display: inline-block;vertical-align: middle;  padding: .2rem 0;}
.h-search{display: block; width: .4rem;height: .45rem;background-image: url('../images/a3.png');background-size: 1em 1em;background-position: center center;background-repeat: no-repeat;}
.h-formbox {display: none; position: absolute;top: 1rem; left: 50%; transform: translate(-50%,0); width: 452px;text-align: right;font-size: 0; border-radius: 18px;z-index: 90;}
.h-form{width: 100%;}
.h-text {display: inline-block;vertical-align: middle; border: none; line-height: 28px;width: 380px;height: 50px;text-indent: 12px;color: #333;background: #fff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.h-submit {display: inline-block;vertical-align: middle;border: none;width: 60px;height:50px; color: #fff;text-align: center;line-height: 50px;cursor: pointer;background: #002338;border-radius: 0 10px 10px 0;}

.header.search-state .h-formbox{display: block;}
.header.search-state .h-opa {display: block;}

.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}

@media(max-width:1200px){
    .h-left{padding-left: .3rem;}
    .h-right{padding-left: .3rem;padding-right: .3rem;}
    .h-c{width: 3.8rem;}

    .hs-b.has-nav:after{left: 280px;}
}

@media(max-width:900px){
    .h-g{margin-right: .3rem;}
    .h-left{width: 30%;}
    .h-right{width: 70%;}
    .h-formbox{width: 310px;}
    .h-text{width: 270px;height: 40px;}
    .h-submit{width: 40px;height: 40px;line-height: 40px;} 
    .h-sub{width: 100%;}
    .hs-b.has-nav .hs-c:after{background-size: 15px auto;}

    .hs-b.has-nav:after{left: 250px;}
}

@media(max-width:500px){
    .h-c{width: 2.2rem;}
    .h-left{width: 25%;}
    .h-right{width: 75%;}

    .hs-b.has-nav:after{left: 180px;}
}

@media(max-width:350px){
    .h-right{padding: 0 .15rem;}
}

.backTop{position: fixed;transition: all .3s;display: none;z-index: 199999; right: 15px;bottom: .5rem;width: .5rem;height: .5rem;cursor: pointer;border-radius: 50%; background-image: url('../images/a8.png');background-size: .5rem .5rem ;background-position: center center;background-repeat: no-repeat;}
.backTop.show{display: block;}

.f-a{width: 100%;}
.f-cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.f-left{width: 50%;background-color: #d5d6d5;padding: .7rem .8rem .55rem;}
.f-b{color: #35505f;line-height: 1.46;padding: .1rem 0;}
.f-right{width: 50%;background-color: #002338;}
.f-c{padding: 0 .6rem 0 1.65rem ;font-size: 0;}
.f-d{display: inline-block;vertical-align: middle;width: 4rem; color: #ffffff;line-height: 30px;}
.f-e{display: inline-block;vertical-align: middle;width: calc(100% - 4rem);}
.f-g{display: inline-block;vertical-align: middle;cursor: pointer;border-left: 1px solid #2f4b5c;}
.f-g:last-child{border-right: 1px solid #2f4b5c;}
.f-gimg1{display: block;height: 16px;line-height: 16px;padding: 0 7px;}
.f-gimg1 img{height: 12px;}
.f-gimg2{display: none;height: 16px;line-height: 16px;padding: 0 7px;}
.f-gimg2 img{height: 12px;}
.f-g:hover .f-gimg1{display: none;}
.f-g:hover .f-gimg2{display: block;}

.f-h{padding: .5rem .6rem  .6rem 1.65rem;font-size: 0;border-top: 1px solid #ffffff;}
.f-i{display: inline-block;vertical-align: middle;width: 4rem;}
.f-j{color: #80919c; margin-bottom: .45rem;}
.f-k{width: 100%;}
.f-k img{max-width: 80%;}
.f-l{display: inline-block;vertical-align: middle;width: calc(100% - 4rem);}
.f-m{display: inline-block;}
.f-n{display: block;cursor: pointer;color: #80919c; line-height: 1.7;} 
.f-n:hover{color: #eb6732;}
.f-o {color: #80919c;line-height: 1.3;margin-top: .4rem;}


@media(max-width:1200px){
    .f-left{padding: .7rem .4rem ;}
    .f-c{padding: 0 .6rem ;}
    .f-h{padding: .5rem .6rem ;}
}

@media(max-width:900px){
    .f-cont{ margin: 0 auto; }
    .f-left{width: 100%;}
    .f-right{width: 100%;}
    .f-e{width: 100%;margin: .2rem 0;}
    .f-l{width: 100%;margin-top: .3rem;}
    .f-k img{width: 90px;}
}

.a-a{width: 100%;}
.a-cont{width: 100%;position: relative;}
.a-b{width: 100%;}
.a-c{width: 100%;}
.a-d{width: 100%;}
.a-d img{width: 100%;}
.a-e{position: absolute;top: 0;left: 0;width: 100%;padding:1rem .8rem ;}
.a-f{width: 50%;border-top: 1px solid #fff;padding-top: .15rem;color: #fff; font-weight: bold;margin-bottom: .25rem;}
.a-g{display: inline-block;cursor: pointer;color: #eb6732;border-bottom: 1px solid #eb6732;}
.a-g:hover{color: #002338;border-bottom: 1px solid #002338;}
.a-h{opacity: 0;transition: all .3s; position: absolute;bottom: 38.2%;left: 0;padding: 0 .8rem;width: 100%;z-index: 90; user-select: none;}
.a-i{position: static;  display: inline-block;vertical-align: middle;width: auto;margin-right: .15rem; color: #ffffff;} 
.a-m{position: static;display: inline-block;vertical-align: middle;margin-top: 0; width: .29rem;height: .13rem;background-image: url('../images/a9.png');background-size: .29rem .13rem; }
.a-n{display: none;}
.a-cont:hover .a-h{opacity: 1;}

@media(max-width:900px){ 
    .a-e{top: 50%;padding: 0 10px;transform: translate(0,-50%);}
    .a-h{display: none;}
}

@media(max-width:500px){
    .a-d{height: 180px;position: relative;overflow: hidden;}
    .a-d img {position: absolute;top: 50%;left: 50%;width: auto;transform: translate(-50% ,-50%); max-width: none; height: 180px;}
}

.b-a{width: 100%;}
.b-b{width: 100%;}
.b-cont{width: 100%;font-size: 0;}
.b-item{display: inline-block;vertical-align: top;width: 16.666%;position: relative;cursor: pointer;}
.b-c{width: 100%; position: relative;}
.b-c:after{content: '';position: absolute;top: 0;left: 0;background: rgba(0,35,56,0.6);width: 100%;height: 100%;opacity: 0; transition: all 0.6s;}
.b-c img{width: 100%;}
.b-d{position: absolute;width: 82%;left: 50%;bottom: .55rem;transform: translate(-50%,0);border-top: 1px solid #ffffff;padding-top: .15rem;}
.b-e{display: block;color: #ffffff;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.b-item:hover .b-c:after{opacity:1;}

@media(max-width:900px){ 
    .b-item{width: 33.3333%;}
}

@media(max-width:500px){
    .b-item{width:50%;}
}

.c-a{width: 100%;padding-top: .75rem;padding-bottom: .65rem;}
.c-cont{width: 100%;position: relative;}
.c-b{width: 100%;}
.c-c{width: 100%;font-size: 0;} 
.c-d{display: inline-block;vertical-align: top;width: 4.9rem;padding-top: .4rem;padding-left: .3rem;}
.c-e{width: 100%;color: #002338;font-weight: bold;margin-bottom: .1rem;line-height: 1.2;position: relative;}
.c-e:after{content: '';position: absolute;top: -.2rem;left: 0;	width: 9.2rem;height: 1px;background-color: #eb6732;}
.c-f{color: #002338;line-height: 1.3;}
.c-g{display: inline-block;margin-top: .6rem; min-width: 1.7rem;padding: .17rem;text-align: center;color: #002338;cursor: pointer; background-color: #ffffff;border: solid 1px #002338;}
.c-g:hover{border: solid 1px #eb6732;color: #eb6732;}
.c-h{display: inline-block;vertical-align: top;width: calc(100% - 4.9rem);}
.c-h img{width: 100%;}
.c-i{opacity: 0;transition: all .3s; position: absolute;bottom: 31%;left: 0;padding: 0 .8rem;width: 100%;z-index: 90; user-select: none;}
.c-j{position: static;  display: inline-block;vertical-align: middle;width: auto;margin-right: .15rem; color: #718590;} 
.c-m{position: static;display: inline-block;vertical-align: middle;margin-top: 0; width: .29rem;height: .13rem;background-image: url('../images/a9-b.png');background-size: .29rem .13rem; }
.c-n{display: none;}
.c-cont:hover .c-i{opacity: 1;}

@media(max-width:900px){ 
    .c-i{display: none;}
    .c-d{width: 100%;}
    .c-e:after{width: calc(100% - .6rem);}
    .c-h{width: 100%;margin-top: .3rem;}
}

.d-a{width: 100%;}
.d-b{width: 100%;}
.d-cont{width: 100%;font-size: 0;padding-bottom: .2rem;}
.d-item{display: inline-block;vertical-align: top;width: 50%;position: relative;cursor: pointer;margin-bottom: .3rem;}
.d-c{width: 100%;height: 3.7rem; position: relative;}
.d-c:after{content: '';position: absolute;top: 0;left: 0;background: rgba(0,35,56,0.6);width: 100%;height: 100%;opacity: 0; transition: all 0.6s;}
.d-c img{width: 100%;height: 100%; object-fit: cover;}
.d-d{position: absolute;width: 93.75%;left: 50%;top: 75%; transform: translate(-50%,0);border-top: 1px solid #ffffff;padding-top: .15rem;}
.d-e{display: block;color: #002338;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-f{display: block;color: #002338;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-item:hover .d-c:after{opacity:1;}
.d-item:hover .d-e{color: #fff;}
.d-item:hover .d-f{color: #fff;}
@media(max-width:900px){
    .d-item{width: 100%;}
    .d-d{top: 70%;}
}
 
.e-a{width: 100%;padding: 0 .8rem;}
.e-b{width: 100%;}
.e-cont{width: 100%;}
.e-form{width: 100%;}
.e-c{width: 100%;padding-bottom: .18rem;border-bottom: 1px solid #ebebeb;position: relative;margin-bottom: .3rem;}
.e-d{width: 60%;border: none;outline-style: none;color: #eb6732;}
.e-e{position: absolute; top: .05rem;right: 0;color: #333333;}
.e-e:before{display: inline-block;vertical-align: middle;content: ''; margin-right: .05rem; width: .15rem;height: 1px;background-color: #002338;}
.e-f{width: 100%;text-align: right; padding-bottom: .25rem;border-bottom: 1px solid #ebebeb;position: relative;margin-bottom: .15rem;}

.select-w{box-sizing: border-box;display: inline-block;max-width: 100%; vertical-align: top;height: 18px; position: relative;padding-right: .56rem; white-space:nowrap}
.select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: 18px;line-height: 18px; color: #eb6732;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.select-w select{position: absolute;width: 100%;height: 100%;padding-left: 12px;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.select-w:after{ content: "";position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: .22rem;height: .18rem;background-image: url('../images/a10-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat; }

.e-form input::-webkit-input-placeholder,
.e-form textarea::-webkit-input-placeholder{color: #eb6732;}
.e-form input:-moz-placeholder,
.e-form textarea:-moz-placeholder{color: #eb6732;}
.e-form input::-moz-placeholder,
.e-form textarea::-moz-placeholder{color: #eb6732;}
.e-form input:-ms-input-placeholder,
.e-form textarea:-ms-input-placeholder{color: #eb6732;}

@media(max-width:900px){
    .e-a{padding:  0 20px;}
}

.g-a{width: 100%;padding: .88rem 0;background-color: #f9f9f9;}
.g-b{width: 16rem;margin: 0 auto;}
.g-cont{width: 100%;background-color: #fff;padding: 1rem 0;font-size: 0;}
.g-left{display: inline-block;vertical-align: top;padding: 0 1.6rem; width: 50%;border-right: 1px solid #dddddd;padding-top: .6rem;}
.g-c{color: #002338;font-weight: bold;margin-bottom: .8rem;}
.g-form{width: 100%;}
.g-d{width: 100%;}
.g-item{width: 100%;border-bottom: 1px solid #e1e1e1;margin-bottom: .3rem;position: relative;}
.g-e{border: none;outline-style: none;width: 100%;height: 40px;color: #333;} 
.gf-right{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); }
.see-password{display: inline-block;}
.see-password-icon{display: block;cursor: pointer; width: 24px;height: 40px;background-image: url(../images/a11.png);background-size:24px auto;background-position: center center;background-repeat: no-repeat;}
.see-password.show .see-password-icon {background-image: url(../images/a11-b.png); }
.g-item:hover{border-bottom: 1px solid #666666;}

.g-f{width: 100%;padding-top: .4rem;margin-bottom: .28rem;}
.g-g{border: none;outline-style: none;width: 100%;height: 50px; color: #ffffff;cursor: pointer; background-color: #002338;}
.g-g:hover{background-color: #eb6732;}

.g-h{width: 100%; padding-bottom: .3rem;}
.g-h:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.g-agree{ float: left; font-size: 0; }
.g-ag1{display: inline-block;vertical-align: middle;  position: relative;cursor: pointer;}
.g-ag2{display: inline-block;vertical-align: middle;width: 14px;height: 14px;background-color: #002338;border-radius: 2px; }
.g-ag3{display: inline-block;vertical-align: middle;color: #666666;margin-left: .1rem; }
.g-ag1.selected .g-ag2{background-image: url('../images/a12.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;    }
.g-checkbox{position: absolute; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.g-i{ color: #002338;float: right; display: block;cursor: pointer;}
.g-i:hover{color: #eb6732;}

.g-right{display: inline-block;vertical-align: top;width: 50%;padding: 0 1.6rem; width: 50%; padding-top: .6rem;}
.g-j{color: #333333;line-height: 1.2;margin-bottom: .2rem;}
.g-k{color: #666666;line-height: 2;}
.g-l{display: block;cursor: pointer;text-align: center;line-height: 50px;margin-top: .7rem;color: #002338; height: 50px;border: solid 2px #002338;}
.g-l:hover{border: solid 1px #eb6732;color: #eb6732;}

.g-form input::-webkit-input-placeholder,
.g-form textarea::-webkit-input-placeholder{color: #999999;}
.g-form input:-moz-placeholder,
.g-form textarea:-moz-placeholder{color: #999999;}
.g-form input::-moz-placeholder,
.g-form textarea::-moz-placeholder{color: #999999;}
.g-form input:-ms-input-placeholder,
.g-form textarea:-ms-input-placeholder{color: #999999;}

@media(max-width:750px){
    .g-cont{padding: .5rem 0;}
    .g-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .g-left{width: 100%;padding: .2rem .4rem .1rem ;border: none; border-bottom: 1px solid #dddddd;}
    .g-right{width: 100%;padding: .2rem .4rem .1rem ; }
}

.i-a{width: 100%;padding: .88rem 0;background-color: #f9f9f9;}
.i-b{width: 16rem;margin: 0 auto;}
.i-cont{width: 100%;background-color: #fff;padding: 1.4rem 0;font-size: 0;}
.i-form{width: 480px;margin: 0 auto;}
.i-c{color: #002338;margin-bottom: .8rem;text-align: center;font-weight: bold;}

.i-d{width: 100%;}
.i-item{width: 100%;border-bottom: 1px solid #e1e1e1;margin-bottom: .3rem;position: relative;}
.i-e{border: none;outline-style: none;width: 100%;height: 40px;color: #333;} 
.i-right{position: absolute;top: 50%;right: 0; transform: translate(0,-50%);}
.see-password{display: inline-block;}
.see-password-icon{display: block;cursor: pointer; width: 24px;height: 40px;background-image: url(../images/a11.png);background-size:24px auto;background-position: center center;background-repeat: no-repeat;}
.see-password.show .see-password-icon {background-image: url(../images/a11-b.png); }
.i-item:hover{border-bottom: 1px solid #666666;}

.i-f{width: 100%;padding-top: .4rem; }
.i-g{border: none;outline-style: none;width: 100%;height: 50px; color: #ffffff;cursor: pointer; background-color: #002338;}
.i-g:hover{    background-color: #eb6732;}

.i-h{width: 100%;text-align: center;margin-bottom: .4rem;}
.i-h img{width: .9rem;}
.i-i{color: #002338;font-weight: bold;line-height: 1.2;text-align: center;margin-bottom: .4rem;}
.i-j{color: #555555; line-height: 1.2;text-align: center;}

.i-k{display: block;cursor: pointer;color: #002338;}
.i-k.gray{color: #555555;}


@media(max-width:750px){
    .i-cont{padding: .5rem 0;}
    .i-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .i-cont{padding:.8rem .3rem;}
    .i-form{width: 100%;}
}

.j-a{width: 100%;}
.j-b{width: 100%;}
.j-cont{width: 100%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.j-item{width: 50%;display: inline-block;cursor: pointer;transition: all .3s;}
.j-c{width: 100%;position: relative;overflow: hidden;}
.j-c img{width: 100%;transform: scale(1.00);transition: all .3s;}
.j-d{width: 100%;padding: .25rem 2rem .25rem .6rem;position: relative;}
.j-e{color: #002338;line-height: 1.2;font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: .2rem;}
.j-f{color: #666666;line-height: 1.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.j-g{position: absolute;opacity: 0; top: 50%;right: .3rem;transform: translate(0,-50%); min-width: 1.7rem;height: .45rem;text-align: center; color: #ffffff;line-height: .45rem; border: solid 1px #ffffff;}
.j-item:hover{background-color: #002338;}
.j-item:hover .j-c img{transform: scale(1.02);}
.j-item:hover .j-e{color: #fff;}
.j-item:hover .j-f{color: #fff;}
.j-item:hover .j-g{opacity: 1;}
.j-h{width: 100%;text-align: center;padding: .2rem 0;}
.j-move{display: inline-block;cursor: pointer;	color: #002338;	min-width: 2.68rem;padding: 0 .15rem;height: .58rem;line-height: .58rem;background-color: #ffffff;border: solid .01rem #002338;}
.j-move:hover{border: solid 1px #eb6732;color: #eb6732;}

@media(max-width:900px){
    .j-item{width: 100%;margin-bottom: .3rem;}
}

@media(max-width:750px){
    .j-g{display: none;}
    .j-d{padding: .3rem ;}
}

.k-a{width: 100%;padding-top: .38rem;}
.k-b{width: 100%;}
.k-c{width: 50%;padding-left: 2.1rem; margin-bottom: .45rem;font-weight: bold;}
.k-cspan{display: inline-block; width:100%; position: relative;color: #002338;line-height: .72rem; }
.k-cspan:before{content: '— ';position: absolute;top: 0;left: -1.5em;color: #002338;}
.k-cont{width: 100%;font-size: 0;padding-bottom: 1.36rem;}
.k-left{display: inline-block;vertical-align: top; width: 50%;padding-top: .1rem;}
.k-d{width: 100%;}
.k-d img{width: 100%;margin-bottom: .3rem;}

.k-right{display: inline-block;vertical-align: top; width: 50%;padding-left: .6rem;} 
.k-e{width: 7.3rem; color: #001c2d;line-height: .46rem;}
.k-e *{color: #001c2d;line-height: .46rem;}

.k-f{cursor: pointer;width: 100%;font-size: 0;}
.k-g{display: inline-block;vertical-align: top;position: relative; width: 25%;background-size: cover;background-position: center center;background-repeat: no-repeat;height: 5.3rem;}
.k-g:after{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);transition: all .5s;}

.k-h{position: absolute;z-index: 10; top: 50%;left: 0;width: 100%;text-align: center;transform: translate(0,-50%);transition: all .5s;}
.k-himg{display: inline-block;width: 1.23em;margin-bottom: .3rem;}
.k-himg img{width: 100%;}
.k-htext{color: #ffffff;line-height: 1.2;}
.k-g:hover:after{background-color: rgba(0, 0, 0, .3);}
.k-g:hover .k-h{top: auto;bottom: .5rem;transform: translate(0,0);} 

.k-i{cursor: pointer; display: inline-block;vertical-align: top;position: relative;width: 50%;background-size: cover;background-position: center center;background-repeat: no-repeat;height: 5.3rem;}
.k-i:after{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);transition: all .5s;}
.k-j{position: absolute;z-index: 10; top: 50%;left: 0;width: 100%;text-align: center;transform: translate(0,-50%);transition: all .5s;}
.k-k{display: inline-block;width: 65%;position: relative;text-align: left;color: #ffffff;line-height: 2;}
.k-k:before{content: '— ';position: absolute;top: 0;left: -1.5em;color: #ffffff;}
.k-i:hover:after{background-color: rgba(0, 0, 0, .3);}
.k-i:hover .k-j{top: auto;bottom: .5rem;transform: translate(0,0);}

@media(max-width:900px){ 
    .k-c{width: 100%;padding-left: 3em;}
    .k-left{width: 100%;}
    .k-right{width: 100%;padding: .3rem ;}
    .k-e{width: 100%;line-height: 2;}
    .k-e *{ line-height: 2;}
}

@media(max-width:500px){
    .k-k{width:95%;font-size: 16px;}
    .k-himg{font-size: 14px;}
    .k-htext{font-size: 14px;}
    .k-k:before{display: none;}
}

.l-a{width: 100%;}
.l-b{width: 100%;}
.l-c{ margin: 0 auto;padding: .35rem 1.6rem;background-color: #002338;}
.l-cspan{display: inline-block;position: relative;color: #ffffff;letter-spacing: -.03rem;padding-left: 1.3em;}
.l-cspan:before{content: '— ';position: absolute;top: 0;left: 0;color: #ffffff;}

.l-cont{width: 100%;padding: .6rem 1.2rem .2rem;display: flex;flex-wrap: wrap;}
.l-item{display: inline-block;vertical-align: middle;padding: .28rem .58rem .18rem;cursor: pointer;transition: all .3s; width: calc(25% - .8rem);margin: 0 .4rem .6rem;background-color: #acb0b3;text-align: center;}
.l-d{width: 100%;margin-bottom: .28rem;}
.l-e{color: #000000;line-height: 1.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l-f{color: #000000;line-height: 1.2;font-size: 12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l-g{width: 100%;position: relative;margin-bottom: .45rem;}
.l-h{width: 100%;}
.l-h img{width: 100%;}
.l-i{display: none; position: absolute;top: .2rem;left: 0;width: 100%;color: #ffffff;line-height: 1.3;}
.l-j{display: none;position: absolute;bottom: -.35rem;left: 0;width: 100%;}
.l-kicont{display: inline-block; width: .7rem;height: .7rem;background-image: url('../images/a16.png'); background-size: .7rem .7rem;background-position: center center;background-repeat: no-repeat;} 
.l-l{color: #ffffff;line-height: 1.2;} 
.l-j:hover .l-kicont{background-image: url('../images/a16-b.png');}
.l-j:hover .l-l{color: #eb6732;}
.l-m{color: #000000;line-height: 1.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l-item:hover  {background-color: #1c343c;}
.l-item:hover .l-i{display: block;}
.l-item:hover .l-j{display: block;}

@media(max-width:1400px){
    .l-j{bottom: -.4rem;}
}

@media(max-width:1200px){
    .l-item{width: calc(33.33% - .8rem);}
    .l-j{bottom: -.5rem;}
}

@media(max-width:900px){ 
    .l-c{padding: .35rem 10px;}
    .l-cont{padding: .6rem 10px .2rem;}
    .l-item{width: calc(50% - .2rem);margin: 0 .1rem .5rem;}
}

@media(max-width:400px){ 
    /* .l-item{width:100%;margin: 0 0 .5rem;} */
}

.m-a{width: 100%;}
.m-b{width: 100%;font-size: 0;} 
.m-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.m-right{float: left;  width: 50%;background-color: #002338;height: 6.75rem;padding: .6rem 1.1rem .6rem .9rem;}
.m-c{width: 100%;height: 5.5rem;}
.m-cont{width: 100%;padding-left: .7rem;}
.m-e{width: 100%;color: #ffffff;}
.m-f{width: 100%;margin-top: .3rem;padding-bottom: .4rem;margin-bottom: .5rem; border-bottom: 1px solid rgba(255,255,255,.5);}
.m-g{color: #ffffff;line-height: .48rem;}
.m-h{width: 100%;color: #ffffff;}
.m-i{width: 100%;margin-top: .25rem;padding-bottom: .2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m-j{display: inline-block;}
.m-k{color: #ffffff;line-height: .48rem;}

div .mCSB_scrollTools{right: auto;left: 0;} 
div.mCSB_scrollTools{opacity: 1;}
div.mCSB_scrollTools .mCSB_draggerRail{width: .06rem;background-color: rgba(255,255,255,.1);filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: .06rem;background-color: #ffffff;border-radius: .06rem;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #ffffff;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #ffffff;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0;}

.m-left{float: right;  width: 50%;}
.m-map{width: 100%;height: 6.75rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}

@media(max-width:900px){ 
    .m-right{width: 100%;height: auto;}
    .m-c{height: auto;}
    .m-cont{padding-left: 0;}
    .m-g{line-height: 1.8;}
    .m-k{line-height: 1.8;}
    .m-left{width: 100%;}
}

@media(max-width:500px){ 
    .m-right{padding: .5rem .4rem;}
}
.n-a{width: 100%;padding: .75rem 1.6rem 1rem;}
.n-b{width: 100%;}
.n-c{color: #002338;font-weight: bold;}
.n-d{color: #002338; color: #555555;line-height: 2;margin-top: .15rem;margin-bottom: .6rem;}
.n-cont{width: 100%;font-size: 0;}
.n-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.n-form{width: 100%;}
.n-left{float: left;width: 7.7rem;}
.n-item{width: 100%;margin-bottom: .3rem;}
.n-e{display: inline-block;vertical-align: middle;width: 70px;line-height: 1.3;color: #555555;position: relative;}
.n-espan{color: #ff0000;position: absolute;top: 0;left: -.5em;line-height: 1.3;}
.n-f{display: inline-block;vertical-align: middle;width: calc(100% - 70px);}
.n-g{outline-style: none;color: #555555;width: 100%;padding:0 .2rem ; height: 50px;background-color: #ffffff;border: solid 1px #dcdcdc;}

.n-right{float: right;width: 7.7rem;}
.n-h{width: 100%;margin-bottom: .3rem;}
.n-i{display: inline-block;vertical-align: top;width: 70px;padding-top: .05rem; line-height: 1.3;color: #555555;position: relative;}
.n-ispan{color: #ff0000;position: absolute;top: 0;left: -.5em;line-height: 1.3;}
.n-j{display: inline-block;vertical-align: top;width: calc(100% - 70px);}
.n-textarea{outline-style: none;color: #555555;width: 100%;padding:.2rem ;line-height: 1.5; height: calc(150px + .6rem);background-color: #ffffff;border: solid 1px #dcdcdc;}
.n-k{width: 100%;text-align: right;}
.n-submit{border: none;outline-style: none;color: #ffffff;cursor: pointer;	width: 170px;height: 50px;background-color: #002338;}

@media(max-width:900px){ 
    .n-a{padding: .8rem .6rem;}
    .n-left{width: 100%;}
    .n-right{width: 100%;}
    .n-g{height: 35px;}
    .n-textarea{height: 180px;}
    .n-submit{height: 35px;width: 120px;}
    .n-e{width: 50px;}
    .n-f{width: calc(100% - 50px);}
    .n-i{width: 50px;}
    .n-j{width: calc(100% - 50px);}
}

.o-a{width: 100%;}
.o-b{width: 100%;}
.o-cont{width: 100%;}
.o-item{width: 100%;position: relative;}
.o-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.o-left{position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.o-right{float: right;width: 50%;height: 14.4rem;display: flex;align-items: center; padding: .3rem .68rem .3rem;}
.o-l{display: block;}
.o-m{color: #002338;font-weight: bold;margin-bottom: .3rem;}
.o-n{color: #002338;line-height: 1.3;}
.o-n *{color: #002338;line-height: 1.3;margin: .1rem 0;}

.o-item:nth-child(2) .o-left{left: auto;right: 0;}
.o-item:nth-child(2) .o-right{float: left;}

.o-o{width: 100%;font-size: 0;}
.o-p{display: inline-block;vertical-align: middle; width: 50%;}
.o-p img{width: 100%;}

@media(max-width:750px){ 
    .o-left{position: relative; width: 100%;height: auto;padding-top: 150%;}
    .o-right{float: none !important;width: 100%;height: auto;}
}

.p-a{width: 100%;padding: 1.3rem 0 1.2rem;background-color: #f3f3f3;}
.p-b{width: 16.8rem;margin: 0 auto;}
.p-c{width: 100%;text-align: center;margin-bottom: 1rem;}
.p-d{display: inline-block;vertical-align: top;color: #002338;font-weight: bold;line-height: 1.5;margin-right: 1rem;}
.p-e{display: inline-block;vertical-align: top;color: #314d5d;line-height: 1.5;text-align: left;width: 9.2rem;}
.p-cont{width: 100%;}
.p-f{width: 100%;position: relative;}
.p-g{width: 100%;}
.p-h{width: 25%;padding: 0 .5rem;}
.p-i{width: 100%; display: inline-block; cursor: pointer;}
.p-j{display: inline-block;width: 100%;max-width: 3.2rem; overflow: hidden; margin-bottom: .3rem; height: 4.4rem;line-height: 4.4rem;background-color: #f3f3f3;border: solid .02rem #eb6732;text-align: center;}
.p-j img{display: inline-block; max-width: 72%;max-height: 75%;transition: all .3s;transform: scale(1.00);}
.p-k{color: #002338;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.p-i:hover .p-j img{transform: scale(1.05);}

.p-l{opacity: 0;transition: all .3s; position: absolute;top: 38.2%;left: -15px; z-index: 1988;  user-select: none;}
.p-p{position: static;  display: inline-block;vertical-align: middle;width: auto;margin-right: .15rem; color: #1e1e1e;} 
.p-m{position: static;display: inline-block;vertical-align: middle;margin-top: 0; width: .29rem;height: .13rem;background-image: url('../images/a9-b.png');background-size: .29rem .13rem; }
.p-n{display: none;}
.p-cont:hover .p-l{opacity: 1;}

@media(max-width:900px){ 
    .p-a{padding: .8rem .3rem;}
    .p-b{width: 100%;}
    .p-h{width: 33.33%;padding: 0 .3rem;}
    .p-l{display: none;}
    .p-d{width: 100%;margin-bottom: .3rem;margin-right: 0;}
    .p-e{width: 80%;}
}

@media(max-width:500px){ 
    .p-h{width: 50%;padding: 0 .15rem;}
}

.q-a{width: 100%;}
.q-b{width: 100%;}
.q-cont{width: 100%;display: flex;flex-wrap: wrap; }
.q-item{display: block; width: 25%;position: relative;cursor: pointer;}
.q-c{width: 100%;}
.q-c img{width: 100%;}
.q-d{position: absolute;bottom: .5rem;left: .45rem;width: 54%;border-top: 1px solid #ffffff;padding-top: .2rem;}
.q-dspan{display: block; width: 100%;line-height: 1.3;color: #ffffff; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.q-e{display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(4,32,52,.8); }
.q-f{ position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 53%;text-align: center;}
.q-g{color: #ffffff;border-bottom: 1px solid #fff;padding-bottom: .45rem;}
.q-h{margin-top: .88rem; display: inline-block;width: 1.7rem;color: #002338;height: .45rem;line-height: .45rem;background-color: #ffffff;border: solid 1px #002338;}

.q-item:hover .q-d{display: none;}
.q-item:hover .q-e{display: block;}

@media(max-width:900px){ 
    .q-item{width: 33.33%;}
    .q-f{width: 68%;}
    .q-g{padding-bottom: .28rem;}
    .q-h{margin-top: .38rem;}
}

@media(max-width:500px){ 
    .q-item{width: 50%;}
}


.r-a{width: 100%;}
.r-b{width: 100%;}
.r-top{width: 100%;background-color: #002338;padding: .4rem 1.6rem;display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;}
.r-left{display: block;}
.rl-a{display: block;}
.rl-b{display: inline-block;vertical-align: bottom; color: #ffffff;margin-right: .3rem;}
.rl-c{display: inline-block;vertical-align: bottom; color: #a3aaaf;margin-right: .35rem;}
.rl-d{display: inline-block;vertical-align: bottom; color: #a3aaaf;margin-right: .35rem;}
.r-right{display: block;cursor: pointer; color: #ffffff;margin: .15rem 0;}
.r-cont{width: 100%;display: flex;flex-wrap: wrap; }
.r-item{display: block; width: 25%;position: relative;cursor: pointer;border: 1px solid #fff;}
.r-c{width: 100%;height: 4.8rem;}
.r-c img{width: 100%;height: 100%;object-fit: cover;}
.r-d{position: absolute;bottom: .38rem;left: 0;width: 100%; }
.r-d{display: block; width: 100%;text-align: center; line-height: 1.3;color: #002338; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.r-e{display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(4,32,52,.8); }
.r-f{ position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 53%;text-align: center;}
.r-g{color: #ffffff;border-bottom: 1px solid #fff;padding-bottom: .4rem;}
.r-h{margin-top: .88rem; display: inline-block;width: 1.7rem;color: #002338;height: .45rem;line-height: .45rem;background-color: #ffffff;border: solid 1px #002338;}

.r-item:hover  { border: 1px solid rgba(4,32,52,.8);}
.r-item:hover .r-d{display: none;}
.r-item:hover .r-e{display: block;}

.r-a.cont2 .r-item{width: 33.33%;}

@media(max-width:900px){ 
    .r-top{padding: .3rem ;}
    .r-item{width: 33.33%;}
    .r-f{width: 68%;}
    .r-g{padding-bottom: .28rem;}
    .r-h{margin-top: .38rem;}

    .r-a.cont2 .r-item{width: 50%;}
}

@media(max-width:500px){ 
    .r-item{width: 50%;}

    .r-a.cont2 .r-item{width: 100%;}
}

/* .s-a{width: 100%;background-color: #f7f7f7;} */
.s-a{width: 100%; }
.s-b{width: 100%;}
.s-cont{width: 100%;display: flex;flex-wrap: wrap;}
/* .s-left{width: 50%;background-color: #e5e5e5;display: flex;align-items: center;} */
.s-left{width: 50%; display: flex;align-items: center;}
.s-cswiper{width: 100%;position: relative;}
.s-c{width: 100%;}
.s-d{width: 100%;}
.s-e{display: block; width: 100%;}
.s-f{width: 100%;bottom: .57rem;}
.s-f .swiper-pagination-bullet{opacity: 1;margin: 0 .1rem; width: 12px;height: 12px;background-color: #9e9e9e;}
.s-f .swiper-pagination-bullet-active{background-color: #282828;}


.s-right{width: 50%;padding: .78rem .9rem; }
.s-g{color: #002338;font-weight: bold;line-height: 1.2;margin-bottom: .5rem;}
.s-h{color: #002338;line-height: 1.5;}
.s-h *{color: #002338;line-height: 1.5;margin-bottom: .3rem;}
.s-i{width: 100%;}
.s-j{width: 100%;color: #002338;line-height: 1.5;margin-bottom: .3rem;}
.s-k{width: 100%;}

@media(max-width:900px){ 
    .s-left{width: 100%;}
    .s-right{width: 100%;}
}

.t-a{width: 100%;}
.t-b{width: 100%;}
.t-cont{width: 100%;padding: 1rem 1.6rem .01rem;}
.t-c{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap; padding-bottom: .7rem;}
.t-d{color: #002338;font-weight: bold;margin-right: .2rem;margin-bottom: .3rem;}
.t-e{width: 13.1rem;}
.t-f{width: 100%;}
.t-f img{margin-bottom: .3rem;}
.t-g{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.t-g img{width: calc(50% - .2rem);height: auto; margin-bottom: .3rem;}

.t-h{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.t-i {width: calc(50% - .2rem);margin-bottom: .3rem;text-align: center;}
.t-j{display: inline-block;border-radius: .2rem; min-width: 1.7rem;padding: .17rem;text-align: center;color: #002338;cursor: pointer;background-color: #ffffff;border: solid 1px #002338;}
.t-j:hover{border: solid 1px #eb6732;color: #eb6732;}
@media(max-width:900px){ 
    .t-e{width: 100%;}
    .t-cont{padding: .8rem .3rem .2rem;}
}

.u-a{width: 100%;}
.u-b{width: 100%;}
.u-cont{width: 100%;position: relative;}
.u-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.u-bgitem{opacity: 0;transition: all .3s;position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.u-bgitem.show{opacity: 1;}

.u-c{width: 100%;position: relative;z-index: 10;display: flex;flex-wrap: wrap;}
.u-item{width: 25%;position: relative;height: 2.9rem;cursor: pointer;}
.u-d{position: absolute;bottom: .3rem;left: 0;width: 100%;padding: 0 .2rem;}
.u-dspan{display: block;width: 100%;color: #ffffff;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.u-e{opacity: 0;transition: all .3s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffff;}
.u-f{width: 100%;padding: .6rem .2rem .1rem;}
.u-g{color: #000000;line-height: 1.2;font-weight: bold;}
.u-gspan{color: #000000;font-weight: normal;}

.u-m{position: absolute;bottom: .25rem;left: 0; width: 100%;padding: 0 .2rem;}
.u-n{color: #000000;line-height: 1.3;font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.u-o{color: #ee600b;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.u-item:hover .u-e{opacity: 1;}

@media(max-width:900px){ 
    .u-item{width: 33.33%;height: 150px;}
    .u-f{padding: .2rem;}
}
@media(max-width:500px){ 
    .u-item{width:50%;height: 150px;}
}

.v-a{width: 100%;}
.v-b{width: 100%;}
.v-b img{width: 100%;}

.w-a{width: 100%;}
.w-b{width: 100%;}
.w-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.w-left{width: calc(50% - 2px);}
.w-c{width: 100%;font-size: 0;padding: .35rem .3rem; background-color: #f4f4f4;}
.w-d{display: inline-block;vertical-align: top;width: 50%;}
.w-e{color: #000000;line-height: 1.2;}
.w-f{color: #002338;line-height: 1.2;}
.w-g{width: 100%;}
.w-h{width: 100%;}
.w-h img{width: 100%;margin-bottom: 4px;}

.w-right{width: calc(50% - 2px);}
.w-i{width: 100%; font-size: 0;padding: .25rem .3rem; background-color: #002338;}
.w-j{display: inline-block;vertical-align: top;width: 50%;padding-right: .2rem;}
.w-k{ line-height: 1.2;color: #999999;margin-bottom: .2rem;}
.w-k *{line-height: 1.2;color: #999999;}

.w-j:nth-child(2n) .w-k{color: #ccd3d7;}
.w-j:nth-child(2n) .w-k *{color: #ccd3d7;}

.w-l{width: 100%;padding: .35rem;min-height: 4rem;}
.w-m{line-height: 2;color: #334957;}
.w-m *{line-height: 2;color: #334957;}

.w-o{width: 100%;}
.w-p{width: 100%;}
.w-p img{width: 100%;margin-bottom: 4px;}
.w-right .w-g{display: none;}

@media(max-width:900px){ 
    .w-left{width: 100%;}
    .w-right{width: 100%;}
    .w-left .w-g{display: none;}
    .w-right .w-g{display: block;} 
}