@media (max-width: 767px){ .select .select-conbox{ max-height: 6rem; } .select .select-conbox .select-con{ max-height: 6rem; } .select .select-con li{ line-height: .6rem; } .w1440{ width: 6.9rem; } #s-address #map{ width: 100%; height: calc(100% - 1rem); top: 1rem; left: 0; } body{ padding-top: 1rem; min-height: 100%; position: absolute; box-sizing: border-box; width: 100%; /*overflow:hidden;*/ cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; } body.mod2#s-address .ht1box{ display: none; } .subnav .fl{ color: #000; font-weight: 300; } header.header2 { width: 100%; height: 1rem; padding: 0 0.3rem; background-color: #fff; /* box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); */ /* border-bottom: 1px solid #e3e3e3; */ position: fixed; z-index: 1001; top: 0; left: 0; box-sizing: border-box; opacity: .9; transition: all .3s ease; } header.header2:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #e3e3e3; transform: scale(1,0.5); bottom: 0; left: 0; } header.header2 .main-wrap { height: 100%; } header.header2 .logo { display: inline-block; height: 1rem; line-height: 1rem; } header.header2 .logo img{ display: none; width: 4.1rem; /*height: 0.42rem;*/ } header.header2 .logo img:first-child{ display: inline-block; } header.header2 .nav-btn { width: calc(0.4rem + 2px); height: calc(0.3rem + 1px); position: relative; cursor: pointer; margin-top: 0.33rem; } header.header2 .nav-btn .line { display: block; width: 100%; height: 1px; background-color: #000000; position: absolute; left: 0; transition: all .3s ease-out; } header.header2 .nav-btn .line1 { top: 0; transform-origin: left top 0; } header.header2 .nav-btn.hover .line1{ transform: rotate(45deg); } header.header2 .nav-btn.hover .line3{ transform: rotate(-45deg); } header.header2 .nav-btn .line2 { top: 50%; transform: translate(0, -50%); } header.header2 .nav-btn .line3 { bottom: 0; transform-origin: left bottom 0; } header.header2 .nav-btn.active { animation: rotate 0.3s linear 0s; } header.header2 .nav-btn.hover .line { left: 0.06rem; } header.header2 .search-btn { display: block; width: 0.4rem; height: 0.4rem; background: url(../images/ico_01.png) no-repeat left center; background-size: auto 100%; cursor: pointer; box-sizing: content-box; margin-top:0.31rem; margin-right: 0.33rem; } header.header2 .search-btn.on{ background-image: url('../images/ico_01-h.png'); } header.header2 .sub-menu { width: 100%; padding: 0.28rem 0.65rem; display: none; position: fixed; height: calc(100% - 0.9rem); left: 0; top: 0.9rem; background-color: #fff; box-sizing: border-box; text-align: left; } header.header2 .sub-menu ul{ padding-top: 0.2rem; max-height: calc(100% - 1rem); overflow: auto; } header.header2 .sub-menu ul, header.header2 .sub-menu li { width: 100%; font-size: 0.28rem; } header.header2 .sub-menu li { /* border-bottom: 1px solid #dcdcdc; */ position: relative; } header.header2 .sub-menu li:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #eee; bottom: 0; left: 0; transform: scaleY(0.5); } header.header2 .sub-menu .tit { display: block; line-height: 1.1rem; color: #000; position: relative; font-size: 0.28rem; padding: 0 0.36rem; box-sizing: border-box; } header.header2 .sub-menu a.sub-tit:after{ background: url(../images/4.svg) no-repeat center/0.14rem 0.5rem; } header.header2 .sub-menu .sub-tit:after { content: ''; display: block; width: 0.26rem; height: 0.26rem; background: url(../images/ico_03.png) no-repeat center; background-size: 100% auto; position: absolute; right: 0.3rem; top: 50%; margin-top: -0.13rem; } header.header2 .sub-menu .sub-tit.on { } header.header2 .sub-menu .sub-tit.on:after { background: url(../images/ico_03_h.png) no-repeat center; background-size: 100% auto; } header.header2 .sub-menu .sec-list { line-height: 0.54rem; padding: 0 0.36rem 0.44rem; display: none; } header.header2 .sub-menu .sec-list p { } header.header2 .sub-menu .sec-list a { font-size: 0.26rem; color: #333333; display: block; line-height: 0.84rem; height: 0.84rem; } .search-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-color: #000; opacity: 0.8; filter: Alpha(opacity=80); display: none; } .m-search-box { width: 92%; border: 1px solid #aaa; position: fixed; left: 3%; top: 54px; height: 0.8rem; z-index: 11; display: none; } .m-search-box input.tex { border: none; background: none; font-size: 0.24rem; font-family: "Arial"; color: #a7a7a7; height: 0.26rem; line-height: 0.24rem; padding: 0.27rem 4%; width: 80%; } .m-search-box input.search-btn { border: none; width: 0.7rem; height: 0.8rem; background: url(../images/ico_08.png) no-repeat center; background-size: 0.4rem auto; } .m-close-search { display: block; width: 15px; height: 15px; background: url(../images/ico_07.png) no-repeat center; background-size: 100% auto; position: fixed; right: 4%; top: 15px; cursor: pointer; z-index: 11; display: none; } .w690{ width: 6.9rem; margin: 0 auto; } .sub-sear{ position: relative; height: 0.72rem; line-height: 0.72rem; border-bottom: 1px solid #000000; } .sub-sear input[type='text']{ width: 100%; height: calc(0.72rem - 1px); border: none; padding-left: 0.92rem; box-sizing: border-box; font-size: 0.26rem; vertical-align: top; background: transparent; } .sub-sear input[type='submit']{ width: 0.3rem; height: 0.72rem; position: absolute; background: transparent url(../images/35.png) no-repeat left center/0.28rem auto; border: none; top: 0; left: 0.36rem; } /* 搜索 */ #searbox{ width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; padding: 1.18rem 0 0; box-sizing: border-box; background-color: rgba(0,0,0,0.7); display: none; overflow: hidden; } #searbox .box{ padding:1.18rem 0.65rem; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; box-sizing: border-box; background-color: #fff; transition: all .2s .3s ease-in; } #searbox.show .box{ top: 0; } #searbox ul{ height: calc(100% - 1.28rem); padding-top: 0.46rem; } #searbox ul li{ padding: 0 0.36rem; text-align: left; } #searbox ul li a{ color: #666; font-size: 0.26rem; color: #000000; display: block; line-height: 0.84rem; height: 0.84rem; } /* banner */ .iban img{ width: 100%; } .iban .swiper-slide{ position: relative; } .iban .swiper-slide .text{ position: absolute; color: #fff; bottom: 1.22rem; text-align: center; width: 100%; left: 0; width: 100%; line-height: 1.5; } .iban .swiper-slide.hei .text{ color: #000; } .iban .swiper-slide .text .d1{ font-size: 0.48rem; } .iban .swiper-slide .text .d2{ font-size: 0.33rem; padding-top: .1rem; } .iban .swiper-pagination-bullet{ width: 0.20rem; height: 0.20rem; border-radius: 100%; border: 1px solid #fff; background: transparent; } .iban .swiper-pagination{ font-size: 0; bottom: 0.4rem !important; } .iban .swiper-pagination-bullet-active{ background: #fff; } #main .mobwrap1 .ubox{ position: relative; font-size: 0; } #main .mobwrap1 ul{ position: relative; height: 2.34rem; overflow: hidden; } #main .mobwrap1 ul.on{ height: 100%; } #main .mobwrap1 .addmore{ font-size: 0.2rem; text-align: center; line-height: 0.86rem; padding-bottom: 0.1rem; color: #808080; position: relative; } #main .mobwrap1 .addmore:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: transparent; top: 0; left: 0; transform: scaleY(0.5); z-index: 3; } #main .mobwrap1 .addmore.on:after{ background-color: #f4f4f4; } #main .mobwrap1 .addmore em{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0.64rem; width: 0.14rem; height: 0.18rem; background: url('../images/moredown.svg') no-repeat center/0.14rem 0.08rem; } #main .mobwrap1 .addmore.on{ padding-bottom: 0; padding-top: 0.1rem; } #main .mobwrap1 .addmore.on em{ top: 0.2rem; transform: rotate(180deg); } #main .mobwrap1 li{ text-align: center; display: inline-block; width: 33.333%; height: 2.34rem; position: relative; vertical-align: top; } #main .mobwrap1 li:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; transform: scaleY(0.5); bottom: 0; left: 0; background-color: #f4f4f4; } #main .mobwrap1 li:before{ content: ''; display: block; position: absolute; height: 100%; width: 1px; transform: scaleX(0.5); right: 0; top: 0; background-color: #f4f4f4; } #main .mobwrap1 li:nth-child(3n):before{ display: none; } #main .mobwrap1 li:nth-child(n+7):after{ display: none; } #main .mobwrap1 li img{ margin-top: 0.44rem; width: 0.86rem; height: 0.86rem; margin-bottom: 0.06rem; } #main .mobwrap1 li .des{ font-size: 0.2rem; color: #686868; margin-top: 0.1rem; } #main .mobwrap2 .imgs{ position: relative; } #main .mobwrap2 .imgs .text{ position: absolute; width: 100%; left: 0; bottom: 8%; text-align: center; line-height: 1.8; } #main .mobwrap2 .imgs .text .d1{ color: #000000; font-size: .4rem; } #main .mobwrap2 .imgs .text .d2{ font-size: .3rem; color: #666666; } #main .mobwrap2 .imgs .text .more{ color: #007bc7; font-size: .28rem; padding-right: .28rem; display: inline-block; background: url('../images/arrow2.png') no-repeat right center/0.09rem auto; } #main .mobwrap2 .imgs.bai .text .d1{ color: #ffffff; font-size: .4rem; } #main .mobwrap2 .imgs.bai .text .d2{ font-size: .3rem; color: #ffffff; } #main .mobwrap2 .imgs video{ /* position: absolute; top: 0; left: 0;*/ width: 100%; height: 100%; background-color: #000; } /* 底部 */ footer{ background-color: #eceff6; } footer .jbbg{ padding: 1.3rem 0 0; background: url('../images/jbbgx.jpg') no-repeat top center/cover; } footer .h1{ font-size: 0.26rem; color: #000000; text-align: center; font-family: 'MHeiGB-Xbold-U Xbold'; } footer .sebox{ font-size: 0; margin-top: 0.68rem; } footer .sebox a{ display: inline-block; width: 25%; text-align: center; color: #000000; } footer .sebox a img{ width: 0.65rem; } footer .sebox a .d1{ font-size: 0.25rem; line-height: 1.1; margin-top: 0.24rem; padding-bottom: 0.06rem; } footer .sebox a .d2{ font-size: 0.2rem; color: #959595; } footer .fot1{ padding-bottom: 1rem; } footer .fot2 .w690{ position: relative; } footer .fot2 .w690:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #e6e6e6; top: 0; left: 0; transform: scaleY(0.5); } footer .fot2 .w690 .telbox{ display: inline-block; padding-left: 0.92rem; background: url('../images/m15.png') no-repeat left center/0.71rem auto; margin: 0.94rem 0 0.85rem; } footer .fot2 .w690 .telbox .d1{ font-size: 0.28rem; color: #595757; line-height: 1.2; padding-bottom: 0.07rem; } footer .fot2 .w690 .telbox .d2{ font-size: 0.45rem; color: #009cd2; font-weight: bold; line-height: 1.2; font-family: 'DIN Alternate Bold'; } footer .fot3{ background: #ffffff; } footer .fot3 ul{ padding-top: 0.35rem; } footer .fot3 li{ margin: 0 0.3rem; border-bottom: 1px solid #f3f3f3; } footer .fot3 li .f-tit{ font-size: 0.26rem; line-height: 0.96rem; height: 0.96rem; background: url('../images/m16.png') no-repeat 6.5rem center/0.18rem auto; color: #686868; padding:0 .3rem; } footer .fot3 li .f-tit.on{ background-image: url('../images/m4.svg'); } footer .fot3 li a.f-tit{ display: block; background: url('../fonts/m3.svg') no-repeat 6.5rem center/0.12rem auto; } footer .fot3 li .f-con{ font-size: 0.24rem; color: #686868; padding-bottom: 0.3rem; display: none; } footer .fot3 li .f-con a{ display: block; color: #888; line-height: 3; padding:0 .3rem; } footer .fot3 .gotop{ margin: 0.6rem auto 0; width: 2.7rem; height: 0.7rem; line-height: 0.7rem; text-align: center; border: 1px solid #808080; border-radius: 0.1rem; box-sizing: border-box; padding: 0 0 0 0.62rem; text-align: left; background: url('../images/m17.png') no-repeat 1.84rem center/0.27rem auto; font-size: 0.28rem; } footer .fot3 .linkbox{ margin-top: 0.8rem; font-size: 0; } footer .fot3 .linkbox a{ display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 100%; background: no-repeat center/0.8rem auto; border: 1px solid #5e5c5c; border-radius: 100%; margin: 0 0.62rem; } footer .fot3 .linkbox a.sina{ background-image: url('../images/m18.png'); } footer .fot3 .linkbox a.wx{ background-image: url('../images/m19.png'); } footer .fot4{ margin: 0 auto; background: #fff; padding: 0 0.65rem; } footer .fot4 a{ color: #686868; font-size: 0.28rem; margin-right: 0.9rem; height: 0.9rem; line-height: 0.9rem; } footer .fot4 a:first-child{ margin-left: 0.3rem; } footer .fot4 select{ color: #686868; font-size: 0.28rem; margin-right: 0.9rem; height: 0.9rem; line-height: 0.9rem; margin-right: 0; padding-right: 0.34rem; background: url('../images/m20.png') no-repeat right center/0.2rem auto; } footer .fot4 .top{ border-bottom: 1px solid #f4f4f4; font-size: 0; padding-top: 0.38rem; } footer .fot4 .bot{ font-size: 0.21rem; color: #666666; text-align: center; padding: 0.36rem 0 0.24rem; } .wxbox{ width: 100%; height: 100%; padding: 0; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.1); z-index: 1000; font-size: .3rem; display: none; margin: 0; } .wxbox .box{ position: absolute; width: 100%; height: 4.6rem; left: 0; bottom: 0; background-color: #fff; padding: .5rem 0 .24rem; box-sizing: border-box; } .wxbox h2{ font-size: .3rem; color: #303030; font-weight: bold; text-align: center; line-height: 2; height: auto; position: relative; } .wxbox img{ width: 3.2rem; } .wxbox .bd_weixin_popup_close{ width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; } #main header.header2{ background: transparent; box-shadow: none; border-bottom: none; opacity: 1; } #main header.header2:after{ display: none; } header.header2.bai .logo img:first-child{ display: none; } header.header2.bai .logo img:nth-child(2){ display: inline-block; } #main header.header2.bai .search-btn{ background-image: url(../images/ico_01_h.png); } #main header.header2.bai .nav-btn .line{ background-color: #fff; } header.header2.sech .logo img:first-child{ display: inline-block !important; } header.header2.sech .logo img:nth-child(2){ display: none !important; } #main header.header2.sech .search-btn{ background-image: url('../images/ico_01-h.png') !important; } #main header.header2.sech .nav-btn .line{ background-color: #000; } header.header2.onnav{ background-color: #fff !important; opacity: 1; } header.header2.onnav .logo img:first-child{ display: inline-block !important; } header.header2.onnav .logo img:nth-child(2){ display: none !important; } #main header.header2.onnav .search-btn{ background-image: url('../images/ico_01.png'); } #main header.header2.onnav .nav-btn .line{ background-color: #000; } #main header.header2.fff2{ background-color: #fff; opacity: .9; } #main header.header2.fff2.onnav{ opacity: 1; } header.header2.fff2 .logo img:first-child{ display: inline-block; } header.header2.fff2 .logo img:nth-child(2){ display: none; } #main header.header2.fff2 .search-btn{ background-image: url(../images/ico_01.png); } #main header.header2.fff2 .nav-btn .line{ background-color: #000; } #main .wrap2{ margin-top: 0; } #main .wrap2 .item{ width: 100% !important; } #main .wrap2 .box{ padding: 0 !important; } .w1270{ width: 6.9rem; } #subscribe .prehd{ padding-top: 0; position: relative; z-index: 2; } #subscribe .wrap1 .w1270{ width: 100%; } #subscribe .prehd{ background-color: #f4f4f4; } #subscribe .prehd a{ display: inline-block; width: 50%; height: 0.84rem; line-height: 0.84rem; font-size: 0.28rem; color: #959696; padding-bottom: 1px; margin: 0; padding: 0; } #subscribe .prehd a.on, #subscribe .prehd a:hover{ background-color: transparent; color: #000000; } #subscribe .prehd a span{ display: inline-block; border-bottom: 1px solid #f4f4f4; } #subscribe .prehd a.on span{ border-bottom: 1px solid #727171; } #subscribe .subhd{ width: calc(100% - 3rem); margin: 0 0.33rem; } #subscribe .subhd a{ font-size: 0.26rem; color: #959696; padding: 0 0.33rem; line-height: 1.1rem; height: auto; margin: 0; } #subscribe .subhd a.on{ color: #007bc6; border-bottom: none; } #subscribe .zwt .zxyu{ display: block; position: absolute; font-size: 0.26rem; width: 1.6rem; height: 0.66rem; line-height: 0.66rem; background: #007ac2; top: 0; bottom: 0; right: .3rem; margin: auto 0; color: #fff; text-align: center; border-radius: 5px; z-index: 4; transform: none; padding: 0; } #subscribe .subhdbox{ margin-top: 0; } #subscribe .wrap2 .h-con{ font-size: 0.24rem; line-height: 2; padding-bottom: 1rem; margin-top: 0.2rem; } #subscribe .wrap3{ padding: 0.64rem 0 1.65rem; } #subscribe .wrap3 .w1270{ width: auto; padding: 0 0.78rem; } #subscribe .wrap2 .hdtit{ margin-top: 0.5rem; } #subscribe .hdtit{ display: block; font-size: 0.3rem; color: #333333; width: 1.84rem; height: 0.56rem; line-height: 0.56rem; text-align: center; margin: 0 auto; border-radius: 0.5rem; } #subscribe .wrap3 .inpbox{ margin-top: 0.66rem; width: auto; } #subscribe .wrap3 .inp{ vertical-align: top; font-size: 0; } #subscribe .wrap3 .inp + .inp{ margin-top: 0.3rem; } #subscribe .wrap3 .inpbox input{ height: 0.76rem; line-height: 0.76rem; padding-left: 0.26rem; font-size: 0.26rem; color: #898a8a; width: 100%; border: 1px solid #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0.1rem; } #subscribe .wrap3 .select{ width: 2.8rem; height: 0.76rem; line-height: 0.76rem; border-radius: 0.1rem; font-size: 0.25rem; color: #898a8a; box-sizing: border-box; } #subscribe .wrap3 .select .select-tit{ padding-left: 0.26rem; font-size: 0.25rem; background: #fff url(../images/triangle.svg) no-repeat 2.2rem center/0.22rem auto; } #subscribe .wrap3 .submit{ margin-top: 0.36rem !important; } #subscribe .wrap3 .submit input{ color: #fff; background-color: #009fef; padding: 0; } #subscribe .hfbanner{ margin-top: 0; } #subscribe header{ border-bottom: none; } #subscribe header.onnav, #subscribe header.sech{ position: fixed; z-index: 1001; } #subscribe .zwt{ height: 1.1rem; position: relative; background-color: #fff; z-index: 2; } #subscribe .zwt.fix{ height: auto; } #subscribe .zwt.fix:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #e3e3e3; transform: scale(1,0.5); bottom: 0; left: 0; } #subscribe .zwt.fix .subhd a{ padding-top: 0; } #store .sear{ width: 6.4rem; height: 3.3rem; } #store .sear h1{ font-size: 0.36rem; line-height: 1.5; } #store .sear .searinp{ font-size: 0; margin-top: 0.56rem; } #store .sear .searinp .text{ width: 100%; height: 0.86rem; line-height: calc(0.86rem - 0.4rem); font-size: 0.24rem; color: #666666; box-sizing: border-box; border-radius: 0.1rem; padding: 0.2rem 0.3rem; } #store .sear .searinp .submit{ width: 0.6rem; height: 0.84rem; background-size: 0.32rem auto; top: 0; right: 0.1rem; position: absolute; } #store .gosear{ display: inline-block; font-size: 0.27rem; color: #fff; background-size: 0.24rem auto; padding-left: 0.44rem; margin-top: 0.46rem; } /* 地图 */ #s-address .map-search{ font-size: 0; padding: 0 0.72rem 0 0.64rem; line-height: 0.8rem; height: 0.8rem; position: relative; } #s-address .map-search input[type='text']{ width: 100%; height: 0.8rem; border: 1px solid #b9b8b8; font-size: 0.24rem; color: #444444; padding-left: 0.3rem; padding-right: 0.8rem; box-sizing: border-box; vertical-align: top; border-radius: 0; } .searchbtn{ width: 0.8rem; height: calc( 0.8rem - 3px); position: absolute; top: 1px; right: 1px; z-index: 9; background: #fff url(../images/mapsear.png) no-repeat center/0.31rem; } #s-address .map-search .close-text{ position: absolute; width: 0.6rem; height: 0.8rem; top: 0; right: 0; background: url(../images/close-text.png) no-repeat center/0.21rem; } #s-address .query{ padding: 0.02rem 0.72rem 0 0.64rem; position: relative; } #s-address .query .query-btn{ height: 0.96rem; line-height: 0.96rem; font-size: 0.26rem; color: #000000; background: url(../images/local.png) no-repeat 0.28rem center/0.24rem 0.31rem; } #s-address .query-head{ } #s-address .query .query-con{ position: fixed; width: 100%; height: calc(100% - 4.48rem); top: 4.48rem; left: 0; padding: 0 0.72rem 0 0.64rem; box-sizing: border-box; z-index: 9; background-color: #fff; color: #231815; font-size: 0.24rem; display: block; } #s-address .query .query-con .des{ font-size: 0.26rem; margin-top: 0.2rem; } #s-address .query .query-con ul{ overflow: auto; height: 90%; padding-right: 0.2rem; border-top: 1px solid #c0c0c0; } #s-address .query .query-con li{ padding-top: 0.26rem; border-bottom: 1px solid #a0a0a0; padding-bottom: 0.32rem; font-size: 0.24rem; color: #666666; } #s-address .query .query-con .mdtit{ font-size: 0.3rem; color: #333333; } #s-address .query .query-con .mdtit span{ color: #007bc6; margin-right: 0.1rem; } #s-address .query .query-con .md-local{ padding-left: 0.6rem; background: url('../images/m25.png') no-repeat left 0.04rem/0.3rem auto; line-height: 0.4rem; min-height: 0.4rem; padding-bottom: 0.2rem; margin-top: 0.14rem; } #s-address .query .query-con .md-tel{ padding-left: 0.6rem; background: url('../images/m26.png') no-repeat left 0.04rem/0.3rem auto; line-height: 0.4rem; min-height: 0.4rem; padding-bottom: 0.2rem; } #s-address .ht1box{ position: fixed; z-index: 3; width: 100%; height: calc(100% - 0.9rem); top: 0.9rem; left: 0; background-color: #fff; } #s-address .ht1box .h1tit{ font-size: 0.36rem; text-align: center; color: #000000; margin: 0.7rem 0 0.4rem; } #s-address .mapbox{ position: fixed; width: 100%; height: calc(100% - 0.9rem); top: 0.9rem; } #s-address .mapbox #map{ height: 100%; width: 100%; } #s-address .infobox{ width: 6.5rem; padding: 0.2rem 0.6rem 0.4rem 0.4rem; box-sizing: border-box; } #s-address .infobox .d1{ font-size: 0.3rem; color: #333333; } #s-address .infobox .d1 span{ margin-right: 0.1rem; } #s-address .infobox .md-local{ font-size: 0.24rem; color: #666666; padding-left: 0.44rem; line-height: 0.4rem; padding-bottom: 0.16rem; background: url('../images/m25.png') no-repeat left 0.06rem/0.26rem auto; text-align: justify; } #s-address .infobox .md-tel{ font-size: 0.24rem; color: #666666; padding-left: 0.44rem; line-height: 0.4rem; padding-bottom: 0.16rem; background: url('../images/m26.png') no-repeat left 0.06rem/0.26rem auto; min-height: 0.4rem; } #s-address .infobox .dqlocal{ position: relative; font-size: 0; } #s-address .infobox .dqlocal input{ width: 5.5rem; height: 0.7rem; line-height: 0.7rem; border: 1px solid #e0e0e0; background-color: #fff; font-size: 0.26rem; color: #333333; padding: 0 0.6rem 0 0.2rem; vertical-align: top; box-sizing: border-box; } #s-address .infobox .dqlocal .closetext{ width: 0.7rem; height: 0.7rem; background: url(../images/close-text.png) no-repeat center/0.2rem auto; right: 0; top: 0; position: absolute; cursor: pointer; margin: 0; } #s-address .infobox .local{ font-size: 0; margin-top: 0.3rem; } #s-address .infobox .local .tet{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 4.36rem; height: 0.7rem; line-height: 0.7rem; border: 1px solid #e0e0e0; background-color: #f2f2f2; font-size: 0.26rem; color: #666666; padding: 0 0.2rem; vertical-align: top; box-sizing: border-box; } #s-address .infobox .local .gobtn{ width: 0.95rem; height: 0.7rem; border: 1px solid #e0e0e0; margin-left: 0.18rem; font-size: 0.22rem; color: #000000; text-align: center; line-height: 0.7rem; background-color: #fff; } #s-address .infobox .dia-colse{ width: 0.2rem; height: 0.2rem; background: url(../images/close-text.png) no-repeat center/0.2rem auto; position: absolute; top: 0.34rem; right: 0; cursor: pointer; } #s-address .map-search .se-con{ position: absolute; width: 100%; top:0.8rem; background-color: #fff; z-index: 9; padding: 0.2rem 0; max-height: 4rem; overflow: hidden; display: none; } #s-address .map-search .se-con .pointitem{ background: url(../images/m27.png) no-repeat 0.3rem center/0.26rem auto; height: 0.6rem; line-height: 0.6rem; padding-left: 0.8rem; font-size: 0.24rem; } .search-text{ z-index: 10; } #s-address.mod1 .ht1box .h1tit, #s-address.mod1 .ht1box .map-search{ display: none; } #s-address.mod1 .query .query-con{ height: calc(100% - 1.86rem); top: 1.86rem; } #s-address .ht1box{ display: block; } .subnav .newsbox .news-yeartit{ padding-right: 1.1rem; } .subnav .newsbox .news-yearlist{ width: 100%; height: 5.5rem; overflow: auto; } #news .wrap1{ padding: 0.54rem 0 0; } #news .wrap1 ul{ width: 6.9rem; } #news .wrap1 li{ width: 100%; padding: 0; } #news .wrap1 li+li{ margin-top: 0.54rem; } .newslist li .text .tit{ font-size: 0.3rem; } #news .wrap1 .more{ width: 3.18rem; height: 0.72rem; line-height: 0.72rem; font-size: 0.26rem; margin: 1.2rem auto; } #news .wrap1 li .text{ padding: 0.42rem 0.48rem 0.4rem; } #news .wrap1 li .text .con{ font-size: 0.26rem; } #news .wrap1 li .text .gnbox{ margin-top: 0.24rem; } .newslist li .text .gnbox span{ font-size: 0.23rem; } .newslist li .text .time{ background-size: 0.3rem auto; padding-left: 0.4rem; } .newslist li .text .look{ background-size: 0.3rem auto; padding-left: 0.46rem; } .newslist li .text .good{ background-size: 0.24rem auto; padding-left: 0.36rem; } #video .wrap2 .swiper-container{ position: relative; width: 100%; } #video .wrap2 .swiper-container:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #d8d8d8; bottom: 0; left: 0; transform: scale(1, 0.5); } #video .wrap2 .w1270{ width: 100%; } #video .wrap2 ul{ width: 100%; } #video .wrap2 li{ width: 100%; padding: 0; } #video .wrap2 li .play{ width: 0.98rem; height: 0.98rem; } #video .wrap2 .vid-nav{ padding: 0; line-height: 1.1rem; position: fixed; top: 1.0rem; z-index: 3; width: 100%; background: #fff; } #video .wrap2 .vid-nav .w1270{ width: 100%; } #video .wrap2 .swiper-slide{ margin-left: 0; } #video .wrap2 .swiper-slide a{ vertical-align: top; margin: 0 0.52rem; position: relative; font-size: 0.3rem; } #video .wrap2 .swiper-slide.on a:after{ content: ''; display: block; width: 100%; height: 1px; background-color: #007bba; bottom: 0.2rem; left: 0; position: absolute; } .videobox, .videobox_iframe{ max-width: 7.5rem; width: 7.5rem; } .videobox video, .videobox_iframe iframe{ width: 100%; max-width: 100%; } .videobox .closevid, .videobox_iframe .closevid{ width: 0.3rem; height: 0.3rem; top: 0.4rem; right: 0.4rem; } .fixsub{ height: 1.4rem; line-height: 1.4rem; } .subnav{ height: 1.4rem; line-height: 1.4rem; font-size: 0.3rem; } .subnav .newsbox .news-yeartit{ font-size: 0.28rem; } .subnav .newsbox .news-yearlist a{ font-size: 0.25rem; line-height: 1.1rem; } #video header.header2{ position: absolute; } #video .wrap2 .vid-nav{ position: absolute; height: 1.1rem; } #video .wrap2 .vid-nav.pof{ position: fixed; top: 0; } #video .wrap2{ padding-top: 1.1rem; } #video .wrap2 .more{ width: 3.2rem; height: 0.72rem; line-height: 0.72rem; font-size: 0.26rem; margin: 0.7rem auto 1.5rem; } #video .wrap2 li .text{ padding: 0.36rem 0.46rem; } #video .wrap2 li .text .gnbox .look{ margin-left: 0.42rem; } .videobox .closevid{ width: 0.4rem; height: 0.4rem; } #newsinfo .wrap1 .infowrap{ width: 6.5rem; } #newsinfo .wrap1 .infowrap .tit{ font-size: 0.36rem; line-height: 0.6rem; } #newsinfo .wrap1 .infowrap .subti{ font-size: 0.24rem; color: #4d4d4d; } #newsinfo .wrap1 .infowrap .con{ font-size: 0.26rem; text-align: justify; } #newsinfo .wrap1 .infowrap .con p{ /* text-indent: 2em; */ } #newsinfo .wrap1 .infowrap img{ width: 100%; max-width: 100%; height: auto; } #newsinfo .wrap1 .infowrap .gnbox{ margin-top: 0.6rem; font-size: 0; } #newsinfo .wrap1 .infowrap .more{ display: block; font-size: 0.26rem; color: #333333; border: 1px solid #989898; text-align: center; width: 3.15rem; height: 0.7rem; line-height: 0.7rem; text-align: center; margin: 0.8rem auto 0.9rem; } #newsinfo .wrap1 .infowrap{ margin-top: 0.54rem; } #newsinfo .wrap1 .infowrap .subti{ margin: 0.1rem 0 0.4rem; } #newsinfo .wrap1 .infowrap .gnbox div{ background-size: 0.42rem auto; padding-left: 0.54rem; font-size: 0.29rem; margin-left: 0.6rem; } #products .wrap1 .w1440{ width: 100%; } #products .wrap1 .ilist{ width: calc(100% + 0.1rem); } #products .wrap1 .item{ width: 50%; padding: 0 0.1rem 0.1rem 0; } #products .wrap1 .htit{ margin: 0; font-size: 0.3rem; text-align: left; line-height: 1.2rem; padding: 0 0.42rem; } #products .wrap1 .item .box{ padding-bottom: .4rem; } #products .wrap1 .item .box .tit{ font-size: 0.24rem; padding-bottom: 0; margin-bottom: 0; } #products .wrap1 .item .box .d2{ padding: 0 0.3rem; font-size: .24rem; height: 3em; } #products .wrap1 .item .box .d3{ font-size: 0.2rem; background-size: 0.08rem auto; margin-top: 0.2rem; padding-right: 0.14rem; } #products .wrap1 .item .box .imgs{ padding: 0.3rem 0.1rem 0.2rem; } #products .wrap1 li{ padding-bottom: 1.1rem; } #products .wrap1 .addmore{ font-size: 0.26rem; width: 3rem; height: 0.7rem; line-height: 0.7rem; margin: 0.9rem auto 0; } #products .wrap1{ padding-bottom: 0.6rem; } #products .wrap1 li .maodian{ transform: translate(0,-1rem); } #products.allpro .wrap1 .h1tit{ font-size: 0.4rem; margin: 0.44rem 0 0rem; } #products.allpro .wrap1 .htit{ font-size: 0.34rem; height: 2em; line-height: 2; padding: 0 0.4rem 0; margin-top: 0.32rem; } #products.allpro .wrap1 .htit span{ font-size: 0; right: 0.38rem; } #products.allpro .wrap1 .htit span em{ width: 0.54rem; height: 0.54rem; } #products.allpro .wrap1 .ilist{ padding-top: 0.32rem; } #products.allpro .wrap1 .addmore{ margin-bottom: 0.92rem; } #products.allpro .wrap1{ padding-bottom: 0; } #productinfo .wrap2 table td:first-child{ width: auto; } #productinfo .wrap3 img{ width: 100%; } #productinfo .fixbox .profix .left{ font-size: 0.34rem; width: calc(100% - 2rem); display: inline-block; vertical-align: middle; line-height: 1.3; float: none; margin-left: 0; } #productinfo .fixbox .profix .right .gobtn{ font-size: 0.26rem; width: 1.6rem; height: 0.66rem; line-height: 0.66rem; background-image: url(''); padding: 0; text-align: center; margin-left: 0; } #productinfo .fixbox{ height: 1.2rem; line-height: 1.2rem; } #productinfo .h2tit{ font-size: 0.3rem; } #productinfo .w1440, #productinfo .w1270{ width: 6.9rem; max-width: 100%; padding: 0; } #productinfo .wrap2 .w1440{ width: 100%; } #productinfo .wrap2 table{ width: 100%; } #productinfo .wrap2 .h2tit{ padding: 0 0.4rem; margin: 0.92rem 0 0.46rem; } #productinfo .wrap2 table td{ padding: 1.2em 0 1.2em 0.4rem; font-size: 0.26rem; color: #777777; } #productinfo .wrap2 table td:last-child{ padding: 1em 0.4rem 1em 0; text-align: right; } #productinfo .wrap2 table tr:nth-child(2n+1){ background-color: #ececec; } #productinfo .wrap3 .w1440{ width: auto; padding: 0 0.4rem; } #productinfo .wrap3 .imgs img{ width: 100%; } #productinfo .wrap3 .imgs img + img{ margin-top: 1rem; } #productinfo .wrap3 .h2tit{ margin: 0.85rem 0 0.8rem; } #productinfo .wrap4 .tap{ margin: 0.7rem 0 0; font-size: 0; border-bottom: 1px solid #dddddd; } #productinfo .wrap4 .tap span{ width: 50%; font-size: 0.26rem; line-height: 1.2rem; margin-right: 0; text-align: center; position: relative; color: #1a1a1a; } #productinfo .wrap4 .tap span.on{ color: #1a1a1a; } #productinfo .wrap4 .tap span:after{ content: ''; display: block; position: absolute; width: 100%; height: 2px; background-color: #007bc7; z-index: 2; opacity: 0; bottom: -1px; } #productinfo .wrap4 .tap span.on:after{ opacity: 1; } #productinfo .wrap4 .ilist .swiper-slide{ width: 100%; } #productinfo .wrap4 .swiper-pagination{ font-size: 0; position: relative; bottom: 0; margin: 0.26rem 0 0; } #productinfo .wrap4 .swiper-pagination .swiper-pagination-bullet{ width: 0.16rem; height: 0.16rem; border-radius: 100%; background-color: #d6d6d6; margin: 0 0.11rem; opacity: 1; } #productinfo .wrap4 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #a4a4a4; } #productinfo .wrap4 .ilist .item .box{ padding-bottom: .36rem; } #productinfo .wrap4 .ilist .item .box .imgs{ padding: 0.46rem 0.3rem 0.1rem; } #productinfo .wrap4 .ilist .item .tit{ font-size: 0.32rem; } #productinfo .wrap4 .ilist .item .d2{ font-size: 0.28rem; } #productinfo .wrap4 .ilist .item .d3{ font-size: 0.26rem; margin-top: 0.6rem; padding-right: 0.26rem; } #productinfo .wrap4 .ilist .item .d3:after{ width: 0.11rem; height: 0.2rem; background: url('../images/49.png') no-repeat center/0.11rem auto; right: 0; margin: auto; left: auto; top: 0; } #productinfo .wrap4{ padding-bottom: 1.1rem; } #ccs .wrap1 .tit{ font-size: 0.36rem; margin: 0.76rem 0 0.64rem; padding-bottom: 0.22rem; } #ccs .wrap1 .tit:after{ width: 1.16rem; height: 1px; } #ccs .wrap1 .con{ font-size: 0.26rem; line-height: 1.9; } #ccs .wrap2{ margin-top: 0.9rem; } #ccs .wrap2 .swiper-pagination{ margin: 0.42rem 0 1.12rem; } #ccs .wrap2 .swiper-pagination .swiper-pagination-bullet{ width: 0.16rem; height: 0.16rem; margin: 0 0.1rem; opacity: 1; background: transparent; border: 1px solid #e1e1e1; } #ccs .wrap2 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #a8a8a8; border: 1px solid #a8a8a8; } #ccs .wrap3 .imgs .play{ width: 1.04rem; height: 1.04rem; } #ccs .wrap3 .imgs{ position: relative; } #ccs .wrap3 .imgs .mobplay{ width: 1.04rem; height: 1.04rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } #ccs .wrap3 .imgs video{ position: absolute; z-index: -1; top: 0; left: 0; } #ccs .wrap3 .imgs.on video{ position: static; z-index: 9; } #ccs .wrap3 .imgs.on img{ display: none; } #ccs .wrap4 .h1{ font-size: 0.36rem; position: relative; } #ccs .wrap4{ margin: 0.78rem 0 0.58rem; } #ccs .wrap4 .swiper-container{ padding-bottom: .5rem; } #ccs .wrap4 .h2{ font-size: 0.28rem; margin: 0.33rem 0 0; padding: 0.44rem 0 0.72rem; font-weight: 300; } #ccs .wrap4 .h2:after{ bottom: auto; top: 0; width: 0.8rem; height: 1px; } #ccs .wrap4 .swiper-slide{ width: 100%; font-size: 0.26rem; padding: 0; } #ccs .wrap4 .swiper-slide .imgs{ width: 4.35rem; margin: 0 auto; } #ccs .wrap4 .swiper-pagination{ font-size: 0; position: relative; bottom: 0; margin: 0.5rem 0 0; } #ccs .wrap4 .swiper-pagination .swiper-pagination-bullet{ width: 0.16rem; height: 0.16rem; margin: 0 0.1rem; border-radius: 100%; border: 1px solid #e1e1e1; background: transparent; opacity: 1; } #ccs .wrap4 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #a8a8a8; border: 1px solid #a8a8a8; } #ccs .wrap4 .swiper-slide .d1{ margin-top: 0.5rem; } #ccs .wrap5{ padding: 0; } #ccs .wrap5 .w1440, #cooperation .wrap2 .w1440{ width: 100%; box-sizing: border-box; padding:0.6rem 0.36rem 0.4rem; } #ccs .wrap5 .inpbox, #cooperation .wrap2 .inpbox{ width: 100%; margin:0.42rem 0 0; } #ccs .wrap5 .tit{ font-size: 0.36rem; } #ccs .wrap5 label, #cooperation .wrap2 label{ width: 1.92rem; font-size: 0.28rem; color: #000000; } #ccs .wrap5 input, #cooperation .wrap2 input{ width: 4.86rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.05rem; padding: 0 0.22rem; } #ccs .wrap5 .select, #cooperation .wrap2 .select{ width: 2.2rem !important; font-size: 0.24rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.05rem; background-position: 1.77rem center; } #ccs .wrap5 .select .select-tit, #cooperation .wrap2 .select .select-tit{ padding: 0 .5rem 0 0.22rem; background-position: 1.8rem center; background-size: .13rem auto; } #ccs .wrap5 .select .select-con li, #cooperation .wrap2 .select .select-con li{ line-height: .6rem; padding: 0 0.14rem; } #ccs .wrap5 .select .select-tit:after, #cooperation .wrap2 .select .select-tit:after{ border-radius: 5px; } #ccs .wrap5 .select .select-conbox, #cooperation .wrap2 .select .select-conbox{ border-radius: 0; } .select .select-conbox .select-con{ } #ccs .wrap5 .inp.code input, #cooperation .wrap2 .inp.code input{ width: 2.7rem !important; } #ccs .wrap5 .inp.code .send, #cooperation .wrap2 .inp.code .send{ width: 1.9rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.05rem; font-size: 0.26rem; } #ccs .wrap5 .inp input[type="submit"], #cooperation .wrap2 input[type="submit"]{ width: 4.86rem; } #ccs .wrap5 .inp span, #cooperation .wrap2 .inp span{ width: 4.86rem; text-align: left; font-size: 0.24rem; line-height: 1.5; } #ccs .wrap5 .inp + .inp, #cooperation .wrap2 .inp + .inp{ margin-top: 0.2rem; } #ccs .wrap5 .inp:last-child, #cooperation .wrap2 .inp:last-child{ margin-top: 0.3rem; } .f-side{ top: 8.2rem; /* bottom: 2rem; */ } a.f-side{ display: block; width: 1.2rem; height: 1.2rem; background: url('../images/sidetel.svg') no-repeat center/cover; box-shadow: none; } #contact .wrap1 .w1440{ width: 7rem; text-align: center; } #contact .wrap1 .list{ padding: 0; margin: 0.7rem 0 0.65rem; font-weight: 300; display: inline-block; } #contact .wrap1 .list .item{ display: block; width: 100%; text-align: left; } #contact .wrap1 .list .item + .item{ margin-top: 0.12rem; } #contact .wrap1 .item .box p{ display: inline-block; font-size: 0.27rem; margin-left: 0.24rem; margin-top: 0; vertical-align: middle; /* width: 5.4rem; */ text-align: left; white-space: nowrap; } #contact .wrap1 .item .box a{ color: #333; } #contact .wrap1 .item .box img{ width: 0.4rem; } #contact .wrap1 .item .box{ padding: 0; } #contact .wrap1 .item:nth-child(2):after, #contact .wrap1 .item:nth-child(2):before{ display: none; } #contact .wrap1{ padding: 0; } #contact .wrap1 ul{ padding: 0.38rem 0 1.1rem; } #contact .wrap1 ul li{ width: 50%; border-right: none; margin-top: 0.2rem; font-weight: 300; } #contact .wrap1 ul li .d1{ font-size: 0.26rem; } #contact .wrap1 ul li .d2{ font-size: 0.26rem; padding: 0.28rem 0 0.3rem; } #contact .wrap1 ul li .d2 a{ color: #333; } #feedback .wrap1 .inpbox{ width: 100%; margin-top: 0.8rem; } #feedback .wrap1 .tit{ font-size: 0.36rem; } #feedback .wrap1{ /* padding: 1.7rem 0 2.2rem; */ } #feedback .wrap1 .w1440{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #feedback .wrap1 .inp label{ font-size: 0.28rem; text-align: left; width: 1.64rem; margin-right: 0; } #feedback .wrap1 .inp input{ width: 5.1rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; padding: 0 0.22rem; border-radius: 0.05rem; margin-left: 0.16rem; } #feedback .wrap1 .inp.code input{ width: 2.9rem; } #feedback .wrap1 .inp.code .send{ width: 1.9rem; margin-left: 0.3rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.26rem; border-radius: 0.05rem; } #feedback .wrap1 .inp textarea{ width: 5.1rem; height: 2.62rem; font-size: 0.24rem; padding:0.1rem 0.22rem; border-radius: 0.05rem; margin-left: 0.16rem; } #feedback .wrap1 .inp.submit input{ font-size: 0.26rem; } #feedback .wrap1 .inp + .inp{ margin-top: 0.2rem; } #feedback .wrap1 .inp.submit{ margin-top: 0.4rem; } #join .subnav .swiper-container, #social .subnav .swiper-container{ float: none; min-width: 100%; } #join .fixsub, #social .fixsub{ height: 1.1rem; line-height: 1.1rem; } #join .fixsub .subnav, #social .fixsub .subnav{ height: 1.1rem; line-height: 1.1rem; } #join .fixsub .subnav.fix, #social .fixsub .subnav.fix{ border-bottom: none; } #join .subnav .swiper-slide span, #social .subnav .swiper-slide span{ font-size: 0.3rem; } #social .subnav .swiper-slide + .swiper-slide{ margin-left: 0; } #join header.header2, #social header.header2{ position: absolute; } #join .htit{ font-size: 0.36rem; } #join .wrap1 .htit:after{ width: 1.16rem; height: 1px; } #join .wrap1 .htit{ margin: 0.8rem 0 0.4rem; padding-bottom: 0.22rem; } #join .hcon{ font-size: 0.26rem; line-height: 1.9; } #join .w1440{ width: 6.7rem; } #join .wrap2{ margin-top: 1.46rem; } #join .wrap2 .hcon{ max-width: 100%; margin-top: 0.1rem; padding-bottom: 0.28rem; font-weight: 300; } #join .hcon:after{ width: 1.16rem; height: 1px; } #join .wrap2 ul{ width: 100%; margin-top: 0.64rem; } #join .wrap2 ul li{ width: 100%; margin-right: 0; margin-bottom: 0.3rem; padding: 0.4rem; } #join .wrap2 ul li img{ display: inline-block; vertical-align: middle; height: 0.65rem; } #join .wrap2 ul li .d1{ display: inline-block; vertical-align: middle; margin: 0; padding-bottom: 0; font-size: 0.3rem; margin-left: 0.25rem } #join .wrap2 ul li .d1:after{ display: none; } #join .wrap2 ul li .fot{ font-size: 0.24rem; line-height: 1.75; margin-top: 0.32rem; font-weight: 300; } #join .wrap3 .w1440{ width: 100%; } #join .wrap3{ margin-top: 1.1rem; } #join .wrap3 .hcon{ width: 6.7rem; padding-bottom: 0.3rem; margin: 0.1rem auto 0.6rem; font-weight: 300; } #join .wrap3 .swiper-pagination{ position: relative; bottom: 0; margin: 0.6rem 0 0; } #join .wrap3 .swiper-pagination .swiper-pagination-bullet{ width: 0.14rem; height: 0.14rem; margin: 0 0.1rem; background-color: #dddddd; opacity: 1; } #join .wrap3 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #aaaaaa; } #join .wrap4{ margin-top: 1.04rem; } #join .wrap4 .hcon{ margin-top: 0.06rem; padding-bottom: 0.32rem; font-weight: 300; } #join .wrap4 ul{ margin-top: 0.1rem; width: 100%; } #join .wrap4 ul li{ width: 50%; margin-top: 0.78rem; padding: 0 0.3rem; } #join .wrap4 ul li .d1{ font-size: 0.23rem; line-height: 1.6; margin-top: 0.36rem; font-weight: 300; } #join .wrap5{ margin: 1.14rem 0 0; } #join .wrap5 .htit{ padding-bottom: 0.2rem; margin-bottom: 0.64rem; } #join .wrap5 .swiper-slide{ width: 4.86rem; margin-right: 0; } .swiper-container-3d .swiper-slide-shadow-left{ display: none; } .swiper-container-3d .swiper-slide-shadow-right{ display: none; } #join .wrap5 .swiper-slide{ box-shadow: 0 0.02rem 0.1rem rgba(0,0,0,0.1); } #join .wrap5 .text{ padding: 0.54rem 0.33rem 0.3rem; } #join .wrap5 .d1{ font-size: 0.28rem; margin: 0 0 0.14rem; } #join .wrap5 .d2{ font-size: 0.244rem; line-height: 1.8; font-weight: 300; } #join .wrap5 .control{ margin-top: 0.8rem; height: 0.28rem; line-height: 0.28rem; } #join .wrap5 .swiper-pagination{ font-size: 0.26rem; } #join .wrap5 .control .prev, #join .wrap5 .control .next{ width: 0.16rem; height: 0.28rem; background-size: 0.16rem auto; } #join .wrap6{ margin: 1.1rem 0 1.24rem; } #join .wrap6 .w1440{ width: 6.9rem; } #join .wrap6 .swiper-container{ margin-top: .7rem; width: 100%; } #join .wrap6 .hcon{ margin-top: 0.1rem; padding: 0 0.3rem 0.32rem; font-weight: 300; } #join .wrap6 .imgs{ width: 1rem; height: 1rem; line-height: 1rem; border: none; background-image: url('../fonts/radio.svg') } #join .wrap6 .imgs img{ width: 0.6rem; } #join .wrap6 .text{ font-size: 0.24rem; margin-top: 0.3rem; font-weight: 300; } #join .wrap6 .swiper-slide{ padding-right: 0.56rem; } #join .wrap6 .imgs:after{ right: -0.8rem; width: 0.22rem; height: 0.26rem; background-size: .22rem auto; } #join .wrap6 .swiper-pagination-progress{ position: relative; width: 2.4rem; margin: 0.62rem auto 0; height: 2px; background: #d8d8d8; } .swiper-pagination-progress .swiper-pagination-progressbar{ background-color: #a5a5a5; } #join .wrap7{ padding: 0.7rem 0 0.8rem; } #join .wrap7 .w1440{ width: 6.9rem; } #join .wrap7 .inpbox{ width: 100%; margin-top: 0.44rem; } #join .wrap7 label{ width: 1.62rem; font-size: 0.28rem; color: #000000; } #join .wrap7 input{ width: 5.1rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.1rem; font-size: 0.24rem; padding: 0 0.22rem; } #join .wrap7 .inp.code .send{ width: 1.9rem; height: 0.8rem; line-height: 0.8rem; margin-left: 0.28rem !important; } #join .wrap7 .inp.code input{ width: 2.9rem !important; } #join .wrap7 .inp .select{ width: 1.52rem !important; height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; vertical-align: middle; } #join .wrap7 .inp .select .select-tit{ height: 0.8rem; line-height: 0.8rem; padding: 0 .3rem 0 .18rem; font-size: 0.24rem; background-size: 0.13rem auto; background-position: 1.2rem center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #join .wrap7 .inp .select .select-con li{ padding: 0 0.18rem; } #join .wrap7 .inp .select + .select{ margin-left: 0.26rem !important; } #join .wrap7 .submit input{ font-size: 0.26rem; } #join .wrap7 .inp:last-child span{ font-size: 0.24rem; text-align: left; line-height: 1.5; width: 5.1rem; } #join .wrap7 .inp + .inp{ margin-top: 0.22rem; } #join .wrap7 .inp.submit{ margin-top: 0.28rem; } #join .wrap7 .inp:last-child{ margin-top: 0.28rem; } #cooperation .wrap1 .w1440{ padding: 0.6rem 0.26rem 1.08rem; } #cooperation .wrap1 .con{ font-size: 0.26rem; max-height: 11.5em; overflow: hidden; } #cooperation .wrap1 .con.on{ max-height: none; } #cooperation .wrap1 .con p + p{ margin-top: 0; } #cooperation .wrap1 .moretext{ font-size: 0.23rem; color: #686868; text-align: center; padding-bottom: 0.2rem; margin-top: 0.6rem; position: relative; } #cooperation .wrap1 .moretext:after{ content: ''; display: block; position: absolute; width: 0.15rem; height: 0.1rem; bottom: 0; left: 0; right: 0; margin: 0 auto; background: url('../images/77.png') no-repeat bottom center/0.15rem auto; } #cooperation .wrap1 .moretext.on:after{ transform: rotate(180deg); } #cooperation .wrap1 .abox{ margin-top: 1rem; } #cooperation .wrap1 .abox .atit{ font-size: 0.34rem; padding-bottom: 0.06rem; margin-bottom: 0.3rem; } #cooperation .wrap1 .abox .atit:after{ width: 0.84rem; height: 1px; } #cooperation .wrap1 .abox .acon{ font-size: 0.26rem; } #cooperation .wrap1 .abox a{ box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.1); } #cooperation .wrap1 .abox a .text{ padding: 0.5rem; } #cooperation .wrap1 .abox a + a{ margin-top: 0.58rem; margin: 0.58rem 0 0; } #cooperation .wrap2{ padding: 0; } #cooperation .wrap2 .tit{ font-size: 0.36rem; } #case .wrap1,#strategy .wrap1{ padding-top: 0.9rem; } #case .wrap1 .w1440{ width: 100%; } #case .wrap1 .w1440 ul{ width: 100%; margin-top: 0.7rem; } #case .wrap1 .w1440 ul li{ width: 100%; margin-right: 0; } #case .wrap1 .htit{ font-size: 0.36rem; color: #000000; } #case .wrap1 .hcon{ font-size: 0.28rem; padding: 0 0.9rem 0.3rem; } #case .wrap1 .hcon:after{ width: 1.17rem; height: 1px; } #case .wrap1 li .text{ text-align: center; padding: 0.44rem 0.7rem 0.7rem; } #case .wrap1 li .tit{ font-size: 0.32rem; } #case .wrap1 li .con{ font-size: 0.26rem; } #service .wrap1 .htit{ font-size: 0.36rem; } #service .wrap1 .hcon{ font-size: 0.28rem; max-width: none; padding: 0 0.36rem; margin-top: 0.2rem; } #service .wrap1 .hcon:after{ display: none; } #service .wrap1 .top .swiper-slide:first-child{ margin-left: 0.25rem; } #service .wrap1 .top .swiper-slide{ width: 3.2rem; margin-right: 0.14rem; } #service .wrap1 .w1270{ width: 100%; } #service .wrap1 .fot{ margin-top: 0.65rem; } #service .wrap1 .fot .imgs{ width: 100%; } #service .wrap1 .fot .text{ width: 100%; padding: 0.6rem 0.52rem; box-sizing: border-box; margin: 0; } #service .wrap1 .fot .tit{ font-size: 0.3rem; } #service .wrap1 .fot .tit:after{ display: none; } #service .wrap1 .fot .con{ font-size: 0.24rem; } #service .wrap1 .top{ margin-top: 0.5rem; padding-bottom: 0.4rem; } #service .wrap1 .top .swiper-slide .text{ font-size: 0.3rem; } #service .wrap1{ padding: 0.9rem 0 0; } #service .wrap1 .top .swiper-slide:after{ bottom: -0.4rem; } #about .wrap1{ padding: 0.7rem 0 0.94rem; } #about .wrap1 .htit{ font-size: 0.36rem; color: #000000; padding-bottom: 0.3rem; margin-bottom: 0.3rem; } #about .wrap1 .htit:after{ width: 1.14rem; height: 1px; } #about .wrap1 .hcon{ font-size: 0.26rem; line-height: 2; font-weight: 300; } #about .wrap1 .hcon p + p{ margin-top: 0.2rem; } #about .wrap1 .w1440{ padding: 0 0.2rem; } #history .wrap1 a{ width: 6.42rem; display: block; margin: 0 auto; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); } #history .wrap1 a .d1{ font-size: 0.28rem; } #history .wrap1 a .d2{ font-size: 0.24rem; } #history .wrap1 a .text{ padding: 0.5rem 0; } #history .wrap1 a:nth-child(2n){ margin: 0 auto; } #history .wrap1 a + a{ margin-top: 0.4rem !important; } #history .wrap1 .tit{ font-size: 0.36rem; color: #000000; text-align: center; margin: 0.8rem 0 0.5rem; } #history .wrap1{ padding: 0 0 1rem; } #historyinfo .wrap1 li .imgs{ width: 100%; float: none !important; } #historyinfo .wrap1 li .text{ position: relative; width: 100%; top: 0; left: 0; transform: none; } #historyinfo .wrap1 li .box{ width: 100%; max-width: 100%; position: relative; transform: none; top: 0; left: 0; box-sizing: border-box; padding: 0.44rem 0.6rem 0.4rem; } #historyinfo .wrap1 li .time{ font-size: 0.27rem; } #historyinfo .wrap1 li .d1{ font-size: 0.36rem; width: 100%; max-width: 100%; line-height: 1.5; } #historyinfo .wrap1 li .con{ width: 100%; max-width: 100%; font-size: 0.28rem; margin-top: 0.15rem; } #historyinfo .wrap2{ margin: 0.5rem 0 0.92rem; font-weight: 300; } #historyinfo .wrap2 .tit:after{ width: .6rem; height: 1px; } #historyinfo .wrap2 .datetit{ font-size: 0.28rem; } #historyinfo .wrap2 .tit{ font-size: 0.4rem; } #historyinfo .wrap2 .swiper-slide{ width: 4.6rem; margin-right: 0.26rem; } #historyinfo .wrap2 .d1{ font-size: 0.26rem; } #historyinfo .wrap2 .d2{ font-size: 0.24rem; line-height: 1.5; color: #1a1a1a; } #historyinfo .wrap2 .swiper-pagination{ font-size: 0; position: relative; margin: 0.6rem 0 0; bottom: 0; } #historyinfo .wrap2 .swiper-pagination .swiper-pagination-bullet{ width: 0.16rem; height: 0.16rem; background-color: #e1e1e1; margin: 0 0.16rem; opacity: 1; } #historyinfo .wrap2 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #a8a8a8; } #historyinfo .wrap2 .d1{ padding-top: 0.1rem; } #case .wrap1 .addmore{ width: 3.18rem; height: 0.73rem; line-height: 0.73rem; font-size: .26rem; color: #000000; margin: 0.46rem auto 0.82rem; } #strategy .wrap1{ margin-top: 0; } .bor1px:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #d8d8d8; bottom: 0; left: 0; transform: scale(1, 0.5); } #strategy .wrap1 li{ margin-bottom: 0.2rem; } #strategy .wrap1 .htit{ font-size: 0.36rem; color: #000000; } #strategy .wrap1 .hcon{ font-size: 0.28rem; color: #1a1a1a; line-height: 1.8; padding: 0 0.6rem 0.26rem; margin-bottom: 0.66rem; } #strategy .wrap1 .hcon:after{ width: 1.16rem; height: 1px; background-color: #707070; } #strategy .wrap1 .w1440{ width: 100%; } #strategy .wrap1 .swiper-container{ margin: 0.6rem 0 0; } #strategy .wrap1 .swiper-container .swiper-pagination{ margin: 0.5rem 0 0.7rem; } #strategy .wrap1 .swiper-container .swiper-pagination-bullet{ width: 0.14rem; height: 0.14rem; margin: 0 0.1rem; } #strategy .wrap1 ul{ padding: 0; } #innovate .wrap1 .text{ position: relative; top: 0; left: 0; transform: none; color: #000000; padding-bottom: 0.58rem; } #innovate .wrap1 .text .d1{ font-size: 0.36rem; margin: 0.76rem 0 0.26rem; padding-bottom: 0.2rem; } #innovate .wrap1 .text .d1:after{ background-color: #000; width: 1.16rem; height: 1px; } #innovate .wrap1 .text .d2{ font-size: 0.28rem; } #innovate .wrap2 ul{ background-color: rgba(0,0,0,0.4) !important; } #innovate .wrap2 ul li{ width: 100%; height: 25%; font-size: 0.68rem; padding-top: 0; position: relative; background-color: transparent !important; } #innovate .wrap2 ul li .box{ width: 100%; position: absolute; top: 50%; transform: translate(0, -50%); } #innovate .wrap2 ul li:nth-child(2), #innovate .wrap2 ul li:nth-child(3){ background-color: rgba(0,0,0,0.4); } #innovate .wrap2 ul li .num span{ font-size: 0.68rem; } #innovate .wrap2 ul li .con{ font-size: 0.28rem; } #innovate .wrap{ width: 100%; } #innovate .wrap3 .tit{ font-size: 0.38rem; padding-bottom: 0.2rem; } #innovate .wrap3 .tit:after{ width: 1.16rem; height: 1px; } #innovate .wrap3{ margin: 0.9rem 0 0; } #innovate .wrap3 .con{ font-size: 0.28rem; max-width: none; padding: 0 0.4rem; line-height: 1.84; margin: 0.2rem 0 0.44rem; } #innovate .wrap4 .tit{ font-size: 0.36rem; text-align: center; margin: 0.84rem 0 0; padding-bottom: 0.18rem; } #innovate .wrap4 .tit:after{ right: 0; margin: 0 auto; width: 1.16rem; height: 1px; } #innovate .wrap4 .con{ font-size: 0.28rem; text-align: center; padding: 0 0.4rem; line-height: 0.46rem; } #innovate .wrap4 .imgs{ width: 100%; display: block; margin-top: 0.4rem; } #innovate .wrap4 .text{ display: block; width: auto; margin: 0; } #innovate .wrap4 .text .con{ font-size: 0.28rem; text-align: justify; display: block; text-indent: 2em; margin: 0.4rem 0 0.5rem; } #innovate .wrap4{ margin-bottom: 0; } #honor .wrap1 .w1440{ width: 100%; } #honor .wrap1 .tit{ font-size: 0.36rem; padding-bottom: 0.2rem; position: relative; margin-top: 0.7rem; } #honor .wrap1 .tit:after{ content: ''; display: block; position: absolute; width: 1.16rem; height: 1px; bottom: 0; left: 0; right: 0; margin: 0 auto; background-color: #202020; } #honor .wrap1 .con{ font-size: 0.26rem; padding: 0 1.1rem; line-height: .46rem; margin-top: 0.3rem; margin-bottom: 0.6rem; } #honor .wrap1 li .t1{ text-align: left; padding: 0 0.4rem; font-size: 0.3rem; line-height: 0.96rem; padding-bottom: 0.45rem; } #honor .wrap1 li .t1 span{ float: right; font-size: 0.23rem; color: #007dae; padding-right: 0.24rem; background: url('../images/78.png') no-repeat right center/0.11rem auto; } #honor .wrap1{ margin-bottom: 0; } #honorlist .wrap1 .tit{ font-size: 0.36rem; margin-bottom: 1rem; } #honorlist .wrap1 .tit span{ font-size: 0.36rem; } #honorlist .wrap1{ padding: 0.76rem 0; } #honorlist .wrap1 .topbox .swiper-slide{ padding: 0 0.3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #honorlist .wrap1 .topbox .swiper-container .imgs{ width: 100%; padding-bottom: 64.4%; margin: 0; } #honorlist .wrap1 .topbox .swiper-container .text{ width: 100%; text-align: center; } #honorlist .wrap1 .topbox .swiper-container{ width: 5.6rem; } #honorlist .wrap1 .year{ font-size: 0.26rem; margin-top: 0.74rem; } #honorlist .wrap1 .ytit{ font-size: 0.28rem; } #honorlist .wrap1 .ycon{ font-size: 0.24rem; margin-top: 0.14rem; } #honorlist .wrap1 .wrap{ max-width: 100%; } #honorlist .botbox{ margin-top: 1.14rem; } #honorlist .botbox .swiper-container{ margin: 0; max-width: 100%; } #honorlist .botbox .swiper-slide{ font-size: 0.2rem; padding-top: 0.2rem; } #honorlist .wrap1 .topbox .prev, #honorlist .wrap1 .topbox .next{ width: 0.42rem; height: 0.84rem; background-size: 0.42rem auto; top: 1.22rem; margin: 0; } #honorlist .wrap1 .topbox .prev{ left: 0.34rem; } #honorlist .wrap1 .topbox .next{ right: 0.34rem; } #globals .wrap1 .map{ max-width: 100%; margin-top: 0.9rem; } #globals .wrap1 .map .pointbox{ display: block; } #globals .wrap1 .map .pointbox .point{ width: 6px; height: 6px; } #globals .map .pointbox:nth-child(3){ top: 32.5%; left: 66%; } #globals .map .pointbox:nth-child(5){ top: 37%; left: 67%; } #globals .map .pointbox:nth-child(6){ left: 72%; } #globals .map .pointbox:nth-child(7){ top: 41.2%; left: 73.5%; } #globals .map .pointbox:nth-child(8){ top: 44%; left: 74.6%; } #globals .map .pointbox:nth-child(9){ left: 74.6%; } #globals .map .pointbox:nth-child(10){ top: 45%; left: 79%; } #globals .map .pointbox:nth-child(11){ top: 49%; left: 72.4%; } #globals .map .pointbox:nth-child(13){ top: 69%; left: 83.5%; } #globals .map .pointbox:nth-child(14){ top: 78%; left: 93%; } #globals .map .pointbox:nth-child(14) .text{ left: -50%; transform: translate(-70%,-50%); } #globals .map .pointbox:nth-child(15){ top: 35%; left: 59.5%; } #globals .map .text{ display: none; } #globals .wrap1 .map .radio1, #globals .wrap1 .map .radio2{ display: none; } #globals .wrap1 .tit{ font-size: 0.36rem; padding-bottom: 0.2rem; margin-bottom: 0.24rem; } #globals .wrap1 .tit:after{ width: 1.16rem; height: 1px; } #globals .wrap1{ padding: 1.3rem 0 2rem; } #globals .wrap1 .con{ font-size: 0.26rem; padding: 0 0.6rem; } #globals .langbox{ padding: 0 0.52rem; margin-top: 0.94rem; } #globals .langbox .box{ position: relative; } #globals .langbox .langtit{ border: 1px solid #cacaca; font-size: 0.26rem; height: 0.76rem; line-height: 0.76rem; padding-left: 0.76rem; background: url(../images/82.png) no-repeat 0.2rem center/0.36rem auto; position: relative; } #globals .langbox .langtit:after{ content: ''; display: block; position: absolute; width: 0.17rem; height: 0.09rem; right: 0.26rem; top: 0; bottom: 0; margin: auto 0; background: url(../images/83.png) no-repeat center/0.17rem auto; transition: all .3s ease-in; } #globals .langbox .langtit.on:after{ transform: rotate(180deg); } #globals .langbox .langcon{ position: absolute; width: 100%; height: 3.5rem; font-size: 0; background: #fff; z-index: 9; box-sizing: border-box; padding: 0.3rem 0; border: 1px solid #e3e3e3; border-top: none; display: none; } #globals .langbox .langcon.init{ visibility: hidden; display: block; } #globals .langbox .langcon a{ display: inline-block; height: 0.74rem; line-height: 0.74rem; color: #000000; width: 50%; text-align: center; font-size: 0.26rem; } #globals .langbox .swiper-container{ height: 100%; margin: 0 0.2rem; } #globals .langbox .swiper-container .swiper-slide{ height: auto; } .scrollbox.swiper-container-vertical>.swiper-scrollbar{ opacity: 1 !important; background-color: #fff; } .scrollbox .swiper-scrollbar-drag{ background-color: #e5e5e5; } #culture .ad-text{ max-width: 100%; margin: .68rem 0 .76rem; } #culture .ad-text .d2{ font-size: .36rem; width: 100%; } #culture .ad-text .d2 + .d2{ margin-top: .5rem; } #culture .ad-text .d2 span{ font-size: .3rem; padding-top: .32rem; } #culture .ad-text:after{ display: none; } #culture .w1440{ width: 100%; } #culture .ad .w1440, #culture .ad .text, #culture .ad .text .box{ width: 100%; position: relative; transform: none; top: 0; left: 0; } #culture .wrap2 .htit .htit-d1{ font-size: .3rem; color: #1a1a1a; padding-top: .16rem; padding-bottom: .18rem; } #culture .wrap2 .con{ padding-right: 10px; height: auto; } #culture .ad .text .box{ padding: 0.5rem 0.8rem 0.74rem; box-sizing: border-box; color: #1a1a1a; text-align: center; } #culture .ad .htit{ font-size: 0.36rem; color: #000000; } #culture .ad .d2{ font-size: 0.28rem; font-weight: 300; line-height: .52rem; } #culture .ad .d2 span{ font-size: .28rem; } #culture .ad .d2 p+p{ margin-top: 0.1rem; } #culture .wrap1 .subtit{ font-size: 0.3rem; } #culture .wrap1 .con{ font-size: 0.26rem; padding: 0 0.5rem; text-align: left; text-indent: 2em; margin-bottom: 0.7rem; font-weight: 300; } #culture .htit{ font-size: 0.36rem; } #culture .wrap1 .htit{ margin: 0.5rem 0 0; } #culture .wrap2 .imgs, #culture .wrap4 .imgs{ width: 100%; } #culture .wrap2 .text, #culture .wrap4 .text{ width: 100%; box-sizing: border-box; padding: 0.54rem 0.5rem 0.7rem; margin: 0; } #culture .wrap4 .text{ padding-bottom: 1rem; } #culture .wrap2 .htit, #culture .wrap3 .htit, #culture .wrap4 .htit{ text-align: center; margin-bottom: 0.3rem; padding-bottom: 0.2rem; } #culture .wrap2 .htit:after, #culture .wrap3 .htit:after, #culture .wrap4 .htit:after{ right: 0; width: 1.16rem; height: 1px; } #culture .wrap2 .con, #culture .wrap3 .con, #culture .wrap4 .con{ font-size: 0.26rem; text-align: left; text-indent: 2em; line-height: 1.84; font-weight: 300; } #culture .wrap3 .con{ padding: 0 0.5rem; margin-bottom: 0.7rem; } #culture .wrap2{ margin: 0; } #culture .wrap2 .lookmore{ text-align: center; font-size: 0.23rem; color: #686868; background: url('../images/84.png') no-repeat bottom center/0.15rem auto; margin-top: 0.4rem; padding-bottom: 0.14rem; font-weight: 300; } #culture .wrap3 .htit{ margin-top: 0.5rem; } #culture .wrap4{ margin: 0; } #culture .wrap4 .con p:not(:first-child){ /* text-indent: 0; */ } #culture .wrap3,#culture .wrap4{ display: none; } #culture.cur .wrap3, #culture.cur .wrap4{ display: block; } #culture .wrap4, #culture.cur .wrap4{ display: none; } #social .fixsub .subnav .w1270{ width: 100%; } #social .subnav .swiper-slide{ width: 50%; text-align: center; } #social .wrap2 .ul-tit{ font-size: .36rem; padding-bottom: .3rem; } #social .wrap2{ padding-top: .5rem; } #social .w1440{ width: 100%; } #social .wrap1 .con{ font-size: 0.26rem; text-align: left; min-width: 100%; padding: 0.5rem 0.5rem 0.9rem; box-sizing: border-box; font-weight: 300; } #social .wrap2 li .text .box .t1{ font-size: 0.36rem; padding-bottom: 0.4rem; } #social .wrap2 li .text .con{ font-size: 0.26rem; margin-top: 0; line-height: 0.5rem; font-weight: 300; } #social .wrap2 .box + .box{ margin-top: 0; } #social .wrap2 li + li{ margin-top: .15rem; } #social .wrap2 li:nth-child(2n) .text .box{ padding: .5rem .5rem .7rem; } #social .wrap2 li .text .box{ padding: 0.5rem 0.5rem 0.9rem; } #university .htit{ font-size: 0.36rem; margin: 0.76rem 0 0; } #university .wrap1 ul{ margin: 0.6rem auto 0; width: 6.4rem; } #university .wrap1 li{ box-shadow: 1px 3px 10px rgba(0,0,0,0.1); } #university .wrap1 li:not(:last-child){ margin-right: 0; } #university .wrap1 li + li{ margin-top: 0.6rem; } #university .wrap1 li .text{ padding: 0.44rem 0.56rem 0.4rem; } #university .wrap1 li .tit{ font-size: 0.3rem; padding-bottom: 0.1rem; } #university .wrap1 li .con{ font-size: 0.26rem; line-height: 1.62; margin-top: 0.2rem; } #university .wrap1 li .more{ font-size: 0.23rem; background-image: url('../images/arrowmob.svg'); background-size: 0.11rem auto; padding-right: 0.2rem; } #university .wrap1 li .tit:after{ width: 0.8rem; height: 1px; } #university .wrap1{ padding-bottom: 1rem; } #intro .w1440{ width: 100%; } #intro .wrap1 .con{ width: 6.5rem; margin: 0.5rem auto 0.6rem; font-size: 0.26rem; /* text-indent: 2em; */ line-height: 2; text-align: left; font-weight: 300; } #intro .wrap1 ul{ margin: 0 0.4rem; } #intro .wrap1 li{ width: 100%; text-align: left; padding: 0.44rem 0.6rem 0.34rem 0.34rem; margin-bottom: .4rem; } #intro .wrap1 li .ico{ display: inline-block; vertical-align: top; } #intro .wrap1 li .ico img{ width: 0.7rem; } #intro .wrap1 li .text{ display: inline-block; width: 4.7rem; margin-left: 0.36rem; } #intro .wrap1 li .d1{ font-size: .3rem; padding-bottom: .22rem; line-height: 1; margin: 0; } #intro .wrap1 li .d1:after{ display: none; } #intro .wrap1 li .d2{ font-size: 0.24rem; margin-top: 0; line-height: 1.5; font-weight: 300; } #intro .wrap2{ margin-top: 1.2rem; } #intro .wrap2 .htit{ font-size: 0.36rem; padding-bottom: 0.2rem; margin-bottom: 0.5rem; } #intro .wrap2 .htit:after{ width: 1.16rem; height: 1px; } #intro .wrap2 .swiper-slide{ width: 4.1rem; text-align: center; padding: 0 0 1.16rem; } #intro .wrap2 .year{ font-size: 0.6rem; } #intro .wrap2 .con{ font-size: 0.26rem; font-weight: 300; text-align: left; } #intro .wrap2 .swiper-container{ background-image: url('../images/85-h.jpg'); background-size: auto 0.2rem; } #intro .wrap2 .control{ margin-top: 0.46rem; } #intro .wrap2 .wrap2-prev, #intro .wrap2 .wrap2-next{ width: 0.52rem; height: 0.52rem; margin: 0 0.15rem; } #intro .wrap3 .htit{ font-size: 0.36rem; padding-bottom: 0.2rem; margin:1.4rem 0.5rem 0.66rem; } #intro .wrap3 .htit:after{ width: 1.16rem; height: 1px; } #intro .wrap3 .swiper-slide{ width: 4.44rem; margin-right: 0.12rem; } #intro .wrap3 .swiper-slide a{ padding-bottom: 0; } #intro .wrap3 .swiper-slide .tit{ font-size: 0.26rem; margin: 0.3rem 0 0; } #intro .wrap3 .swiper-slide .con{ font-size: 0.23rem; font-weight: 300; } #intro .wrap3 .swiper-slide .tit:after{ width: 0.6rem; height: 1px; } #intro .wrap3 .swiper-container{ margin-bottom: 1.4rem; } #intro .wrap3 .swiper-pagination{ margin: 0.55rem 0 0; } #intro .wrap3 .swiper-pagination .swiper-pagination-bullet{ width: 0.16rem; height: 0.16rem; margin: 0 0.18rem; } #talent .wrap1 .htit{ font-size: 0.36rem; padding-bottom: 0.2rem; margin: 0.6rem 0 0.8rem; } #talent .wrap1 .htit:after{ width: 1.16rem; height: 1px; } #talent .wrap1 .w1440{ width: 100%; padding: 0 0.6rem; box-sizing: border-box; } #talent .wrap1 ul li{ padding: 0 0; } #talent .wrap1 ul li + li{ margin-top: 0.7rem; } #talent .wrap1 ul li .ico img{ width: 0.76rem; } #talent .wrap1 ul li .d1{ font-size: 0.3rem; } #talent .wrap1 ul li .d2{ font-size: 0.24rem; line-height: 0.35rem; font-weight: 300; } #talent .wrap1 ul li .text{ width: calc(100% - 0.76rem); padding-left: 0.34rem; } #talent .wrap1 .box2{ padding-bottom: 1.6rem; } #talent .wrap1 .box2 .htit{ padding-top: 0.8rem; } #talent .wrap1 .box2 .htit{ margin-bottom: 0.8rem; } #openclass .wrap1{ padding: 0.54rem 0 0.9rem; } #openclass .wrap1 .w1440 .con{ font-size: 0.26rem; text-align: left; text-indent: 2em; line-height: 1.77em; padding: 0 0.4rem 0 0.2rem; font-weight: 300; } #openclass .wrap2 .htit{ line-height: 0.72rem; padding-bottom: 0.2rem; } #openclass .wrap2 .h1{ display: block; font-size: 0.36rem; text-align: center; float: none; margin-bottom: 0.26rem; } #openclass .wrap2 .atap{ display: block; float: none; height: 1.1rem; line-height: 1.1rem; } #openclass .wrap2 .atap .atapbox{ height: 1.1rem; line-height: 1.1rem; background-color: #fff; width: 100%; } #openclass .wrap2 .atap.fix .atapbox{ position: fixed; width: 100%; top: 0.9rem; left: 0; z-index: 9; box-sizing: border-box; padding: 0 0.45rem; } #openclass .wrap2 .atap .tapitem{ width: 50%; margin: 0; text-align: center; } #openclass .wrap2 .atap .tapitem a{ margin: 0; font-size: 0.3rem; } #openclass .wrap2 li{ width: 100%; box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.1); margin-bottom: 0.48rem; } #openclass .wrap2 li .attr .time{ background-image: url('../images/38-h.png'); } #openclass .wrap2 li .attr .look{ background-image: url('../images/39-h.png'); } #openclass .wrap2 li .attr .good{ background-image: url('../images/40-m.png'); } #openclass .wrap2 .w1440{ width: 6.6rem; } #openclass .wrap2 li .tit{ font-size: 0.3rem; } #openclass .wrap2 li .text{ padding: 0.44rem 0.4rem; } #openclass .wrap2 li .con{ font-weight: 300; } #openclass .wrap2 li:not(:nth-child(2n)){ margin-right: 0; } #openclass .wrap2 .box .more{ margin: 0.7rem auto 0rem; font-size: 0.26rem; width: 3.2rem; height: 0.72rem; line-height: 0.72rem; } #openclass .wrap2{ margin-bottom: 1.4rem; } #openclass .wrap2 li .attr span{ background-size: 0.3rem; padding-left: 0.4rem; } #openclass .wrap2 .atap a:after{ height: 1px; } #openclassinfo .htit{ font-size: 0.34rem; line-height: 0.5rem; } #openclassinfo .wrap1{ padding: 0.8rem 0 0; } #openclassinfo .wrap1 .htit{ padding: 0 0.6rem; font-size: 0.36rem; } #openclassinfo .wrap1 .time{ margin: 0.2rem 0 0.54rem; font-size: 0.23rem; } #openclassinfo .wrap1 .time span{ margin-left: 0.34rem; } #openclassinfo .wrap1 .w1440{ width: 100%; padding: 0; } #openclassinfo .wrap1 .box .imgs{ margin-bottom: 0; } #openclassinfo .wrap2 .container{ max-width: 100%; padding: 0.7rem 0.05rem 0.8rem; } #openclassinfo .wrap2 .box{ margin-top: 0; } #openclassinfo .wrap2 .imgs{ display: block; width: 2.9rem; height: 2.9rem; margin: 0.8rem auto 0.38rem; } #openclassinfo .wrap2 .text{ display: block; max-width: 100%; text-align: center; padding: 0; margin: 0 auto; box-sizing: border-box; padding: 0 0.4rem; } #openclassinfo .wrap2 .text .d1{ font-size: 0.32rem; color: #3f3a39; line-height: 1.5; } #openclassinfo .wrap2 .text .d2{ font-size: .24rem; color: #4d4d4d; margin-bottom: 0.24rem; } #openclassinfo .wrap2 .text .d3{ font-size: 0.24rem; color: #4d4d4d; line-height: 0.45rem; } #openclassinfo .wrap3 .top .w1440{ padding: 0.6rem 0 0.44rem; } #openclassinfo .container{ max-width: 100%; } #openclassinfo .wrap3 .con{ margin-top: 0.2rem; } #openclassinfo .wrap3 .con, #openclassinfo .wrap3 .fot .red{ font-size: 0.24rem; line-height: 0.4rem; } #openclassinfo .wrap3 .fot{ padding: 0.4rem 0 0 } #openclassinfo .wrap3{ padding-bottom: 0.9rem; } #openclassinfo .wrap4{ margin-bottom: 1rem; } #openclassinfo .wrap4 span{ font-size: 0.29rem; background-size: 0.42rem; padding-left: .54rem; } #openclassinfo .wrap4 span.good{ margin-left: 0.6rem; margin-right: 0; } #special .wrap1{ margin-top: 0; margin-bottom: 0; } #special .wrap1 .w1440{ max-width: 100%; } #special .wrap1 .text{ padding: 0 0.5rem 1rem; } #special .wrap1 li .tit{ font-size: 0.34rem; padding-bottom: 0.16rem; margin: 0.4rem 0 0.3rem; } #special .wrap1 li .tit:after{ width: 0.85rem; height: 1px; } #special .wrap1 li:not(:nth-child(2n-1)){ margin-top: 0; } #special .wrap1 li .con{ font-size: 0.26rem; line-height: 0.46rem; font-weight: 300; } #servicehome .htit{ font-size: 0.36rem; } #servicehome .wrap1 li{ width: calc(50% - 0.07rem); margin-bottom: 0.14rem; padding: 0.9rem 0 0.6rem; } #servicehome .wrap1 li:not(:first-child){ margin-left: 0; } #servicehome .wrap1 li.code + li{ margin-right: 0.14rem; } #servicehome .wrap1 li .ico{ height: auto; line-height: 1; } #servicehome .wrap1 li .ico img{ width: 0.8rem; } #servicehome .wrap1 li .d1{ font-size: .28rem; color: #1a1a1a; margin-top: 0.2rem; } #servicehome .wrap1 li .d2{ font-size: 0.22rem; padding-right: 0.18rem; background-size: 0.1rem auto; } #servicehome .wrap1{ padding: 0.7rem 0 .15rem; } #servicehome .wrap1 .w1440{ width: 7.06rem; } #servicehome .wrap1 ul{ margin-top: 0.64rem; } #servicehome .wrap1 .subtit{ font-size: 0.24rem; color: #1a1a1a; text-align: center; } #servicehome .wrap2 .htit{ margin: 0.8rem 0 0.3rem; } .faqlist .box ul{ width: 100%; font-weight: 300; } .faqlist .box ul + ul{ margin-left: 0; } .faqlist .w1440{ max-width: 100%; padding: 0 0.54rem; box-sizing: border-box; } .faqlist .box li{ border-bottom: none; position: relative; } .faqlist .box li:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #d8d8d8; left: 0; bottom: 0; transform: scale(1,0.5); transition: all .3s ease-out; } .faqlist .box li.nobor:after{ opacity: 0; } .faqlist .box li .listtit{ font-size: 0.26rem; line-height: .46rem; padding: .27rem 1rem .27rem 0; } .faqlist .box li .listtit:after{ width: 0.21rem; height: 0.21rem; } .faqlist .box li .listcon{ font-size: .24rem; padding: 0.36rem 0.3rem 0.45rem; } .faqlist .box li .listcon .d1{ display: inline-block; vertical-align: top; float: left; font-size: 0.24rem; line-height: 0.54rem; margin: 0; } .faqlist .box li .listcon .d2{ display: inline-block; float: right; } .faqlist .box li .list-btn{ width: 1.2rem; height: 0.54rem; line-height: 0.54rem; padding-left: 0.54rem; background-size: 0.27rem auto; background-position: 0.2rem center; border-radius: 0.27rem; } .faqlist .box li .list-btn.no{ margin-left: .3rem; } .faqlist .box li .listcon .dbox{ margin: 0.5rem 0 0; } .faqlist .box .more{ width: 3rem; height: .7rem; line-height: .7rem; margin: 1.1rem auto 0.65rem; font-size: 0.26rem; } #faq .fixsub .subnav{ /* border-bottom: 1px solid transparent; */ } #faq .fixsub .subnav.fix{ /* border-bottom: 1px solid #d8d8d8; */ } #faq .fixsub .subnav.fix:after, #policy .fixsub .subnav.fix:after, #charge .fixsub .subnav.fix:after{ content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #d8d8d8; left: 0; bottom: 0; transform: scale(1,0.5); } #faq .wrap1 .w1440{ width: 6.9rem; max-width: 100%; } #faq .wrap1 .swiper-pagination{ font-size: 0; position: relative; bottom: 0; margin-top: 0.46rem; } #faq .wrap1 .swiper-pagination .swiper-pagination-bullet{ width: 0.14rem; height: 0.14rem; background-color: #dddddd; margin: 0 0.1rem; opacity: 1; } #faq .wrap1 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #aaaaaa; } #faq .fixsub, #charge .fixsub, #policy .fixsub{ height: 1.2rem; line-height: 1.2rem; } #faq .subnav, #charge .subnav, #policy .subnav{ height: 1.2rem; line-height: 1.2rem; font-size: 0.3rem; } #faq .fixsub .subnav.fix, #charge .fixsub .subnav.fix, #policy .fixsub .subnav.fix{ top: 1rem; } #faq .fixsub .right a, #charge .fixsub .right a, #policy .fixsub .right a{ width: 1.6rem; height: 0.66rem; line-height: 0.66rem; text-align: center; background-image: url(''); padding-left: 0; font-size: 0.26rem; border-radius: 0.1rem; } #faq .fixsub .right a + a, #charge .fixsub .right a + a, #policy .fixsub .right a + a{ margin-left: 0.2rem; } #faq .wrap1{ margin-top: 0.7rem; } #faq .wrap1 .swiper-slide{ width: 1.7rem; height: 1.7rem; padding: 0.3rem 0 0.36rem; } #faq .wrap1 .swiper-slide img{ width: 0.94rem; } #faq .wrap1 .swiper-slide .d1{ font-size: 0.23rem; margin-top: 0.18rem; } #faq .wrap1 .swiper-slide:not(:last-child){ margin-right: 0.2rem; } #faq .wrap2{ margin-top: 1rem; padding-bottom: .65rem; } #faq .wrap2 .box .more{ margin-bottom: 0; } #charge .wrap1 table{ font-size: 0.24rem; } #charge .wrap1 table td{ padding: 0; line-height: .38rem; } #charge .wrap1 .w1440{ max-width: 6.9rem; } #charge .wrap1 table thead{ font-size: 0.26rem; height: 0.7rem; } #charge .wrap1 table thead tr{ height: 0.7rem; } #charge .wrap1 .table{ margin: 0; padding-bottom: .4rem; border-bottom: 1px solid #efefef; } #charge .wrap1 .table .w1440{ border-bottom: none; padding-bottom: 0; } #charge .wrap1 .table1{ padding-bottom: 0.4rem; border-bottom: 1px solid #efefef; } #charge .wrap1 .table1 tbody td:nth-child(3){ white-space: nowrap; } #charge .wrap1 .table1 td:first-child{ width: 21%; } #charge .wrap1 .tablecon, #policy .wrap1 .tablecon{ font-size: 0.26rem; margin-top: 0.5rem; } #charge .wrap1 .table1 table{ margin-top: 0; } #charge .wrap1 .w1440 .h2tit, #policy .wrap1 .w1440 .h2tit{ margin-bottom: 0.2rem; font-size: 0.3rem; } #charge .wrap1 .w1440 .h2tit{ margin-bottom: .4rem; margin-top: .6rem; padding-bottom: 0; } #charge .wrap1 .table2{ margin-top: 0.4rem; padding-bottom: 0.4rem; border-bottom: 1px solid #efefef; } #charge .wrap1 .table2 tr{ height: 0.7rem; } #charge .wrap1 .table3{ margin: 0; padding-bottom: 0.4rem; border-bottom: 1px solid #efefef; } #charge .wrap1 .table3 thead tr{ height: 1.5rem; } #charge .wrap1 .table3 tbody td{ padding: 0.24rem 0; } #policy .wrap1 table{ font-size: 0.24rem; line-height: 0.38rem; margin-top: .3rem; } #policy .wrap1 table thead{ font-size: 0.26rem; white-space: nowrap; } #policy .wrap1 table thead td{ height: 0.8rem; } #policy .wrap1 .w1440{ max-width: 6.9rem; } #policy .wrap1 .h2tit{ margin: 0.6rem 0 0.2rem; } #policy .wrap1 .tablecon{ margin-top: 0; } #policy .wrap1 table{ margin-top: 0.2rem; } #policy .wrap1 table td{ width: 6rem; } #policy .wrap1 table thead tr{ height: 0.8rem; } #policy .wrap1 table tbody tr td{ height: 0.8rem; padding: 0.2rem 0; } #policy .wrap1 table tbody tr td:nth-child(4){ padding: 0 0.1rem; } #policy .wrap1 table tr:nth-child(n+12) td:last-child{ padding-left: 0.44rem; } #policy .wrap1 .table1 .tablecon:last-child{ padding: 0.5rem 0 0; } #policy .wrap1 .table1 .w1440{ border-bottom: none; padding-bottom: 0; } #policy .wrap1 .table1 { padding-bottom: 0.6rem; border-bottom: 1px solid #eff0f0; } #policy .wrap1 .table2{ border-bottom: 1px solid #eff0f0; } #policy .wrap1 .table2 .w1440{ padding-bottom: 0.5rem; border-bottom: none } #policy .wrap1, #charge .wrap1{ font-size: 0.26rem; } #policy .wrap1 .table3{ padding-bottom: 1.2rem; } #query .wrap1 .htit{ font-size: 0.4rem; line-height: 0.54rem; margin: 2.4rem 0 0.6rem; } #query .wrap1 .inpbox{ width: 6.7rem; margin: 0 auto; } #query .wrap1 .inpbox input{ height: 0.9rem; line-height:0.9rem; padding-left: 0.26rem; font-size: 0.28rem; } #query .wrap1 .inpbox .code input{ width: 4.1rem; } #query .wrap1 .inpbox .code .send{ height: 0.9rem; line-height: 0.9rem; width: 2.25rem; font-size: 0.26rem; } #query .wrap1 .inpbox .submit input{ font-size: 0.26rem; } #query .wrap1 .htit br{ display: block; } #query .wrap1 .inpbox .inp + .inp{ margin-top: 0.2rem; } #query .wrap1{ padding-bottom: 4.5rem; } #result .wrap1 .htit{ font-size: 0.36rem; text-align: center; margin-bottom: 0.7rem; } #result .wrap1{ padding: 1.1rem 0 0; } #result .wrap1 li{ width: 100%; } #result .wrap1 li .tit{ display: inline-block; width: 2.3rem; height: 1.5rem; line-height: 1.5rem; vertical-align: top; } #result .wrap1 li .con{ display: table; width: calc(100% - 2.3rem); height: 1.5rem; vertical-align: top; float: right; font-size: 0.26rem; } #result .wrap1 li:not(:first-child){ border-left: none; border-top: 1px solid #efefef;; } #result .wrap1 li .tit{ font-size: 0.26rem; } #result .wrap1 .ts{ font-size: 0.28rem; margin: 0.5rem 0 2.8rem; } .step .w1440{ width: 6.8rem; } .step .ico{ width: 0.62rem; height: 0.62rem; } .step .swiper-slide:not(:last-child){ padding-right: 0.46rem; margin-right: 0.3rem; background-size: 0.24rem auto; background-position: right 0.2rem; } .step { margin-top: 1rem; } .step .swiper-slide .text{ font-size: 0.26rem; } #reservex .list{ padding-bottom: 2rem; } #reserve .wrap1 .subtit{ font-size: 0.4rem; margin: 1.2rem 0 0.5rem; } #reserve .wrap1 .inpbox{ width: 100%; } #reserve .wrap1 .inpbox input{ height: 0.9rem; line-height: 0.9rem; padding-left: 0.26rem; font-size: 0.28rem; } #reserve .wrap1 .inpbox .code input{ width: 4.1rem; } #reserve .wrap1 .inpbox .code .send{ height: 0.9rem; line-height: 0.9rem; width: 2.25rem; font-size: 0.26rem; } #reserve .wrap1 .inpbox .inp + .inp{ margin-top: 0.2rem; } #reserve .wrap1 .inpbox{ margin-bottom: 0rem; } #reserve2{ margin-top: 0; padding-top: 0.54rem; } #reserve2 .wrap2{ overflow: hidden; padding-bottom: 3rem; } #reserve2 .wrap2 .linetit{ font-size: 0.34rem; padding-bottom: 0.18rem; margin-top: 0.4rem; } #reserve2 .wrap2 .w1440{ max-width: 6.8rem; margin-bottom: 0.85rem; } #reserve2 .wrap2 .blk{ padding-top: 0.6rem; padding-bottom: 0; } #reserve2 .wrap2 .blk3{ padding-top: 0.4rem; } #reserve2 .wrap2 .blk .swiper-slide{ width: 1.7rem; height: 1.7rem; padding-top: 0.2rem; border-radius: 0.1rem; } #reserve2 .wrap2 .blk .swiper-slide:not(:first-child){ margin-left: 0.25rem; } #reserve2 .wrap2 .blk .swiper-slide .ico img{ width: 0.74rem; height: 0.74rem; } #reserve2 .wrap2 .blk .swiper-slide .text{ font-size: 0.23rem; line-height: 1; } #reserve2 .wrap2 .blk.blk2 .swiper-slide:not(:first-child){ margin-right: 0.3rem; } #reserve2 .wrap2 .blk.blk2 .swiper-slide .ico img{ width: 0.95rem; } #reserve2 .wrap2 .blk.blk2 .swiper-pagination{ font-size: 0; position: relative; bottom: 0; margin: 0.4rem 0 0; } #reserve2 .wrap2 .blk.blk2 .swiper-pagination .swiper-pagination-bullet{ width: 0.13rem; height: 0.13rem; background-color: #dddddd; opacity: 1; margin: 0 0.1rem; } #reserve2 .wrap2 .blk.blk2 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #aaaaaa; } #reserve2 .wrap2 .blk.blk2 .xzsb{ margin-top: 0.7rem; font-size: 0.28rem; text-align: left; margin-top: .4rem; margin-bottom: .2rem; } #reserve2 .wrap2 .blk.blk2 .select{ width: 100%; margin-left: 0; border-radius: 0.1rem; margin-top: 0.2rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.26rem; background-size: 0.14rem; } #reserve2 .wrap2 .blk.blk2 .select .select-tit{ background-position: 6.3rem center; padding: 0 0.28rem; } #reserve2 .wrap2 .blk.blk2 .select .select-con li{ padding: 0 0.28rem; } #reserve2 .wrap2 .blk.blk3 .inp span{ display: block; font-size: 0.28rem; margin-bottom: 0.2rem; width: auto; } #reserve2 .wrap2 .blk.blk3 .inp .select{ width: 2.06rem; height: 0.8rem; border-radius: 0.1rem; font-size: 0.24rem; background-size: 0.14rem; } #reserve2 .wrap2 .blk.blk3 .inp .select .select-tit{ background-position: 1.64rem center; padding-left: 0.28rem; } #reserve2 .wrap2 .blk.blk3 .inp .select .select-con li{ padding: 0 0.28rem; } #reserve2 .wrap2 .blk.blk3 .inp .select + .select{ margin-left: 0.26rem; } #reserve2 .wrap2 .blk.blk3 .inp.yysj .select{ width: 100%; height: 0.8rem; line-height: 0.8rem; background-size: 0.14rem; } #reserve2 .wrap2 .blk.blk3 .inp.yysj .select .select-tit{ background-position: 6.3rem center; } #reserve2 .wrap2 .blk.blk3 .inp.href{ margin-top: 0.52rem !important; } #reserve2 .wrap2 .blk.blk3 .inp.href input, #reserve2 .wrap2 .blk.blk3 .inp.href a{ width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.26rem; } #reserve2 .wrap2 .blk.blk3 .inp.href a{ margin-left: 0; margin-top: 0.2rem; } #reserve2 .wrap2 .blk.blk3 .inp + .inp{ margin-top: 0.3rem; } #reserve2 .wrap2 .blk2{ padding-bottom: 0.6rem; } #reserve2 .wrap2 .blk2 .swiper-container{ padding-bottom: .1rem; } #reserve3 .wrap1 .inpbox{ width: 6.8rem; margin: 0.9rem 0 0.85rem; } #reserve3 .wrap1 .inpbox .select .select-conbox{ border-radius: 0; } #reserve3 .wrap1 .inpbox .subtit{ font-size: 0.34rem; text-align: left; border-bottom: 1px solid #d2d2d2; padding-bottom: 0.2rem; margin-bottom: 0.3rem; } #reserve3 .wrap1 .inpbox .inp + .inp{ margin-top: 0.32rem; } #reserve3 .wrap1 .inpbox input{ font-size: 0.24rem; height: 0.8rem; line-height: 0.8rem; padding: 0 0.3rem; } #reserve3 .wrap1 .inpbox label{ font-size: 0.28rem; display: block; color: #333333; margin-bottom: 0.12rem; } #reserve3 .wrap1 .inpbox .select{ width: 2.1rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; } #reserve3 .wrap1 .inpbox .select-tit{ padding: 0 0.5rem 0 .3rem; background-position:1.6rem center; background-size: 0.14rem auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #reserve3 .wrap1 .inpbox .select .select-con li{ padding: 0 0.3rem; } #reserve3 .wrap1 .inpbox .select + .select{ margin-left: 0.2rem; } #reserve3 .wrap1 .inpbox textarea{ font-size: 0.24rem; height: 2.24rem; padding: 0.1rem 0.3rem; } #reserve3 .wrap1 .inpbox .tj input, #reserve3 .wrap1 .inpbox .tj a{ width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.26rem; } #reserve3 .wrap1 .inpbox .tj a{ margin-top: 0.2rem; } #reserve3 .wrap1 .inpbox .inp.tj{ margin-top: 0.44rem; } #reserve4 .wrap1 .inpbox{ width: 6.6rem; margin: 1.74rem auto 0rem; } #reserve4 .wrap1 .inpbox img{ width: 1.27rem; } #reserve4 .wrap1 .inpbox .d1{ font-size: 0.34rem; margin: 0.3rem 0 0.21rem; } #reserve4 .wrap1 .inpbox .d2{ font-size: 0.26rem; } #recruit .wrap1 .w1440 .hcon br{ display: none; } #recruit .wrap1 .w1440{ width: 6.6rem; } #recruit .wrap1 .w1440 .hcon{ font-size: .26rem; margin: 0.6rem 0 0.7rem; line-height: 0.5rem; font-weight: 300; } #recruit .wrap1 .w1440 .hcon a{ margin-top: 0.2rem; padding-right: .24rem; background-size: .12rem auto; } #recruit .wrap1 .w1440 .hcon a:before{ content: ''; display: block; } #recruit .wrap1 .w1440 ul li{ width: 100%; padding: 0.5rem 0 0.54rem 1.15rem; text-align: left; box-sizing: border-box; } #recruit .wrap1 .w1440 ul li + li{ margin-left: 0; margin-top: 0.35rem; } #recruit .wrap1 .w1440 ul li .ico, #recruit .wrap1 .w1440 ul li .text{ display: inline-block; vertical-align: middle; } #recruit .wrap1 .w1440 ul li .ico img{ width: 1.02rem; } #recruit .wrap1 .w1440 ul li .text{ width: calc(100% - 1.02rem); text-align: center; color: #000000; } #recruit .wrap1 .w1440 ul li .d1{ font-size: 0.3rem; margin: 0.1rem 0; } #recruit .wrap1 .w1440 ul li .d2{ font-size: 0.26rem; } #recruit .wrap1 .w1440 ul li .d3{ font-size: 0.22rem; padding-right: 0.22rem; background-size: 0.09rem auto; } #recruit .wrap1{ margin-bottom: 0.8rem; } .rejoin .wrap1 .topinp .right{ float: none; } .rejoin .wrap1 .topinp .right input[type="text"]{ width: 100%; height: 0.8rem; line-height: 0.8rem; border-radius: 0.1rem; padding: 0 0.32rem; font-size: 0.24rem; border-radius: 0; } .rejoin .wrap1 .w1440{ max-width: 100%; } .rejoin .wrap1 .topinp{ margin: 0; padding:0.44rem 0.26rem 0.45rem; border-bottom: 0.08rem solid #dddddd; } .rejoin .wrap1 .topinp .left{ float: none; margin-top: 0.3rem; } .rejoin .wrap1 .topinp .left .select{ width: 3.36rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.1rem; font-size: 0.24rem; } .rejoin .wrap1 .topinp .left .select .select-tit{ padding: 0 0.32rem; background-position: 3rem center; background-size: 0.14rem auto; font-size: 0.24rem; } .appfix{ display: none !important; } .rejoin .wrap1 .topinp .left .select + .select{ float: right; margin-left: 0; } .rejoin .wrap1 .licon .left{ width: 100%; float: none; } .rejoin .wrap1 .licon .con{ font-size: 0.26rem; font-weight: 300; color: #333; } .rejoin .wrap1 .licon{ padding: 0.4rem 0.5rem; } .rejoin .wrap1 .list h2{ margin-top: 0.5rem; } .rejoin .wrap1 .list .apply{ float: none; width: 2.3rem; height: 0.7rem; line-height: 0.7rem; color: #fff; background-color: #0c93e3; margin: 0.9rem auto 0; font-size: 0.27rem; border-radius: 0.03rem; } .rejoin .wrap1 .list li{ border-bottom: 0.08rem solid #dddddd; } .rejoin .wrap1 .list .litit{ padding: 0.4rem 0.5rem; height: auto; } .rejoin .wrap1 .list .litit{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .rejoin .wrap1 .list .sp{ text-align: left; } .rejoin .wrap1 .list .litit .sp1{ font-size: .3rem; color: #130c0c; order: 1; width: 5rem; line-height: 0.6rem; } .rejoin .wrap1 .list .litit .sp2{ font-size: 0.28rem; color: #6d6d6d; order: 3; width: 1.72rem; margin: 0.1rem 0; } .rejoin .wrap1 .list .litit .sp7{ width: calc(100% - 1.72rem); order:3; font-size: .26rem; margin: 0.1rem 0; box-sizing: border-box; padding-left: .36rem; color: #666; } .rejoin .wrap1 .list .litit .sp3 { font-size: 0.26rem; color: #666666; order: 5; width: 2.7rem; padding-left: 0.36rem; background: url('../images/133.png') no-repeat left center/0.24rem auto; } .rejoin .wrap1 .list .litit .sp4{ font-size: 0.26rem; color: #666666; order: 4; width: 1.72rem; box-sizing: border-box; padding-left: 0.3rem; background: url('../images/132.png') no-repeat left center/0.18rem auto; } .rejoin .wrap1 .list .litit .sp5{ font-size: 0.22rem; order: 2; line-height: 0.6rem; width: calc(100% - 5rem); } .rejoin .wrap1 .list .litit .sp6{ font-size: 0.26rem; color: #007baa; order: 6; width: 1.6rem; text-align: right; } .rejoin .wrap1 .topinp .right input[type="submit"]{ width: calc(0.8rem - 2px); height: calc(0.8rem - 2px); background-size: 0.32rem auto; } .applybox{ width: 100%; height: calc(100% - 0.9rem); left: 0; top: 0.9rem; overflow: auto; padding: 0 0.3rem 1.24rem; color: #333; } .applybox.show{ position: static; } .applybox .apply-tit{ font-size: 0.36rem; color: #000000; text-align: center; margin: 0.7rem 0 0.7rem; } .applybox label{ font-size: 0.28rem; color: #000000; width: 1.56rem; } .applybox input{ height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; width: calc(100% - 1.56rem); } .applybox .select{ width: 2.44rem; font-size: 0.24rem; height: 0.8rem; line-height: 0.8rem; color: #333333; } .applybox .select .select-tit{ background-position: 2.1rem center; background-size: 0.14rem auto; font-size: 0.24rem; } .applybox textarea{ width: calc(100% - 1.56rem); resize: none; border: 1px solid #cbcbcb; box-sizing: border-box; border-radius: 5px; height: 2.2rem; vertical-align: top; font-size: 0.24rem; padding: 0.18rem 0.24rem; } .applybox .inp.submit input{ width: calc(100% - 1.56rem); border: none; } .applybox .inp + .inp{ margin-top: 0.2rem; } .applybox .select + .select{ margin-left: 0.4rem; } #pay .wrap1 .w1440{ max-width: 100%; } #pay .wrap1 .w1440 .taps{ padding: 0 0.4rem; } #pay .wrap1 .w1440 .taps span{ height: 1.4rem; line-height: 1.4rem; font-size: 0.26rem; padding: 0; width: auto; white-space: nowrap; } #pay .wrap1 .w1440 .list .item1 .text{ width: calc(100% - 0.48rem); padding-right: 0; padding-left: 0.2rem; } #pay .wrap1 .w1440 .list .item1{ padding: 0.8rem 0.66rem 0.6rem; } #pay .wrap1 .w1440 .list .item1 li{ width: 100%; height: auto; padding: 0; min-height: auto; } #pay .wrap1 .w1440 .list .item1 .ico{ width: 0.48rem; } #pay .wrap1 .w1440 .list .item1 .d1{ font-size: 0.25rem; } #pay .wrap1 .w1440 .list .item1 .d2{ font-size: 0.22rem; margin-top: 0.1rem; } #pay .wrap1 .w1440 .list .item1 li + li{ margin-top: 0.6rem; } #pay .wrap1 .w1440 .list .item2 .img1{ max-width: 100%; width: 100%; } #pay .wrap1 .w1440 .list .item2 .box{ padding: 0.6rem 0.45rem 0.4rem; box-sizing: border-box; } #pay .wrap1 .w1440 .list .item2 .box .d1{ font-size: 0.3rem; margin-bottom: 0.4rem; } #pay .wrap1 .w1440 .list .item2 .img1:last-child{ margin-top: 0.7rem; } #pay .wrap1 .w1440 .list .item2 .box .hcon{ padding: 0.5rem 0 0; max-width: 100%; font-size: 0.26rem; } #pay .wrap1 .w1440 .list .item2 .box .hcon p:not(:first-child){ text-indent: 2em; } #pay .wrap1 .w1440 .list .item2 .box .hcon p + p{ margin-top: 0.4rem; } #join .wrap1 .hcon{ font-weight: 300; } #join .wrap4 ul li img{ width: 1rem; } #join .wrap5 .htit:after{ width: 1.16rem; height: 1px; } .wow{ visibility: visible !important; } .seartit{ font-size: 0.3rem; margin: 0.6rem 0 0.4rem; } .shade-poa{ position: fixed; top: 50%; left: 50%; height: 4.88rem; text-align: center; width: 6.26rem; margin-top: -2.44rem; margin-left: -3.13rem; display: none; background: #fff; box-shadow: 0 0 0.07rem rgba(0,0,0,0.15); border-radius: 0.05rem; padding: 0; overflow: hidden; } .shade-poa h2{ font-family: "PingFang SC"; font-size:0.39rem; line-height: 0.42rem; padding: 0.9rem 0 0.35rem 0; color: #000000 } .shade-poa h3{ font-size: 0.26rem; line-height: 0.3rem; font-family: "PingFang SC"; color: #808080; padding-bottom: 0.58rem } .shade-close{ position: absolute; width: 0.35rem; height: 0.35rem; top: 0.26rem; right: 0.41rem; z-index: 1001; cursor: pointer; } .shade-poa ul{ display: inline-block; zoom: 1; *display: inline; } .shade-poa li{ padding: 0 0.59rem; float: left; } .shade-poa .shade-img{ width: 1.04rem; margin: 0 auto; margin-bottom: 0.3rem; } .shade-poa .shade-img img{ max-width: 100%; width: 100%; } .shade-poa li p{ font-size: 0.26rem; color: #000000; line-height: 0.28rem; font-family: "PingFang SC"; } #policy .mobfot, #charge .mobfot, #feedback .mobfot, #law .mobfot, #productinfo .mobfot{ display: none !important; } #main .mobfot{ display: block !important; } #law .wrap1 .w1270{ width: 100%; padding: 0 0.5rem; box-sizing: border-box; } #law .text .tit{ font-size: 0.34rem; text-align: center; padding-bottom: 0.3rem; } #law .text .subtit{ font-size: 0.3rem; } #law .text .con{ font-size: 0.26rem; line-height: 0.46rem; } #law .wrap1{ padding: 0.6rem 0; } #law .text + .text{ margin-top: 0.24rem; } #law.privacy .text:first-child{ padding-bottom: 0.1rem; } #law.privacy .text .subtit{ padding-bottom: 0.06rem; } #law .wrap1 h3{ font-size: 0.24rem; color: #000000; padding-top: 0.2rem; } #products .wrap1 .ilist.on .item:nth-child(n+5){ display: block; } #products .wrap1 .ilist.on .item:nth-child(n+3){ display: none; } .loadbtn{ width: 1.88rem; height: 0.9rem; line-height: 0.9rem; padding-left: 0.7rem; margin: 0.46rem auto; cursor: pointer; } .loadbtn:after{ width: 1rem; height: 1rem; } .nicescroll-rails div{ right: 1px; width: 3px !important; margin: auto; float: none !important; transform: none; } #dot .wrap1 .wrap{ width: 6.9rem; padding: .75rem 0 1.3rem; } #dot .wrap1 .wrap h2.tit{ font-size: .36rem; } #dot .wrap1 .wrap .selbox{ padding: .4rem 0 .6rem; } #dot .wrap1 .wrap .selbox .select{ width: 2.4rem; margin: 0 .2rem; } #dot .wrap1 .wrap .selbox .select .select-tit{ background-position: 2rem center; background-size: .14rem auto; } .select .select-tit{ padding-left: .2rem; } .select .select-con li{ padding-left: .2rem; } #dot .wrap1 .wrap .list .cxtit{ font-size: .26rem; padding-bottom: .2rem; text-align: left; border-bottom: 1px solid #808080; } #dot .wrap1 .wrap .list li{ width: 100%; padding: 0; padding-bottom: .3rem; border-bottom: 1px solid #808080; } #dot .wrap1 .wrap .selbox .select{ width: 3.2rem; height: .8rem; line-height: .8rem; margin: 0; font-size: .24rem; float: left; } #dot .wrap1 .wrap .selbox .select .select-tit{ font-size: .24rem; background-position: 2.8rem center; } #dot .wrap1 .wrap .selbox .select + .select{ float: right; } #dot .wrap1 .wrap .list li:nth-child(3n-1){ padding: 0; padding-bottom: .3rem; } #dot .wrap1 .wrap .list .tit{ font-size: .26rem; padding: .34rem 0 .24rem; } #dot .wrap1 .wrap .list .con p{ font-size: .24rem; background-size: .3rem auto; padding-left: .5rem; } #dot .wrap1 .wrap .list .link{ padding: .2rem 0 0 .5rem; } #dot .wrap1 .wrap .list .link a{ font-size: .24rem; } #dot .wrap1 .wrap .list .link a + a{ margin-left: .34rem; } #dot .wrap1 .wrap .list .con p + p{ margin-top: .2rem; } #dot .wrap1 .wrap .list .con p.local{ background-image: url('../images/mdotlocal.png'); } #dot .wrap1 .wrap .list .con p.tel{ background-image: url('../images/mdottel.png'); } #reserve2 .wrap2 .blk.blk2 .yfxh{ margin-top: .4rem; font-size: .28rem; } #reserve2 .wrap2 .blk.blk2 .ygcp{ margin-top: .66rem; } #reserve2 .wrap2 .blk.blk2 .ygcp .pcbox{ margin-bottom: .26rem; font-size: .28rem; } #reserve2 .wrap2 .blk.blk2 .yfxh .item, #reserve2 .wrap2 .blk.blk2 .ygcp .item{ display: block; height: 1.2rem; line-height: 1.2rem; margin: 0; } #reserve2 .wrap2 .blk.blk2 .yfxh .item + .item, #reserve2 .wrap2 .blk.blk2 .ygcp .item + .item{ margin-top: .3rem; } #reserve2 .wrap2 .blk.blk2 .ygcp .pcbox, #reserve2 .wrap2 .blk.blk2 .xzsb .pcbox, #reserve2 .wrap2 .blk.blk2 .yfxh .pcbox{ width: auto; margin-right: 0; font-size: .28rem; line-height: 2; } #reserve2 .wrap2 .blk.blk2 .yfxh .pcbox{ margin-bottom: .26rem; } #reserve2 .wrap2 .blk.blk2 .xzsb .pcbox{ display: inline-block; } #reserve2 .wrap2 .blk.blk2 .xzsb .mobbox{ display: inline-block; margin-left: .16rem; font-size: .2rem; } #reserve2 .wrap2 .blk.blk2 .yfxh .item .cpimg, #reserve2 .wrap2 .blk.blk2 .ygcp .item .cpimg{ width: 1rem; height: 1.2rem; margin-right: .2rem; } #reserve2 .wrap2 .blk.blk2 .yfxh .item span, #reserve2 .wrap2 .blk.blk2 .ygcp .item span{ font-size: .26rem; } #reserve2 .wrap2 .blk.blk2 .yfxh .item .close{ width: .45rem; height: .45rem; float: right; background-image: url('../images/ser_mob_close.svg'); margin-top:; margin: .375rem 0 0 0; background-size: .45rem .45rem; } #reserve2 .wrap2 .blk.blk2 .ygcp .item .ok{ width: .45rem; height: .45rem; float: right; background-image: url('../fonts/mok.svg'); margin: .375rem 0 0 0; transition: all 0s ease; background-size: .45rem .45rem; } #productinfo .wrap5 .item{ width: 7rem; margin: 0 auto; display: block; } #productinfo .wrap5 .item .d1{ font-size: .48rem; } #productinfo .wrap5 .item .play{ font-size: .28rem; padding-right: .48rem; margin-top: 0; background-size: .33rem auto; } #productinfo .wrap6{ background-color: } #productinfo .wrap5 .item:nth-child(1), #productinfo .wrap5 .item:nth-child(3){ background-color: #bcbcbc; } #productinfo .wrap5 .item:nth-child(2), #productinfo .wrap5 .item:nth-child(4){ background-color: rgba(0,0,0,.2); } #productinfo .wrap5 .item{ border-radius: .1rem; } #productinfo .wrap5 .item video{ display: none; } #productinfo .wrap5 .item + .item{ margin-top: .24rem; } #productinfo .wrap5 .item .text{ top: 57%; } #productinfo .wrap6{ margin-top: .3rem; padding: .72rem 0; } #productinfo .wrap6 img{ width: 2rem; } #productinfo .wrap6 .text{ font-size: .26rem; line-height: .35rem; margin-left: .24rem; } #productinfo .wrap7{ height: 11rem; } .loading_dialog{ width: 6.7rem; padding: .4rem 0; height: .52rem; } .loading_dialog .text{ font-size: .26rem; } .loading_dialog .backbtn{ width: 70%; height: .6rem; line-height: .6rem; border-radius: 0; margin: .3rem auto 0; font-size: .26rem; } #reserve2 .wrap2 .blk.blk2 .fillpro{ width: 4.45rem; height: .8rem; padding:0 .28rem; margin-left: 0; margin-top: .2rem; font-size: .26rem; } #reserve2 .wrap2 .blk.blk2 .fillok{ width: 1.95rem; height: .8rem; line-height: .8rem; margin-left: .3rem; margin-top: .2rem; font-size: .26rem; } #result .wrap1 ul{ border-bottom: 1px solid #e3e3e3; } #result .wrap1 ul + ul{ margin-top: .4rem; } #result .wrap1 ul:first-child li .tit{ display: inline-block; } .gotop{ background-image: url('../fonts/m_gotop.svg'); width: 1.2rem; height: 1.2rem; right: 0; top: 9.2rem; bottom: auto; margin-top: .1rem; } .fot5{ padding-bottom: 0.6rem; padding-top: 0.24rem; background: #fff; text-align: center; } .lianmeng{ display: inline-block; width: 1.2rem; margin: 0 0.2rem; } #reserve2 .wrap2 .blk.blk2 .xzsb .xzsbcon .xzsbcon-close{ width: .29rem; height: .29rem; top: .24rem; right: .4rem; } #reserve2 .wrap2 .blk.blk2 .xzsb .xzsbtit{ padding: .15rem 0 .3rem 0; } #reserve2 .wrap2 .blk.blk2 .xzsb .xzsbtit .addprobox{ font-size: .24rem; } #reserve2 .wrap2 .blk.blk2 .xzsb .xzsbtit span{ font-size: .24rem; } #reserve2 .wrap2 .blk.blk2 .xzsb .xzsbcon{ width: calc(100% + .7rem); margin-left: -.35rem; padding: .5rem .35rem .6rem; box-sizing: border-box; } #reserve2 .wrap2 .blk.blk2 .xzsb.mod2 .xzsbcon{ padding: .5rem .35rem .6rem; } #charge .wrap1 .table5 td:nth-child(5n+1){ padding: 0 .1rem; } #charge .wrap1 .table5 td:nth-child(5n-2){ padding: 0 .2rem; } #charge .wrap1 .table7 td:nth-child(3n+2), #charge .wrap1 .table7 td:nth-child(3n){ padding: .1rem .2rem; } #servicehome .wrap1 li.wxcode{ padding: .4rem 1.1rem .55rem 1.4rem; width:100%; box-sizing: border-box; text-align: left; margin-bottom: 0; } #servicehome .wrap1 li.wxcode img{ width: 1.7rem; } #servicehome .wrap1 li.wxcode .text{ float: right; text-align: center; line-height: .48rem; margin-top: .4rem; } #servicehome .wrap1 li.wxcode .text .t1{ font-size: .28rem; color:#1a1a1a; } #servicehome .wrap1 li.wxcode .text .t2{ font-size: .2rem; color:#007bbe; } /* 新加 */ #active header.header2{ background-color: transparent; box-shadow: none; } #active .page1 .text-box .d1{ font-size: .4rem; } #active .page1 .text-box .code-img{ width: 2.2rem; padding: .18rem 0 .12rem; } #active .page1 .text-box .d2{ font-size: .26rem; } #active .page2 .sw-bgbox{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #active .page2 .sw-bgbox .swiper-container{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #active .page2 .sw-bgbox .swiper-container .swiper-slide{ width: 100%; height: 100%; position: relative; } #active .page2 .transitionbox{ z-index: 2; } #active .page2 .sw-bgbox .sw-bg{ opacity: 1; visibility: visible; transition: all .4s ease; } #active .page2 .sw-bgbox .sw-bg.on{ opacity: 1; visibility: visible; } #active .page2 .text-box:before{ width: calc(100% - 6px); height: calc(100% - 6px); border: 1px solid #d9c2a8; } #active .page2 .text-box{ width: calc(100% - 1.4rem); min-height: 0; max-width: calc(100% - 1.4rem); padding: .64rem .8rem .24rem; height: auto; } #active .page2 .text-box .d1{ font-size: .32rem; } #active .page2 .text-box .d2{ font-size: .2rem; } #active .page2 .text-box .d2 br{ display: none; } #active .page2 .text-box:after{ width: 1.18rem; height: 1.18rem; padding-top: 0; } #active .page3 .text-box{ text-align: center; padding-right: 0; width: 100%; top: 24%; } #active .page3 .text-box .d1{ font-size: .4rem; } #active .page3 .text-box .d2{ font-size: .24rem; padding-top: 0; } #active .page3 .fix-side{ right: -.35rem; height: 4rem; } #active .page3 .wrap, #active .page5 .wrap{ width: 6.3rem; margin: 0 auto; max-width: 6.3rem; } #active .page4 .text-box .d1{ font-size: .4rem; line-height: 1.5; } #active .page4 .text-box .item{ width: 1.56rem; box-sizing: border-box; padding: .4rem .16rem 0; } #active .page4 .text-box .item img{ width: .82rem; } #active .page4 .text-box .item .item-text{ font-size: .2rem; line-height: .305rem; padding-top: .2rem; } #active .page4 .text-box{ top: 28%; } #active .page4 .text-box .item .item-text br{ display: block; } #active .page5 .text-box{ width: 100%; max-width: 100%; margin-top: -.25rem; } #active .page5 .text-box .d1{ font-size: .4rem; } #active .page5 .text-box .d2{ font-size: .24rem; line-height: .416rem; } #active .page5 .fix-side{ height: 6.4rem; right: 1.1rem; bottom: 1rem; } #active .page5 .text-box .code{ display: none; } #active .page5 .text-box{ top: 26%; } #active .page5 .text-box .d2 p{ display: inline; } #active header.bai{ background-image: url('../images/a67f36d62de1475885697710cd7f3026.gif') } #active header.header2.bai .search-btn{ background-image: url(../images/ico_01_h.png); } #active header.header2.bai .nav-btn .line{ background-color: #fff; } #active header.header2.sech .search-btn{ background-image: url(../images/ico_01-h.png) !important; } #active header.header2.sech .nav-btn .line{ background-color: #000; } #active header.header2.onnav .search-btn { background-image: url(../images/ico_01.png); } #active header.header2.onnav .nav-btn .line { background-color: #000; } #active .code-fot{ position: absolute; bottom: 0; left: 0; width: 100%; height: 1.5rem; background-color: #fff; z-index: 3; line-height: 1.5rem; text-align: center; } #active .code-fot img{ width: 1.1rem; } #active .code-fot .text{ display: inline-block; vertical-align: middle; line-height: .29rem; font-size: .2rem; margin-left: .5rem; } #active .swiper-pagination{ right: .28rem; cursor: default; } #active .swiper-pagination .swiper-pagination-bullet{ border: 1px solid #3e3a39; width: 6px; height: 6px; position: relative; } #active .swiper-pagination .swiper-pagination-bullet:after{ content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; padding: .1rem; transform: translate(-50%, -50%); } #active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #3e3a39; } #active .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{ margin-top: .28rem; } #active .page-box{ min-height: auto; } #active .page2.cur .sw-bg{ transform: rotateX(0) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1); } #active header.header2:after{ display: none; } /* 2018-08-10 新加电商详情页 */ #productinfo .fixbox{ position: relative; z-index: 2; } #productinfo .wrap8{ padding: .2rem 0 .6rem; margin-top: 0; } #productinfo .wrap8 .imgs{ width: 6rem; max-width: 100%; } #productinfo .wrap8 .text{ display: block; margin-left: 0; max-width: 100%; } #productinfo .wrap8 .d1{ font-size: .34rem; } #productinfo .wrap8 .d2{ font-size: .24rem; } #productinfo .wrap9 .w1440, #productinfo .wrap10 .w1440, #productinfo .wrap11 .w1440{ width: 100%; } #productinfo .wrap9 .topnav{ padding-top: .45rem; } #productinfo .wrap9 .topnav span{ line-height: .98rem; } #productinfo .wrap9 .topnav .swiper-container{ margin: 0; } #productinfo .wrap9 .topnav .swiper-slide{ margin-left: .4rem; width: auto; } #productinfo .wrap9 .topnav .swiper-slide:last-child{ margin-right: .4rem; } #productinfo .wrap9 .topnav span{ font-size: .28rem; padding: 0 .1rem; } #productinfo .wrap9 .fot-slide .swiper-container, #productinfo .wrap10 .fot-slide .swiper-container{ width: 100%; margin-left: 0; } #productinfo .wrap9 .fot-slide{ margin: .88rem 0 1.1rem; } #productinfo .wrap9 .fot-slide .swiper-button-next, #productinfo .wrap9 .fot-slide .swiper-button-prev{ width: .5rem; height: .8rem; background-size: .21rem auto; } #productinfo .wrap9 .fot-slide .swiper-button-prev{ left: .28rem; } #productinfo .wrap9 .fot-slide .swiper-button-next{ right: .28rem; } #productinfo .wrap10 .tit, #productinfo .wrap11 .tit{ padding: 0 .4rem .65rem; font-size: .3rem; } #productinfo .wrap10 .imgs, #productinfo .wrap11 .imgs{ margin: 0; } #productinfo .wrap10{ padding-bottom: .95rem; } #cooperation .wrap1 .abox a:nth-child(1),#cooperation .wrap1 .abox a:nth-child(2),#cooperation .wrap1 .abox a:nth-child(3){ height:auto !important; } }