@media(min-width: 1901px){
    .s0{font-size: 0;}
    .s12{font-size: 12px;}
    .s13{font-size: 13px;}
    .s14{font-size: 14px;}
    .s15{font-size: 15px;}
    .s16{font-size: 16px;}
    .s17{font-size: 17px;}
    .s18{font-size: 18px;}
    .s19{font-size: 19px;}
    .s20{font-size: 20px;}
    .s21{font-size: 21px;}
    .s22{font-size: 22px;}
    .s23{font-size: 23px;}
    .s24{font-size: 24px;}
    .s25{font-size: 25px;}
    .s26{font-size: 26px;}
    .s27{font-size: 27px;}
    .s28{font-size: 28px;}
    .s29{font-size: 29px;}
    .s30{font-size: 30px;}
    .s31{font-size: 31px;}
    .s32{font-size: 32px;}
    .s33{font-size: 33px;}
    .s34{font-size: 34px;}
    .s35{font-size: 35px;}
    .s36{font-size: 36px;}
    .s37{font-size: 37px;}
    .s38{font-size: 38px;}
    .s39{font-size: 39px;}
    .s40{font-size: 40px;}
    .s41{font-size: 41px;}
    .s42{font-size: 42px;}
    .s43{font-size: 43px;}
    .s44{font-size: 44px;}
    .s45{font-size: 45px;}
    .s46{font-size: 46px;}
    .s47{font-size: 47px;}
    .s48{font-size: 48px;}
    .s49{font-size: 49px;}
    .s50{font-size: 50px;}
    .s51{font-size: 41px;}
    .s52{font-size: 42px;}
    .s53{font-size: 43px;}
    .s54{font-size: 44px;}
    .s55{font-size: 45px;}
    .s56{font-size: 46px;}
    .s57{font-size: 47px;}
    .s58{font-size: 48px;}
    .s59{font-size: 49px;}
    .s60{font-size: 50px;}
    .s70{font-size: 70px;}
    .s85{font-size: 85px;}
    .s140{font-size: 140px;}
}
@media(max-width: 1900px) 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);}
    .s70{font-size: calc(12px + 58 * 100vw / 1920);}
    .s85{font-size: calc(12px + 73 * 100vw / 1920);}
    .s140{font-size: calc(12px + 128 * 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);}
    .s70{font-size: calc(12px + 58 * 550px / 1920);}
    .s85{font-size: calc(12px + 73 * 550px / 1920);}
    .s140{font-size: calc(12px + 128 * 550px / 1920);}
}


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

.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}  

/* 引入字体文件 */
@font-face {
	font-family: 'Montserrat-Light';
	src: url('../font/Montserrat-Light.otf');
   }
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../font/Montserrat-Black.otf');
   }

body{padding-top: 60px;}
body.special{padding-top: 0;}
.main{min-height:calc(50vh)}
@media(max-width: 1200px) {
    body{padding-top:50px;}
    body.special{padding-top: 0;}
}

/* 头部 */
.header {width: 100%;height: 60px; position: fixed;left: 0;top: 0;z-index: 100;background: rgb(255, 255, 255);border-bottom: 1px solid #eee;}
.h-a {width: 1320px;margin: 0 auto;transition: all .1s; left: 0;position: relative; visibility: visible;}
.h-a:after {content: ".";display: block;height: 0; clear: both;visibility: hidden;line-height: 0;font-size: 0;}
.h-b {float: left; display: block;width: 33px;}
.h-bimg1{display: none;width: 100%;height: 60px;line-height: 60px;}
.h-bimg1 img{width: 100%;}
.h-bimg2{display: block;width: 100%;height: 60px;line-height: 60px;}
.h-bimg2 img{width: 100%;}

.h-d{float: right;padding-top: 22px; margin-right: 15px;margin-left: 1.3rem;position: relative;}
.h-search{display: block; width: 19px; height: 19px; background-image: url('../images/a2-b.png');background-size: 19px 19px;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.h-e{ display: block;border-bottom-left-radius: 18px;visibility: hidden; border-bottom-right-radius: 18px; position: fixed;top:-100%;left:50%;transform: translate(-50%,0);width: 682px;max-width: 90%;  max-height:calc( 100vh - 60px); z-index: 20;overflow: hidden;}
.h-ea{position: relative;width: 100%;}
.h-eb{overflow: hidden;z-index: 30;background-color: transparent;border: none;outline-style: none; white-space: nowrap;text-overflow: ellipsis;font-size: 17px;line-height: 1.29412;letter-spacing: -.021em;color: #fff; outline: none; width: calc(100% - 39px - 38px);height: 60px;position: relative;padding: 0 38px 0 39px;}
.h-ee{left: 0;background-color: transparent;border: none;outline-style: none;background-size: 20px 20px;background-repeat: no-repeat;background-image: url('../images/a2.png');background-position:  center center;background-repeat: no-repeat;position: absolute;opacity: .8;z-index: 31;top: 0;width: 38px;height: 60px;cursor: pointer;-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);}
.h-ef{right: 0;background-color: transparent;border: none;outline-style: none;opacity: .8; background-size: 13px 13px;background-repeat: no-repeat;background-image: url('../images/a2-d.png');background-position:  center center;background-repeat: no-repeat;position: absolute;opacity: .8;z-index: 31;top: 0;width: 38px;height: 60px;cursor: pointer;-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);}
.h-eg{width: 100%;padding: 10px 10px 18px;background-color: #fff;}
.h-eh{font-size: 12px;color: #6e6e73;line-height: 2;padding-left: 20px;margin-bottom: 5px;}
.h-ei{width: 100%;font-size: 0;margin-bottom: 10px;}
.h-ej{display: inline-block;width: 100%; cursor: pointer; color: #1d1d1f;padding-left: 35px; font-size: 14px;line-height: 2;}
.h-ej:hover{color: #00a7eb;background-color: #f5f5f7;}
.h-eh{transform: translateX(0.5rem);opacity: 0;transition: all ease .3s 0.3s;}
.header.search-state .h-eh{transform: translateY(0);opacity: 1;transition: all  0.1s;}
.h-ej{transform: translateX(0.5rem);opacity: 0;transition: all ease .4s 0.3s;}
.header.search-state .h-ej{transform: translateY(0);opacity: 1;transition: all  0.1s;}
.header.search-state .h-e{top:0;visibility: visible; }
.header.search-state{border-bottom: none !important;} 
.header.search-state .h-opa {display: block;}
.header.search-state  .h-a{position: relative;left: -10px; visibility: hidden;}
.h-ea input::-webkit-input-placeholder,
.h-ea textarea::-webkit-input-placeholder{color: #fff;}
.h-ea input:-moz-placeholder,
.h-ea textarea:-moz-placeholder{color: #fff;}
.h-ea input::-moz-placeholder,
.h-ea textarea::-moz-placeholder{color: #fff;}
.h-ea input:-ms-input-placeholder,
.h-ea textarea:-ms-input-placeholder{color: #fff;}

.h-language{float: right;margin-top: 20px;font-size: 0;}
.h-lanitem{display: inline-block;vertical-align: middle;cursor: pointer;margin-left: 10px; width: 23px;height: 23px;background-size: cover;background-position: center center;border-radius: 50%;}
.h-lanitem:hover{opacity: .8;}

.h-h{float: right;font-size: 0;}
.h-i{display: inline-block;vertical-align: top;padding:0  40px;position: relative;}
.h-j{display: inline-block; color: #333333;font-size: 14px;font-family: Montserrat-Light;cursor: pointer;line-height: 60px;height: 60px;position: relative;}
.h-j:after{content: '';position: absolute;display: block;overflow: hidden;left: 50%;bottom: 0;width: 0;height: 1px;opacity: 0;-webkit-transition: all 0.1s cubic-bezier(0.215,0.61,0.355,1) 0s;transition: all 0.1s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.h-i:hover .h-j{color: #00a7eb;}
.h-i:hover .h-j:after{background: #00a7eb;width: 100%;opacity: 1;left: 0;}
.h-i.active .h-j{color: #00a7eb;}
.h-i.active .h-j:after{background: #00a7eb;width: 100%;opacity: 1;left: 0;}

.h-sub {display: none;  overflow: hidden; width:100%;transition:  all .3s;min-height: 300px; position: fixed; top:60px;left:0;z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);background-color: #222222; background-image: url('../images/b50.jpg');background-size: 350px 100%;background-position: top right;background-repeat: no-repeat;}
.has-nav.has-show  .h-sub{ display: block;}
.h-subcont{width: 1320px;margin: 0 auto;}
.h-subcont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-sitemcont{float: left; width: 350px;padding-top: 30px;padding-bottom: 30px;}
.h-sitem{width: 100%;}
.h-sa{width: 100%;cursor: pointer;padding-right: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;font-family: Montserrat-Light;font-size: 16px;line-height: 40px;color: #ffffff;}
.h-sa:after { content: ''; position: absolute; top: 50%; right: 22px; width: 8px;height: 12px;background-image: url(../images/a32.png);background-size: 8px 12px;transform: translate(0,-50%);background-position: center center;background-repeat: no-repeat;}
@media(min-width: 1400px) {
    .h-sitem.show .h-sa:after {background-image: url(../images/a32-b.png);}
}


.h-pc{float: left;width: 970px;padding-top: 30px; position: relative;}
.h-pcitemcont{width: 100%;position: relative;z-index: 30;}
.h-pcitem{width: 100%;display: none;padding-left: 20px;}
.h-pcb{width: 100%;margin-bottom: .3rem;}
.h-pcc{display: block;cursor: pointer;margin-bottom: 15px; width: 100%;	font-family: Montserrat-Light;font-size: 16px;color: #ffffff;}
.h-pcc:hover{color: #00a7eb;}
.h-pcd{width: 100%;color: #777676;font-family: Montserrat-Light;font-size: 12px;line-height: 1.3;} 
.h-pcd *{width: 100%;color: #777676;font-family: Montserrat-Light;font-size: 12px;line-height: 1.3;} 
.h-pcitem.show{display: block;}
.h-pcb{width: 100%;}

.h-pcbg{position: absolute;top: 0;left: 0;width: 120%;height: 100vh; background-color: #2e2d2d;}

.h-sb{display: none;}

.h-menu {width: 40px;height: 40px;display: none;vertical-align: top;background-image: url(../images/a3.png);background-size: 30px 30px;background-position: center center;background-repeat: no-repeat;}
.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;}

body.special .header{background-color: transparent;border-bottom: 1px solid rgba(255,255,255,.25);}
body.special .header.fixed{background-color: rgba(0, 0, 0, 0.8);}
body.special .header .h-bimg1{display: block;}
body.special .header .h-bimg2{display: none;}
body.special .header .h-search{background-image: url(../images/a2.png);}
body.special .header .h-j{color: #fff;}
body.special .header .h-i:hover .h-j{color: #00a7eb;}
body.special .header .h-i:hover .h-j:after{background: #00a7eb;}
body.special .header .h-i.active .h-j{color: #00a7eb;}
body.special .header .h-i.active .h-j:after{background: #00a7eb;}
body.special .h-menu{background-image: url(../images/a3-b.png);}


@media(max-width: 1400px) {
    .h-a{width: 1180px;}
    .h-subcont{width: 1180px;}
    .h-pc{width: 830px;}
}

@media(max-width: 1200px) {
    .header{height: 50px;padding: 0 .2rem;}
    .h-a{width: 100%;}
    .h-b{width: 28px;}
    .h-bimg1{line-height: 50px;height: 50px;}
    .h-bimg2{line-height: 50px;height: 50px;}
    .h-d{padding-top: 15px;margin-left: 0;}
    .h-language{margin-top: 13px;margin-right:50px;}

    .h-h {width: 260px;position: fixed;right: 0;top: 0;height: 100vh;text-align: left; background-color: #fff;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .h-i {width: 100%;padding: 0;margin: 0;border-bottom: 1px solid #ccc;}
    .h-j { padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666 !important;font-size: 14px;}
    .h-j:after{width: 0 !important;}
    .h-i.has-nav:after {content: "";background-image: url('../images/a-right.png');background-size: 15px 15px;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .h-i.has-nav.show:after {background-image: url('../images/a-down.png');}
    .h-sub {position: relative;top: 0;box-shadow: none;width: 100%;height: auto;padding-top: 0;}
    .h-sitem.shows .h-sa:after{width: 15px;height: 15px; background-size: 15px 15px;background-image: url(../images/a-down.png);}
    .h-subcont{width: 100%;}
    .h-pc{display: none;}
    .h-sitemcont{float: none;width: 100%;}
    .h-sitem.shows .h-sb{display: block;padding-left: 30px;}
    .h-sa{width: 100%;padding-left: 20px;}
    .h-sc{width: 100%;margin-bottom: 10px;}
    .h-sd{ display: block;cursor: pointer; width: 100%;	font-family: Montserrat-Light;font-size: 16px;color: #fff;line-height: 30px;cursor: pointer;}
    .h-sd:hover{color: #00a7eb;}
    .h-se{width: 100%;color: #fff;font-family: Montserrat-Light;font-size: 12px;line-height: 1.3;} 
    .h-se *{width: 100%;color: #fff;font-family: Montserrat-Light;font-size: 12px;line-height: 1.3;} 

    .h-menu {display: inline-block;position: absolute;right: 0;top: 5px;}

    .h-eb{height: 50px;line-height: 50px;}
    .h-ee{height: 50px;line-height: 50px;}
    .h-ef{height: 50px;line-height: 50px;}
    
    /* 菜单 */
    .header.menu-state .h-h {transform: translate(0, 0);}
    .header.menu-state .h-opa {display: block;}
}

@media(max-width: 750px) {
    .h-e{width: 95%;}
}

.f-a{width: 100%;background-color: #222222; overflow: hidden;}
.f-b{width: 100%; border-bottom: 1px solid rgba(255,255,255,.1);padding: .7rem 0;}
.f-c{width: 1320px;margin: 0 auto;font-size: 0;}
.f-c:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-d{float: left; margin-right: 1.4rem;}
.f-e{display: block; color: #ffffff;position: relative;padding-bottom: .2rem;margin-bottom: .2rem;font-family: Montserrat-Bold;}
.f-e:after{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: 1px;background-color: #4e4e4e;}
.f-f{display: inline-block;}
.f-g{display: block;cursor: pointer;color: #656565;line-height: 2;font-family: Montserrat-Light;}
.f-g:hover{color: #fff;}
.f-d:nth-last-child(2){margin-right: 0;}
.f-d:nth-last-child(1){width: 11.5em;float: right;margin-right: 0;}
.f-d:nth-last-child(1) .f-f{font-size: 0;}
.f-h{display: inline-block;vertical-align: middle;margin-right: 1em;margin-bottom: .15rem;cursor: pointer;}
.f-h:nth-child(3n){margin-right: 0;}
.f-himg1{display: block;width: 3em;height: 3em;line-height: 3em;text-align: center; border-radius: 50%;background-color: #333333;}
.f-himg1 img{max-width: 54.76%;max-height: 47.6%;}
.f-himg2{display: none;width: 3em;height: 3em;line-height: 3em;text-align: center; border-radius: 50%;background-color: #00a7eb;}
.f-himg2 img{max-width: 54.76%;max-height: 47.6%;}
.f-h:hover .f-himg1{display: none;}
.f-h:hover .f-himg2{display: block;}
.f-i{width: 1320px;margin: 0 auto;font-size: 0;text-align: center;padding: .2rem 0;}
.f-j{display: inline-block;vertical-align: middle;color: #4e4e4e;line-height: 1.3;margin: 0 .25rem;font-family: Montserrat-Light;}

@media(max-width: 1400px) {
    .f-c{width: 100%;padding: 0 10px;}
    .f-i{width: 100%;padding:  10px;}
}


@media(max-width: 1200px) {
    .f-d{margin-right: 1rem;}
}

@media(max-width: 900px) {
    .f-b{border-bottom: none;padding-bottom: .3rem;}
    .f-d{margin-bottom: .2rem;width: 100% !important;margin-right: 0 ;border-bottom: 1px solid rgba(255,255,255,.1);position: relative;cursor: pointer;}
    .f-d:after {content: "";background-image: url('../images/a-right.png');background-size: 15px 15px;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .f-d.show:after {background-image: url('../images/a-down.png');}
    .f-f{display: none;margin-bottom: .2rem;}
    .f-g{width: 100%;display: block;line-height: 2;}
    .f-e{height: 30px;line-height: 30px;}
    .f-e:after{width: 0;}
    .f-h:nth-child(3n){margin-right: 1em;}
    .f-j{width: 100%;margin: 0 ;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{display: inline-block;vertical-align: middle;cursor: pointer;font-family: Montserrat-Bold;margin: 0 .1rem; color: #999999; width: .5rem;height: .5rem;line-height: .5rem;}
.paging-left{position: relative; display: inline-block;vertical-align: middle;cursor: pointer;font-family: Montserrat-Bold;margin: 0 .1rem; color: #999999; width: .5rem;height: .5rem;line-height: .5rem;border-radius: 50%;}
.paging-left:after{content: ''; position: absolute;top: 0;left: 0;width: .5rem;height: .5rem;color: #999999;background-image: url('../images/a22.png');background-size: .5rem .5rem;background-position: center center;background-repeat: no-repeat;}
.paging-right{transform:rotate(180deg); position: relative; display: inline-block;vertical-align: middle;cursor: pointer;font-family: Montserrat-Bold;margin: 0 .1rem; color: #999999; width: .5rem;height: .5rem;line-height: .5rem;border-radius: 50%;}
.paging-right:after{content: ''; position: absolute;top: 0;left: 0;width: .5rem;height: .5rem;color: #999999;background-image: url('../images/a22.png');background-size: .5rem .5rem;background-position: center center;background-repeat: no-repeat;}

.paging-item:hover{color: #333333;}
.paging-item.active{color: #333333;}
.paging-left:hover{transform:rotate(180deg);}
.paging-left:hover:after{background-image: url('../images/a23.png');}
.paging-right:hover{transform:rotate(0deg);}
.paging-right:hover:after{background-image: url('../images/a23.png');}


.a-a{width: 100%;overflow: hidden;}
.a-b{width: 100%;position: relative;height: 100vh; position: relative;}
.a-c{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.a-d{width: 100%;}
.a-e{display: block; width: 100%;position: relative;height: 100%;}
.a-f{position: relative;z-index: 3; width: 100%;height: 100%;background-size: cover;background-position: center center; }
.a-ftext{position: absolute;left: 0;top:28.2% ;text-align: center;width: 100%; font-size: calc(12px - 0.12rem + 0.82rem);line-height: 1.2;}
.a-ftext *{font-family: Montserrat-Bold;color: #ffffff;line-height: 1.2;}
.a-i{display: none; position: relative;z-index: 3; width: 100%;height: 100%;background-size: cover;background-position: center center; }
.a-itext{position: absolute;left: 0;top:28.2% ;text-align: center;width: 100%; font-size: calc(12px - 0.12rem + 0.82rem);line-height: 1.2;}
.a-itext *{font-family: Montserrat-Bold;color: #ffffff;line-height: 1.2;}

.a-h{z-index: 10;width: 1.4rem;height:1.4rem;margin-left: -.7rem;left: 50%;top: 55.1%;position: absolute;cursor: pointer;}
.a-h:before {content: ''; width: 1.4rem;height:1.4rem;  animation: rotate360 5s linear infinite;position: absolute;left: 0;top: 0; background: url(../images/a11.png) no-repeat center;background-size: contain;}
.a-h:after{content: '';  width: 1.4rem;height:1.4rem;position: absolute;left: 0;top: 0;background: url(../images/a11-b.png) no-repeat center;background-size: contain;}

/*视频容器样式*/
.v-a{position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 10000000;transition: top .5s ease-in-out;}
.v-a.show{top: 0;}
.v-a.show .v-e{visibility: visible;}
.v-a.show .v-f{display: block;}
.v-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.v-c{display: block;width: 23px;height: 23px;position: absolute;right: .4rem;top:20px;cursor: pointer;z-index: 10000;}
.v-d{display: block;width: 100%;height: 100%;background-image: url('../images/a2-d.png');opacity: .8; background-size: 15px 15px;background-position: center center;background-repeat: no-repeat;}
.v-e{visibility: hidden;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;max-width: 100%;max-height: 100%;margin: auto;}
.v-f{display: none;position: absolute;top: 50%;left: 50%;max-width: 800px;max-height: calc(100% - 80px);transform: translate(-50%,-50%);}

@media(max-width: 1600px) {
    .a-ftext{ font-size: calc(12px - 0.12rem + 0.7rem);}
    .a-itext{ font-size: calc(12px - 0.12rem + 0.7rem);}
}

@media(max-width: 1200px) {
    .a-ftext{ font-size: calc(12px - 0.12rem + 0.5rem);}
    .a-itext{ font-size: calc(12px - 0.12rem + 0.5rem);}
    .v-c{right: .3rem;top: 55px;}
}

@media screen and (max-width: 768px){
    .a-ftext{ font-size: calc(12px - 0.12rem + 0.4rem);}
    .a-itext{ font-size: calc(12px - 0.12rem + 0.4rem);}
    .a-f{display: none;}
    .a-i{display: block;}
}


.b-a{width: 100%;padding-top: .9rem;overflow: hidden;}
.b-b{width: 13.2rem;margin: 0 auto;}
.b-c{width: 100%;margin-bottom: .4rem;}
.b-c:after{content:"";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.b-d{float: right; position: relative;margin-bottom: .3rem;}
.b-d:after{content: '';position: absolute;top: 0;right: .17rem;width: 76.2%;height: 100%;background-color: #f5f5f5;}
.b-dcont{padding-top: 1.4rem;position: relative;z-index: 10;}
.b-e{color: #333333;letter-spacing: .17rem;font-family: Montserrat-Bold;margin-bottom: .5rem;}
.b-f{padding-bottom: 1.15rem;padding-left: .55rem;padding-right: .17rem;}
.b-g{padding-bottom: .25rem;color: #999999;}
.b-g:nth-child(1){padding-left: 0;}
.b-g:nth-child(2){padding-left: .8rem;}
.b-g:nth-child(3){padding-left: 1.6rem;}
.b-g:nth-child(4){padding-left: 2.4rem;}
.b-g:nth-child(5){padding-left: 2.4rem;}

.b-h{display: block;float: left;position: relative;width: 7.5rem;margin-bottom: .3rem;cursor: pointer;}
.b-himg{width: 100%;margin-bottom: .25rem;overflow: hidden;}
.b-himg img{width: 100%;transform: scale(1.00);transition: all .3s;}
.b-hcont{width: 100%;position: relative;}
.b-htext{line-height: 1.25;font-family: Montserrat-Bold;padding-right: .35rem;}
.b-hicon{position: absolute;top:50%;right: 0;width: .35rem;transform: translate(0,-50%); transition: all .3s;font-family: Montserrat-Light;height: .35rem;text-align: center;line-height: .35rem;color: #333333; border-radius: 50%;border: solid 1px #dcdcdc;}
.b-h:hover .b-hicon{background-color: #333333;border: solid 1px #333333;color: #fff;}
.b-hmove{position: absolute;top: .3rem;left: .3rem;transition: all .3s; display: block;font-family: Montserrat-Light; padding:0 .15rem;height: .26rem;line-height: .26rem; color: #00a7eb;border-radius: .13rem; border: solid 1px #00a7eb;}
.b-hmove:hover{background-color: #00a7eb;color: #fff;}
/* .b-h:hover .b-himg img{transform: scale(1.10);transition: all .3s;} */
.b-h:hover .b-htext{color: #00a7eb;}
.b-i{width: 100%;padding-bottom: .6rem;}
.b-i:after{content:"";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.b-h2{float: left;width: 4rem;}
.b-h3{float: right;width: 7.5rem;}

@media screen and (max-width: 900px){
    .b-i{padding-bottom: .5rem;}
    .b-b{width: 100%;padding: 0 10px;}
    .b-d{width: 100%;}
    .b-d:after{right: 0;}
    .b-h{width: 100%;}
    .b-h2{width: 30.76%;}
    .b-h3{width: 57.69%;}
}


@media screen and (max-width: 500px){
    .b-htext{font-size: 12px;}
    .b-g{display: inline-block;width: 50%; margin-left: 0 !important;padding-left: 0 !important; font-size: 11px;}
    .b-dcont{padding-top: 0;}
    .b-e{font-size: 30px;text-align: center;margin-bottom: 11px;letter-spacing:normal;}
    .b-f{padding: 0;text-align: center;font-size: 0;}
    .b-d:after{width: 0;}
    .b-d {margin-bottom: 0;}
    .b-a{padding-top: .5rem;}
}

.c-a{width: 100%;padding-bottom: .9rem;overflow: hidden; }
.c-b{width: 100%;position: relative;}
.c-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.c-c{float: right;padding-right: .6rem;padding-top: 1.2rem;padding-bottom: .5rem; width: 84.37%;text-align: right; background-color: #f5f5f5;}
.c-d{ display: inline-block;text-align: center;}
.c-e{color: #333333;padding: 0 .1rem; font-family: Montserrat-Bold;margin-bottom: .6rem;}
.c-f{color: #999999;padding: .25rem 0;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;font-family: Montserrat-Light;}
.c-g{position: absolute;bottom: 0; width:  84.37%;overflow: hidden;cursor: pointer;}
.c-g img{width: 100%; opacity: 1; transition: opacity 3s;}
.c-g:hover img{opacity: .8;}


@media screen and (max-width:1800px){
    .c-c{padding-top: 1rem;padding-bottom: .4rem;}
}
@media screen and (max-width:1600px){
    .c-c{padding-top: .8rem;padding-bottom: .4rem;padding-right: .3rem;}
    .c-e{margin-bottom: .4rem;}

}
@media screen and (max-width:900px){
    .c-a{padding-bottom: .5rem;}
    .c-b{background-color: #f5f5f5;}
    .c-c{float: none;width: 100%;padding-right: 0;padding-top: .5rem;}
    .c-d{width: 100%;text-align: center;}
    .c-e{display: inline-block;vertical-align: middle;margin-bottom: 0;}
    .c-f{display: inline-block;vertical-align: middle;margin: 0 .3rem;}
    .c-g{position: relative;top: 0;left: 0;width: 100%;}
}


@media screen and (max-width:500px){
    .c-e{font-size: 30px;}
    .c-f{margin: 0 .15rem;}
    .c-f{font-size: 11px;}
}

@media screen and (max-width:340px){
    .c-f{margin: 0 .1rem;}
}

.d-a{width: 100%;padding-bottom: .6rem;overflow: hidden;}
.d-b{width: 13.2rem;margin: 0 auto;}
.d-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.d-c{float: left;width: 6rem;}
.d-d{color: #333333;font-family: Montserrat-Bold;margin-bottom: .28rem;letter-spacing: .17rem;}
.d-e{color: #999999;font-family: Montserrat-Light;line-height: 1.3;margin-bottom: .55rem;}
.d-f{display: block;width: 5.75rem;cursor: pointer;position: relative;}
.d-g{width: 100%;overflow: hidden;margin-bottom: .25rem;position: relative;}
.d-g img{width: 100%;height: auto;}
/* .d-g1{backface-visibility: hidden;transition: all .5s ease 0s;}
.d-g2{backface-visibility: hidden;opacity: 0;position: absolute;top: 0;left: 50%;transition: all .5s ease 0s;} */
/* .d-f:hover .d-g1{opacity: 0;transform: translateX(-50%);}
.d-f:hover .d-g2{opacity: 1; left: 0;} */
.d-cont{width: 100%;position: relative;}
.d-h{line-height: 1.25;font-family: Montserrat-Bold;padding-right: .35rem;}
.d-icon{position: absolute;top:50%  ;right: 0;transition: all .3s;transform: translate(0 , -50%); width: .35rem;font-family: Montserrat-Light;height: .35rem;text-align: center;line-height: .35rem;color: #333333; border-radius: 50%;border: solid 1px #dcdcdc;}
.d-f:hover .d-icon{background-color: #333333;border: solid 1px #333333;color: #fff;}
.d-f:hover .d-h{color: #00a7eb;}
.d-j{float: right;}

.d-f2{width: 6.6rem;margin-top: 1.7rem;margin-bottom: .95rem; height: 3.1rem;background-color: #f5f5f5;padding-top: 2.4rem;padding-left: .55rem;padding-right: .55rem;}
.d-f2 .d-g{position: absolute;top: -1.7rem;left: .55rem; width: 5.5rem;}
.d-f2 .d-g img{width: 100%;}
.d-f2 .d-icon{  right: 0;background-color: #fff;}
.d-f2 .d-icon:hover{background-color: #333333;border: solid 1px #333333;color: #fff;}
.d-f3{width: 6.6rem;}

@media screen and (max-width:1600px){
    .d-f2{margin-bottom: .8rem;}
}
@media screen and (max-width:1400px){
    .d-f2{margin-bottom: .6rem;}
}

@media screen and (max-width:900px){
    .d-a{padding-bottom: .5rem;}
    .d-b{width: 100% ;padding:  0 10px;}
    .d-c{width: 100%;text-align: center;}
    .d-f{display: inline-block;max-width: 80%;text-align: left;}
    .d-j{width: 100%;font-size: 0;margin-top: .3rem;}
    .d-f2{display: inline-block;vertical-align: top;margin-top: 0;margin-bottom: 0;padding: 0;height: auto;background-color: #fff; width: calc(49% - .2rem) ;margin-right: .2rem;}
    .d-f2 .d-g{position: relative;top: 0;left: 0;width: 100%;}
    .d-f2 .d-icon{ right: 0;background-color: transparent;}
    .d-f3{display: inline-block;vertical-align: top;width: calc(51% - .2rem) ;margin-left: .2rem;}
}

@media screen and (max-width:500px){
    .d-f2{width: calc(49% - .1rem) ;margin-right: .1rem;}
    .d-f3{width: calc(51% - .1rem) ;margin-left: .1rem;}
    .d-h{font-size: 12px;}
    .d-d{font-size: 30px;margin-bottom: 11px;text-align: center;letter-spacing:normal;}
    .d-e{font-size: 11px;text-align: center;margin-bottom: .3rem;}
}

.e-a{width: 100%;overflow: hidden;}
.e-b{width: 100%;text-align: center;}
.e-c{color: #333333;font-family: Montserrat-Bold;margin-bottom: .28rem;letter-spacing: .17rem;text-align: center;}
.e-d{color: #999999;font-family: Montserrat-Light;line-height: 1.3;margin-bottom: .45rem;text-align: center;}
.e-e{display: block;cursor: pointer; width: 100%;overflow: hidden;}
.e-e img{width: 100%;opacity: 1; transition: all .3s;}
/* .e-e:hover img{opacity: .8;} */

.g-a{width: 100%;overflow: hidden;}
.g-b{width: 100%;}
.g-c{text-align: center;position: relative;width: 100%;display: block;cursor: pointer;}
.g-d{display: block;cursor: pointer; width: 100%;overflow: hidden;}
.g-d img{width: 100%;}
.g-e{font-family: Montserrat-Bold;position: absolute;top: 50%;transition: all .3s;margin-top: 0; left: 0;width: 100%;padding: 0 .2rem;transform: translate(0  , -50%); line-height: 1.3;color: #00a7eb;}
.g-e:hover {margin-top: 3px;}


@media screen and (max-width:700px){
    .g-d img{width: auto;height: 80px;position: relative;top: 0;left: 50%;transform: translate(-50%,0);}
}

@media screen and (max-width:500px){
    .e-c{font-size: 30px;margin-bottom: 14px;letter-spacing:normal;}
    .e-d{font-size: 11px;margin-bottom: .3rem;}
}


.i-a{width: 100%;padding: .4rem 0 ;overflow: hidden;}
.i-b{width: 13.2rem;margin: 0 auto;}
.i-c{width: 100%;font-size: 0;}
.i-d{color: #333333;display: inline-block;vertical-align: middle;position: relative;line-height: 1.4;cursor: pointer;}
.i-d:after{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 1px; background-color: #333333;transition: all .3s;}
.i-d:hover:after{left: 0;width: 100%;}
.i-d.active:after{left: 0;width: 100%;}
.i-e{color: #999999;display: inline-block;vertical-align: middle;margin: 0 .08rem;}

@media screen and (max-width:900px){
    .i-b{width: 100%;padding: 0 10px;}
    .i-a{white-space: nowrap;overflow: auto;}
}

.j-a{width: 100%;padding-top: .5rem;padding-bottom: .9rem;border-bottom: 1px solid #eeeeee;overflow: hidden;}
.j-b{width: 13.2rem;margin: 0 auto;font-size: 0;}
.j-c{display: inline-block;vertical-align: top; width: calc(100% - 6.4rem);text-align: center;padding: 0 .2rem;}
.j-c img{max-width: 100%;max-height: 100%;}
.j-d{display: inline-block;vertical-align: top;width: 6.4rem;padding-top: .35rem;}
.j-e{font-family: Montserrat-Bold;color: #333333;padding-bottom: .4rem;margin-bottom: .35rem;position: relative;border-bottom: 1px solid #eeeeee;}
.j-e:after{content: '';position: absolute;bottom: 0;left: 0; height: .04rem;width: .75rem; background-color: #333333;}
.j-f{width: 100%;padding-left: .18rem;font-family: Montserrat-Light;color: #999999;line-height: 1.6;}
.j-f *{font-family: Montserrat-Light;color: #999999;line-height: 1.6;}
.j-f P{position: relative;margin-bottom: .15rem;}
.j-f P:after{content: '';position: absolute;top: .1rem;left: -.18rem;border-radius: 50%; width: .05rem;height: .05rem;background-color: #999999;}

@media screen and (max-width:900px){
    .j-b{width: 100%;padding: 0 10px;}
    .j-c{width:100%;text-align: center;}
    .j-c img{width: 50%;}
    .j-d{width: 100%;}
}

@media screen and (max-width:500px){
    .j-c img{width: 80%;}
}

.k-a{width: 100%;overflow: hidden;}
.k-b{width: 13.2rem;margin: 0 auto;}
.k-c{width: 100%;}
.k-c:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.k-e{float: right;}
.k-f{display: inline-block;vertical-align: middle;position: relative;padding:.34rem 0; margin-left: .5rem;cursor: pointer; font-family: Montserrat-Bold;color: #999999;}
.k-f:after{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 1px; background-color: #00a7eb;transition: all .3s;}
.k-f:hover{color: #00a7eb;}
.k-f:hover:after{left: 0;width: 100%;}
.k-f.active{color: #00a7eb;}
.k-f.active:after{left: 0;width: 100%;}
.k-g{float: left;padding: .28rem 0; font-family: Montserrat-Bold;color: #333333;}

.k-h{width: 100%;}
.k-item{display: none; width: 100%;}
.k-item.show{display: block;}
.k-aa{width: 100%;text-align: center;padding-bottom: .3rem;}
.k-aa img{max-width: 100%;margin-bottom: .5rem;}

.k-ba{width: 100%;overflow: hidden;}
.k-bb{width: 100%;background-color: #f5f5f5;}
.k-bc{width: 13.2rem;margin: 0 auto;padding:  .2rem 0;text-align: right;font-size: 0;}
.k-bd{margin-left: .4rem;cursor: pointer;font-family: Montserrat-Light;color: #333333; display: inline-block;vertical-align: top; width: auto;min-width: 1.6rem;padding: .18rem .35rem;border: solid 2px #333333;}
.k-bd:hover{background-color:#00a7eb;border: solid 2px #00a7eb;color: #fff;}
.k-be{width: 13.2rem;margin: 0 auto;padding-top: .4rem;}
.k-bf{width: 100%;margin-bottom: .4rem;border-bottom: 1px solid #eeeeee;font-size: 0;}
.k-bg{display: inline-block;vertical-align: top; width: 50%;padding-bottom: .3rem;}
.k-btiltles{width: 100%;font-size: 0;margin-bottom: .2rem;}
.k-bh{display: inline-block;vertical-align: middle; width: .65rem;height: .65rem;line-height: .65rem;text-align: center; border-radius: 50%; background-color: #f5f5f5;}
.k-bh img{width: .27rem;}
.k-bi{display: inline-block;vertical-align: middle; font-family: Montserrat-Bold; color: #333333;margin-left: .1rem;}
.k-bj{color: #333333;font-family: Montserrat-Light;color: #333333;line-height: 2;}
.k-bj *{color: #333333;font-family: Montserrat-Light;color: #333333;line-height: 2;}
.k-bk{width: 100%;margin-bottom: .4rem;}
.k-btable{width: 100%;border: none;}
.k-btable tbody{width: 100%;}
.k-btable td{  border: solid 1px #eeeeee;padding: .1rem .4rem;line-height: 1.3; font-family: Montserrat-Light;color: #333;}
.k-btable td:nth-child(2n){color: #999999;}
@media screen and (max-width:900px){
    .k-b{width: 100%;padding: 0 10px;}
    .k-e{float: left;width: 100%;text-align: center;}
    .k-f{margin: 0 .2rem;}
    .k-bc{width: 100%;padding: .2rem 10px;}
    .k-be{width: 100%;padding: 0 10px;padding-top: .4rem;}
    .k-btable td{padding: .1rem;}
}

@media screen and (max-width:500px){
    .k-bg{width: 100%;}
    .k-btable tr{display: flex;justify-content: center; flex-wrap:  wrap;}
    .k-btable td{display: flex;justify-content: center;flex-wrap:  wrap;align-items: center; padding: 0 .1rem;height: 2.6em; width: 50%;text-align: center;overflow: hidden; }
}

@media screen and (max-width:400px){
    .k-btable td{height: 3.9em;}
}

.l-a{width: 100%;padding-top: .5rem;padding-bottom: .6rem;overflow: hidden;}
.l-b{width: 100%;}
.l-c{font-family: Montserrat-Bold;color: #333333;text-align: center;margin-bottom: .6rem;}
.l-d{width: 13.2rem;margin: 0 auto;margin-bottom: .6rem;}
.l-d img{width: 100%;}
.l-e{width: 100%;}
.l-f{width: 100%;}
/* .l-fnav{width: 13.2rem;margin: 0 auto;font-size: 0;overflow: auto;white-space: nowrap;} */
.l-fnav{width: 13.2rem;margin: 0 auto;font-size: 0;overflow: auto }
.l-f.active{margin-bottom: .4rem;}
.l-g{display: inline-block;vertical-align: middle;width: 4.25rem;height: 5.45rem; transition: all .5s;padding-top: 1rem; background-image: url('../images/b51.jpg');background-size: cover;background-position: top left; position: relative;margin-right: .2rem;margin-bottom: .2rem;cursor: pointer;}
.l-g:nth-child(3n){margin-right: 0;}
.l-h {width:100%;height: 3.6rem;line-height: 3.6rem;text-align: center; text-align: center; }
.l-h img{max-width: 90%; max-height: 100%;}
.l-i{position: absolute;bottom: .3rem;left: 0;padding: 0 .3rem;width: 100%;	}
.l-imove{position: absolute;color: #333333;right: .3rem;bottom: 0;width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}
.l-itext{font-family: Montserrat-Bold;color: #333333;}
.l-new{position: absolute;top: .3rem;left: .3rem;padding:0 .13rem;width: auto;height: .26rem;line-height: .26rem; border-radius: .13rem;border: solid 1px #00a7eb;font-family: Montserrat-Light;color: #00a7eb;}
.l-j{padding-top: 1.98rem;text-align: center; display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.45);}
.l-jtext{font-family: Montserrat-Bold;color: #ffffff;}
.l-jmove{transform:rotate(90deg);color: #333333;display: inline-block;margin-top: .68rem; width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}
.l-g.actives{width: 3.55rem;}
.l-g.active{width: 5.6rem;}
.l-g.active .l-i{display: none;}
.l-g.active .l-j{display: block;}
.l-g.active .l-new{background-color: #00a7eb;color: #fff;}
.l-fcont{overflow: hidden;height: 0; width: 100%;background-color: #eff0f1;position: relative;}
.l-fcont.show{height: auto;}
.l-k{width: 13.2rem;margin: 0 auto;  position: absolute;left: 100%;top: 0;opacity: 0;transition: all .3s;transition: opacity 2s;}
.l-k.show{position: relative;left: 0; opacity: 1;}
.l-kcont{width: 100%; font-size: 0; padding-top: .8rem;padding-bottom: .15rem;position: relative;}
.l-item{display: inline-block;vertical-align: top;position: relative;transition: all .3s;cursor: pointer; margin-bottom: .3rem;padding-top: .9rem;margin-right: .2rem; width: 3.15rem;height: 4rem; background-color: #ffffff;}
.l-item:nth-last-child(1){margin-right: 0;}
.l-limg{width: 100%;height: 2.4rem;}
.l-limg img{max-width: 100%;max-height: 100%;}
.l-ltext{position: absolute;bottom: .3rem;left: 0;width: 100%;padding: 0 .3rem;padding-right: .65rem; font-family: Montserrat-Bold; color: #333333;}
.l-lmove{position: absolute;color: #333333;right: .3rem;bottom:.2rem;width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}
.l-lnew{position: absolute;top: .3rem;left: .3rem;padding:0 .13rem;width: auto;height: .26rem;line-height: .26rem; border-radius: .13rem;border: solid 1px #00a7eb;font-family: Montserrat-Light;color: #00a7eb;}
.l-item:hover{margin-top: -.15rem;}
.l-item:hover .l-lnew{background-color: #00a7eb;color: #fff;}
.l-item:hover .l-lmove{background-color: #333333;color: #fff;}

.l-m{right: .5rem;left: auto; top: .2rem; margin-top:0; width: .35rem; height: .35rem;background-color: #999;   background-image: url(../images/a31.png);background-size: .2rem .2rem;background-position: center center;background-repeat: no-repeat;}
.l-m:hover{background-color: #00a7eb; }
.l-n{right: 0;  top: .2rem; margin-top:0;transform:rotate(180deg); width: .35rem; height: .35rem;background-color: #999;   background-image: url(../images/a31.png);background-size: .2rem .2rem;background-position: center center;background-repeat: no-repeat;}
.l-n:hover{background-color: #00a7eb; }
.l-o{position: absolute;right: 0; width: .35rem;top: .2rem;  width: .35rem; height: .35rem;background-color: #999;background-image: url('../images/a2-d.png');background-position: center center;background-repeat: no-repeat;background-size: .2rem .2rem;cursor: pointer;}
.l-o:hover{background-color: #00a7eb; }

.la-a{width: 100%;position: absolute;left: -1000%;top: 0;}
/* .la-item{width: 100%;}
.la-b{display: block; width: 100%;transition: all .5s; position: relative; margin-bottom: .2rem;cursor: pointer;}
.la-c{width: 100%; }
.la-c img{width: 100%; }
.la-d{position: absolute;bottom: .3rem;left: 0;padding: 0 .3rem;width: 100%;	}
.la-dmove{position: absolute;color: #333333;right: .3rem;bottom: 0;width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}
.la-dtext{font-family: Montserrat-Bold;color: #333333;}
.la-new{position: absolute;top: .3rem;left: .3rem;padding:0 .13rem;width: auto;height: .26rem;line-height: .26rem; border-radius: .13rem;border: solid 1px #00a7eb;font-family: Montserrat-Light;color: #00a7eb;}
.la-e{padding-top: 1.98rem;text-align: center; display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.45);}
.la-etext{font-family: Montserrat-Bold;color: #ffffff;}
.la-emove{transform:rotate(90deg);color: #333333;display: inline-block;margin-top: .68rem; width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}
.la-b.actives{width: 3.55rem;}
.la-b.active{width: 5.6rem;}
.la-b.active .la-d{display: none;}
.la-b.active .la-e{display: block;}
.la-b.active .la-new{background-color: #00a7eb;color: #fff;} */


@media screen and (max-width:860px){
    .l-b{width: 100%;padding-left: 10px;padding-right: 10px;}
    .l-d{width: 100%;}
    .l-fnav{width: 100%;padding-left: 10px;padding-right: 10px;}
    .l-k{width: 100%;padding-left: 10px;padding-right: 10px;}
    .l-o{right: .2rem;}
    .l-n{right:0;}
    .l-m{right: .5rem;}
}


@media screen and (max-width:500px){
    .la-a{position: relative;left: 0;}
    .l-e{display: none;}
    .l-fnav{overflow: hidden;padding-right: 0;padding-left: 0;}
    .l-g.actives{width: 100%;}
    .l-g.active{width: 100%;}
    .l-g{width: 100%;margin-right: 0;}
    .l-ltext{font-size: 12px;}
    .l-item {width: calc(50% - .15rem);margin-right: .3rem;}
  

}


.m-a{width: 100%;padding-top: .5rem;overflow: hidden;}
.m-b{width: 13.2rem;margin: 0 auto;}
.m-c{font-family: Montserrat-Bold; color: #333333;text-align: center;margin-bottom: .45rem;}
.m-d{width: 100%;margin-bottom: .55rem;}
.m-d img{width: 100%;}
.m-e{width: 100%;}
.m-i{width: 11rem;margin: 0 auto; min-height: 3.7rem;}
.m-j{width: 100%;}
.m-k{display: inline-block;vertical-align: top;cursor: pointer;transition: all .3s;cursor: pointer; width: 1.6rem;margin-right: .7rem;text-align: center;}
.m-k:nth-last-child(1){margin-right: 0;}
.m-l{display: inline-block; width: 1.6rem;position: relative;margin-bottom: .2rem;}
.m-l:after{content: '';position: absolute;bottom: 0;left: 0;width: 1.6rem;height: 1.6rem;border-radius: 50%; background-color: #f5f5f5;}
.m-l img{width: 100%;position: relative;z-index: 10;}
.m-m{color: #333333;font-family: Montserrat-Light;line-height: 1.4;}
/* .m-k.active{width: 1.85rem;margin-right: .55rem;}
.m-k.active .m-l{width: 1.85rem;}
.m-k.active .m-l:after{width: 1.85rem;height: 1.85rem;background-color: #f3f6fc;} */
.m-k.active .m-l:after{background-color: #f3f6fc;} 
.m-k.active .m-m{color: #00a7eb;}
/* .m-k:hover{width: 1.85rem;height: 1.85rem;margin-right: .55rem;}
.m-k:hover .m-l{width: 1.85rem;}
.m-k:hover .m-l:after{width: 1.85rem;height: 1.85rem;background-color: #f3f6fc;} */
.m-k:hover .m-l:after{background-color: #f3f6fc;} 
.m-k:hover .m-m{color: #00a7eb;}

@media screen and (max-width:900px){
    .m-b{width: 100%;padding: 0 10px;}
}
@media screen and (max-width:750px){
    .m-i{width: 100%;}
}

.n-a{width: 100%;padding-top: .55rem;overflow: hidden;}
.n-b{width: 13.2rem;margin: 0 auto;}
.n-c{font-family: Montserrat-Bold; color: #333333;text-align: center;margin-bottom: .65rem;}
.n-d{width: 100%;margin-bottom: .55rem;}
.n-d img{width: 100%;}
.n-e{width: 100%;}
.n-i{width: 11rem;margin: 0 auto;min-height: 3.7rem;}
.n-j{width: 100%;}
.n-k{display: inline-block;vertical-align: top;cursor: pointer;transition: all .3s;cursor: pointer;width: 1.6rem;margin-right: .7rem;text-align: center;}
.n-k:nth-last-child(1){margin-right: 0;}
.n-l{display: inline-block; width: 1.6rem;position: relative;margin-bottom: .2rem;}
.n-l:after{content: '';position: absolute;bottom: 0;left: 0;width: 1.6rem;height: 1.6rem;border-radius: 50%; background-color: #f5f5f5;}
.n-l img{width: 100%;position: relative;z-index: 10;}
.n-m{color: #333333;font-family: Montserrat-Light;line-height: 1.4;min-height: 3em;}
/* .n-k.active{width: 1.85rem;margin-right: .55rem;}
.n-k.active .n-l{width: 1.85rem;}
.n-k.active .n-l:after{width: 1.85rem;height: 1.85rem;background-color: #f3f6fc;} */
.n-k.active .n-l:after{background-color: #f3f6fc;} 
.n-k.active .n-m{color: #00a7eb;}
/* .n-k:hover{width: 1.85rem;height: 1.85rem;margin-right: .55rem;} */
/* .n-k:hover .n-l{width: 1.85rem;} */
/* .n-k:hover .n-l:after{width: 1.85rem;height: 1.85rem;background-color: #f3f6fc;} */
.n-k:hover .n-l:after{ background-color: #f3f6fc;}
.n-k:hover .n-m{color: #00a7eb;}

@media screen and (max-width:750px){
    .n-b{width: 100%;padding: 0 10px;}
}


.o-a{width: 100%;padding-bottom: .8rem;overflow: hidden;}
.o-b{width: 13.2rem;margin: 0 auto;}
.o-cont{display: none;width: 100%;}
.o-cont.show{display: block;}
.o-c{line-height: 1.3;padding-bottom: .25rem;border-bottom: 1px solid #e5e5e5;font-family: Montserrat-SemiBold; color: #333333;}
.o-d{width: 100%;}
.o-e{width: 100%;padding-bottom: .6rem;}
.o-f{width: 100%;}
.o-g{width: 100%;cursor: pointer;min-height: .9rem; position: relative; padding: .34rem 40px .2rem .22rem;border-bottom: 1px solid #e5e5e5;font-family: Montserrat-Regular;color: #333333;}
.o-g:before{content: '';position: absolute;top: .4rem;left: 0;width: .08rem;height: .08rem;border-radius: 50%;background-color: #333333;}
.o-g:after{content: '+';position: absolute;top: 0;right: 0;font-size:30px;width: 40px;height: .9rem;line-height: .9rem;color: #d2d2d2; text-align: center;}
.o-h{display: none;width: 100%; background-color: #f5f5f5;position: relative;padding: .25rem .25rem .5rem .25rem;}
.o-i{width: 100%;margin-bottom: .2rem; position: relative;line-height: 1.3;font-family: Montserrat-Light;color: #666666;}
/* .o-i:after{content: 'A';position: absolute;top: 0;left: 0;  width: 19px;height: 19px;text-align: center;line-height: 19px;color: #ffffff;font-family: Montserrat-Light; border-radius: 50%;background-color: #333333;} */
.o-h .o-j{position: absolute;right: .2rem;bottom: .32rem; padding-bottom: .07rem;cursor: pointer; font-family: Montserrat-Light; color: #00a7eb;}
.o-h .o-j:after{content:''; position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #00a7eb;transition: all .3s;}
.o-h .o-j:hover:after{left: 50%;width: 0;}
.o-f.show .o-g:before{background-color: #00a7eb;}
.o-f.show .o-g:after{content: '-'; color: #333333;font-size: 40;}

.o-h *{line-height: 1.3;font-family: Montserrat-Light;color: #666666;}
.o-h p{margin-bottom: .2rem;}
.o-h img{margin: .2rem 0;}

@media screen and (max-width:900px){
    .o-b{width: 100%;padding: 0 10px;}
}

.p-a{width: 100%;padding-bottom: .8rem;overflow: hidden;}
.p-b{width: 13.2rem;margin: 0 auto;}
.p-cont{display: none;width: 100%;}
.p-cont.show{display: block;}
.p-c{width: 100%;}
.p-d{width: 100%;margin-bottom: .45rem;}
.p-e{font-family: Montserrat-SemiBold; color: #333333;margin-bottom: .4rem;}
.p-f{width: 100%;min-height: 3rem;}
.p-g{width: 100%;display: block;padding: .13rem 0;background-color: #f5f5f5;margin-bottom: .15rem;}
.p-g img{width: .65rem;}
.p-h{display: inline-block;vertical-align: middle;width: 15%;text-align: center;}
.p-i{display: inline-block;vertical-align: middle;width: 67%;line-height: 1.3; border-left: 1px solid #e5e5e5;padding-left:5%;font-family: Montserrat-SemiBold;	color: #333333;}
.p-j{display: inline-block;vertical-align: middle;width: 1.6rem;height: .45rem;text-align: center;line-height: .45rem;cursor: pointer; border: solid .02rem #333333;font-family: Montserrat-Light;color: #333333;}
.p-j:hover{background-color: #333333;color: #ffffff;}

@media screen and (max-width:900px){
    .p-b{width: 100%;padding: 0 10px;}
    .p-h{width:1rem;}
    .p-i{width: calc(100% - 3rem);}
}

@media screen and (max-width:500px){
    .p-b{width: 100%;padding: 0 10px;}
    .p-h{width:.8rem;}
    .p-i{width: calc(100% - 2.6rem);}
}

.q-a{width: 100%;padding-bottom: .8rem;padding-top: .5rem;overflow: hidden;}
.q-b{width: 13.2rem;margin: 0 auto;}
.q-c{font-family: Montserrat-Bold; color: #333333;line-height: 1.2;text-align: center;margin-bottom: .5rem;}
.q-d{width: 100%;min-height: 6.15rem;padding: .5rem ;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.q-e{width: 100%;}
.q-f{width: 100%;font-size: 0;}
.q-g{display: inline-block;vertical-align: top;width: calc(50% - .25rem);min-height: .55rem; font-family: Montserrat-Light; color: #ffffff; padding: .2rem .25rem;margin-bottom: .3rem; margin-right: .5rem;border: solid .02rem #ffffff;background-color: transparent;outline-style: none;}
.q-g:nth-child(2n){margin-right: 0;}
.q-h{width: 100%;margin-bottom: .4rem;}
.q-i{width: 100%;height: 2.6rem;padding: .2rem .25rem;font-family: Montserrat-Light;line-height: 1.3; color: #ffffff; border: solid .02rem #ffffff;background-color: transparent;outline-style: none;}
.q-j{width: 100%;text-align: center;}
.q-k{width: 1.6rem;height: .45rem;text-align: center;line-height: .45rem; font-family: Montserrat-Light; color: #f5f5f5;background-color: #333333;outline-style: none;border: none;cursor: pointer;}
.q-k:hover{background-color: #00a7eb;}
.q-l{width: 100%;}
.q-m{width:100%;min-height: .55rem; font-family: Montserrat-Light; color: #ffffff; padding: .2rem .25rem;margin-bottom: .3rem; margin-right: .5rem;border: solid .02rem #ffffff;background-color: transparent;outline-style: none;}


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

@media screen and (max-width:900px){
    .q-b{width: 100%;padding: 0 10px;}
}

@media screen and (max-width:500px){
    .q-g{width: 100%;margin-right: 0;}
    .q-d{padding: .3rem;}
    .q-c{font-size: 30px;}
}

.r-a{width: 100%;padding-bottom: .95rem;padding-top: .5rem;overflow: hidden;}
.r-b{width: 13.2rem;margin: 0 auto;}
.r-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.r-c{float: left;width: 5.95rem;}
.r-d{font-family: Montserrat-Bold; color: #333333;margin-bottom: .35rem;}
.r-e{line-height: 1.86; font-family: Montserrat-Light; color: #999999;}
.r-e *{line-height: 1.86; font-family: Montserrat-Light; color: #999999;}
.r-e img{width: 100%;margin: .4rem 0;}

.r-f{float: right;width: 5.95rem;padding-top: .35rem;}
.r-g{width: 100%;position: relative;}
.r-h{width: 100%;padding-bottom: .7rem;margin-bottom: 1.35rem;position: relative;}
.r-h img{width: 100%;}
.r-i{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0); width: 4.4rem;font-family: Montserrat-Bold;line-height: 1.7;text-align: center; color: #fefefe; min-height: 1.3rem;padding: .3rem .5rem;background-color: #333333;}
.r-j{width: 100%;font-size: 0;}
.r-k{display: inline-block;vertical-align: top;position: relative;cursor: pointer;width: 50%;text-align: center;padding: 0 .2rem;}
.r-l{display: inline-block; width: .54rem;height: .57rem;line-height: .57rem;}
.r-l img{max-width: 100%;max-height: 100%;}
.r-m{width: 100%;margin-bottom: .2rem;}
.r-m1{display: inline-block;vertical-align: top;	font-family: Montserrat-Bold; color: #333333;}
.r-m2{display: inline-block;margin-top: -.1rem; vertical-align: top;font-family: Montserrat-Bold; color: #333333;}
.r-n{line-height: 1.86; font-family: Montserrat-Light; color: #999999;}

@media screen and (max-width:900px){
    .r-b{width: 100%;padding: 0 10px;}
    .r-c{width: 100%;}
    .r-f{width: 100%;}
    .r-i{width:60%;}
}

@media screen and (max-width:600px){
    .r-i{width:80%;}
}

.s-a{overflow: hidden;width: 100%;margin-bottom: .4rem;padding-top: 1rem;padding-bottom: .8rem; background-color: #f5f5f5; background-image: url('../images/b29.jpg');background-size: auto 7rem;background-position: top center;background-repeat: no-repeat;}
.s-b{width: 13.2rem;margin: 0 auto;}
.s-c{width: 100%;padding: .8rem .5rem .3rem; background-color: #ffffff;}
.s-d{font-family: Montserrat-Bold; color: #333333;text-align: center;margin-bottom: .6rem;}
.s-e{width: 100%;height: 5.2rem;margin-bottom: .4rem;}
.s-f{width: 100%;height: 5.2rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.s-g{width: 100%;font-size: 0;}
.s-h{display: inline-block;vertical-align: top;width: 50%;padding-right: .2rem;margin-bottom: .3rem;}
.s-himg{display: inline-block;vertical-align: middle;width: .45rem;height: .45rem;line-height: .45rem;text-align: center; border-radius: 50%; background-color: #333333;}
.s-himg img{max-width: .22rem;max-height: .22rem;}
.s-htext{display: inline-block;vertical-align: middle;width: calc(100% - .5rem);padding-left: .15rem;line-height: 1.3;}
.s-h:nth-child(3){width: 100%;}

@media screen and (max-width:900px){
    .s-b{width: 100%;padding: 0 10px;}
}

@media screen and (max-width:600px){
    .s-c{padding: .5rem .3rem .3rem;}
    .s-h{width: 100%;}
}

.t-a{width: 100%;padding-top: .5rem;padding-bottom: .6rem;overflow: hidden;}
.t-a *{ word-break: break-all;}
.t-b{width: 13.2rem;margin: 0 auto;}
.t-c{font-family: Montserrat-Bold;color: #333333;text-align: center;margin-bottom: .6rem;}
.t-d{width: 100%;margin-bottom: .6rem;}
.t-d img{width: 100%;}
.t-e{width: 100%;font-size: 0;} 
.t-item{display: inline-block;vertical-align: top;cursor: pointer; width: calc(33.33% - .14rem );position: relative; margin-right: .2rem;height: 5.45rem;padding-top: 1rem;margin-bottom: .3rem; background-image: url(../images/b51.jpg);background-size: cover;background-position: top left;}
.t-item:nth-child(3n){margin-right: 0;}
.t-h {width:100%;height: 3.6rem;line-height: 3.6rem;text-align: center; text-align: center; }
.t-h img{max-width: 90%; max-height: 100%;}
.t-i{position: absolute;bottom: .3rem;left: 0;padding: 0 .3rem;width: 100%;	}
.t-imove{position: absolute;color: #333333;right: .3rem;bottom: 0;width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}
.t-itext{font-family: Montserrat-Bold;color: #333333;}
.t-new{position: absolute;top: .3rem;left: .3rem;padding:0 .13rem;width: auto;height: .26rem;line-height: .26rem; border-radius: .13rem;border: solid 1px #00a7eb;font-family: Montserrat-Light;color: #00a7eb;}

@media screen and (max-width:900px){
    .t-b{width: 100%;padding: 0 10px;max-width: 500px;}
    .t-item{width: 100%;}
}


.xm-a{width: 100%;padding-top: .5rem;padding-bottom: .6rem;overflow: hidden;}
/* .xm-a *{ word-break: break-all;} */
.xm-b{width: 13.2rem;margin: 0 auto;}
.xm-c{font-family: Montserrat-Bold;color: #333333;text-align: center;margin-bottom: .6rem;}
.xm-d{width: 100%;margin-bottom: .6rem;}
.xm-d img{width: 100%;}
.xm-e{width: 100%;font-size: 0;}
.xm-f{display: inline-block;vertical-align: top;width: calc(33.33% - .14rem );margin-right: .2rem;} 
.xm-f:nth-child(3n){margin-right: 0;}
.xm-item{display: inline-block;vertical-align: top;cursor: pointer; width:100% ;position: relative; height: 5.45rem;padding-top: 1rem;margin-bottom: .3rem; background-image: url(../images/b51.jpg);background-size: cover;background-position: top left;}
.xm-h {width:100%;height: 3.6rem;line-height: 3.6rem;text-align: center; text-align: center; }
.xm-h img{max-width: 90%; max-height: 100%;}
.xm-i{position: absolute;bottom: .3rem;left: 0;padding: 0 .3rem;width: 100%;	}
.xm-imove{position: absolute;color: #333333;right: .3rem;bottom: 0;width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}
.xm-itext{font-family: Montserrat-Bold;color: #333333;}
.xm-new{position: absolute;top: .3rem;left: .3rem;padding:0 .13rem;width: auto;height: .26rem;line-height: .26rem; border-radius: .13rem;border: solid 1px #00a7eb;font-family: Montserrat-Light;color: #00a7eb;}
.xm-j{padding-top: 1.98rem;text-align: center; display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.45);}
.xm-jtext{font-family: Montserrat-Bold;color: #ffffff;}
.xm-jmove{transform:rotate(90deg);color: #333333;display: inline-block;margin-top: .68rem; width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}


 
.xm-k{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 100;}
.xm-l{position: absolute;top: 50%;left: 50%; width: 95%;transform: translate(-50%,-50%); background-color: #eff0f1;}
.xm-m{width: 13.2rem;max-width: calc(100% - .4rem); margin: 0 auto; }
.xm-mcont{width: 100%; font-size: 0; padding-top: .8rem;padding-bottom: .15rem;position: relative;}
.xm-o{display: inline-block;vertical-align: top;position: relative;transition: all .3s;cursor: pointer; margin-bottom: .3rem;padding-top: .9rem;margin-right: .2rem; width: 3.15rem;height: 4rem; background-color: #ffffff;}
.xm-o:nth-last-child(1){margin-right: 0;}
.xm-oimg{width: 100%;height: 2.4rem;text-align: center;}
.xm-oimg img{max-width: 100%;max-height: 100%;}
.xm-otext{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: calc(12px + 6 * 100vw / 1920);position: absolute;bottom: .2rem;line-height: 1.3; left: 0;width: 100%;padding: 0 .3rem;padding-right: .65rem; font-family: Montserrat-Bold; color: #333333;}
.xm-omove{position: absolute;color: #333333;right: .3rem;bottom:.2rem;width: .35rem;height: .35rem;line-height: .35rem;text-align: center; border-radius: 50%; background-color: #ffffff;border: solid 1px #dcdcdc;}
.xm-onew{position: absolute;top: .3rem;left: .3rem;padding:0 .13rem;width: auto;height: .26rem;line-height: .26rem; border-radius: .13rem;border: solid 1px #00a7eb;font-family: Montserrat-Light;color: #00a7eb;}
.xm-o:hover{margin-top: -.15rem;}
.xm-o:hover .xm-onew{background-color: #00a7eb;color: #fff;}
.xm-o:hover .xm-omove{background-color: #333333;color: #fff;}

.xm-f.active .xm-i{display: none; }
.xm-f.active .xm-j{display: block;}
.xm-f.active .xm-new{background-color: #00a7eb;color: #fff;}
.xm-f.active .xm-k{display: block;}

@media screen and (max-width:900px){
    .xm-b{width: 100%;padding-right: 10px;padding-left: 10px;max-width: 500px;}
    .xm-f{width: 100%;margin-right: 0;}
    .xm-k{position: static;width: 100%;background-color: #fff;margin-bottom: .3rem;}
    .xm-l{position: static;transform: translate(0,0);width: 100%;}
    .xm-o{width: calc(50% - .1rem);}
    .xm-otext{font-size: 14px;}
}


.xma-a{width: 100%;padding-top: .3rem;}
.xma-b{width: 100%;}
.xma-top{width: 13.2rem;margin: 0 auto;font-size: 0;margin-bottom: .6rem; }
.xma-c{display: inline-block;vertical-align: middle;font-size: 12px;line-height: 1.5;margin-bottom: .1rem; font-family: Montserrat-Light; color: #333333;}
.xma-d{display: inline-block;vertical-align: middle;font-size: 12px;line-height: 1.5;margin-bottom: .1rem;font-family: Montserrat-Light; color: #666666;}
.xma-item{display: inline-block;vertical-align: middle;margin-left: .15rem;}
.xma-d *{font-size: 12px;line-height: 1.5;font-family: Montserrat-Light; color: #666666;}
div .blue{color: #00a7eb;}

@media screen and (max-width:900px){
    .xma-top{width: 100%;padding: 0 10px;}
}
 
.xma-cont{width: 100%;}

.xmb-a{width: 100%;padding-bottom: 0.3rem;}
.xmb-b{width: 13.2rem;margin: 0 auto;}
.xmb-c{font-family: Montserrat-SemiBold;font-weight: 800; color: #333333;margin-bottom: .4rem;}
.xmb-d{width: 100%;font-size: 0;}
.xmb-item{padding-top: .6rem;margin-bottom: 0.3rem;cursor: pointer;position: relative;margin-right: .2rem; display: inline-block;vertical-align: top;width: 3.15rem;height: 4rem;background-image: url('../images/xm2.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xmb-item:nth-child(4n){margin-right: 0;}
.xmb-e{width: 100%;text-align: center;height: 2.85rem;line-height: 2.85rem;}
.xmb-e img{max-width:90%;max-height: 100%;}
.xmb-i{position: absolute;top: .2rem;left: .2rem; padding: 0 .13rem; width: auto; height: .26rem;line-height: .26rem;border-radius: .13rem;border: solid 1px #00a7eb;font-family: Montserrat-Light;color: #00a7eb;}
.xmb-f{width: 100%;position: absolute;bottom: .12rem;left: 0;}
.xmb-g{width: calc(100% - .6rem);line-height: 1.3;padding-left: .2rem;	font-family: Montserrat-Bold;font-weight: 800; color: #333333;}
.xmb-h{position: absolute;color: #333333; right: .2rem;top: 50%;transform: translate(0,-50%);width: .35rem;height: .35rem;line-height: .35rem;text-align: center;border-radius: 50%;background-color: #ffffff;border: solid 1px #dcdcdc;}
.xmb-item:hover .xmb-h{background-color: #333333;color: #fff;}

@media screen and (max-width:900px){
    .xmb-b{width: 100%;padding: 0 10px;}
    .xmb-item{width: calc(50% - .2rem);margin-right: .4rem;}
    .xmb-item:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width:750px){
    .xmb-item{width: calc(50% - .1rem);margin-right: .2rem;}
    .xmb-item:nth-child(2n){margin-right: 0;}
}

.xmc-a{width: 100%;padding-top: .6rem;padding-bottom: .45rem; background-color: #f5f5f5;}
.xmc-b{width: 13.2rem;margin: 0 auto;}
.xmc-c{font-family: Montserrat-SemiBold;font-weight: 800; color: #333333;margin-bottom: .4rem;}

.xmc-d{width: 100%;}
.xmc-e{width: 100%;display: block;padding: .13rem 0;background-color: #fff;margin-bottom: .15rem;}
.xmc-e img{width: .65rem;}
.xmc-f{display: inline-block;vertical-align: middle;width: 15%;text-align: center;}
.xmc-g{display: inline-block;vertical-align: middle;width: 67%;line-height: 1.3; border-left: 1px solid #e5e5e5;padding-left:5%;font-family:  Montserrat-Regular;	color: #333333;}
.xmc-h{display: inline-block;vertical-align: middle;width: 1.6rem;height: .45rem;text-align: center;line-height: .45rem;cursor: pointer; border: solid .02rem #333333;font-family: Montserrat-Light;color: #333333;}
.xmc-h:hover{background-color: #333333;color: #ffffff;}


@media screen and (max-width:900px){
    .xmc-b{width: 100%;padding: 0 10px;}
    .xmc-f{width:1rem;}
    .xmc-g{width: calc(100% - 3rem);}
}

@media screen and (max-width:500px){ 
    .xmc-f{width:.8rem;}
    .xmc-g{width: calc(100% - 2.6rem);}
}

.xmd-a{width: 100%;padding-top: .6rem;padding-bottom: .45rem;  }
.xmd-b{width: 13.2rem;margin: 0 auto;}
.xmd-c{font-family: Montserrat-SemiBold;font-weight: 800; color: #333333;margin-bottom: .4rem;}

.xmd-d{width: 100%;}
.xmd-e{width: 100%;display: block;padding: .13rem 0;background-color: #f5f5f5;margin-bottom: .15rem;}
.xmd-e img{width: .65rem;}
.xmd-f{display: inline-block;vertical-align: middle;width: 15%;text-align: center;}
.xmd-g{display: inline-block;vertical-align: middle;width: 67%;line-height: 1.3; border-left: 1px solid #e5e5e5;padding-left:5%;font-family:  Montserrat-Regular;	color: #333333;}
.xmd-h{display: inline-block;vertical-align: middle;width: 1.6rem;height: .45rem;text-align: center;line-height: .45rem;cursor: pointer; border: solid .02rem #333333;font-family: Montserrat-Light;color: #333333;}
.xmd-h:hover{background-color: #333333;color: #ffffff;}


@media screen and (max-width:900px){
    .xmd-b{width: 100%;padding: 0 10px;}
    .xmd-f{width:1rem;}
    .xmd-g{width: calc(100% - 3rem);}
}

@media screen and (max-width:500px){ 
    .xmd-f{width:.8rem;}
    .xmd-g{width: calc(100% - 2.6rem);}
}

.xme-a{width: 100%;padding-top: .6rem;padding-bottom: .6rem;background-color: #f5f5f5;}
.xme-b{width: 13.2rem;margin: 0 auto; }
.xme-c{width: 100%;font-size: 0;}
.xme-d{display: inline-block;vertical-align: middle;width: 82%; font-family: Montserrat-SemiBold;font-weight: 800; color: #333333;}
.xme-move{display: inline-block;vertical-align: middle;width: 1.6rem;height: .45rem;text-align: center;line-height: .45rem;cursor: pointer; border: solid .02rem #333333;font-family: Montserrat-Light;color: #333333;}
.xme-move:hover{background-color: #333333;color: #ffffff;}

.xme-cont{width: 100%;margin-top: .28rem; }
.xme-titles{padding-top: .2rem;font-weight: 800; line-height: 1.3;padding-bottom: .25rem;border-bottom: 1px solid #e5e5e5;font-family: Montserrat-SemiBold;color: #333333;}
.xme-e{width: 100%; }
.xme-f{width: 100%;}
.xme-g{width: 100%;cursor: pointer;min-height: .9rem; position: relative; padding: .34rem 40px .2rem .22rem;border-bottom: 1px solid #e5e5e5;font-family: Montserrat-Regular;color: #333333;}
.xme-g:before{content: '';position: absolute;top: .4rem;left: 0;width: .08rem;height: .08rem;border-radius: 50%;background-color: #333333;}
.xme-g:after{content: '+';position: absolute;top: 0;right: 0;font-size:30px;width: 40px;height: .9rem;line-height: .9rem;color: #d2d2d2; text-align: center;}
.xme-h{display: none;width: 100%; background-color: #ffffff;position: relative;padding: .25rem .25rem .5rem .25rem;}
.xme-h .xme-j{position: absolute;right: .2rem;bottom: .25rem; padding-bottom: .07rem;cursor: pointer; font-family: Montserrat-Light; color: #00a7eb;}
.xme-h .xme-j:after{content:''; position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #00a7eb;transition: all .3s;}
.xme-h .xme-j:hover:after{left: 50%;width: 0;}
.xme-f.show .xme-g:before{background-color: #00a7eb;}
.xme-f.show .xme-g:after{content: '-'; color: #333333;font-size: 40;}

.xme-h *{line-height: 1.3;font-family: Montserrat-Light;color: #666666;}
.xme-h p{margin-bottom: .2rem;}
.xme-h img{margin: .2rem 0;}


@media screen and (max-width:900px){
    .xme-b{width: 100%;padding: 0 10px;}
    .xme-d{width: calc(100% - 1.6rem);}
    .xmd-h{width: 1.6rem;}
}

 


@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}