@media screen and (max-width: 1400px) {
.MenuList_f1>ul>li>:first-child { font-size: 14px; }
.s2-3 dd { font-size: 2vw; }
.s2-3 dt { font-size: 14px; }
.s2-3 dt:before { margin-bottom: 10px; }
.ResTitle_a1 em { font-size: 3vw; }
.ResTitle_a1 span { font-size: 2.5vw; }
.s3 .L p { font-size: 16px; line-height: 28px; }
}
@media screen and (max-width: 1200px) {
#dowebok { width: 84%; }
.logo+div>.dis-m { width: 16%; }
.footer { font-size: 12px; }
.s3 .R { margin-left: 3.5%; width: 60%; }
.s3 .L { width: 35%; }
.s3 .R p { width: 100%; margin: 10px auto 5px; }
}
@media screen and (max-width: 1024px) {
/*导航响应 2017.11.2*/
.MenuList_f1 { margin: 0; padding: 0; border: 0; line-height: normal; z-index: 99999999; transition: none; display: none; overflow: auto; top: 96px; right: 0; position: absolute; background: #fff; height: auto; width: 300px; height: 90%; height: calc(100vh - 96px); height: -webkit-calc(100vh - 96px); }
.MenuList_f1>ul { height: auto; }
.MenuList_f1>ul>li>:first-child:after { display: none; }
.MenuList_f1>ul>li>:first-child { padding: 2vw 15px 2vw 20px; text-align: left; display: block; font-size: 1.7vw; line-height: 27px; }
.MenuList_f1>ul>li>:first-child:before { transition: 0.3s ease 0s; display: block; float: right; content: '>'; font-family: "宋体", "SimSun"; }
.MenuList_f1>ul>li { margin-top: 0; border-top: 1px solid #eee; max-width: none; width: 100%; display: block; margin-left: 0; }
.MenuList_f1>ul>li>:nth-child(2) { opacity: 1; text-align: left; height: auto; position: static; width: 100%; background: none; line-height: 30px; }
.MenuList_f1>ul>li:hover>:nth-child(2) { height: auto; transition: none; opacity: 1; }/*还原电脑版hover*/
.MenuList_f1>ul>li ul li { background: #eee; margin-left: 0; width: 100%; padding: 0px; display: block; border-top: 1px solid #f5f5f5; font-size: 16px; }
.MenuList_f1>ul>li ul li a { color: #737373; line-height: 35px; height: 35px; font-size: 12px; width: auto; padding-left: 20px; text-align: left; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { color: #ed1b24; }
/*汉堡按钮*/
.menu-i { border-left: 1px solid #efefef; opacity: 1; overflow: hidden; background: #fff; top: 0; right: 0; position: absolute; width: 110px; height: 100%; line-height: 96px; z-index: 3; text-align: center; }
.menu-icon { margin: 0 auto; text-align: left; width: 48px; display: block; height: 100%; background: none; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; height: 4px; background: #004ea2; width: 48px; display: inline-block; vertical-align: middle; content: ''; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -12px; }
.menu-icon span:after { bottom: -12px; }
.test .menu-icon span:after { transform: rotateZ(-45deg); }
.test .menu-icon span:before { transform: rotateZ(45deg); }
.test .menu-icon span { background: transparent !important; }
.test .menu-icon span:before, .test .menu-icon span:after { bottom: 0 !important; top: 0 !important; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/


.menu-box { box-shadow: 0 0 11px 0 rgba(0,0,0,0.1); background: #fff; height: 64px; padding: 16px 0; top: 0; left: 0; }
.language_box { border-top: 1px solid #eee; padding: 2vw 0 0; text-align: center; margin-left: 0; display: block; }
.language_box a { font-size: 2vw; width: 90%; border-radius: 3px; line-height: normal; padding: 1vw 0; height: auto; }/*-------------------------------------------------------------------------------------------------*/
#dowebok { width: 100%; }
.logo { width: auto; height: 100%; display: inline-block; vertical-align: middle; }
.logo a { height: 100%; display: block; }
.logo img { height: 100%; width: auto; }
.logo+div { height: auto; }
.menu-icon span { width: 30px; }
.logo+div>.dis-m { width: 100%; position: static; height: auto; font-size: 0; }
.banner.mob { height: calc(100% - 96px); position: absolute; bottom: 0; left: 0; width: 100%; }
.s2 { height: calc(100% - 96px); position: absolute; left: 7%; bottom: 0; }
.s2-1 { width: 50%; }
.s2-2 { width: 46%; margin: 0 0 0 2.9%; }
.s2-3 { display: block; width: 100%; overflow: hidden; margin-top: 5%; background: #f5f5f5; }
.s2-3 dl:first-child { border-top: none; }
.s2-3 dl { float: left; width: 33.333333%; }
.ResTitle_a1 span { font-size: 3.5vw; }
.ResTitle_a1 em { font-size: 3vw; }
.s4, .s5 { height: calc(100% - 96px); position: absolute; bottom: 0; margin-left: 0; width: 93%; left: 3.5%; }
.s4 .ResTitle_a1, .s5 .ResTitle_a1 { margin-left: 5vw; }
.s5 h1 b { font-size: 22px; }
.i-f .w-90 { margin: 0 auto; width: 93%; }
.logo1, .ewm, .logo:before { display: none; }
.s3 .R li { margin-left: 0.9%; }
.body { background: none; }
.s3 .picScroll{ height: 280px;}
.s3 { bottom: 0; left: 7%; position: absolute; height: calc(100% - 96px); }
.p-menu .menu-box { position: relative; }
.page-box { width: 100%; margin-left: 0; }
.NavList_a1 li a.on { background: #004ea2; }
.w-86 { width: 93%; }
.rid-48 .L li>span { font-size: 14px; margin-top: 5px; }
.rid-48 .L p { font-size: 16px; }
.rid-55 .T .L { float: none; width: 100%; }
.rid-55 .T .R { width: 100%; margin-top: 6vw; float: none; margin-left: 0; }
.rid-55 .T strong { font-size: 20px; }
.prodduct i:first-child { max-height: 200px; height: 20vw; }
}
 @media screen and (max-width: 770px) {
.i-f .w-90 { width: 100%; }
.footer { text-align: center; line-height: 1.6; padding: 4vw 0; font-size: 3.33vw; }
.footer .BL, .footer .BR { float: none; }
.s5 { bottom: auto; width: 93%; left: 3.5%; top: 96px; }
.ResTitle_a4 span { font-size: 5.5vw; margin-bottom: 1vw; }
.ResTitle_a4 { text-align: center; width: 100%; bottom: auto; top: 50%; margin-top: -6vw; left: 0; }
.ResTitle_a4 em { font-size: 3.33vw; }
}
 @media screen and (max-width: 720px) {
.PhotoList_i1 { width: 93%; margin-left: 3.5%; }
.p-section { font-size: 3.33vw; width: 93%; margin-bottom: 6%; padding: 6vw 3.5%; margin-bottom: 11vw; }
.MenuList_f1 { top: 48px; width: 220px; height: 90%; height: calc(100vh - 48px); height: -webkit-calc(100vh - 48px); }
.MenuList_f1>ul>li>:first-child { padding: 15px 15px 15px 20px; font-size: 14px; line-height: 22px; }
.language_box a { font-size: 14px; padding: 10px 0; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 8%; width: 93%; left: 3.5%; }
.banner.mob { height: calc(100% - 48px); }
.menu-box { height: 32px; padding: 8px 0; }
.menu-icon { width: 24px; }
.menu-i { width: 55px; line-height: 48px; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { height: 2px; width: 24px; }
.menu-icon span { width: 15px; }
.menu-icon span:before { top: -8px; }
.menu-icon span:after { bottom: -8px; }
.logo { width: auto; height: 100%; }
.logo img { height: 100%; width: auto; }
.s2 { height: calc(100% - 48px); left: 3.5%; bottom: 0; width: 93%; }
.ResTitle_a1 span { font-size: 5.5vw; }
.ResTitle_a1 em {  font-size: 7vw; }
.ResTitle_a1:after { width: 5.5vw; }
.s2-1 { width: 100%; display: block; padding-top: 5vh; }
.s2-2 { width: 100%; margin: 7vw 0 0 0; }
.s2-1 p { font-size: 3.33vw; line-height: 1.7; -webkit-line-clamp: 3; max-height: none; margin: 4vw 0 2vw 5.5vw; }
.i-a { font-size: 12px; width: 22px; height: 22px; line-height: 22px; margin-left: 5.5vw; }
.s2-1 ul { margin-top: 3vw; padding-top: 3vw; }
.s2-1 li a { font-size: 3.9vw; }
.ResTitle_a1 { margin-left: 5.5vw; }
.s4 .ResTitle_a1, .s5 .ResTitle_a1 { margin-left: 10vw; }
.i-news { height: 82vw; margin-top: 10vw; }
.s4 { width: 100%; height: calc(100% - 48px); left: 0; }
.s5 { width: 100%; height: calc(100% - 48px - 23.8vw); left: 0; top: 48px; }
.s5 .T { width: 93%; margin: 9.5vw auto 0; }
.s5 .TL { width: 100%; height: 34vw; }
.s5 .TR { text-align: center; width: 100%; margin-left: 0; height: auto; }
.s5 .TR ul { text-align: left; margin: 2.5vw 0 9.5vw; }
.s5 .TR li, .s5 .TR li b { font-size: 3.33vw; }
.s5 .TR li { margin-top: 3.5vw; }
.a span { padding: 0 7vw; }
.a { font-size: 3.33vw; height: 9vw; line-height: 9vw; }
.a i { padding: 0 3.5vw; }
.a i:before { width: 5.55vw; }
.a:hover i:before { width: 7.5vw; }
.BannerShow_b1 .swiper-pagination-bullet { width: 20px; height: 2px; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.s3 { width: 100%; bottom: 0; left: 0; height: calc(100% - 48px); }
.s3 .L { width: 93%; margin-left: 3.5%; }
.s3 .L p { margin: 6.25vw 0 2.5vw; margin-left: 5.5vw; font-size: 3.33vw; line-height: normal; }
.s3 .R { margin-left: 0; width: 100%; margin-top: 7.6vw;  overflow: hidden;}
.s3 .R ul { display: flex; }
.s3 .R li { margin-left: 0; width:240px;  }
.s3 .R a { width: 95%; }
.s3 .R p { width: 80%; font-size: 3.33vw; margin: 2vw auto 5px; line-height: 1.6; height: auto; }
.w-86 { width: 100%; }
.rid-46 .T, .rid-46 .M { width: 93%; }
.rid-46 .TL { width: 100%; }
.rid-46 .TR { width: 100%; margin: 4vw 0; }
.rid-46 strong { font-size: 5vw; margin-bottom: 4vw; line-height: normal; }
.rid-46 .TL p { font-size: 3.33vw; line-height: 1.6; }
.rid-46 .M { margin: 0 auto 4vw; font-size: 3.33vw; line-height: 1.6; }
.rid-46 .B img:first-child { margin-top: 0; }
.rid-46 .B img { margin-top: 5.55vw; width: 100%; float: none; }
.rid-46 .B { width: 93%; margin: 0 auto; }
.p-padding { padding-top: 6vw; }
.NavList_a1 { display: none; right: 0; position: absolute; width: 41vw; margin: 0; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; box-sizing: border-box; background: #fff; }
.ResTitle_a3 { margin-left: auto; width: 41vw; position: relative; }
.ResTitle_a3:after { content: ''; position: absolute; border-style: solid; border-color: #666 transparent transparent; border-width: 6px 4px 0 4px; right: 15px; top: 50%; margin-top: -3px; }
.ResTitle_a3 span, .ResTitle_a3 em { text-transform: capitalize; z-index: 1; position: relative; display: block; margin-left: auto; width: 100%; font-size: 3.4vw; padding: 1.5vw 0 1.5vw 4.8vw; border: 1px solid #d2d2d2; box-sizing: border-box; }
.ResTitle_a3 span:before { position: absolute; content: ''; height: 100%; top: 0; right: 9.7vw; width: 1px; background: #d2d2d2; z-index: -1; }
.ResTitle_a3 span:after { content: ''; position: absolute; height: 0; width: 0; right: 3.75vw; top: 50%; border-style: solid; border-color: #ddd transparent transparent; border-width: 1.5vw 1.1vw 0 1.25vw; margin-top: -0.75vw; z-index: -1; }
.m-720 { position: relative; width: 93%; margin: 4vw auto 4.5vw; overflow: visible; }
.NavList_a1 li { float: none; }
.NavList_a1 li a { font-size: 3.33vw; padding: 2vw 0 2vw 4.8vw; height: auto; line-height: normal; text-align: left; color: #666; border-bottom: 1px solid #ddd; position: relative; z-index: 1; }
.NavList_a1 li a:after { content: ''; position: absolute; height: 0; width: 0; right: 3.75vw; top: 50%; border-style: solid; border-color: transparent transparent transparent #ddd; border-width: 1.1vw 0 1.25vw 1.5vw; margin-top: -1.175vw; z-index: -1; }
.rid-48 .L { width: 100%; display: block; }
.rid-48 .L li>span { margin-top: 1.5vw; font-size: 4vw; }
.rid-48 .L li>span:before { width: 6vw; margin-right: 2vw; }
.rid-48 .L p:before { border-width: 1vw 0 1vw 1.5vw; margin-right: 1vw; }
.rid-48 .L b { font-size: 4vw; }
.rid-48 .L li { margin-top: 4vw; }
.rid-48 .R { width: 100%; display: block; margin-left: 0; margin-top: 10vw; }
.rid-55 .T p { font-size: 3.33vw; line-height: 1.6; }
.rid-55 .T strong { font-size: 5vw; }
.rid-48 .L strong { font-size: 5vw; line-height: 1.5; padding-bottom: 4vw; }
.rid-60 .L { font-size: 3.33vw; width: 100%; }
.rid-60 strong { font-size: 4.5vw; margin-bottom: 5vw; }
.rid-60 li { margin-top: 3vw; line-height: 1.5; padding: 2vw 5vw 2vw 2vw; }
.rid-60 .R { margin-top: 5vw; width: 100%; margin-left: 0; }
.rid-60 .T { width: 100%; padding-bottom: 6vw; line-height: 1.6; }
.rid-61 ul, .rid-61 li { margin-left: 0; width: 100%; display: block; }
.rid-61 li { margin-top: 5vw; }
.rid-61 h3 { padding: 3.5vw 5vw; font-size: 4.5vw; }
.rid-61 dt { width: calc(100% - 14vw); }
.rid-61 dl { font-size: 4vw; padding: 0 6vw; margin-top: 5.5vw; }
ul.prodduct { width: 93%; margin: 0 auto; }
.prodduct i:first-child { height: 44vw; max-height: 310px; }
.prodduct li:nth-child(4n+1) { margin-left: 2%; }
.prodduct li:nth-child(2n+1) { margin-left: 0; }
.prodduct li { padding: 1.5vw; margin-left: 2%; width: 48.5%; }
.prodduct div>a { width: 90%; font-size: 3.5vw; line-height: 1.6; }
.prodduct a img { width: 14px; }
.prodduct i b { transform: translateY(0); opacity: 1; }
.s2-3, #fp-nav, .s3 .L p br, .ResTitle_a3 em, .ResTitle_a3 br { display: none; }
.book p { font-size: 3.8vw; }
.PhotoList_i1 a { height: 35vw; max-height: 250px; }
}
 @media screen and (max-width: 500px) {
.s5 .TL { display: none; }
.s5 .TR li i { margin-right: 5px; width: 15px; }
}