/*================基本样式重置================*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, span, i, a, em, strong, b, input, textarea, select { margin: 0; padding: 0; outline: none; }
i, em { font-weight: normal; font-style: normal; }
b { font-weight: normal; }
a, i, em, span, b, img { display: block; }
body { color: #333; font-family: , Arial, Helvetica, sans-serif !important; font-size: 16px !important;overflow-x: hidden; }
li { list-style: none; }
a, img, input { border: 0 none; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
a:focus, input:focus { outline: 0 none; }
 input::-webkit-search-cancel-button {
 display:  none;
}

/*清除谷歌浏览器下的 search 叉号*/
input::-ms-clear {
 display:  none;
}
/*清除IE下的 search 叉号*/
input { background: none; }
button { border: none; cursor: pointer; outline: none; }
textarea { resize: none; font-size: 12px; }
/*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/
/*html5*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
.swiper-button-next, .swiper-button-prev { outline: none; }
/*========定义基础样式========*/
.hide { display: none; }
.vis { visibility: hidden; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: " "; display: block; clear: both; height: 0; }
.clearfix { zoom: 1; }
/*a标签鼠标hover高亮显示状态（可选用）*/
a .opacity { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
a:hover .opacity { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
.swiper-pagination { font-size: 0; }
.modal { display: none; }
.over { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.text_over1 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.text_over2 { overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 2; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical; }
.text_over3 { overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 3; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical; }
.text_over5 { overflow: hidden; text-overflow: ellipsis; display: -ms-box; -ms-line-clamp: 5; -ms-box-orient: vertical; display: -moz-box; -moz-line-clamp: 5; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -o-box; -o-line-clamp: 5; -o-box-orient: vertical; }
/*主体宽度样式（可选用）如有新宽度，命名规则以小写w开头，后接具体宽度数据，例：*/
.w1200 { width: 1200px; margin: 0px auto; }
.w1500 { width: 79.91%; min-width: 1200px; margin: 0px auto; }
.w1400 { width: 72.91%; min-width: 1200px; margin: 0px auto; }
/*.content {
    min-height: 700px;
}*/

.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
.swiper-pagination-bullet { transition: all 0.5s; margin: 0 8px; width: 12px; height: 12px; border-radius: 12px; background: #fff; opacity: 1; }
.swiper-pagination-bullet-active { transition: all 0.5s; width: 27px; background: #165999; }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: " "; }
.header { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; transition: all 0.5s; background: #fff;/*background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0));*/
}
.header .w1200 > div.clearfix { position: relative; z-index: 10; padding: 0 48px 0 36px; }
.header .logo { display: flex; align-items: center; width: 290px; height: 90px; }
.header .logo img { width: 100%; }
.header .logo2 { display: none; }
.header .headerCont { display: flex; justify-content: space-between; align-items: center; }
.headerRight { flex: 1; }
.header .headerRight .nav { display: flex; justify-content: flex-end; align-items: center; margin-top: 5px; }
.header .nav .one { float: left; }
.header .nav .one:last-child a { margin-right: 0; }
.header .nav .one_a { position: relative; margin: 0 1.5vw; font-size: 16px; color: #333; padding-bottom: 10px; }
.header_fixed .nav .one_a { color: #333; }
.header_fixed .nav .one.cur .one_a, .header_fixed .nav .one:hover .one_a { }
.header .nav .one_a::after { transition: all 0.5s; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 3px; background: #164a9a; content: " "; }
.header .nav .one.cur .one_a { /*font-weight: bold;*/
color: #15499a; }
.header .nav .one:hover .one_a { color: #15499a; }
.header .nav .one.cur .one_a::after, .header .nav .one:hover .one_a::after { transition: all 0.5s; width: 100%; }
.header .nav .one .pos { position: absolute; left: 0; top: 77px; width: 100%; /*overflow: hidden;*/
z-index: 1; justify-content: center; padding: 57px 0 40px 0; display: none; transition: all 0.5s; }
.posBg { display: none; left: 0; top: 493px; width: 100%; height: calc(100vh - 493px); background: rgba(0, 0, 0, 0.5); position: fixed; }
.header .nav .one .pos .bor { margin: 40px 90px 63px 0; width: 17%; border-right: #f6f6f6 2px solid; }
.header .nav .one .pos .bor a { margin-bottom: 37px; font-size: 20px; color: #666; text-align: center; }
.header .nav .one .pos .bor a:last-child { margin-bottom: 0; }
.header .nav .one .pos .bor a.on, .header .nav .one .pos .bor a:hover { color: #225aab; }
.header .nav .one .pos .next { margin-top: 60px; width: 45%; }
.header .nav .one .pos .next b { margin-bottom: 30px; font-size: 24px; color: #333; }
.header .nav .one .pos .next p { margin-bottom: 32px; font-size: 16px; line-height: 30px; color: #666; }
.header .nav .one .pos .next a { display: flex; width: 145px; height: 40px; text-align: center; background: #b92923; border-radius: 50px; }
.header .nav .one .pos .next a em { margin: 0 auto; padding-right: 27px; font-size: 16px; line-height: 40px; color: #fff; background: url(../images/right.png) right center no-repeat; }
.header .nav .one:hover .pos { width: 100%; opacity: 1; }
.header .nav .one:first-child .optList, .header .nav .one:nth-child(2) .optList { width: 300px; }
.header .nav .one:first-child .optSenLink, .header .nav .one:nth-child(2) .optSenLink { width: 300px; }
.header .nav .one:first-child .optPos, .header .nav .one:nth-child(2) .optPos { left: 330px; }
.header .nav .one:first-child .optList a, .header .nav .one:nth-child(2) .optList a { font-size: 16px; }
.posBg.curr { display: block; }
.header .icon_more .search { width: 23px; height: 23px; background: url(../images/icon_1.png) center no-repeat; }
.header .icon_more a:hover { color: #15499a; }
.header .icon_more a:hover:after { width: 100%; transition: all 0.5s; }
.header .icon_more a:hover .cnText { color: #333; }
.header_fixed .icon_more a:hover .cnText { color: #333; }
.header_fixed .icon_more .search { background: url(../images/icon_2.png) center no-repeat; }
.header_fixed .searchResult { background: url(../images/ico_search1.png) left center no-repeat; background-size: 18px; }
.header_fixed .icon_more .shopping { background: url(../images/ico_cart1.png) center no-repeat; background-size: cover !important; }
.header .en { padding-left: 1.3vw; height: 100px; background: url(../images/icon_2.png) left center no-repeat; }
.header .en p { float: left; margin: 40px 9px 0 0; width: 20px; height: 20px; border-radius: 20px; background: #ccc url(../images/icon_31.gif) left center no-repeat; background-size: cover; }
.header .en i { float: right; width: 26px; height: 100px; background: url(../images/icon_3.png) right center no-repeat; background-size: 26px auto; }
.header .subsidiary { margin-left: 1.3vw; padding-right: 14px; height: 100px; background: url(../images/icon_17.png) right center no-repeat; cursor: pointer; }
.header .subsidiary .text { padding-left: 23px; line-height: 100px; font-size: 14px; color: #fff; background: url(../images/icon_16.png) left center no-repeat; }
.header .subsidiary .pos { transition: all 0.7s; position: absolute; left: 0; top: 99px; width: 0; opacity: 0.5; background: #fff; overflow: hidden; }
.header .subsidiary .pos .w1920 { width: 100vw; }
.header .subsidiary .pos .swiper-slide { padding: 67px 0 110px; }
.header .subsidiary .pos a { position: relative; float: left; margin-right: 2.25%; width: 18.2%; height: 17.7vw; border-radius: 6px; overflow: hidden; }
.header .subsidiary .pos a img { width: 100%; height: 100%; object-fit: cover; }
.header .subsidiary .pos a .bac_1 { transition: all 0.5s; opacity: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.header .subsidiary .pos a .bac_2 { transition: all 0.5s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/subsidiary_bac.png) center no-repeat; background-size: cover; }
.header .subsidiary .pos a .next { position: absolute; left: 10%; top: 50%; transform: translateY(-50%); width: 80%; font-size: 18px; line-height: 32px; color: #fff; text-align: center; }
.header .subsidiary .pos a:last-child { margin-right: 0; }
.header .subsidiary .pos a:hover .bac_1 { opacity: 0; }
.header .subsidiary .pos a:hover .bac_2 { opacity: 1; }
.header .subsidiary .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 55px; }
.header .subsidiary .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7px; }
.header .subsidiary .swiper-pagination-bullet { width: 10px; height: 10px; border: #225aab 1px solid; border-radius: 10px; }
.header .subsidiary .swiper-pagination-bullet-active { background: #225aab; }
.header .subsidiary:hover .pos { width: auto; opacity: 1; box-shadow: 0 6 10px rgba(0, 0, 0, 0.1); border-top: #ccc 1px solid; }
.header_fixed { background: #fff; transition: all 0.5s; box-shadow: 0 0 10px rgb(0, 0, 0, 0.1); }
.header_fixed .logo1 { display: none; }
.header_fixed .logo2 { display: block; }
.header_fixed .nav .one.cur .one_a, .header:hover .nav .one.cur .one_a, .header_fixed .nav .one:hover .one_a, .header:hover .nav .one:hover .one_a { }
.header_fixed .nav .one_a::after, .header:hover .nav .one_a::after { }
.header_fixed .en, .header:hover .en { background: url(../images/icon_2s.png) left center no-repeat; }
.header_fixed .en p, .header:hover .en p { background: #225aab url(../images/icon_31.gif) left center no-repeat; background-size: cover; }
.header_fixed .en i, .header:hover .en i { background: url(../images/icon_3s.png) right center no-repeat; background-size: 26px auto; }
.header_fixed .subsidiary, .header:hover .subsidiary { background: url(../images/icon_17s.png) right center no-repeat; }
.header_fixed .subsidiary .text, .header:hover .subsidiary .text { color: #225aab; background: url(../images/icon_16s.png) left center no-repeat; }
.footer { background: #f1f1f1; }
.footer .top, .footer .cen, .footer .bottom { border-bottom: #ececec 1px solid; }
.footerIconBox { display: flex; align-items: center; justify-content: center; padding: 23px 0; }
.footerIconList { position: relative; margin-left: 30px; }
.footerIconList .pos { transition: all 0.5s; position: absolute; left: -58px; bottom: 50px; width: 165px; height: 0px; overflow: hidden; z-index: 20; }
.footerIconList:hover .pos { height: 177px; }
.footerIcon { width: 45px; height: 45px; border-radius: 5px; cursor: pointer; }
.footerIconList:first-child { margin-left: 0; }
.footerIcon.icon-1 { background: #d3d1d1 url("../images/icon_4.png") center no-repeat; }
.footerIcon.icon-2 { background: #d3d1d1 url("../images/icon_5.png") center no-repeat; }
.footerIcon.icon-3 { background: #d3d1d1 url("../images/icon_6.png") center no-repeat; }
.footerIcon.icon-1:hover { background: #15499a url("../images/icon_4.png") center no-repeat; }
.footerIcon.icon-2:hover { background: #15499a url("../images/icon_5.png") center no-repeat; }
.footerIcon.icon-3:hover { background: #15499a url("../images/icon_6.png") center no-repeat; }
.footerCont { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; }
.footInfo { display: flex; justify-content: space-between; }
.footListTitle { font-weight: bold; }
.footListBox { margin-top: 20px; }
.footListBox a { color: #333; line-height: 35px; font-size: 14px; }
.footListBox a:hover { color: #15499a; }
.footer02 { display: flex; align-items: center; width: 100%; justify-content: center; margin-top: 5px; }
.stateImg { width: 20px; margin-left: 10px; }
.footer02 p { color: #999999; }
.mobileCopyright { padding: 15px 0; }
.copyriTop { display: flex; align-items: center; }
.keepRecord01 { color: #999999; margin-left: 20px; }
.keepRecord02 { color: #999999; margin-left: 10px; }
.statement { display: flex; align-items: center; margin-left: 20px; color: #999; }
.statement a { color: #999; }
/* 悬浮 */
.suspension { transition: all 0.5s; position: fixed; right: -104px; top: 50%; z-index: 13; width: 72px; margin-top: 40px; transform: translateY(-50%); background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 6px; cursor: pointer; }
.suspension_fixed { transition: all 0.5s; right: 2%; }
.suspension_fixed { transition: all 0.5s; right: 2%; }
 @media (max-width: 1370px) {
.suspension_fixed { right: 0; }
}
.suspension .sus { position: relative; border-top: #ccc 1px solid; }
.suspension .sus:nth-child(1) { border-top: none; }
.suspension .sus p { position: relative; padding: 48px 0 12px; font-size: 14px; color: #999; text-align: center; }
.suspension .sus2 p { background: url(../images/icon_24.png) center 16px no-repeat; }
.suspension .sus3 p { background: url(../images/icon_25.png) center 20px no-repeat; }
.suspension .sus6 p { background: url(../images/icon_26.png) center 14px no-repeat; }
.suspension .sus6 p { border-radius: 0 0 6px 6px; }
.suspension .sus .pos { display: block; position: absolute; top: 50%; right: 76px; margin-top: -60px; width: 0px; height: 121px; overflow: hidden; }
.suspension .sus .pos img { display: block; width: 132px; height: 121px; }
.suspension .sus:hover p { color: #fff; }
.suspension .sus:hover::after { background: none; }
.suspension .sus2:hover p { background: #c1a56f url(../images/icon_24s.png) center 16px no-repeat; }
.suspension .sus3:hover p { background: #c1a56f url(../images/icon_25s.png) center 19px no-repeat; }
.suspension .sus6:hover p { background: #c1a56f url(../images/icon_26s.png) center 14px no-repeat; }
.page img { display: block; width: 100%; }
 @-webkit-keyframes scrolls {  from {
 bottom: 12%;
}
 50% {
 bottom: calc(12% + 12px);
}
 100% {
 bottom: 12%;
}
}
 @keyframes scrolls {  from {
 bottom: 12%;
}
 50% {
 bottom: calc(12% + 12px);
}
 100% {
 bottom: 12%;
}
}
 @-webkit-keyframes Mscrolls {  from {
 padding-bottom: 0.05rem;
}
 50% {
 padding-bottom: 0.12rem;
}
 100% {
 padding-bottom: 0.05rem;
}
}
 @keyframes move-forever {  0% {
 transform: translate3d(-80px, 0, 0);
}
 50% {
 transform: translate3d(80px, 0, 0);
}
 100% {
 transform: translate3d(-80px, 0, 0);
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
 @-webkit-keyframes pulse {  0% {
 -webkit-transform: scale3d(0.8, 0.8, 0.8);
 -ms-transform: scale3d(0.8, 0.8, 0.8);
 transform: scale3d(0.8, 0.8, 0.8);
 opacity: 0;
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
 opacity: 1;
}
}
 @keyframes pulse {  0% {
 -webkit-transform: scale3d(0.8, 0.8, 0.8);
 -ms-transform: scale3d(0.8, 0.8, 0.8);
 transform: scale3d(0.8, 0.8, 0.8);
 opacity: 0;
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
 opacity: 1;
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
 @-webkit-keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 -ms-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}
.fadeInUp_box { -webkit-animation-name: fadeInUp_box; animation-name: fadeInUp_box; }
 @-webkit-keyframes fadeInUp_box {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp_box {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 50%, 0);
 -ms-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}
@font-face { font-family: TitleFont; src: url("../font/font.ttf"); }
.serviceBox { display: none; cursor: pointer; position: fixed; right: 3%; bottom: 10%; z-index: 99; }
.leaving { width: 50px; border-radius: 8px; overflow: hidden; box-shadow: 0 0 4px rgb(0, 0, 0, 0.3); }
.goTop { width: 50px; margin-top: 5px; border-radius: 5px; overflow: hidden; }
.leaving img, .goTop img { width: 100%; }
.cnText { font-size: 14px; color: #333; margin-left: 15px; }
.header_fixed .cnText { color: #333; }
.serviceImg { width: 200px; position: fixed; right: 3%; bottom: calc(15% + 249px); z-index: 99; }
.serviceImg img { width: 100%; }
.icon_more { display: flex; align-items: center; justify-content: flex-end; }
.headerIconList { position: relative; margin-left: 40px; }
.headerIconList:first-child { margin-left: 0; }
.headerIconList:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; /*background: #fff;*/
transition: all 0.5s; }
.language { width: 18px; height: 18px; background: url(../images/language.gif) center no-repeat; background-size: cover; }
.shopping { width: 18px; height: 19px; background: url(../images/ico_cart1.png) center no-repeat; background-size: cover; }
.footerInfoLeft { display: flex; align-items: center; }
.footerNum { display: flex; align-items: center; margin-left: 20px; color: #999999; }
.footerNum span { color: #1a6ecc; }
.opticalBox { display: flex; align-items: start; }
.optLeft { display: flex; align-items: center; }
.optTitle { font-size: 36px; font-weight: bold; color: #333; }
.optLeft .line { width: 50px; height: 1px; background: #fff; margin-left: 30px; }
.optRight { display: flex; align-items: baseline; }
.optList { position: relative; padding-right: 30px; margin-left: 30px; transition: all 0.5s; width: 250px; border-right: 1px solid #ccc; }
.optList:first-child { margin-left: 0; }
.optRel { }
.optPos { position: absolute; left: 170px; top: 0; width: 0; overflow: hidden; transition: all 0.5s; }
.optList .optPos a { font-size: 16px; }
/*.optList:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ccc;
}*/

.optList a { color: #333; font-size: 16px; min-height: 40px; display: flex; align-items: center; white-space: nowrap; justify-content: space-between; }
.optSenLink { width: 110px; }
.optList a:first-child { margin-top: 0; }
.optList a:hover { color: #15499a !important; }
.optRightImg { }
.headerBg { width: 100%; height: 0; top: 0; position: fixed; background: #fff; z-index: -1; transition: all 0.5s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.header.active { background: #fff; }
.header.active .w1400 { border-bottom: 1px solid #ccc; }
.header.active .cnText, .header.active .nav .one_a, .header.active .optTitle, .header.active .optList a { color: #333; }
.header.active .nav .one:hover .one_a { color: #15499a; }
.headerIconList:hover .cnText, .headerIconList .pos a:hover { color: #15499a !important; }
.headerIconList { position: relative; cursor: pointer; display: flex; align-items: center; height: 33px; }
.headerIconList .pos { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #e8e8e8; width: 108px; padding: 15px 0; z-index: 10; }
.searchResult { width: 75px; transition: all 0.5s; background: url(../images/ico_search1.png) left center no-repeat; /*border: 1px solid #333;*/
border-radius: 50px; background-size: 18px; }
.searchResult input { width: 100%; height: 100%; display: block; padding-left: 28px; font-size: 14px; }
 .searchResult input::-webkit-input-placeholder { /* 使用webkit内核的浏览器 */
 color: #333;
}
 .searchResult input:-moz-placeholder { /* Firefox版本4-18 */
 color: #333;
}
 .searchResult input::-moz-placeholder { /* Firefox版本19+ */
 color: #333;
}
 .searchResult input:-ms-input-placeholder { /* IE浏览器 */
 color: #333;
}
.searchResult.curr { width: 320px; transition: all 0.5s; }
.headerIconList:hover .pos { display: block; }
.headerIconList .pos:after { content: ''; position: absolute; background: url(../images/top.png) center no-repeat; width: 13px; height: 6px; top: -6px; left: 50%; transform: translateX(-50%); }
.headerIconList .pos a { color: #333; text-align: center; line-height: 35px; }
.headerIconList .pos a:hover { color: #333; }
.header.active .icon_more .search { background: url(../images/icon_2.png) center no-repeat; }
.header.active .icon_more .shopping { background: url(../images/ico_cart1.png) center no-repeat; background-size: cover !important; }
.header.active .searchResult { background: url(../images/ico_search1.png) left center no-repeat; background-size: 18px; }
 .header.active .searchResult input::-webkit-input-placeholder, .header_fixed .searchResult input::-webkit-input-placeholder {
 color: #333;
}
 .header.active .searchResult input:-moz-placeholder, .header_fixed .searchResult input:-moz-placeholder {
 color: #333;
}
 .header.active .searchResult input::-moz-placeholder, .header_fixed .searchResult input::-moz-placeholder {
 color: #333;
}
 .header.active .searchResult input:-ms-input-placeholder, .header_fixed .searchResult input:-ms-input-placeholder {
 color: #333;
}
.mobileHeader, .mMantle, .footerRight { display: none; }
.mMenu { position: fixed; left: 100%; overflow: auto; }
.mobileSerImg { display: none; }
.anchorPoint { margin-top: -90px; padding-top: 90px; }
.navPoint { margin-top: -130px; padding-top: 130px; }
.synopsisPoint { margin-top: -130px; padding-top: 130px; }
.maintain { height: 100vh; display: flex; align-items: center; }
.maintain img { width: 85%; margin: 0 auto; }
@media (max-width: 1200px) {
.header { display: none; }
.mobileHeader { display: flex; justify-content: space-between; align-items: center; background: #fff; width: 90%; padding: 0 5%; position: fixed; top: 0; left: 0; height: 0.9rem; z-index: 20; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); }
.mobileLogo { width: 1.14rem; }
.mobileLogo img { width: 100%; }
.mobileRight { display: flex; align-items: center; }
.mobileRight img { width: 100%; }
.mobileSearch { width: 0.35rem; }
.mobileShop { width: 0.35rem; margin-left: 0.65rem; }
.mobileMenu { width: 0.35rem; height: 0.27rem; background: url("../images/mmenu.png") no-repeat; background-size: cover; margin-left: 0.65rem; }
.mobileClose, .mobileMenuClose { width: 0.3rem; height: 0.3rem; background: url("../images/close.png") no-repeat; background-size: cover; }
.mMantle { position: fixed; top: 0.9rem; width: 100%; height: calc(100vh - 0.9rem); background: rgba(0,0,0,0.6); z-index: 20; }
.mMantle.curr { display: block; }
.mantleBox { width: 100%; background: #fff; padding: 0.24rem 0; }
.mantleInfo { margin: 0 auto; width: 90%; height: 0.9rem; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); }
.mantleInput { margin-left: 0.24rem; height: 100%; width: calc(100% - 1.06rem); }
.mantleInput input { width: 100%; height: 100%; display: block; }
.mantleSearch { border-left: 0.01rem solid #ebebeb; width: 0.42rem; height: 100%; padding-left: 0.44rem; padding-right: 0.24rem; display: flex; align-items: center; }
.mantleSearch img { width: 100%; }
.mMenu { left: 100%; position: fixed; width: 100%; height: calc(100% - 0.9rem); top: 0.9rem; z-index: 9; background: #fff; transition: all 0.5s; }
.mMenu.curr { left: 0; transition: all 0.5s; display: block; }
.menuList { line-height: 1rem; display: flex; align-items: center; justify-content: space-between; position: relative; flex-wrap: wrap; }
.menuOneList { margin: 0 5%; width: 90%; background: #fff; display: flex; align-items: center; justify-content: space-between; border-bottom: 0.01rem solid #ccc; }
.menuList .pos { background: #f7f7f7; width: 100%; display: none; }
.secendList { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 5%; line-height: 1rem; border-bottom: 0.01rem solid #ccc; }
.secendList .menuText { padding-left: 5%; box-sizing: border-box; font-size: 0.28rem; }
.secendList:last-child { border-bottom: 0; }
.threeList { width: 100%; display: none; }
.threeListText { line-height: 1rem; font-size: 0.28rem; color: #999999; padding-left: 5%; box-sizing: border-box; }
.menuRight { width: 10%; display: flex; align-items: center; justify-content: flex-end; }
.menuRight.curr img { transform: rotate(90deg); transition: all 0.5s; }
.menuRight img { width: 0.12rem; transition: all 0.5s; }
.menuText { font-size: 0.32rem; color: #333; font-weight: bold; width: 90%; }
.footerIcon { width: 0.8rem; height: 0.8rem; border-radius: 0.1rem; }
.footerCont { padding: 0; border: none; }
.footInfo { flex-wrap: wrap; }
.footContList { width: 100%; }
.footContList:last-child .footListTitle { border-bottom: 0; }
.footListTitle { font-size: 0.36rem; line-height: 1rem; border-bottom: 0.01rem solid #ccc; display: flex; align-items: center; justify-content: space-between; }
.footerIconBox { border-bottom: 0.01rem solid #ccc; padding: 0.4rem 0; }
.footListBox { margin-top: 0; }
.footListBox a { line-height: 1rem; border-bottom: 0.01rem solid #ccc; font-size: 0.28rem; }
.footerRight { display: block; width: 0.12rem; }
.footerRight img { width: 100%; }
.footListBox { display: none; }
.footListBox.curr { display: block; }
.stateImg { display: none; }
.footer02 { flex-wrap: wrap; justify-content: center; min-height: auto; font-size: 0.24rem; }
.mobileCopyright { background: #dadada; padding: 0.2rem 0; }
.footerInfoLeft { flex-wrap: wrap; justify-content: center; line-height: 0.35rem; }
.footerNum { display: none; }
.keepRecord01 { margin-left: 0; }
.statement { margin-top: 0.05rem; }
.footer02 p, .keepRecord01, .keepRecord02, .footerNum, .statement a { color: #333; }
.w1400 { width: 90%; min-width: auto; }
.footerIconList .pos { width: 2rem; bottom: 0.9rem; left: -0.6rem; }
.footerIconList .pos img { width: 100%; }
.footerIconList:hover .pos { height: 2.2rem; }
.leaving { width: 0.8rem; border-radius: 0.08rem; box-shadow: initial; }
.goTop { width: 0.8rem; border-radius: 0.08rem; margin-top: 0.04rem; }
.pcSerImg { display: none; }
.mobileSerImg { display: block; }
.serviceBox { right: 0; }
.anchorPoint { margin-top: -0.9rem; padding-top: 0.9rem; }
.synopsisPoint { margin-top: -0.9rem; padding-top: 0.9rem; }
.navPoint { margin-top: -0.88rem; padding-top: 0.88rem; }
.copyriTop { font-size: 0.24rem; display: initial; text-align: center; line-height: 0.35rem; }
.keepRecord02 { margin-left: 0; }
.maintain img { width: 100%; }
.mobileLanguage { width: 0.35rem; margin-right: 0.65rem; }
.keepRecord01 { margin-left: 0; }
}
