a:hover { color: #5b7e91; }
/*menu-box*/
.menu-box { height: 80px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; }
.menu-box .M { height: 100%; text-align: right; width: 70%; position: relative; }
/*--menu-box end-----------------*/
/*banner*/
.BannerShow_b1, .BannerShow_b1 img, .BannerShow_b1 .swiper-container { width: 100%; height: 100%; border-bottom: 1px solid #000;}
.banner-btn { position: absolute; width: 83.6%; z-index: 2; left: 8.2%; bottom: 12%; font-size: 0; }
.banner-btn>div { cursor: pointer; transition: 0.3s ease 0s; opacity: 0.8; display: inline-block; vertical-align: middle; color: #fff; font-family: "宋体", SimSun; font-size: 30px; width: 60px; height: 60px; line-height: 60px; border: 1px solid #fff; text-align: center; }
.banner-btn .arrow-right { margin-left: -1px; }
.banner-btn>div:hover { opacity: 1; }
.banner-btn>div.arrow-right:hover { text-indent: 10px; }
.banner-btn>div.arrow-left:hover { text-indent: -10px; }
.BannerShow_b1 .banner-pagination, .banner.page-banner .BannerShow_b1 .banner-btn { display: none; }
.banner.page-banner .BannerShow_b1 .banner-pagination { display: block; font-size: 0; bottom: 7.5%; }
.banner.page-banner .BannerShow_b1 .swiper-pagination-bullet { outline: none; width: 46px; height: 4px; background: #fff; border-radius: 0; opacity: 0.5; margin: 0 7px; }
.banner.page-banner .BannerShow_b1 .swiper-pagination-bullet-active { opacity: 1; }
/*主导航菜单 2018.02.26*/
.MenuList_f1 { width: calc(100% - 80px); height: 100%; line-height: 80px; transition: 0.3s ease 0.2s; }
.MenuList_f1 ul { height: 100%; overflow: hidden; display: inline-block; vertical-align: middle; width: 100%; box-sizing: border-box; padding-left: 10.5%; padding-right: 2.5%; }
.MenuList_f1>ul>li { height: 100%; width: 14.25%; float: left; text-align: center; font-size: 14px; }
.MenuList_f1>ul>li a { display: block; text-transform: capitalize; }
.MenuList_f1>ul>li a:hover { color: #fff; }
.MenuList_f1>ul>li a span { text-transform: uppercase; display: inline-block; vertical-align: middle; }
.MenuList_f1>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 1; font-size: 16px; color: #fff; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { color: #fff; }
.MenuList_f1>ul>li>:nth-child(2) { transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; line-height: 80px; background: #FFF; background: rgba(255,255,255,0.96); left: 0; z-index: 2; position: absolute; width: 100%; }
.MenuList_f1>ul>li:hover>:nth-child(2) { transition: 0.3s ease 0s; transform: scale(1); opacity: 1; }
.MenuList_f1>ul>li ul li { max-width: none; float: none; margin-left: 80px; width: auto; padding: 0px; display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li ul li a { text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #555; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; }
.MenuList_f1>ul>li ul li a:hover { color: #ed1b24; }
.MenuList_f1>ul>li>:first-child:after { transition: 0.3s ease 0s; content: ''; z-index: -1; bottom: 0; left: 0; height: 0; width: 100%; position: absolute; }
.MenuList_f1>ul>li:hover>:first-child:after, .MenuList_f1>ul>li>:first-child.on:after { height: 100%; left: 0; }
/*汉堡菜单PC*/
.menu-i.on .menu-icon span:after { transform: rotateZ(-45deg); }
.menu-i.on .menu-icon span:before { transform: rotateZ(45deg); }
.menu-i.on .menu-icon span { background: transparent; }
.menu-i.on .menu-icon span:before, .menu-i.on .menu-icon span:after { bottom: 0; top: 0; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { vertical-align: middle; transition: 0.3s ease 0s; display: inline-block; height: 2px; background: #f7fcfe; content: ''; width: 30px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -10px; }
.menu-icon span:after { bottom: -10px; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-i { transition: 0.5s ease 0.5s; opacity: 1; top: 0; right: 0; overflow: hidden; width: 80px; line-height: 80px; margin-left: 0; text-align: center; position: absolute; z-index: 1; }
.menu-icon { font-size: 0; cursor: pointer; background: #202737; }
.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/

/*logo*/
.menu-w { margin: 0 auto; height: 100%; font-size: 0; background: #393f4c; border-bottom: 4px solid #333; }
.logo { width: 30%; height: 100%; }
.logo img { width: 100%; }
.logo a { width: 100%; }
/*--logo end------------------------------------------*/
.menu-w .L { background: #393f4c; width: 80%; height: 100%; border-bottom: 4px solid #333; position: relative; z-index: 1; }
.menu-box .L-width { width: 80%; margin-left: auto; height: 100%; }
.menu-box .R { font-size: 0; width: 20%; height: 100%; border-bottom: 4px solid rgb(51 51 51); background: #393f4c; }
.menu-box .R:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.menu-box .R ul { font-size: 0; text-align: right; width: 75%; display: inline-block; vertical-align: middle; }
.menu-box .R li:first-child { margin-left: 0; }
.menu-box .R li { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; margin-left: 4%; }
.menu-box .R li .i img { width: 100%; height: 100%; }
.menu-box .R li .i em { overflow: hidden; border-radius: 50%; margin: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); box-sizing: border-box; }
.menu-box .R li.on .z>a[title*="VIP"], .menu-box .R li .z>a[title*="退出"] { display: none; }
.menu-box .R li.on .z>a[title*="退出"] { display: inline-block; }
.menu-box .R li .i { box-sizing: border-box; background: #f5f5f5; display: none; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; }
.menu-box .R li.on .i { display: block; margin-right: 10px; }
.menu-box .R a { display: inline-block; vertical-align: middle; transition: 0.3s ease 0s; }
.menu-box .R a.sc { width: 19px; height: 17px; background: url(../images/icon1.png) no-repeat center center; background-size: 100% 100%; }
.menu-box .R a.sc:hover { background: url(../images/icon1-1.png) no-repeat center center; background-size: 100% 100%; }
.menu-box .R a.wx { width: 23px; height: 18px; background: url(../images/icon2.png) no-repeat center center; background-size: 100% 100%; }
.menu-box .R a.wx:hover { background: url(../images/icon2-1.png) no-repeat center center; background-size: 100% 100%; }
.menu-box .R a.ss { width: 20px; height: 20px; position: relative; }
.menu-box .R a.ss:before { transition: 0.3s ease 0s; content: ''; position: absolute; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #fff; left: 0; top: 0; border-radius: 50%; }
.menu-box .R a.ss:after { transition: 0.3s ease 0s; content: ''; position: absolute; height: 2px; width: 6px; background: #fff; bottom: 0; right: 0; transform: rotateZ(45deg); }
.menu-box .R a.ss:hover:before { border-color: #c2182f; }
.menu-box .R a.ss:hover:after { background: #c2182f; }
.menu-box .R span { display: inline-block; vertical-align: middle; margin: 0 10px; }
.menu-box .R a:hover { color: #c2182f; }
.click-menu:before { content: ''; position: fixed; width: 100%; height: calc(100% - 84px); background: #333; z-index: -1; left: 0; top: 84px; }
.click-menu { text-align: left; left: 0; position: fixed; width: 100%; height: 100%; top: 0; transform: scale(1, 0); transition: 0.3s ease 0s; transform-origin: top; }
body.on .click-menu { transform: scale(1); transition: 0.3s ease 0.2s; }
.menu-img { position: fixed; height: 100%; right: 0; top: 0; width: 33.3334%; background: url(../images/menu-img1.jpg) no-repeat center center; background-size: cover; }
.click-menu h3 { font-size: 14px; color: #d1d1d1; font-weight: normal; }
.click-menu>.v-align-m1 { position: fixed; height: calc(100% - 84px); top: 84px; width: 66.6666%; text-align: center; transition: 0.3s ease 0s; transform: translateX(-100%); opacity: 0; }
.click-menu .dis-m { width: 75%; text-align: left; font-size: 0; }
.MenuList_f3>ul>li { display: inline-block; vertical-align: top; width: 33.3333%; margin-top: 0; }
#MenuList_f3 .stmenu>h3 { margin-bottom: 20px; font-size: 18px; color: #fff; width: 58%; display: block; padding-bottom: 20px; border-bottom: 1px solid #c3c3c3; box-sizing: border-box; position: relative; }
#MenuList_f3 .stmenu>h3:after { position: absolute; content: ''; width: 30px; height: 2px; background: #d2d2d2; left: 0; top: 36px; }
.MenuList_f3 ul.child li { margin-top: 15px; width: 34%; display: inline-block; vertical-align: top; }
.click-menu .last>div:not(:first-child) { margin-left: 3%; }
.click-menu .last>div { width: 30%; display: inline-block; vertical-align: top; }
.click-menu .last p { font-size: 18px; margin-top: 20px; position: relative; }
.click-menu .last p:after { content: ''; display: block; background: #c3c3c3; width: 100px; height: 1px; margin-top: 20px; }
.click-menu .last { margin-top: 10.5%; color: #fff; }
.click-menu .last i { display: block; width: 100%; overflow: hidden; border-radius: 4px; }
.click-menu .last img { transition: 0.8s linear 0s; }
.click-menu a { transition: 0.3s ease 0s; }
.click-menu a:hover { color: #c2182f; }
.click-menu a:hover img { transform: scale(1.15); }
body.on .menu-w .L { background: #666; border-color: #b8d200; }
body.on .MenuList_f1 { opacity: 0; transform: translateY(-100%); transition: 0.3s ease 0s; }
body.on .click-menu>.v-align-m1 { opacity: 1; transform: translateY(0); transition: 0.6s ease 0.4s; }
.click-menu .last ol img { display: inline-block; vertical-align: middle; max-width: 24px; max-height: 23px; }
.click-menu .last ol a { border-radius: 50%; display: block; width: 56px; height: 56px; text-align: center; line-height: 56px; font-size: 0; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(198,33,53,1)), color-stop(100%, rgba(182,83,52,1))); }
.click-menu .last ol { margin-top: 9%; text-align: center; }
.click-menu .last li:first-child, .search-box a:first-child { margin-left: 0; }
.click-menu .last li { margin-left: 20px; display: inline-block; vertical-align: top; }
.search-box { display: none; line-height: 1; padding: 2.5% 0 2%; position: fixed; width: 83.6%; top: 0; left: 8.2%; padding-top: 84px; background: #fff; }
.search-box h3 { text-transform: capitalize; margin-top: 3%; font-size: 36px; color: #333; padding-left: 3.8%; }
.search-box .input { background: #ebebeb; padding: 0 3.8%; }
.search-box .kw { padding: 0 3.8%; margin-top: 2%; }
.search-box a { margin-left: 2%; display: inline-block; vertical-align: top; height: 36px; font-size: 14px; color: #a3a3a3; padding: 0 20px; border-radius: 18px; line-height: 36px; box-sizing: border-box; border: 1px solid #b9b9b9; }
.search-box input { width: 100%; font-size: 18px; background: none; line-height: 64px; color: #333; }
.search-box form { margin-top: 1.2%; }
.search-box .close { cursor: pointer; position: absolute; background: #ebebeb; width: 80px; height: 80px; top: 0; right: 0; }
.search-box .close>div { position: relative; z-index: 0; width: 100%; height: 100%; }
.search-box .close>div:before { transform: rotateZ(45deg); }
.search-box .close>div:before, .search-box .close>div:after { transition: 0.3s ease 0s; content: ''; background: #c41b35; width: 30px; height: 2px; position: absolute; left: 50%; top: 50%; margin-top: -1px; margin-left: -15px; }
.search-box .close>div:after { transform: rotateZ(-45deg); }
.search-box .close:hover>div:before, .search-box .close>div:hover:after { transform: rotate(0deg); top: 50%; }
.search-box a:hover { border-color: #c2182f; }
.wx-hover { top: 53px; opacity: 0; line-height: 1; position: absolute; width: 200px; background: #fff; border-radius: 10px; overflow: hidden; left: 50%; margin-left: -100px; color: #666; font-size: 16px; text-align: center; padding-bottom: 20px; transition: 0.3s ease 0s; transform: scale(0); transform-origin: top; }
.wx-hover i { display: block; margin: 10px auto; width: 76%; border: 1px solid #eaeaea; border-radius: 10px; overflow: hidden; }
.menu-box .R a.wx:hover+.wx-hover { transform: scale(1); opacity: 1; }
/*page-public*/
.w-836 { width: 83.6%; margin: 0 auto; }
.page-box { background: #e2e2e2; }
.content-box { display: inline-block; padding-bottom: 6.5%; vertical-align: top; width: 100%; }
.content-box .w-836 { margin-top: 3%; }
.page a:not(:last-child) { transition: 0.3s ease 0s; border: 1px solid #ccc; color: #888; background: none; border-radius: 4px; overflow: hidden; }
.page a:last-child, .page span:first-child, .page a:first-child, .page span:last-child { transition: 0.3s ease 0s; border-radius: 0; border: none; background: none; }
.page span.cur { border-radius: 4px; }
.page a:last-child:hover, .page a:first-child:hover { background: none; color: #c41b35; }
.content-box[class*=rid] img { width: 100%; }
.page a:hover { color: #c41b35; }
.page a:not(:last-child):hover { border-color: #c41b35; }
/*footer*/
.footer-box .T>.R { width: 105px; color: #999; text-align: center; }
.footer-box .T>.R i { display: block; }
.footer-box .T>.R p { margin-top: 15px; font-size: 14px; }
.footer-box .T { font-size: 0; }
.footer-box .T>.L { width: calc(100% - 105px); }
.footer-box { background: #333; padding-top: 2.5%; }
.MenuList_b2 h3 { font-size: 16px; color: #fff; font-weight: normal; }
.MenuList_b2 li:nth-child(2) a { padding-left: 0; border: none; }
.MenuList_b2 ul { overflow: hidden; }
.MenuList_b2 li { text-transform: uppercase; float: left; }
.MenuList_b2 a { transition: 0.3s ease 0s; padding: 0 20px; display: block; border-left: 1px solid #fff; }
.friend-box li:first-child { margin-left: 0; }
.friend-box li { margin-left: 10px; }
.friend-box span, .friend-box ul, .friend-box li { float: left; }
.friend-box a { display: block; transition: 0.3s ease 0s; }
.friend-box { margin-top: 15px; font-size: 16px; color: #999; overflow: hidden; }
.footer-box .T>.L .R P { margin-top: 10px; font-size: 24px; color: #999; }
.footer-box .T>.L .R span { text-transform: uppercase; font-size: 18px; margin-left: 5px; }
.footer-box .T .L i, .footer-box .T>.L .R span { display: inline-block; vertical-align: middle; }
.footer-box .T .L i { width: 19px; }
.footer-box .T>.L h4 { font-size: 0; color: #999; font-weight: normal; }
.footer-box .T>.L .L { padding: 5px 4.5% 5px 0; box-sizing: border-box; border-right: 1px solid #999; margin-right: 4.5%; }
.footer-box .B { border-top: 1px solid #6b6b6b; padding: 2% 0; font-size: 0; text-align: center; color: #999; margin-top: 2.5%; }
.footer-box .B span { display: inline-block; vertical-align: middle; font-size: 14px; }
.footer-box .B img { display: inline-block; }
/*mob-menu
.mob-menu { position: fixed; border-top: 1px solid #e8e8e8; width: 100%; bottom: 0; background: #fff; left: 0; z-index: 3; }
.mob-menu ul { overflow: hidden; }
.mob-menu a { display: block; width: 100%; height: 100%; padding: 4.5vw 0; }
.mob-menu li { width: 20%; text-align: center; font-size: 3.33vw; color: #888; float: left; }
.mob-menu i { font-size: 0; display: block; margin: 0 auto; height: 6vw; overflow: hidden; }
.mob-menu img { display: inline-block; height: 100%; vertical-align: top; }
.mob-menu p { margin-top: 1.5vw; text-transform: capitalize; }
.mob-menu li.on { color: #c2182f; }
.mob-menu li.on img:last-child { display: inline-block; }
*/
/*mob-men*/
.mob-men { position: fixed; border-top: 1px solid #e8e8e8; width: 100%; bottom: 0; background: #fff; left: 0; z-index: 3; }
.mob-men ul { overflow: hidden; }
.mob-men a { display: block; width: 100%; height: 100%; padding: 4.5vw 0; }
.mob-men li { width: 20%; text-align: center; font-size: 3.33vw; color: #888; float: left; }
.mob-men i { font-size: 0; display: block; margin: 0 auto; height: 6vw; overflow: hidden; }
.mob-men img { display: inline-block; height: 100%; vertical-align: top; }
.mob-men p { margin-top: 1.5vw; text-transform: capitalize; }
.mob-men li.on { color: #c2182f; }
.mob-men li.on img:last-child { display: inline-block; }
 .mob-men img:last-child, .mob-men li.on img {
    display: none;
}


/*slide-box*/
.HOVER { z-index: -1; transition: 0.3s ease 0s; font-size: 16px; position: absolute; height: 100%; width: 200px; left: 0; color: #393f4c; background: #fff; border: 1px solid #5b7e91; box-sizing: border-box; font-weight: bold; white-space: normal; opacity: 0; border-right: 0; }
.HOVER>span { background: #fff; }
.slide-box { width: 70px; position: fixed; right: 0; top: 50%; z-index: 2; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); text-align: center; margin-top: -197px; }
.slide-box li { position: relative; }
/*.slide-box li:last-child a { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.slide-box li:first-child a { border-top-left-radius: 8px; border-top-right-radius: 8px; }*/
.slide-box a, .slide-box .QQ { background: #fff; overflow: hidden; position: relative; display: block; width: 100%; padding: 10px 0 0; z-index: 1; }
.slide-box i { display: block; }
.slide-box img { max-width: 45%; margin: 0 auto; }
.slide-box a:after, .slide-box .QQ:after { content: ''; width: 71.5%; display: block; height: 1px; background: #e8e8e8; margin: 10px auto 0; }
.slide-box p { font-size: 14px; color: #888; margin-top: 5px; }
.slide-box .L { transition: 0.3s ease 0s; }
.slide-box .R { position: absolute; width: 100%; height: 100%; left: 100%; top: 0; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(57,63,76,1)), color-stop(100%, rgba(91,126,145,1))); color: #fff; font-size: 0; line-height: 1.2; transition: 0.3s ease 0s; }
.slide-box .R span { font-size: 18px; }
.slide-box li.on .R { left: 0; }
.slide-box li.on .L { transform: translateX(-100%); }
.slide-box li.on .HOVER { left: -200px; opacity: 1; }
/*loaction*/
.rid31 .location .R { position: static; }
.rid31 .location { background: #efefef; }
.location { font-size: 0; background: #fff; color: #888; /*height: 60px;*/ line-height: 60px; }
.location img { width: 14px; margin-right: 5px; }
.location .L { /*width: calc(100% - 300px);*/ }
.location .R { /*position: absolute; top: 0; right: 0; */ text-align:right;}
.location .w-836 { position: relative; }
#NavigationList_d4 ul, .NavList_a1 ul { overflow: hidden; }
#NavigationList_d4 li, .NavList_a1 li { float: left; }
#NavigationList_d4, .NavList_a1 { font-size: 14px; color: #666; }
#NavigationList_d4 a:before, .NavList_a1 a:before { transition: 0.3s ease 0s; z-index: -1; content: ''; position: absolute; width: 0; height: 100%; opacity: 0; left: 0; top: 0; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(57,63,76,1)), color-stop(100%, rgba(91,126,145,1))); }
#NavigationList_d4 a, .NavList_a1 a { text-transform: capitalize; transition: 0.3s ease 0s; display: block; padding: 0 1.4vw; position: relative; z-index: 1; }
#NavigationList_d4 a.on, .NavList_a1 a.on { color: #fff; }
#NavigationList_d4 a.on:before, .NavList_a1 a.on:before { width: 100%; opacity: 1; }
.PosList_a1 { font-size: 14px; text-transform: capitalize; }
/*page-search*/
.page-search { overflow: hidden; transition: 0.3s ease 0s; width: 35.5%; box-sizing: border-box; margin: 2% auto 0; padding: 0 0 0 25px; background: #ebebeb; height: 60px; line-height: 60px; border-radius: 30px; font-size: 0; }
.page-search input { background: none; font-size: 18px; width: 75%; margin-right: 5%; color: #333; }
.page-search button { cursor: pointer; background: none; width: 20%; height: 100%; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(57,63,76,1)), color-stop(100%, rgba(91,126,145,1))); }
.page-search form { height: 100%; }
.page-search button img { height: 55%; margin: 0 auto; width: auto; }
/*pro-title*/
.title-box { width: 100%; font-size: 0; margin-top: 2.5%; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
.title-box>div { width: 50%; }
.title-box>.R { text-align: right; color: #888; }
.title-box>.R img { width: 23px; }
.title-box>.R span { font-size: 14px; margin-left: 5px; }
.title-box>.R a { font-size: 16px; height: 28px; line-height: 28px; border-radius: 14px; margin-left: 20px; }
.title-box>.R a.on { padding: 0 20px; color: #fff; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(199,42,63,1)), color-stop(100%, rgba(214,100,60,1))); }
.pro-title { color: #333; text-transform: uppercase; }
.pro-title p { font-size: 40px; font-family: impact; }
.pro-title span { display: block; font-size: 20px; margin-top: 5px; }
.title-box .L { padding-bottom: 5px; }
/*product_list*/
.NavigationList_a1_2ndGrade { display: none; background: #f6f6f6; border-bottom: 4px solid #dfdede; }
.NavigationList_a1_1stGrade { cursor: pointer; position: relative; z-index: 1; transition: 0.3s ease 0s; height: 50px; line-height: 50px; color: #444; font-size: 18px; text-align: center; border-top: 1px solid #d7d7d7; box-sizing: border-box; }
.ClassList_a1 { border-bottom: 1px solid #d7d7d7; width: 100%; }
.NavigationList_a1_2ndGrade a:before { content: ''; position: absolute; z-index: -1; width: 0; height: 100%; opacity: 0; transition: 0.3s ease 0s; left: 0; top: 0; background: #e0e0e0; }
.NavigationList_a1_2ndGrade a { padding: 0 3%; font-size: 0; display: block; text-align: center; height: 50px; line-height: 50px; z-index: 1; position: relative; }
.NavigationList_a1_2ndGrade a span { font-size: 18px; color: #444; max-width: calc(96% - 30px); line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.NavigationList_a1_2ndGrade a.on:before { width: 100%; opacity: 1; }
.NavigationList_a1_2ndGrade a i { max-width: 30px; margin-right: 4%; height: 60%; }
.content-box .NavigationList_a1_2ndGrade a i img, .NavigationList_a1_2ndGrade a img { max-width: 30px; height: 100%; width: auto; }
.NavigationList_a1_1stGrade.on, .content-box.rid31 .L .B p { color: #fff; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(57,63,76,1)), color-stop(100%, rgba(91,126,145,1))); }
.NavigationList_a1_1stGrade:before, .NavigationList_a1_1stGrade:after { content: ''; position: absolute; width: 18px; height: 2px; background: #444; top: 50%; margin-top: -1px; right: 7%; transition: 0.3s ease 0s; }
.NavigationList_a1_1stGrade:before { transform: rotateZ(90deg); }
.NavigationList_a1_1stGrade.on:before, .NavigationList_a1_1stGrade:hover:before { transform: rotate(0deg); }
.NavigationList_a1_1stGrade.on:before, .NavigationList_a1_1stGrade.on:after { background: #efefef; }
.content-box.rid31 .R { float: right; width: 77.3%; }
.ProductList_b2 ul { padding-bottom: 3%; overflow: hidden; border-bottom: 1px solid #efefef; }
.ProductList_b2 li:nth-child(3n+1) { margin-left: 0; }
.ProductList_b2 li { margin-bottom: 2%; text-align: center; float: left; color: #555; width: 32.2%; margin-left: 1.7%; }
.ProductList_b2 li a { transition: 0.3s ease 0s; display: block; }
.ProductList_b2 .picimg { text-align: center; font-size: 0; border-radius: 6px; position: relative; z-index: 1; height: 14.5vw; overflow: hidden; }
.content-box .ProductList_b2 li a img { width: auto; max-width: 100%; max-height: 100%; height: auto; margin: 0 auto; }
.ProductList_b2 img { transition: 0.5s linear 0s; width: 100%; }
.ProductList_b2 h3 { font-weight: normal; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; margin-top: 4%; }
.ProductList_b2 li a:hover img { transform: scale(1.1); }
.rid31 .page { margin-top: 5%; text-align: right; }
.rid31.page-box { background: #fff; }
.content-box.rid31 .L { width: 18.75%; float: left; }
.pro-bottom p { margin-top: 20px; text-transform: capitalize; }
.pro-bottom img { display: inline-block; vertical-align: top; max-width: 16%; max-height: 2.9vw; }
.pro-bottom i { display: block; }
.pro-bottom ul { display: flex; background: #f3f3f3; overflow: hidden; padding: 2% 0; align-items: flex-end; }
.pro-bottom li { width: 16.6666%; text-align: center; color: #999; font-size: 18px; }
.content-box.rid31 .L .B p, .pro-detail .proR .mob-a { display: block; font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 50px; border-radius: 0; width: 100%; margin-top: 0; box-shadow: none; }
.content-box.rid31 .L .B { margin-top: 20%; border: none; padding-top: 0; }
.pro i { display: block; position: relative; z-index: 1; margin: 10px 10px 0; height: calc(100% - 20px); overflow: hidden; }
.pro a img { height: 100%; width: 100%; transition: 0.5s linear 0s; }
.pro a { height: 100%; z-index: 1; position: relative; border-radius: 4px; display: block; box-sizing: border-box; border: 1px solid #eaeaea; overflow: hidden; }
.pro h3 { width: 84%; white-space: nowrap; font-weight: normal; font-size: 14px; color: #fff; position: absolute; z-index: 1; bottom: 13%; left: 8%; line-height: normal; overflow: hidden; text-overflow: ellipsis; }
.pro a i:before { z-index: 1; content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.1); top: 0; left: 0; }
.pro { height: 30vw; margin-top: 7%; }
.pro a:hover img { transform: scale(1.1); }
/*case_list*/
.content-box.rid36 li a { padding-bottom: 6%; }
.content-box.rid36 .see span { margin-left: 5px; font-size: 12px; display: inline-block; vertical-align: middle; }
.content-box.rid33 .see span { margin-left: 5px; font-size: 20px; display: inline-block; vertical-align: middle; }
.content-box.rid33 .see-box, .content-box.rid36 .see-box { margin-top: 6%; padding: 15px 0; border-top: 1px solid #e6e6e6; line-height: normal; }
.content-box.rid33 .see .L, .content-box.rid36 .see .L { float: left; }
.content-box.rid33 .see .R, .content-box.rid36 .see .R { float: right; }
.content-box.rid33 .see .R span, .content-box.rid36 .see .R span { color: #999; }
.content-box.rid33 .see .L span, .content-box.rid36 .see .L span { color: #ccc; }
.content-box.rid33 .see>div, .content-box.rid36 .see>div { font-size: 0; }
.content-box.rid33 .see img, .content-box.rid36 .see img { display: inline-block; max-width: 20px; vertical-align: middle; width: auto; }
.content-box.rid36 .see { width: 80%; margin: 0 auto; font-family: "微软雅黑"; overflow: hidden; }
.content-box.rid33 .see { width: 90%; margin: 0 auto; font-family: "微软雅黑"; overflow: hidden; }
.content-box.rid36 p { font-size: 14px; color: #999; line-height: 2; width: 80%; margin: 0 auto; -webkit-line-clamp: 3; max-height: 84px; }
.content-box.rid33 p { font-size: 18px; color: #999; line-height: 2; width: 90%; margin: 5% auto 0; -webkit-line-clamp: 3; max-height: 108px; }
.content-box.rid36 h3 { transition: 0.3s ease 0s; width: 80%; font-size: 15px; color: #666; font-weight: normal; margin: 5% auto 0; line-height: normal; }
.content-box.rid33 h3 { transition: 0.3s ease 0s; width: 90%; font-size: 1.25vw; color: #666; font-weight: normal; margin: 5% auto; line-height: normal; }
.content-box.rid33 .T:before, .content-box.rid36 .T:before { content: ''; position: absolute; width: 0; height: 6px; bottom: 0; background: #393f4c; left: 0; transition: 0.3s ease 0s; }
.content-box.rid33 .T:after, .content-box.rid36 .T:after { content: ''; display: block; width: 100%; height: 6px; background: #f3f3f3; }
.content-box.rid33 .T img, .content-box.rid36 .T img { width: 100%; height: calc(100% - 6px); }
.content-box.rid36 .T { height: calc(16vw + 6px); display: block; position: relative; z-index: 1; overflow: hidden; }
.content-box.rid33 .T { height: calc(25vw + 6px); display: block; position: relative; z-index: 1; overflow: hidden; }
.content-box.rid33 li a, .content-box.rid36 li a { display: block; background: #fff; border-radius: 6px; overflow: hidden; transition: 0.3s ease 0s; }
.content-box.rid33 ul, .content-box.rid36 ul { font-size: 0; }
.content-box.rid36 li { display: inline-block; vertical-align: top; width: 32%; margin-left: 2%; margin-bottom: 3%; font-size: 14px; }
.content-box.rid33 li { display: inline-block; vertical-align: top; width: 48%; margin-left: 4%; margin-bottom: 3%; font-size: 14px; }
.content-box.rid33 li:nth-child(2n+1) { margin-left: 0; }
.content-box.rid36 li:nth-child(3n+1) { margin-left: 0; }
.content-box.rid36 .line-box { width: 80%; margin: 4% auto; }
.content-box.rid33 .line-box { width: 90%; margin: 4% auto; }
.content-box.rid33 .line, .content-box.rid36 .line { width: 28px; height: 2px; background: #ccc; }
.content-box.rid33 li a:hover .T:before, .content-box.rid36 li a:hover .T:before { width: 100%; }
.content-box.rid33 li a:hover, .content-box.rid36 li a:hover { box-shadow: 0 0 35px 0 rgba(59,59,59,0.1); }
.content-box.rid33 li:hover a, .content-box.rid36 li:hover a { transform: translateY(-20px); }
.content-box.rid33 li a:hover h3, .content-box.rid36 li a:hover h3 { color:#a69425; }
.content-box.rid36 .see { color: #c4c4c4; margin-top: 5%; display: none; }
.content-box.rid36 .see-box .see { margin-top: 0; color: #b5b5b5; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.content-box.rid36 p { font-size: 16px; -webkit-line-clamp: 2; max-height: 64px; }
/*about*/
.about-box>div { background: #fff; border-radius: 6px; padding: 2.5% 0 3.5%; }
.about-box strong { word-break: break-word; font-size: 28px; display: block; width: 100%; color: #666; font-weight: normal; padding-bottom: 1.2%; border-bottom: 1px solid #e2e2e2; }
.about-w { display: block; width: 87%; margin: 0 auto; }
.about-box p { font-size: 16px; color: #888; line-height: 2.375; margin-top: 2%; }
.about-box .T img { margin-top: 2%; }
.about-box img { width: 100%; }
.about-box .B>.about-w { margin-top: 2.5%; }
.about-box .B .R { display: inline-block; vertical-align: top; width: 100%; }
.about-box .B { font-size: 0; }
.about-box .B .L { width: 100%; }
.about-box .B p img { width: 37.8%; margin-left: 4.7%; float: right; }
.about-box .B p { margin-top: 0; }
.about-box .B { margin-top: 3.7%; }
/*rid52*/
.rid52 .about-box>.T li .R { display: inline-block; vertical-align: middle; line-height: normal; width: 81%; margin-left: 2.2%; }
.rid52 .about-box>.T li i { display: inline-block; vertical-align: middle; width: 16.8%; }
.rid52 .about-box>.T li:nth-child(2n+1) { margin-left: 0; }
.rid52 .about-box>.T li { display: inline-block; font-size: 0; width: 48%; margin-left: 4%; vertical-align: top; margin-top: 2.2%; }
.rid52 .about-box>.T ul { font-size: 0; }
.rid52 .about-box>.T li .R h3 { font-size: 20px; color: #666; }
.rid52 .about-box>.T li .R span { display: block; font-size: 16px; color: #999; line-height: 1.6; margin-top: 2%; }
.rid52 .about-box .B .R { width: 52.3%; }
.rid52 .about-box .B .L { display: inline-block; vertical-align: top; width: 43%; margin-right: 4.7%; }
.rid52 .about-box .T img { margin-top: 0; }
/*rid50*/
.rid50 .photo-box .T .L { width: 53.75%; text-align: center; background: url(../images/p-bg1.jpg) no-repeat center center; background-size: cover; position: relative; z-index: 1; }
.rid50 .photo-box .T .L:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; z-index: -1; }
.rid50 .photo-box .T { overflow: hidden; height: 27vw; background: #fff; border-radius: 4px; }
.rid50 .photo-box .T>div { text-align: center; float: left; height: 100%; }
.rid50 .photo-box .T .L h6 { font-size: 50px; color: #fff; font-weight: normal; font-family: "微软雅黑"; }
.rid50 .photo-box .T .L p { margin-top: 10px; font-size: 24px; color: #fff; }
.rid50 .photo-box .T .L li:first-child { margin-left: 0; }
.rid50 .photo-box .T .L li { display: inline-block; vertical-align: top; margin-left: 14%; }
.rid50 .photo-box .T .L li p { font-size: 20px; color: #fff; margin-top: 20px; }
.rid50 .photo-box li i { background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(199,42,63,1)), color-stop(100%, rgba(214,100,60,1))); display: inline-block; vertical-align: top; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; line-height: 60px; font-size: 0; }
.rid50 .photo-box .L li img { display: inline-block; vertical-align: middle; max-width: 45%; max-height: 45%; width: auto; height: auto; }
.rid50 .photo-box .T>div>div { width: 100%; }
.rid50 .photo-box .T .L ul { margin-top: 6%; }
.rid50 .photo-box .T .R { width: 46.25%; }
.rid50 .photo-box .T .R strong { display: block; font-size: 24px; color: #666; font-weight: normal; }
.rid50 .photo-box .T .R p { font-size: 14px; color: #c3c3c3; margin-top: 10px; }
.rid50 .photo-box .T .R ul { width: 84%; margin: 0 auto; }
.rid50 .photo-box .T .R input, .rid50 .photo-box .T .R textarea { font-size: 14px; color: #333; border: 1px solid #f0f0f0; width: 100%; box-sizing: border-box; border-radius: 4px; }
.rid50 .photo-box .T .R input { transition: 0.3s ease 0s; height: 45px; line-height: 45px; padding: 0 20px; }
.rid50 .photo-box .T .R textarea { transition: 0.3s ease 0s; line-height: 1.5; height: 96px; padding: 10px 20px; }
.rid50 .photo-box .T .R input:focus, .rid50 .photo-box .T .R textarea:focus { border-color: #c2182f; }
.rid50 .photo-box .T .R li:first-child { margin-top: 0; }
.rid50 .photo-box .T .R li, .rid50 .photo-box .T .R form { margin-top: 4%; }
.rid50 .photo-box .T .R li:nth-child(2) input { width: 47%; }
.rid50 .photo-box .T .R li:nth-child(2) input:last-child { margin-left: 6%; }
.rid50 .photo-box .T .R button { cursor: pointer; font-size: 16px; color: #fff; width: 100%; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(199,42,63,1)), color-stop(100%, rgba(214,100,60,1))); height: 46px; line-height: 46px; border-radius: 23px; box-shadow: 5px 5px 15px 0 rgba(203,34,70,0.3); }
.rid50 .photo-box .T .L span { font-weight: bold; display: inline-block; vertical-align: top; font-size: 18px; height: 46px; line-height: 46px; border: 1px solid #fff; padding: 0 45px; border-radius: 23px; color: #fff; margin-top: 6%; }
.rid50 .photo-box .B h3 { text-align: center; font-size: 40px; color: #444; }
.rid50 .photo-box .B h3:after { content: ''; display: block; margin: 0 auto; width: 50px; height: 4px; background: #c3c3c3; margin-top: 20px; }
.rid50 .photo-box .B { margin-top: 3.5%; }
.rid50 .PhotoList_i1 li:nth-child(3n+1) { margin-left: 0; }
.rid50 .PhotoList_i1 li { width: 32%; background: none; margin-left: 0; margin-bottom: 0; }
.rid50 .PhotoList_i1 a { height: 19vw; max-height: 360px; }
.rid50 .PhotoList_i1 span { height: auto; line-height: normal; font-size: 20px; color: #666; margin-top: 4%; }
.rid50 .PhotoList_i1 { width: 83.6%; margin-top: 2%; display: block; }
.rid50 .shop-btn>a { color: #333; }
/*rid47*/
.rid47 .about-box p strong { font-size: 20px; border: none; display: inline-block; padding-bottom: 0; width: auto; font-weight: bold; }
.rid47 .about-box p { font-size: 18px; color: #999; line-height: 2.5; }
.rid47 .about-box .B .R { width: 41.5%; }
.rid47 .about-box .B .L { display: inline-block; vertical-align: top; width: 51%; margin-right: 7.5%; }
/*shop*/
.shop-box ul { font-size: 0; }
.shop-box li:nth-child(3n+1), .shop-box .btn a:first-child { margin-left: 0; }
.shop-box li { margin-bottom: 2.5%; transition: 0.3s ease 0s; text-align: center; margin-left: 3.5%; height: 17.7vw; display: inline-block; vertical-align: top; background: #fff; border-radius: 6px; overflow: hidden; width: 31%; }
.shop-box li h3 { height: 30px; line-height: 30px; font-size: 1.25vw; color: #666; font-weight: normal; }
.shop-box h3 i { overflow: hidden; position: relative; z-index: 1; transition: 0.3s ease 0s; font-size: 14px; float: right; color: #999; width: 80px; height: 30px; line-height: 30px; box-sizing: border-box; border: 1px solid #999; text-align: center; border-radius: 15px; }
.shop-box .btn i { width: 18px; position: relative; display: inline-block; vertical-align: middle; z-index: 0; }
.shop-box .btn img { width: 100%; transition: 0.3s ease 0s; height: auto; }
.shop-box .btn em img { height: 100%; width: auto; }
.shop-box .btn em { position: absolute; top: 0; left: 0; transition: 0.3s ease 0s; width: 0; overflow: hidden; height: 100%; }
.shop-box .btn span { display: inline-block; vertical-align: middle; margin-left: 15px; }
.shop-box .btn a { margin-left: 20px; transition: 0.3s ease 0s; font-size: 16px; color: #999; }
.shop-box .btn a:hover { color: #c2182f; }
.shop-box i a:hover { color: #fff; }
.shop-box .btn a:hover em { width: 100%; }
.shop-box .btn a:hover i>img { opacity: 0; }
.shop-box li>div { text-align: left; width: 80.5%; }
.shop-box .btn { margin-top: 5%; }
.shop-box li p { font-size: 16px; color: #999; margin-top: 7%; padding-top: 7%; line-height: 1.8; border-top: 1px solid #efefef; }
.shop-box h3 i:before { left: 0; top: 0; opacity: 0; content: ''; transition: 0.3s ease 0s; position: absolute; z-index: -1; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(199,42,63,1)), color-stop(100%, rgba(214,100,60,1))); width: 0; height: 100%; }
.shop-box li:hover h3 i:before { width: 100%; opacity: 1; }
.shop-box li:hover h3 i { color: #fff; border-color: transparent; }
.shop-box li:hover { box-shadow: 0 0 50px 0 rgba(187,184,185,0.3); }
.phone-msg { position: relative; border-radius: 6px; background: #fff; width: 24%; max-width: 100%; padding: 3% 0; text-align: center; box-sizing: border-box; }
.phone-msg p { font-size: 20px; font-weight: bold; color: #c2182f; }
.phone-msg ul { width: 80%; margin: 0 auto; }
.phone-msg input { font-size: 14px; height: 40px; width: 100%; line-height: 40px; border: 1px solid #eee; border-radius: 5px; box-sizing: border-box; padding: 0 15px; }
.phone-msg li:first-child { margin-top: 0; }
.phone-msg li { margin-top: 5%; overflow: hidden; }
.phone-msg form { margin-top: 8%; }
.phone-msg input[name*=yzm] { width: calc(95% - 80px); margin-right: 5%; float: left; }
.phone-msg button { cursor: pointer; width: 100%; font-size: 14px; background: #eee; border-radius: 6px; height: 40px; line-height: 40px; color: #666; transition: 0.3s ease 0s; }
.phone-msg button:hover { background: #c2182f; color: #fff; }
.content-box .phone-msg img { width: 80px; height: 40px; float: right; }
.msg-box { display: none; position: fixed; width: 100%; height: 100%; z-index: 3; top: 0; text-align: center; left: 0; }
.msg-box.on { display: block; }
/*news_list1*/
.news-list1 li .R { width: 50.5%; margin-left: 5%; }
.news-list1 li .L { width: 39.5%; overflow: hidden; height: 100%; }
.news-list1 li .L img { height: 100%; }
.news-list1 a { height: 100%; display: block; font-size: 0; }
.news-list1 { font-size: 0; }
.news-list1 li { position: relative; z-index: 0; height: 12vw; margin-bottom: 1.5%; margin-left: 2%; display: inline-block; vertical-align: top; font-size: 0; width: 49%; background: #fff; border-radius: 6px; overflow: hidden; }
.news-list1 li .R h3 { font-size: 18px; color: #666; font-weight: normal; transition: 0.3s ease 0s; }
.news-list1 li:nth-child(2n+1) { margin-left: 0; }
.news-list1 li .R span { font-size: 14px; color: #a0a0a0; margin-top: 5%; display: block; }
.news-list1 li .R p { margin-top: 5%; font-size: 14px; color: #999; line-height: 1.85; -webkit-line-clamp: 3; max-height: 75px; }
.news-list1 a:hover img { transform: scale(1.2); }
.news-list1 a:hover h3 { color: #c41b35; }
/*login*/
.login-box { background: url(../images/bg4.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1; text-align: center; }
.login { background: #fff; height: 31.25vw; color: #fff; font-size: 0; border-radius: 6px; width: 45.5%; overflow: hidden; }
.login .L { background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(199,42,63,1)), color-stop(100%, rgba(214,100,60,1))); width: 52%; }
.login>div { display: inline-block; vertical-align: middle; height: 100%; }
.login .R { width: 48%; }
.login .L h3 { font-size: 2vw; font-weight: normal; }
.login .L p { margin-top: 4%; font-size: 0.85vw; }
.login .L ul { width: 77%; font-size: 0; margin: 9% auto 0; }
.login .L li { width: 33.33333%; vertical-align: top; display: inline-block; margin-top: 11.5%; }
.login .L li i { line-height: 3.643vw; font-size: 0; position: relative; display: block; width: 60%; height: 3.643vw; z-index: 1; margin: 0 auto; }
.login .L li i img:first-child { display: inline-block; vertical-align: middle; max-width: 50%; max-height: 50%; }
.login .L li i img:last-child { position: absolute; top: 0; width: 100%; height: 100%; transition: 0.5s ease 0s; left: 0; z-index: -1; }
.login .L li span { font-size: 0.85vw; margin-top: 13%; display: block; }
.login>div>div { width: 100%; }
.login .R p { font-size: 1.77vw; color: #666; }
.login .R i { width: 50.5%; display: block; margin: 13% auto 0; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 10px; }
.login .R img { width: 100%; border-radius: 6px; }
.login .L li:hover i img:last-child { transform: rotate(180deg); }
.login .L li:hover i img:first-child { transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); animation: beat 0.5s 1; }
.login .R a { font-size: 0.85vw; color: #fff; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(199,42,63,1)), color-stop(100%, rgba(214,100,60,1))); display: block; width: 62%; margin: 12% auto 0; height: 2.2vw; line-height: 2.2vw; border-radius: 1.1vw; }
/*customized-box*/
.customized-box .c1 { padding: 3% 0 4%; background: url(../images/bg8.jpg) no-repeat center; background-size: cover; }
.customized-box .w-836 { margin-top: 0; }
.customized-box .c1 ul { font-size: 0; margin-top: 4.5%; }
.customized-box .c1 li:first-child { margin-left: 0; }
.customized-box .c1 li { margin-left: 14.26%; width: 14.3%; display: inline-block; text-align: center; vertical-align: top; font-size: 1.25vw; color: #fff; }
.customized-box .c1 li i { border-width: 0; border-style: solid; border-color: #a69425; transition: 0.6s ease 0s; display: block; height: 11.954vw; border-radius: 50%; overflow: hidden; box-sizing: border-box; width: 100%; }
.customized-box .c1 li p { margin-top: 13%; }
.customized-box .c1 li i img { height: 100%; }
.customized-box .c1 h3 { font-size: 2.3vw; color: #fff; text-align: center; }
.customized-box .c1 li:hover i { border-width: 10px; }
/*s1*/
.s1 { width: 100%; background: url(../images/bg1.jpg) no-repeat center center fixed; background-size: cover; position: relative; z-index: 1; padding: 30px 0; overflow: hidden; border-bottom: 2px solid #000; }
.customized-box .s1 { padding: 2% 0 2.5%; background: none; }
.s1>.w-836 { font-size: 0; }
.s1:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.42); z-index: -1; }
.s1 .L { margin-left: 11%; padding-bottom: 3%; width: 450px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 7px 20px 0 rgba(32,32,32,0.05); }
.customized-box .s1 .L { margin-left: 0; float: right; }
.s1 .L .B { margin-top: 7%; }
.s1 .L .B p { font-size: 26px; color: #555; text-align: center; }
.s1 .L .B form { margin: 6% auto 0; width: 78%; }
.s1 .L .B li:first-child { margin-top: 0; }
.s1 .L .B li { transition: 0.3s ease 0s; margin-top: 4%; height: 40px; box-sizing: border-box; line-height: 38px; border: 1px solid #eaeaea; border-radius: 20px; width: 100%; background: #fff; padding: 0 20px; font-size: 0; }
.s1 .L .B li.on { box-shadow: 0 5px 18px 0 rgba(32,32,32,0.07); }
.s1 .L .B label { display: inline-block; vertical-align: middle; }
.s1 .L .B label img { width: 14px; }
.s1 .L .B input { font-size: 14px; color: #c3c3c3; display: inline-block; vertical-align: middle; margin-left: 10px; width: calc(100% - 24px); }
.s1 .L .B form>span { font-size: 14px; color: #c3c3c3; display: block; text-align: center; margin: 6% 0; }
.s1 .L .B button, .mob-a {cursor: pointer;font-size: 0;color: #fff;width: 100%;height: 44px;line-height: 44px;border-radius: 22px;box-shadow: 0 3px 10px 0px rgba(91, 126, 145, 0.3);background: rgba(198,33,53,1);background: -webkit-gradient(linear, left top, right bottom, color-stop(80%, rgba(57,63,76,1)), color-stop(100%, rgb(91,126,145,1)));}
.s1 .L .B button span { letter-spacing: 10px; font-size: 16px; display: inline-block; transition: 0.3s ease 0s; vertical-align: middle; line-height: 1; }
.s1 .L .B button:hover span { animation: span 1.2s linear 0s infinite; }
.info select { border: none; background: none; color: #c3c3c3; font-size: 14px; width: 32%;  display: inline-block !important;}
.info select:not(:first-child) { margin-left: 2%; }
.info { line-height: normal; display: inline-block; width: 100%; vertical-align: middle; }
.cus-title { text-align: center; }
.s1 .cus-title h4 { color: rgba(255,255,255,0.4); }
.cus-title h4 { color: #eee; font-size: 8.4vw; font-family: "微软雅黑"; font-weight: normal; }
.s1 .cus-title p { color: #fff; }
.cus-title p { font-size: 2vw; color: #666; font-weight: bold; }
.customized-box .s1>.w-836 { position: relative; overflow: hidden; }
.customized-box .s1 .cus-title { position: absolute; top: 50%; left: 0; margin-top: -5.1vw; }
.customized-box .s1:after { position: absolute; width: 100%; height: 100%; background: url(../images/bg5.jpg) no-repeat center fixed; background-size: 100% 100%; left: 0; top: 0; z-index: -1; content: ''; }
.customized-box .s1:before { z-index: 0; }
.mob-a { text-align: center; font-size: 16px; width: 180px; max-width: 100%; margin: 3% auto 0; height: 46px; line-height: 46px; }
 @keyframes span { 0%, 50% {
transform:translateY(0);
}
25% {
transform:translateY(-3px);
}
}
.page-box.rid32 { background: #fff; }
.c2 li>div { width: 50%; text-align: center; }
.c2 li>div i { display: block; overflow: hidden; }
.c2 li { font-size: 0; }
.c2 li h3 { font-size: 2vw; color: #393f4c; }
.c2 .text-w { width: 66.7%; margin: 0 auto; display: inline-block; vertical-align: top; }
.c2 li span { line-height: 1.45; font-size: 1.25vw; color: #666; display: block; text-align: center; margin-top: 2vw; }
.c2 a, .c3 a { transition: 0.3s ease 0s; box-shadow: none; display: block; font-size: 1.25vw; height: 3vw; line-height: 3vw; border-radius: 1.5vw; width: 15vw; margin-top: 2.5vw; }
.c2 li:hover img { }
.c2 a:hover { box-shadow: 0 3px 10px 0px rgba(166,138,37,0.36); color: #fff; }
.c3 { z-index: 1; position: relative; padding: 8.0% 0; background: url(../images/bg6.jpg) no-repeat center; background-size: cover; text-align: center; }
.c3:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: -1; }
.c3 h4 { font-size: 2.3vw; color: #fff; }
.c3 p { margin-top: 1.2vw; font-size: 1.25vw; color: #e5e5e5; line-height: 1.8; }
.c3 a { display: inline-block; vertical-align: top; margin-top: 1.2vw; }
.c3 a:hover { color: #fff; }
/*c4*/
.c4 { padding: 3vw 0 3vw; font-size: 0; color: #fff; background: url(../images/bg7.jpg) no-repeat center; background-size: 100% 100%; text-align: center; }
.c4 strong:first-child { font-size: 1.875vw; }
.c4 em, .c4 strong:last-child { font-size: 1.56vw; }
.c4 i { display: inline-block; width: 1.6vw; vertical-align: text-top; }
.c4 em { margin-left: 1.5vw; }
.content-box.rid32 { padding-bottom: 0; }
/*news-detail*/
.news-detail>div { padding: 2.5% 3% 3.5%; box-sizing: border-box; }
.news-detail .NewsDetail_a1 img { width: auto; }
/*case-detail,pro-detail*/
.case-detail { background: #fff; border-radius: 6px; box-sizing: border-box; padding: 4.5% 6% 6%; }
.case-detail .T { font-size: 0; }
.case-detail .T>.L, .pro-detail .T>.L .T { width: 53%; height: 26.5vw; border: 1px solid #ccc; box-sizing: border-box; text-align: center; }
.pro-detail .T>.L .T { width: 100%; overflow: hidden; }
.pro-detail .T>.L { border: none; height: auto; }
.case-detail .T>.R { width: 43%; margin-left: 4%; }
.case-detail .T>div { display: inline-block; vertical-align: top; }
.case-detail .T h3 { text-align: left; margin-top: 2vw; font-size: 1.25vw; color: #333; font-weight: normal; }
.case-detail .T li:first-child, .case-detail .T>.R>ul li:first-child, .pro-detail .T>.L>ul li:first-child { margin-top: 0; margin-left: 0; }
.case-detail .T>.R>ul, .pro-detail .T>.L>ul { text-align: left; border-top: 1px solid #e6e6e6; padding: 5.5% 0; border-bottom: 1px solid #e6e6e6; margin-top: 4%; }
.pro-detail .T>.L>ul { padding: 0; border: none; }
.case-detail .T>.R>ul li, .pro-detail .T>.L>ul li { margin-top: 2%; font-size: 0.9vw; color: #666; line-height: 1.6; }
.pro-detail .T>.L>ul li { font-size: 0; width: 40%; display: inline-block; vertical-align: top; margin-top: 0; }
.pro-detail .T>.L>ul li>* { display: inline-block; vertical-align: middle; font-size: 0.9vw; }
.pro-detail .T>.L>ul li em img { height: 15px; width: auto; }
.pro-detail .T>.L>ul li em { overflow: hidden; }
.pro-detail .T>.L>ul li em.star1 { width: 15px; }
.pro-detail .T>.L>ul li em.star2 { width: 30px; }
.pro-detail .T>.L>ul li em.star3 { width: 45px; }
.pro-detail .T>.L>ul li em.star4 { width: 60px; }
.pro-detail .T>.L>ul li em.star5 { width: 75px; }
.pro-detail .T>.L>ul li em.star6 { width: 90px; }
.pro-detail .T>.L>ul li em.star7 { width: 105px; }
.case-detail .ms { text-align: left; color: #666; margin-top: 5%; }
.case-detail .ms>div { line-height: 1.6; font-size: 0; display: inline-block; vertical-align: middle; width: 40%; }
.case-detail .ms i, .case-detail .ms ul, .case-detail .ms span { display: inline-block; vertical-align: middle; }
.case-detail .ms img { width: auto; }
.case-detail .ms i { margin-right: 10px; }
/*.case-detail .ms .L span { margin-left: 10px; }*/
.case-detail .ms span { font-size: 0.9vw; }
/*.case-detail .ms>.R { margin-left: 12%; }*/
.case-detail .ms li { display: inline-block; margin-left: 10px; vertical-align: top; }
.case-detail .ms li a { cursor: pointer; text-align: center; padding: 0; font-size: 0; line-height: 1.5vw; width: 1.5vw; display: block; height: 1.5vw; border-radius: 50%; overflow: hidden; background: #ccc; position: relative; transition: 0.3s ease 0s; margin: 0; }
.case-detail .ms li .bshare-qzone { background: url(../images/icon35.png) no-repeat center #ccc; background-size: 50% auto; }
.case-detail .ms li .bshare-sinaminiblog { background: url(../images/icon36.png) no-repeat center #ccc; background-size: 50% auto; }
.case-detail .ms li .bshare-weixin { background: url(../images/icon34.png) no-repeat center #ccc; background-size: 50% auto; }
.case-detail .ms li a img { display: inline-block; vertical-align: middle; width: 50%; }
.case-detail .ms li a span { background: none; padding: 0 !important; margin: 0; float: none; font-size: 0 !important; line-height: normal !important; height: auto !important; display: inline-block !important; width: 100%; text-align: center; }
.case-detail .ms li a i { position: absolute; font-size: 0; top: 0; height: 0; width: 50%; left: 0; overflow: hidden; transition: 0.3s ease 0s; left: 25%; line-height: 1.5vw; }
.case-detail .T>.R>a { display: block; margin: 8% 0 0; }
/*.case-detail .ms li a:hover { background: #ddd; }*/
.case-detail .ms li a i img { height: auto; width: 100%; }
.case-detail .ms li a:hover i { height: 100%; }
.case-detail .T>.R>a:hover { color: #fff; }
.case-detail .B { margin-top: 6.5%; overflow: hidden; }
.detail-title { padding: 15px 0 15px 50px; background: #393f4c; font-size: 0; }
.detail-title i { display: inline-block; width: 37px; vertical-align: middle; }
.detail-title span { font-size: 26px; display: inline-block; vertical-align: middle; color: #fff; margin-left: 20px; }
.case-content img { /* margin-top: 3.5%; */ }
.case-content { margin: 0 auto; padding: 3% 2.5% 3%; background: #f3f3f3; }
.tj li:nth-child(5n+1) { margin-left: 0; }
.tj li { margin-left: 2%; width: 32%; float: left; margin-top: 2%; }
.tj li a { transition: 0.3s ease 0s; display: block; }
.tj .picimg { box-shadow: 0 3px 10px 0 rgba(0,0,0,0.07); z-index: 1; height: 15.5vw; font-size: 0; max-height: 300px; width: 100%; overflow: hidden; border-radius: 4px; position: relative; }
.tj .picimg:before { transition: 0.3s ease 0s; opacity: 0; content: ''; position: absolute; width: 100%; height: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1; }
.tj .picimg img { margin: 0 auto; height: 100%; width: 100%; transition: 0.5s linear 0s; }
.tj a em { transition: 0.3s ease 0s; font-size: 14px; color: #b80d16; position: absolute; right: 8%; bottom: 7%; font-family: "微软雅黑", Microsoft YaHei; background: url(../images/icon15.png) no-repeat left center; background-size: 20px 12px; padding-left: 25px; }
.tj .picimg:after { transition: 0.3s ease 0s; opacity: 0; content: ''; position: absolute; width: 50px; height: 50px; top: 0; left: 50%; margin: -25px 0 0 -25px; background: url(../images/icon22.png) no-repeat center center; background-size: 100% 100%; z-index: 1; }
.tj h3 { box-sizing: border-box; text-align: left; font-size: 18px; color: #666; font-weight: normal; margin: 5% 0 0; position: relative; padding: 0 10px; }/*.tj h3:before { background: url(../images/icon21.png) no-repeat left center; background-size: 12px 15px; width: 12px; height: 100%; position: absolute; left: 0; bottom: 0; content: ''; }*/
.tj a:hover .picimg:before { height: 100%; opacity: 1; }
.tj a:hover .picimg img { transform: scale(1.2) rotateZ(-5deg); }
.tj a:hover .picimg:after { top: 50%; opacity: 1; }
.tj a:hover em { opacity: 0; }
.tj strong { font-weight: normal; color: #666; font-size: 26px; }
.tj { margin-top: 2.5%; }
.pro-btn { text-align: left; margin-top: 10%; }
.pro-btn a:first-child { margin-left: 0; }
.pro-btn a { font-size: 0; margin-top: 0; margin-left: 4%; vertical-align: top; display: inline-block; font-size: 0; width: 32%; height: 2.9vw; line-height: 2.9vw; border-radius: 1.45vw; }
.pro-btn a:hover { color: #fff; }
.pro-btn a i { margin-right: 6%; height: 42%; transition: 0.3s ease 0s; }
.pro-btn a:hover i { margin-right: 3%; }
.pro-btn a>* { display: inline-block; vertical-align: middle; }
.pro-detail .pro-btn img { height: 100%; width: auto; }
.pro-btn a span { font-size: 1.25vw; }
.img-box { position: relative; width: 100%; max-height: 100%; }
.img-box img:not(:first-child) { position: absolute; left: 0; top: 0; }
.pro-detail .T>.L .T>div { vertical-align: middle; width: 100%; max-height: 100%; }
.pro-detail .img-box img { height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; display: inline-block; vertical-align: middle; }
.img-box img:nth-child(2) { z-index: 1; }
.pro-choose dd { overflow: hidden; }
.pro-choose .ddL { font-size: 0.84vw; color: #666; margin-top: 0.4vw; text-transform: capitalize; }
.pro-choose .ddR { font-size: 0.72vw; color: #999; box-sizing: border-box; padding: 0.5vw 0.7vw; border: 1px solid #e6e6e6; border-radius: 0.86vw; }
.pro-choose:nth-of-type(1) { border: none; padding-top: 0; }
.pro-choose { padding-top: 1.5%; border-top: 1px solid #e6e6e6; font-size: 0; margin-top: 5%; }
.pro-choose dt, .pro-choose li, .pro-detail .pro-choose li:first-child { margin-top: 1.5%; margin-left: 1.5%; display: inline-block; vertical-align: top; width: 13%; height: 3.6vw; margin-bottom: 0; float: none; }
.pro-choose a { border-radius: 4px; overflow: hidden; z-index: 0; background: #ececec; text-align: center; display: block; width: 100%; height: 100%; position: relative; transition: 0.3s ease 0s; box-sizing: border-box; }
#wind.pro-choose a:after, #glass.pro-choose a:after { border-radius: 4px; transition: 0.3s ease 0s; width: 100%; border: 2px solid transparent; height: 100%; position: absolute; top: 0; left: 0; content: ''; box-sizing: border-box; z-index: 1; }
.pro-choose dt:nth-of-type(7n+1), .pro-detail .pro-choose li:nth-of-type(7n+1) { margin-left: 0; }
#wind.pro-choose a:hover:after, #glass.pro-choose a:hover:after { }
#wind.pro-choose a.on:after, #glass.pro-choose a.on:after { border-color: #c31c2f; }
#wind.pro-choose a:hover, #glass.pro-choose a:hover { atransition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); animation: beat 0.5s 1; }
.pro-choose img { height: auto; }
.pro-detail .proL { width: 71%; float: right; background: #f3f3f3; }
.pro-detail .proR { float: left; width: 21.5%; }
.pro-detail .B { padding-top: 3%; margin-top: 2%; border-top: 1px solid #ececec; }
.pro-detail .proR .L { width: 100%; float: left; }
#pic .PhotoList_i1 li:hover img { transform: none; }
#pic .PhotoList_i1 li:hover { }
/*paper*/
.page-box.paper { background: #fff; }
.page-box.paper .w-836 { }
.paper-box { box-sizing: border-box; background: #fff; padding: 4% 6% 7%; }
.paper-box h3 { font-size: 2vw; text-align: center; color: #c2182f; margin-bottom: 5vw; }
.paper-box dd { margin-bottom: 3vw; font-size: 1.45vw; color: #444; }
.paper-box dl { font-size: 0; }
.paper-box dt { text-align: center; display: inline-block; vertical-align: top; width: 16.3%; margin-left: 11.6%; }
.paper-box dt .T label { transition: 0.3s ease 0s; cursor: pointer; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 50%; display: block; width: 100%; overflow: hidden; height: 11.992vw; }
.paper-box dt i { overflow: hidden; display: block; border-radius: 50%; margin: 15px; width: calc(100% - 30px); height: calc(100% - 30px); }
.paper-box dt .B { font-size: 1.2vw; margin-top: 1vw; color: #666; }
.paper-box li:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.paper-box li { display: none;/* border-top: 1px solid #ebebeb; padding-top: 3vw;*/ margin-top: 3vw; }
.paper-box li.on { display: block; }
.paper-box dt .B label { line-height: 1.5; cursor: pointer; margin-left: 10px; }
.paper-box .ts dt, .paper-box .ts dt:nth-of-type(4n+1) { margin-left: 4.6%; }
.paper-box .text dt { text-align: left; }
.paper-box .tc { transition: 0.3s ease 0s; display: block; font-size: 0.9vw; width: 24%; height: 2.6vw; line-height: 2.6vw; border-radius: 1.3vw; margin-top: 6.5vw; }
.paper-box li dt:nth-of-type(4n+1), .paper-box .ts dt:nth-of-type(1) { margin-left: 0; }
.paper-box input, .paper-box label { vertical-align: middle; }
.p-result { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 4; text-align: center; }
.public-text { box-sizing: border-box; padding: 2% 4%; width: 35.4%; background: #fff; border-radius: 8px; overflow: hidden; }
.public-text .public-w { width: 100%; margin: 0 auto; }
.public-text h4 { font-size: 1.7vw; color: #c2182f; }
.public-text h5 { font-size: 1vw; color: #444; margin-top: 4%; line-height: 1.5; }
.public-text p { font-size: 0.9vw; color: #999; margin-top: 3%; }
.public-text>span, #paper .swiper-slide span { font-size: 0.8vw; color: #999; display: block; margin-top: 2%; line-height: 1.5; }
#paper .swiper-slide span { font-size: 0.9vw; }
.public-text i { margin-top: 5%; display: block; border: 1px solid #e9e9e9; box-sizing: border-box; padding: 2.5%; border-radius: 8px; }
.public-text i img { border-radius: 8px; }
.public-text .zt { color: #fff; font-size: 1vw; display: block; width: 64%; height: 2.6vw; line-height: 2.6vw; border-radius: 1.3vw; margin-top: 6%; }
.paper-page { margin-top: 4%; position: static; font-size: 0; }
.paper-page .swiper-pagination-bullet-active { background: #c2182f; }
.paper-box dt i img { height: 100%; }
.paper-box dt.on .T label { background: #c2182f; border-color: transparent; }
.paper-box dt.on .B label { color: #c2182f; }
.paper-box .tc:hover { box-shadow: none; color: #fff; }
/*rid48*/
.rid48 .PhotoList_i1 li { width: 23%; margin-left: 2.6%; border-radius: 6px; }
.rid48 .PhotoList_i1 a { font-size: 0; }
.rid48 .PhotoList_i1 img { width: auto; max-height: 90%; max-width: 90%; height: auto; }
.rid48 .PhotoList_i1 span { color: #333; padding: 0 10px; border-top: 1px solid #f5f5f5; box-sizing: border-box; font-size: 16px; }
.rid48 .PhotoList_i1 a:before { display: inline-block; vertical-align: middle; height: 100%; content: ''; width: 0; }
.rid48 .PhotoList_i1 li:nth-child(4n+1) { margin-left: 0; }
/*rid51*/
.content-box.rid51 ul { font-size: 0; width: 100%; }
.content-box.rid51 li { width: 24%; display: inline-block; vertical-align: top; margin-top: 4%; }
.content-box.rid51 li>.liT { font-size: 0; }
.content-box.rid51 li i { display: inline-block; vertical-align: middle; width: 20px; }
.content-box.rid51 .T li img { margin-top: 0; }
.content-box.rid51 li span { font-size: 20px; width: calc(100% - 30px); color: #393f4c; font-weight: bold; vertical-align: middle; display: inline-block; margin-left: 10px; }
.content-box.rid51 li>.liB { font-size: 18px; color: #666; padding-left: 30px; line-height: 1.3; margin-top: 8px; }
.content-box.rid51 .about-box strong { font-weight: bold; color: #393f4c; }
.content-box.rid51 .contact-B li { width: 100%; margin-left: 0; }
.content-box.rid51 .contact-B li:nth-child(2n+1), .content-box.rid51 li:nth-child(2n+1) { margin-left: 0; }
.content-box.rid51 li { margin-left: 2%; width: 49%; display: inline-block; vertical-align: top; margin-top: 4%; }
.rid51 .about-box>div>.R img { margin-top: 0; }
.rid51 .about-box>div>.R { display: inline-block; vertical-align: top; width: 37%; margin-top: 2%; }
/*video*/
.vdobx:nth-child(3n+1), .VideoList_d1 li:nth-child(3n+1) { margin-left: 0; }
.vdobx, .VideoList_d1 li { margin-bottom: 3%; width: 30%; display: inline-block; vertical-align: top; margin-left: 5%; }
.vdobx video, .VideoList_d1 li a { font-size: 0; width: 100%; height: 20vw; background: #fff; display: block; overflow: hidden; }
.vdobx .ykplayer .x-video-title { display: none !important; }
.video-box, .VideoList_d1 { font-size: 0; }
.VideoList_d1 li a:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.VideoList_d1 li a img { display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; height: auto; transition: 0.5s ease 0s; }
.VideoList_d1 li:hover img { transform: scale(1.1); }
.vdobx h3, .VideoList_d1 li span { display: block; box-sizing: border-box; color: #333; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; margin-top: 5%; font-size: 16px; font-weight: normal; }
/*service*/
.service h3 { font-size: 40px; color: #c2182f; text-align: center; }
.ser dd { color: #c2182f; font-size: 18px; }
.ser1 input { transition: 0.3s ease 0s; border-bottom: 1px solid #ddd; color: #666; width: 100%; line-height: 2.5; }
.ser1 label { display: block; color: #666; font-size: 16px; margin-bottom: 10px; }
.ser dt:nth-of-type(3n+1) { margin-left: 0; }
.ser { font-size: 0; margin-top: 5%; }
.ser1 dt { margin-top: 3%; margin-left: 5%; width: 30%; display: inline-block; vertical-align: top; }
.ser1 dt:last-child .info { width: auto; }
.ser1 dt:last-child .info select { color: #333; border: 1px solid #ddd; box-sizing: border-box; margin-left: 5px; font-size: 14px; line-height: 2; padding: 8px 20px; }
.ser1 dt:last-child .info select:first-child { margin-left: 0; }
.ser1 dt:last-child { width: 100%; }
.ser input#add { display: inline-block; vertical-align: top; margin-left: 15px; width: calc(100% - 600px); }
.ser input:focus { border-color: #c2182f; }
.ser2 dt { display: inline-block; vertical-align: top; margin-left: 3%; margin-top: 3%; }
.ser2 input { vertical-align: middle; }
.ser2 label { margin-left: 6px; font-size: 14px; cursor: pointer; color: #666; vertical-align: middle; }
ol.C { display: none; overflow: hidden; font-size: 0; }
ol.C li:nth-child(3n+1) { margin-left: 0; }
ol.C li { margin-top: 2%; margin-left: 5%; width: 30%; font-size: 14px; color: #666; display: inline-block; vertical-align: top; }
ol.C input, ol.C label { vertical-align: middle; }
ul.A li>dl:first-child { margin-top: 0; }
ul.A { box-sizing: border-box; border: 1px dashed #ddd; padding: 3%; margin-top: 3%; }
.join_Right { width: 500px; padding-bottom: 25px; background: #f7f7f7; overflow: hidden; }
.join_Right>div { width: 142px; float: left; margin-left: 30px; margin-top: 25px; }
.a-upload { padding: 4px 10px; width: 150px; height: 80px; line-height: 80px; position: relative; cursor: pointer; color: #888; background: #fafafa; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; display: inline-block; text-align: center; font-size: 20px; font-family: "微软雅黑"; transition-duration: 0.5s; }
.a-upload input { z-index: 1; position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; width: 120px; height: 80px; }
.join_Right span { float: left; margin-left: 40px; margin-top: 40px; width: 280px; line-height: 20px; font-family: "微软雅黑"; color: #666; font-size: 14px; }
.join_Right em { font-size: 14px; display: block; float: left; margin-left: 30px; margin-top: 10px; width: 450px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.A .ser1 dt { width: 65%; margin-left: 0; min-width: 500px; }
ul.A .ser1.ly textarea { width: 100%; border: 1px solid #eee; box-sizing: border-box; padding: 1% 2%; line-height: 1.5; color: #333; height: 100px; }
ul.A .ser1.ly dt { width: 100%; }
.mob-a.service-btn { display: block; }
/*shop_detail*/
.banner.shop { position: relative; }
.banner.shop p { font-size: 2vw; color: #fff; text-align: center; position: absolute; width: 100%; top: calc(50% + 40px); left: 0; z-index: 1; margin-top: -1vw; }
.shop-detail .T { font-size: 0; }
.shop-detail .T .L { width: 60%; display: inline-block; vertical-align: top; height: 28.5vw; overflow:hidden; }
.shop-detail .BannerShow_b1 .banner-pagination { display: block; bottom: 8%; }
.shop-detail .BannerShow_b1 .swiper-pagination-bullet { width: 5%; height: 4px; background: #fff; opacity: 0.7; border-radius: 0; }
.shop-detail .BannerShow_b1 .swiper-pagination-bullet[class*=active] { opacity: 1; }
.shop-detail .T .R { height: 28.5vw; display: inline-block; width: 35%; vertical-align: top; margin-left: 5%; }
.ResTitle_a5 { font-size: 1.25vw; color: #444; font-weight: bold; text-transform: uppercase; }
.shop-news a { transition: 0.3s ease 0s; border: 1px solid #e6e6e6; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.shop-news h3 { transition: 0.3s ease 0s; font-size: 18px; color: #666; }
.shop-news p { max-height: 45px; font-size: 14px; color: #999; line-height: 1.8; margin-top: 3%; }
#news { height: 26vw; margin-top: 4.5%; }
.page-box.shop { background: #fff; }
.shop-news a>dsiv { margin: 0 3.5%; }
.shop-news a:hover h3 { color: #c2182f; }
.shop-news a:hover { border-color: #c2182f; }
.honor { margin-top: 5%; padding: 3% 0; background: #f3f3f3; }
.honor-box { text-align: center; color: #999; font-size: 14px; }
.honor-box span { display: block; padding: 0 10px; margin-top: 8%; box-sizing: border-box; }
.honor-box a { overflow: hidden; color: #999; transition: 0.3s ease 0s; font-size: 0; display: block; border: 1px solid #e6e6e6; width: 100%; box-sizing: border-box; height: 18vw; font-size: 0; text-align: center; }
.content-box .honor-box a img { transition: 0.5s linear 0s; width: auto; max-height: 90%; max-width: 90%; height: auto; display: inline-block; vertical-align: middle; }
.honor-box a:before { content: ''; display: inline-block; vertical-align: middle; border-bottom-width: 0; height: 100%; }
#ibody_detail img { width: auto; }
.shop-msg li:nth-child(5) { width: 75%; }
.shop-msg { font-size: 0; }
.shop-news a>div { padding: 0 3.5%; width: 100%; box-sizing: border-box; }
.shop-msg li { line-height: 1.5; color: #999; border-bottom: 1px solid #e6e6e6; font-size: 16px; width: 25%; display: inline-block; vertical-align: top; padding: 20px 0; }
.content-box .honor .w-836 { margin-top: 0; }
.honor-box a:hover img { transform: scale(1.2); }
.honor-box a:hover { color: #c2182f; }
/*map*/
#map { height: 30vw; }
.rid51 .about-box>div { border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 0; }
.rid51 .about-box>div .L { width: 46%; margin-left: 6.5%; display: inline-block; vertical-align: top; margin-right: 4%; }
.banner.wiki .page-search { color: #fff; top: 50%; position: absolute; left: 33.25%; width: 33.5%; z-index: 1; margin-top: -10px; background: none; }
.banner.wiki .page-search input { color: #fff; }



.banner.wiki { position: relative; }
.banner.wiki .page-search:before { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #fff; box-sizing: border-box; left: 0; border-radius: 30px; top: 0; z-index: -1; }
.news-detail { background: #fff; }
/*rid42*/
.j1 .w-836 { margin-top: 0; font-size: 0; }
.j1 .p1 span { font-size: 1.45vw; }
.j1 .p1 strong { font-size: 1.875vw; }
.j1 .p2 b { font-size: 0.85vw; }
.j1 .p2:after { content: ''; display: inline-block; vertical-align: middle; width: 4.68vw; height: 1px; background: #fff; margin-left: 3px; }
.j1 { color: #fff; padding: 3.3% 0 5%; background: url(../images/bg8.jpg) no-repeat center center; background-size: cover; }
.j1 .p3 { font-size: 2.6vw; }
.j1 .p4 { font-size: 2.4vw; font-weight: normal; }
.j1 .w-836>.dis-m { width: 35%; margin: 0px 3.5%; }
.j1 .w-836>.dis-m:first-child { text-align: right; width: 21.5%; margin: 0; }
.j1 .w-836>.dis-m:last-child { width: 36.5%; margin: 0; }
.j1 li strong { display: inline-block; font-size: 1.5vw; vertical-align: middle; margin-right: 10px }
.j1 li span { text-align: left; line-height: 1.5; font-size: 1.2vw; vertical-align: middle; display: inline-block; width: calc(100% - 4.5vw - 10px); }
.j1 li { margin-top: 2.3vw; line-height: 1.1; font-size: 0; }
.j1 li:first-child { margin-top: 0; }
.j1 .p2 { margin-top: 1vw; }
.j1 .p3 { margin-top: 1.5vw; }
.j1 .p4 { margin-top: 0.75vw; }
.j2 { padding: 2.5% 0; }
.j2 .w-836 { font-size: 0; margin-top: 0; background: url(../images/img18.jpg) no-repeat center; background-size: cover; }
.j2 .L { width: 100%; text-align: center; color: #fff; padding: 5% 0; }
.j2 .L h3 { font-size: 36px; }
.j2 .R h3 { font-size: 30px; color: #c2182f; }
.j2 .L p { font-size: 18px; margin-top: 20px; }
.j2 .R p { margin-top: 20px; font-size: 14px; color: #c3c3c3; }
.j2 .L img { width: 24px; display: inline-block; }
.j2 .L i, .j2 .L span { display: inline-block; vertical-align: middle; }
.j2 .L ul li { display: inline-block; vertical-align: top; width: 50%; text-align: center; font-size: 0; margin-top: 30px; }
.j2 .L ul li span { font-size: 24px; margin-left: 10px; width: 6.2em;}
.j2 .L ul { font-size: 0; width: 56%; margin: 20px auto 0; }
.j2 .L strong { margin-top: 45px; display: inline-block; vertical-align: top; font-size: 18px; padding: 0 45px; border: 1px solid #fff; box-sizing: border-box; border-radius: 26px; line-height: 46px; }
.j2 .R, .j2 .L { }
.j2 .R { text-align: center; }
.j2 .R>div, .j2 .L>div { width: 100%; }
.j2 .R .form { }
.j2 .R .form li input { width: 48%; margin-left: 4%; height: 44px; line-height: 44px; border: 1px solid #e6e6e6; border-radius: 4px; box-sizing: border-box; padding: 0 20px; }
.j2 .R .form li input:first-child { margin-left: 0; }
.j2 .R .form li:last-child { border-radius: 4px; margin-top: 40px; font-size: 0; text-align: left; width: 100%; box-sizing: border-box; padding: 0 20px; height: 44px; line-height: 44px; border: 1px solid #e6e6e6; }
.j2 .R .form li:last-child span { font-size: 14px; color: #999; display: inline-block; vertical-align: middle; }
.j2 .R .form li:last-child .info { width: calc(100% - 70px); height: 44px; line-height: 40px; }
.j2 .R .form li:last-child select { vertical-align: middle; }
.j2 .R .form button { width: 100%; font-size: 1.25vw; margin: 0; height: auto; border-radius: 0; line-height: normal; padding: 1.5% 0; }
.j3 h3, .j4 h3 { font-size: 40px; color: #c2182f; text-align: center; }
.j3 { padding-bottom: 2%; background: #fff; padding-top: 4%; }
.j3 .w-836 { padding-bottom: 7%; margin-top: 2%; font-size: 0; background: url(../images/style.png) no-repeat bottom left; background-size: 100% auto; }
.j3 li:last-child { width: 10%; }
.j3 li { width: 18%; display: inline-block; vertical-align: top; }
.j3 .T .L { width: 8.4vw; height: 8.4vw; }
.j3 .T .R img { width: 24%; margin: 0 auto; }
.j3 .T .R { width: calc(100% - 8.4vw); height: 100%; text-align: center; }
.j3 i { transition: 0.3s ease 0s; background: #efefef; display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; }
.j3 em { display: block; margin: 6px; border-radius: 50%; overflow: hidden; }
.j3 em img { width: 100%; height: 100%; }
.j3 li .B { font-size: 18px; color: #666; width: 8.4vw; text-align: center; margin-top: 15px; line-height: 1.6; }
.j4 .w-836 { margin-top: 4%; font-size: 0; }
.j4 { padding-bottom: 5%; background: #fff; }
.j4 .w-836>.dis-m:first-child, .j4 .w-836>.dis-m:last-child { width: 31%; margin: 0; }
.j4 li { position: relative; width: 100%; margin-top: 15%; }
.j4 p { height: 3vw; line-height: 3vw; font-size: 1.2vw; color: #666; border: 1px solid #e62049; border-radius: 1.5vw; box-sizing: border-box; }
.j4 i { position: absolute; left: 0; top: 0; height: 3vw; width: 3vw; text-align: center; font-size: 1vw; line-height: 3vw; border-radius: 50%; background: #e62049; color: #fff; }
.j4 span { display: block; margin-left: auto; width: calc(100% - 3vw); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.j4 li:first-child { margin-top: 0; }
.j4 .w-836>.dis-m { width: 27.5%; margin: 0 5.25%; }
.j4 .w-836>.dis-m:nth-child(2) { border-radius: 50%; overflow: hidden; height: 22.9891vw; background: #e9214b; }
.j4 em { display: block; margin: 10px; border-radius: 50%; overflow: hidden; width: calc(100% - 20px); height: calc(100% - 20px); }
.j4 em img { width: 100%; height: 100%; }
.j5 { padding: 3% 0 4%; background: url(../images/bg8.jpg) no-repeat center; background-size: cover; }
.j5 h3 { font-size: 40px; color: #fff; text-align: center; }
.content-box.rid42 { padding-bottom: 0; }
#shop-dis a { display: block; width: 100%; text-align: center; color: #fff; font-size: 18px; }
#shop-dis i { display: block; width: 100%; height: 13.5vw; border-radius: 6px; position: relative; z-index: 1; overflow: hidden; }
#shop-dis i img { height: 100%; }
#shop-dis a:hover img { transform: scale(1.2); }
#shop-dis a p { margin-top: 20px; }
.j3 li:hover i { background: #de1c3f; }
/*log-msg*/
.login-msg { overflow: hidden; border-radius: 8px; height: 70%; width: 63%; background: #fff; margin-top: 80px; }
.login-msg h3 { font-size: 1.875vw; color: #444; }
.login-msg .B { width: 85%; margin: 2% auto 0; text-align: left; }
.login-msg .B form>div { display: inline-block; vertical-align: top; }
.login-msg .B .L { width: 132px; }
.login-msg .B .L i { display: block; height: 132px; width: 100%; border-radius: 50%; overflow: hidden; }
.login-msg .B .L span { font-size: 14px; color: #666; display: none; width: 90%; position: relative; text-align: center; padding: 8px 0; transition: 0.3s ease 0s; background: #eee; margin: 10px auto 0; }
.login-msg .B .L input { margin-left: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.login-msg .B .L span:hover { color: #c2182f; }
.login-msg .B .R { margin-top: 15px; width: calc(100% - 170px); margin-left: 38px; }
.login-msg .B input:disabled { background: none; }
.login-msg .B label, .login-msg .B input, .login-msg .B select { font-size: 18px; color: #666; vertical-align: middle; }
.login-msg .B input { width: calc(100% - 74px); margin-left: 20px; }
.login-msg .B select { margin-left: 20px; }
.login-msg .B .R li:first-child { margin-top: 0; }
.login-msg .B .R li { margin-top: 4%; }
.login-msg .B .R a { font-size: 16px; color: #c2182f; display: inline-block; vertical-align: top; margin-top: 4%; }
.login-msg .B .msg-btn { margin: 4% 0 0; display: none; }
.login-msg .B button { margin: 0 0 0 20px; }
.login-msg .B button:first-child { margin-left: 0; }
.login-msg .B .L i img { width: 100%; height: 100%; }
.dz-click:hover { color: #fff; }
#jiathis_webchat img { margin: 0 auto; }
.login-msg .T { background: url(../images/img26.png) no-repeat left top; background-size: 100% auto; height: 5.4vw; }
/*shop banner*/
.banner.shop .info h3 { margin-bottom: 2.3vw; color: #fff; font-size: 2.4vw; }
.banner.shop .info { width: 100%; position: absolute; text-align: center; left: 0; top: 50%; margin-top: -1.8vw; }
.banner.shop .info select:first-child { margin-left: 0; }
.banner.shop .info select { background: #fff; font-size: 1.2vw; width: 24vw; box-sizing: border-box; padding: 1vw; border: 1px solid #fff; border-radius: 4px; margin-left: 1.3vw; color: #555; }
.shop-detail .T .R ul { margin-top: 2vw; font-size: 18px; color: #333; padding: 10% 5%; background: #eee; box-sizing: border-box; min-height: calc(100% - 3.25vw); }
.shop-detail .T .R li:first-child { margin-top: 0; }
.shop-detail .T .R li { display: block; margin-top: 7%; }
.shop-detail .T .R strong { color: #c2182f; line-height: 1.5; }
.shop-detail .T .R strong+span { width: calc(100% - 90px); line-height: 1.5; }
.shop-detail .T .R .shop-box .btn a { color: #666; }
.shop-detail .T .R .shop-box .btn a:hover { color: #c2182f; }
.honor:nth-of-type(2) { background: none; }
.content-box.shop { }
.shop .honor h3 { font-size: 1.5vw; color: #c2182f; margin-bottom: 2vw; border-left: 4px solid #c2182f; padding-left: 0.9vw; }
/*pro-content*/
.pro-content p {/* padding: 20px 0 0 0; */ line-height: 1.5; color: #333; font-size: 18px; }
.num_ico { padding: 2px 6px; font-size: 20px; display: inline-block; background: #b01; color: #fff; border-radius: 0 6px 0 0; }
.pro-content strong { font-size: 20px; }
.pro-content table { width: 100%; border-left: 1px solid #bbb; border-top: 1px solid #bbb; margin: 10px 0 20px 0; text-align: center; }
.pro-content table tr { height: 40px; }
.pro-content table tr th { background: #fff; }
.pro-content table tr th, .pro-content table tr td { vertical-align: middle; color: #444; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.mob-a:hover { color: #fff; }
#jiathis_weixin_modal { width: 300px !important; box-sizing: border-box; margin: -180px 0 0 -150px !important; }
/*wx-fix*/
.wx-fix { position: fixed; width: 100%; height: 100%; z-index: 4; top: 0; text-align: center; left: 0; display: none; }
.wx-fix .wx-hover { position: static; transform: scale(1); margin: 0; opacity: 1; width: 280px; }
/*news_detail*/
#kw .case-detail { margin-bottom: 10px; padding: 0; background: none; border-radius: 0; display: inline-block; vertical-align: middle; }
#kw .case-detail .ms { margin-top: 0; }
#kw .case-detail .ms li { margin-left: 5px; }
#kw .case-detail .ms span, #kw { font-size: 16px; color: #666; }
#kw { text-align: center; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
#kw>span { display: inline-block; margin-right: 3%; vertical-align: middle; margin-bottom: 10px; }
#zy { border: 1px dotted #ccc; font-size: 14px; line-height: 1.8; padding: 20px; background: #f5f5f5; color: #666; margin-bottom: 15px; }
/*menu-vip*/
.menu-vip { text-align: center; }
.menu-vip a:first-child { margin-left: 0; }
.menu-vip a { display: inline-block; margin-left: 5vw; vertical-align: top; }
/*返回*/
.location .L .mob-a { display: inline-block; margin-top: 0; height: 100%; vertical-align: top; height: 60px; line-height: 60px; border-radius: 0; font-size: 18px; }
.rid50 .photo-box .B .page, .rid50 .photo-box .B #load_more_button { display: none !important; }
.phone-msg .close { position: absolute; top: 5%; width: 20px; right: 5%; }
.close img { width: 100% !important; height: auto !important; }
.shop-btn>a.right { right: 6%; }
.shop-btn>a.left { left: 6%; }
.shop-btn>a { transition: 0.3s ease 0s; position: absolute; font-family: "宋体"; font-weight: bold; font-size: 30px; color: #fff; top: 50%; margin-top: -30px; opacity: 0.8; }
.shop-btn>a:hover { opacity: 1; }
.shop-btn { position: relative; }
.slide-box .QQ { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.QQ iframe { width: 70px; }
.lan1 { margin: 0; background: #ed1b24; width: 100%; height: 40px; line-height: 40px; text-align: center; }
.lan1 span { font-size: 14px; margin-right: 0; color: #fff; margin-left: 10px; }
/*video_detail*/
.VideoDisplay_a1_C iframe { width: 80%; margin: 0 auto; display: block; height: 37.5vw; }
.VideoDisplay_a1 h2 { color: #333; text-align: center; font-size: 36px; margin-bottom: 3% }
.video-back { display: block; }
.VideoDisplay_a1_back, .pro-btn a.mob, .content-box.rid36 .see-box, .content-box.rid33 .see .R, .MenuList_f1>ul>li>:nth-child(2), #MenuList_f3 .stmenu:first-child, .shop-detail .banner-btn, ul.A>li:not(:first-child), .ProductList_b2 li span, .MenuList_f1>ul>li:first-child/*, .click-menu ul:nth-child(2), */.menu-box .public-bg, .MenuList_b2 .child, .MenuList_b2 li:first-child, .mob-menu img:last-child, .mob-menu li.on img { display: none; }
/*新增修改的表单*/
.shop_photo li { float: left; height: 120px; margin: 0 14px; width: 120px; }
.shop_photo li .i_pl_c_i .i_pl_c_b { position: absolute; left: 0; top: 98px; width: 120px; height: 22px; line-height: 22px; background: #000000; z-index: 999; opacity: 0.8; font-style: normal; }
.join_menu { margin-bottom: 3%; }
.online_tab>:first-child { border: none; }
.online_tab>* { font-size: 13px; border-top: 1px dashed #ddd; padding: 3% 0; }
.form_data .type:not(:last-child) { margin-right: 5%; }
.online_tab { width: 100%; }
.online_tab h3 { line-height: 1.5; width: 10%; color: #c2182f; font-size: 1.56vw; display: inline-block; vertical-align: middle; padding-right: 2%; box-sizing: border-box; }
.online_tab .part8 .box8 { width: 480px; margin: 0 auto; }
.form_data { width: 90%; color: #333; display: inline-block; vertical-align: middle; }
.form_data span, .form_data label, .form_data strong { font-size: 16px; vertical-align: middle; }
.form_data label { vertical-align: middle; margin-left: 5px; }
.form_data>div:not(:first-child) { margin-top: 1.5%; }
.form_data div.h120 .tittle+input { width: 100%; margin-top: 1%; }
.form_data div span { }
.form_data .fiftyper span { display: inline-block; width: 50%; vertical-align: middle; }
.form_data .fiftyper input[type="text"] { width: calc(100% - 7.5em); }
.form_data * { box-sizing: border-box; }
.form_data input { vertical-align: middle; font-size: 16px; padding: 10px; border-bottom: 1px solid #bebebc; border-left: none; border-top: none; border-right: none; padding: 10px; }
textarea.area1 { width: 100%; padding: 10px; border-bottom: 1px solid #bebebc; border-left: none; border-top: none; border-right: none; }
textarea.area2 { padding: 10px; border-bottom: 1px solid #bebebc; border-left: none; border-top: none; border-right: none; vertical-align: middle; }
input.inp1:focus, input.inp2:focus, input.inp3:focus, input.inp4:focus, input.inp5:focus, textarea:focus { border-bottom: 1px solid #c2182f; }
.form_data .type { display: inline-block; vertical-align: top; }
.form_data .tittle { margin: 0; }
.staff input, #gdp, #major_industry, #house_price, #population, .brand-wrapper input, .shop input.inp5 { width: 30%; }
.staff { width: 33%; display: inline-block; vertical-align: top; margin: 0 0 1%; }
.form_data .city { height: auto; }
.form_data .city span { display: inline-block; vertical-align: middle; }
.brand-wrapper { padding-top: 0; }
.brand-wrapper div { height: auto; }
.brand-wrapper div span { display: inline-block; margin: 0.5% 0; width: 49%; vertical-align: middle; }
.form_data .city .adjust { width: 50%; margin: 1% 0; }
.shop div { margin-top: 1.5%; }
.shop div span { margin: 0 0 1%; width: 31%; display: inline-block; vertical-align: middle; }
#joincity { width: calc(100% - 90px); }
#shop_num, #opening_year { width: 10%; max-width: 80px; }
#square { width: calc(100% - 192px); }
.shop_photo li .i_pl_c_i { display: block; position: relative; height: 120px; width: 120px; border: 1px solid #eee; }
.join_btn { width: 25%; background: #c2182f; font-size: 16px; color: #fff !important; text-align: center; border: none; cursor: pointer; padding: 1.2% 0; }
.box8 { margin-top: 3%; text-align: center; font-size: 0; }
.join_btn:not(:last-child) { margin-right: 2%; }
.join_btn:hover { background: #9f0116; }
#join_menu .form_data .tittle { width: auto; }
#summary { margin-left: 0; width: 100%; margin-top: 1%; }
#join_menu .unit { width: auto; margin: 0; }
.submit-mob { display: none; }
.shop_photo li .i_pl_c_i img { max-height: 120px; max-width: 120px; vertical-align: middle; text-align: center; }
.shop_photo li .i_pl_c_i .i_pl_c_b { position: absolute; left: 0; top: 98px; width: 120px; height: 22px; line-height: 22px; background: #000000; z-index: 999; opacity: 0.8; font-style: normal; }
.shop_photo li .i_pl_c_i .i_pl_c_b a.delect { float: right; padding-right: 5px; color: #ffffff; display: inline; font-size: 14px; }
/*visit*/
.v-title { text-align: center; }
.v-title h3 { font-size: 2.1vw; color: #444; }
.v-title p { font-size: 16px; margin-top: 0.3vw; color: #888; text-transform: uppercase; }
.v1-text { width: 62.5%; margin: 0 auto; }
.v1-text .T { font-size: 0; text-align: center; }
.v1-text i { width: 11%; }
.v1-text span { font-size: 1.25vw; color: #444; margin-left: 5px; }
.v1-text .B { font-size: 16px; line-height: 2.25; color: #666;/* text-align: center;*/ width: 85%;/* margin: 1.5% auto 0;*/ margin: 0 auto; }
.v1-text { width: 62.5%; margin: 2% auto 0; padding: 4% 0; position: relative; z-index: 0; }
.v2 .B { margin: 2% auto 0; width: 73%; }
.v1-text:before { top: 0; left: 0; }
/*.v1-text:after { top: 1vw; right: 1.5vw; }*/
.v1-text:before { width: 100%; height: 100%; }
/*.v1-text:after { width: calc(100% - 3vw); height: calc(100% - 2vw); }*/
.v1-text:before/*, .v1-text:after*/ { border-radius: 8px; content: ''; position: absolute; z-index: -1; box-sizing: border-box; border: 2px solid #ff6600; }
.v1 { margin-top: 5%; }
.v2 { background: #f6f6f6; padding: 5% 0 7%; margin-top: 4%; }
.v2 .PhotoList_i1 li { width: 32%; margin-left: 2%; }
.v2 .PhotoList_i1 a { height: 16vw; max-height: none; }
.v2 .PhotoList_i1 li:nth-child(3n+1) { margin-left: 0; }
.v3 .B { width: 73%; margin: 2% auto 0; position: relative; z-index: 0; box-shadow: 3px 3px 2.4vw 0 rgba(0,0,0,0.15); overflow: hidden; }
.v3 .BL { width: 47%; position: absolute; left: 0; top: 0; z-index: 0; height: 100%; background: url(../images/bg.jpg) no-repeat center; background-size: cover; color: #fff; box-sizing: border-box; padding: 5% 6%; }
.v3 .BL h3, .v3 .BL p { color: #fff; }
.v3 .BL li i { width: 1.25vw; line-height: 1.56vw; }
.v3 .BL li { font-size: 0; padding: 3% 0; border-bottom: 1px dashed rgba(255,255,255,0.7); }
.v3 .BL ul { margin-top: 4%; }
.v3 .BL li span { font-size: 1vw; line-height: 1.6; margin-left: 3%; width: calc(97% - 1.25vw); }
.v3 .BR { width: 53%; margin-left: auto; padding: 5% 6% 7%; box-sizing: border-box; }
.v3 h3 { font-weight: normal; font-size: 1.875vw; }
.v3 input, .v3 textarea { transition: 0.3s ease 0s; width: 100%; font-size: 16px; color: #666; border: 1px solid #b5b5b5; padding: 2.5% 3%; box-sizing: border-box; }
.v3 .BR ul { margin-top: 8%; }
.v3 .ewm-box ul { font-size: 0; margin-top: 0 !important; text-align: center; }
.v3 .ewm-box li { min-width: 90px; width: 28%; text-align: center; padding: 0; border: none; margin: 0 5%; }
.v3 .ewm-box li span { font-size: 18px; width: auto !important; line-height: normal; }
.v3 .ewm-box li i { width: 20px; }
.v3 .ewm-box li:first-child { }
.v3 .ewm-box li p { margin-top: 8%; }
.ewm-box { margin-top: 12%; }
.v3 .BR li:not(:first-child) { margin-top: 2.5%; }
.v3 textarea { height: 150px; }
.v3 .BL a { color: #fff; display: block; text-align: center; width: 82%; margin: 9% auto 0; border: 1px solid #fff; border-radius: 99px; font-size: 0; height: 2.8vw; line-height: 2.8vw; }
.v3 .BL a span { font-size: 1vw; }
.v3 .BL a i { width: 1.35vw; }
.v3 button { height: 3.125vw; cursor: pointer; font-size: 1.35vw; color: #fff; width: 49%; border-radius: 99px; box-shadow: 0 3px 10px 0px rgba(203,34,70,0.36); background: rgba(198,33,53,1); background: -webkit-gradient(linear, right bottom, left top, color-stop(60%, rgba(222,28,63,1)), color-stop(100%, rgba(245,212,55,1))); line-height: 3.125vw; display: block; margin: 7% auto 0; }
.v3 { margin-top: 5%; }
.v3 .ewm-box li p img { width: 20px; }
.v3 .v-title h3:before, .v3 .v-title h3:after { content: ''; display: inline-block; width: 2.1vw; vertical-align: middle; height: 1px; background: #fff; }
input[type="datetime-local"] { background: #fff; }
input[type="datetime-local"]:before { content: attr(placeholder); color: #666; }
.v3 .v-title h3:before { margin-right: 1vw; }
.v3 .v-title h3:after { margin-left: 1vw; }
.v4 { text-align: center; font-size: 14px; color: #666; padding: 2% 0; border-top: 1px solid #eee; margin-top: 10%; }
.v4 a { display: inline-block; vertical-align: top; }
.v3 input:focus, .v3 textarea:focus { border-color: #c2182f; }
.v3 button:hover span { animation: span 1.2s linear 0s infinite; }
.v2 .PhotoList_i1 span, .v2 .page, .v2 #load_more_button { display: none !important; }





#pbpage_46 div {background: #fff;border-radius: 6px;padding: 2.5% 0 3.5%;}
#pbpage_46 strong {word-break: break-word;font-size: 28px;display: block;width: 100%;color: #666;font-weight: normal;padding-bottom: 1.2%;border-bottom: 1px solid #e2e2e2;}
#pbpage_46 .about-w {display: block;width: 87%;margin: 0 auto;}
#pbpage_46 p {font-size: 16px;color: #888;line-height: 2.375;margin-top: 2%;}
#pbpage_46 .T img {margin-top: 2%;}
#pbpage_46 .B {margin-top: 3.7%;font-size: 0;}
#pbpage_46 .B .about-w {margin-top: 2.5%;}
#pbpage_46 .B .L {width: 100%;}
#pbpage_46 .B p {margin-top: 0;}
#pbpage_46 .B p img {width: 37.8%;margin-left: 4.7%;float: right;}
#pbpage_46 img {width: 100%;}


#pbpage_47 div {background: #fff;border-radius: 6px;}
#pbpage_47 strong {word-break: break-word;font-size: 28px;display: block;width: 100%;color: #666;font-weight: normal;padding-bottom: 1.2%;border-bottom: 1px solid #e2e2e2;}
#pbpage_47 .B .L {display: inline-block;vertical-align: top;width: 51%;margin-right: 7.5%;}
#pbpage_47 p {font-size: 18px;color: #999;line-height: 2.5;}
#pbpage_47 p strong {font-size: 20px;border: none;display: inline-block;padding-bottom: 0;width: auto;font-weight: bold;}
#pbpage_47 .B .R {width: 41.5%;display: inline-block;vertical-align: top;}
#pbpage_47 img {width: 100%;}

#pbpage_51 strong {font-weight: bold;color: #c2182f;word-break: break-word;font-size: 28px;display: block;width: 100%;padding-bottom: 1.2%;border-bottom: 1px solid #e2e2e2;}
#pbpage_51 ul { font-size: 0; width: 100%; }
#pbpage_51 li { width: 24%; display: inline-block; vertical-align: top; margin-top: 4%; }
#pbpage_51 li .liT { font-size: 0; }
#pbpage_51 li i { display: inline-block; vertical-align: middle; width: 20px; }
#pbpage_51 .T li img { margin-top: 0; }
#pbpage_51 li span { font-size: 20px; width: calc(100% - 30px); color: #c2182f; font-weight: bold; vertical-align: middle; display: inline-block; margin-left: 10px; }
#pbpage_51 li .liB { font-size: 18px; color: #666; padding-left: 30px; line-height: 1.3; margin-top: 8px; }
#pbpage_51 li:nth-child(2n+1){ margin-left: 0; }
#pbpage_51 li { margin-left: 2%; width: 49%; display: inline-block; vertical-align: top; margin-top: 4%; }
#pbpage_51 div .R img { margin-top: 0; }
#pbpage_51  div .R { display: inline-block; vertical-align: top; width: 37%; margin-top: 2%; }
#pbpage_51 img{width:100%;}
#pbpage_51 .L {width: 46%;margin-left: 6.5%;display: inline-block;vertical-align: top;margin-right: 4%;}
#pbpage_51 .contact-B li {width: 100%;margin-left: 0;}

#pbpage_52 .T li .R { display: inline-block; vertical-align: middle; line-height: normal; width: 81%; margin-left: 2.2%; }
#pbpage_52 .T li i { display: inline-block; vertical-align: middle; width: 16.8%; }
#pbpage_52 .T li:nth-child(2n+1) { margin-left: 0; }
#pbpage_52 .T li { display: inline-block; font-size: 0; width: 48%; margin-left: 4%; vertical-align: top; margin-top: 2.2%; }
#pbpage_52 .T ul { font-size: 0; }
#pbpage_52 .T li .R h3 { font-size: 20px; color: #666; }
#pbpage_52 .T li .R span { display: block; font-size: 16px; color: #999; line-height: 1.6; margin-top: 2%; }
#pbpage_52 .B .L { display: inline-block; vertical-align: top; width: 43%; margin-right: 4.7%; }
#pbpage_52 .T img { margin-top: 0; }
#pbpage_52 div {background: #fff;border-radius: 6px;}
#pbpage_52 strong {word-break: break-word;font-size: 28px;display: block;width: 100%;color: #666;font-weight: normal;padding-bottom: 1.2%;border-bottom: 1px solid #e2e2e2;}
#pbpage_52 .T ul {font-size: 0;}
#pbpage_52 img{width:100%;}
#pbpage_52 .B {margin-top: 3.7%;}
#pbpage_52 .B .about-w {margin-top: 2.5%;}
#pbpage_52 .B p {margin-top: 0;}
#pbpage_52 p {font-size: 16px;color: #888;line-height: 2.375;margin-top: 2%;}
#pbpage_52 .B .R {width: 52.3%;display: inline-block;vertical-align: top;}










.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li span{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li .current{color:#fff;display:inline-block;border:1px solid #ddd;padding:6px 15px;border-color:#ccc;background:#ccc;}
.pagelist .hover {background:#ccc;color:#fff;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#ccc;background:#ccc;color:#fff;}
.pagelist li.active a{border-color:#ccc;background:#ccc;color:#fff;}
.mod_page_content_li{
  border-bottom: 1px dashed #dbe4eb;
   list-style: outside;
}