@charset "utf-8";
/*主导航菜单 2017.11.24*/
.MenuList_f1, .MenuList_f1>ul { background: #fff; width: 100%; }
.MenuList_f1>ul>li { position: relative; }
.MenuList_f1>ul>li a { padding: 2vh 0; display: block; text-transform: capitalize; }
.MenuList_f1>ul>li a span { text-transform: capitalize; display: inline-block; vertical-align: middle; line-height: 1.5; }
.MenuList_f1>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 1; font-size: 18px; color: #333; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { color: #009848; }
.MenuList_f1>ul>li>:nth-child(2) { display: none; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; left: 350px; z-index: 2; position: absolute; width: auto; padding: 0 40px; top: 0.8vh; white-space: nowrap; }
.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; width: auto; padding: 0px; background: url(../images/menu_bg.png) repeat top left; }
.MenuList_f1>ul>li ul li a { padding: 1.2vh 0; text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #fff; text-align: center; text-decoration: none; font-size: 18px; font-weight: normal; }
.MenuList_f1>ul>li ul li a:hover { color: #f4bf09; }
/*.MenuList_f1>ul>li>:first-child:after { transition: 0.3s ease 0s; content: ''; z-index: -1; bottom: 0; left: 0; background: #ed1b24; 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 { transition: 0.3s ease 0s; display: inline-block; height: 2px; background: #333; content: ''; vertical-align: middle; width: 30px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -8px; }
.menu-icon span:after { bottom: -8px; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-i { transition: 0.5s ease 0s; opacity: 1; top: 50%; left: 22px; overflow: hidden; text-align: center; position: fixed; z-index: 99999; margin-top: -22px; height: 44px; }
.menu-icon { cursor: pointer; height: 100%; }
.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }
/*menu-slide 用slide注意效果遮挡*/
.menu-slide { position: absolute; background: #ed1b24; height: 3px; bottom: 0; transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
/*menu-box*/
.menu-box { box-shadow: 0 0 14px 0 rgba(0,0,0,0.1); background: #fff; left: 0; position: fixed; height: 100%; top: 0; z-index: 2; width: 80px; }
.logo+div { z-index: 1; opacity: 0; position: fixed; width: 0%; left: 0; top: 0; height: 100%; background: url(../images/bg2.jpg) no-repeat top left; background-size: 100% 100%; transition: 0.5s ease 0s; overflow: hidden; }
body.on .logo+div { width: 100%; opacity: 1; }
.logo+div>div { width: 350px; height: 100%; background: #fff; }
.logo2 { width: 70.8%; margin: 0 auto; }
.MenuList_f1 { margin-top: 11vh; }
.MenuList_f1>ul>li ul li:first-child { margin-top: 0; }
.logo+div>div>.dis-m { width: 100%; }
.menu-icon:before { content: 'menu'; display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #333; margin-bottom: 8px; }
.menu-i.on .menu-icon:before { opacity: 0; }
.menu-box .B { position: absolute; bottom: 3vh; width: 100%; }
.menu-box .B li:first-child { margin-top: 0; }
.menu-box .B li { cursor: pointer; perspective: 600px; margin-top: 15px; }
.menu-box .B li>img { display: inline-block; vertical-align: top; width: 35px; }
.menu-box .B ul { position: relative; }
.Hover { transition: 0.3s ease 0s; position: absolute; background: #fff; font-size: 16px; left: 100px; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); transform-origin: left; transform: rotateY(70deg); opacity: 0; }
.Hover p { position: relative; padding: 5px 10px; color: #f4bf09; font-size: 16px; line-height: 1.7; width: 330px; }
.Hover p:before { content: ''; position: absolute; border-style: solid; border-color: transparent #fff transparent transparent; border-width: 7px 7px 7px 0; top: 50%; margin-top: -7px; left: -7px; }/*--menu-box end-----------------*/
.menu-box .B li:first-child .Hover { top: -15px; }
.menu-box .B li:nth-child(2) .Hover { bottom: 0; }
.Hover i { display: block; position: relative; }
.menu-box .B li:hover .Hover { transform: rotateY(0deg); opacity: 1; }
/*logo*/
.menu-box>div { position: relative; height: 100%; width: 100%; text-align: center; }
.logo { width: 66%; margin: 0 auto; position: absolute; left: 17%; top: 3vh; }
.logo a { display: inline-block; vertical-align: middle; }
.logo img { width: 100%; }
/*--logo end------------------------------------------*/

/*language*/
.language_box { line-height: 19px; margin-top: 10vh; font-size: 16px; }
.language_box .dis-m:nth-of-type(2) { margin: 0 5px; }
.language_box .dis-m:nth-of-type(2) { margin: 0 5px; }
.language_box a.on { color: #f4bf09; text-decoration: underline; }
.language_box a { color: #666; }
/*--language end----------*/
.w-93 { width: 93.75%; margin: 0 auto; }
.w-87 { width: 87%; margin: 0 auto; }
.box { width: calc(100% - 80px); margin-left: auto; }
.pc-720 .BannerShow_b1 .swiper-slide { width: 90%; }
.BannerShow_b1 .swiper-slide img { width: 100%; }
.pc-720 .BannerShow_b1 .swiper-slide:before { transition: 0.3s linear 1s; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); }
.pc-720 .BannerShow_b1 .swiper-slide.swiper-slide-active:before { transition: 0.3s linear 0s; opacity: 0; }
.pc-720 .swiper-pagination, .pc-720 .arrow-left { display: none; }
.arrow-right { cursor: pointer; color: #fff; font-size: 24px; right: 3%; top: 50%; position: absolute; z-index: 99999999; text-transform: uppercase; text-align: center; margin-top: -49px; }
.arrow-right p { margin-bottom: 15px; }
.arrow-right img { display: inline-block; vertical-align: top; width: 54px; }
.arrow-right:hover { color: #f4bf09; transition: 0.3s ease 0s; }
/*s1*/
.s1 { background: url(../images/bg1.jpg) no-repeat top left; background-size: 100% 100%; text-align: center; color: #fff; padding: 4% 4% 4.5%; }
.ResTitle_a1 br, .ResTitle_a2 br { display: none; }
.ResTitle_a1 { text-transform: uppercase; }
.ResTitle_a1 span { display: block; font-size: 36px; }
.ResTitle_a1 em { display: inline-block; vertical-align: middle; font-size: 20px; color: #a5d1b5; margin-top: 0.5%; }
.ResTitle_a1 em:before, .ResTitle_a1 em:after { content: ''; display: inline-block; vertical-align: middle; width: 60px; height: 1px; background: #a5d1b5; }
.ResTitle_a1 em:before { margin-right: 15px; }
.ResTitle_a1 em:after { margin-left: 15px; }
.s1 p { font-size: 16px; line-height: 1.875; }
.s1 p:nth-of-type(1) { margin-top: 2%; }
.a { width: 220px; height: 60px; line-height: 60px; font-size: 14px; border: 1px solid #fff; box-sizing: border-box; text-align: center; display: inline-block; vertical-align: top; margin-top: 2.5%; }
.s1 .WH-LINE:before, .WH-LINE:after { border-color: #f4bf09; }
.s1 .a:hover { color: #f4bf09; }
/*s2*/
.s2 { margin-top: 6.5%; padding-bottom: 1%; }
.s2 .T { width: 94%; margin: 0 auto; }
.ResTitle_a2 { font-size: 48px; font-weight: bold; color: #333; text-transform: uppercase; }
.ResTitle_a2 span, .ResTitle_a2 em { display: inline-block; vertical-align: text-bottom; }
.ResTitle_a2 em { margin-left: 25px; }
.ResTitle_a2:before { display: block; content: ''; width: 60px; height: 6px; background: #009848; margin-bottom: 2%; }
.s2 .T p { font-size: 16px; color: #666; margin-top: 0.8%; }
.s2 .B { width: 97.8%; margin: 3% auto 0; position: relative; z-index: 1; overflow: hidden; }
.s2 .B a { overflow: hidden; position: relative; display: block; z-index: 1; }
.s2 .B .text { z-index: 1; position: absolute; top: 35px; left: 35px; text-transform: uppercase; }
.s2 .B .text h3 { font-size: 24px; color: #333; font-weight: normal; }
.s2 .B .text span { font-size: 14px; display: block; color: #666; margin-top: 5px; }
.s2 .B ul { overflow: hidden; }
.s2 .B li:nth-child(1), .s2 .B li:nth-child(4) { margin-left: 0; }
.s2 .B li { margin-bottom: 1.05%; margin-left: 1.22%; float: left; width: 24%; perspective:1000px;}
.s2 .B li:nth-child(3), .s2 .B li:nth-child(8) { width: 49.2%; }
.s2 .B li:nth-child(4), .s2 .B li:nth-child(8), .s2 .B li:nth-child(9) { margin-bottom: 0; }
.s2 .B a:hover img { transform: scale(1.1); }
/*s3*/
.s3 { padding: 5.5% 0; background: #f5f5f5; }
.s3 .T { text-align: center; }
.s3 .ResTitle_a1 em { color: #666; }
.s3 .ResTitle_a1 em:before, .s3 .ResTitle_a1 em:after { background: #999; }
.s3 .i { position: relative; z-index: 1; margin-right: 5px; }
.s3 .i i { overflow: hidden; position: absolute; z-index: 1; width: 0; height: 100%; left: 0; top: 0; transition: 0.3s ease 0s; }
.s3 .i img { max-width: 17px; max-height: 20px; }
.s3 .T a { display: block; text-align: center; width: 160px; height: 50px; box-sizing: border-box; line-height: 48px; font-size: 14px; color: #666; background: #fff; border: 1px solid #eee; }
.s3 .T a:hover, .s3 .T a.on { color: #fff; }
.s3 .T a:hover i, .s3 .T a.on i { width: 100%; }
.s3 .T .L-R:before, .s3 .T a.on { background: #009848; }
.s3 .T ul { margin-top: 1.5%; }
.s3 .T li:first-child { margin-left: 0; }
.s3 .T li { margin-left: 2%; }
.s3 .B { width: 94%; margin: 3% auto 0; }
.s3 .B li:first-child { margin-left: 0; }
.s3 .B li { width: 31%; margin-left: 2.8%; }
.s3 .B a { background: #fff; height: 330px; position: relative; overflow: hidden; z-index: 1; display: block; padding: 0 9%; }
.s3 .B a>.dis-m { width: 100%; }
.Nimg { opacity: 0; position: absolute; height: 100%; width: 100%; z-index: -1; left: 0; top: 0; transform: scale(1.5); transition: 0.8s ease 0s; }
.Nimg img { height: 100%; margin: 0 auto; }
.s3 .B a h3 { transition: 0.3s ease 0s; max-height: 72px; font-size: 24px; font-weight: normal; color: #333; line-height: 1.5; margin-top: 8%; }
.s3 .B a p { color: #888; font-size: 14px; line-height: 1.7; -webkit-line-clamp: 3; max-height: 69px; margin-top: 6%; }
.ND { font-size: 12px; color: #999; transition: 0.3s ease 0s; }
.ND:before { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; background: #009848; border-radius: 50%; margin-right: 10px; }
.s3 .B a i { display: none; margin-top: 9%; }
.s3 .B a i img { margin: 0 auto; width: 12.3%; }
.Nimg:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); }
.s3 .B a:hover .Nimg { transform: scale(1); opacity: 1; }
.s3 .B a:hover { box-shadow: 0 0 16px 0 rgba(0,0,0,0.3); text-align: center; }
.s3 .B a:hover h3, .s3 .B a:hover .ND { color: #fff; }
.s3 .B a:hover p { display: none; }
.s3 .B a:hover i { display: block; }
/*s4*/
.s4 { position: relative; }
.s4 ul { position: relative; z-index: 1; overflow: hidden; }
.s4 li.on { position: static; transform: scale(1); z-index: 1; opacity: 1; transition: 0.8s ease 0.5s; }
.s4 li { position: absolute; top: 0; left: 0; width: 100%; transform: scale(1.3); opacity: 0; transition: 0.8s ease 0s; }
.s4 .text { color: #fff; width: 22%; position: absolute; top: 50%; z-index: 1; right: 11%; }
.s4 .text:before { content: ''; position: absolute; width: 100%; background: #f4bf09; height: 100%; z-index: -1; top: 10px; left: 10px; }
.s4 .text>div { position: relative; z-index: 1; padding: 15% 13%; box-sizing: border-box; background: #009848; }
.s4 .text span:after { content: ''; display: inline-block; vertical-align: middle; width: 50px; height: 1px; background: rgba(255,255,255,0.3); margin-left: 10px; }
.s4 .text h3 { overflow: hidden; position: relative; font-size: 30px; font-weight: normal; margin-top: 19%; word-break:break-all;}
.s4 .text p { overflow: hidden; position: relative; font-size: 14px; line-height: 1.7; margin-top: 8%; -webkit-line-clamp: 4; max-height: 92px; }
.s4 .text h3:before, .s4 .text p:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #009848; transition: 0.3s linear 0s; }
.s4 .text h3.on:before, .s4 .text p.on:before { top: 0; }
.s4 .btn { margin-top: 30%; font-size: 22px; font-family: "宋体", SimSun; }
.s4 .btn a { display: inline-block; vertical-align: top; width: 50px; height: 50px; border: 1px solid #fff; box-sizing: border-box; line-height: 48px; text-align: center; }
.s4 .btn a:hover { color: #f4bf09; border-color: #f4bf09; }
/*footer*/
.footer { text-align: center; padding: 2.5% 0; }
.MenuList_f2 .child { display: none; }
.MenuList_f2 li:first-child { margin-left: 0; }
.MenuList_f2 li { display: inline-block; vertical-align: top; color: #333; margin-left: 4%; text-transform:capitalize;}
.MenuList_f2 li h3 { font-weight: normal; font-size: 16px; }
.MenuList_f2 a:hover { color: #009848; }
.footer .B { color: #999; font-size: 14px; }
.footer .B img { display: inline-block; vertical-align: text-bottom; }
.footer .B:before { content: ''; display: block; width: 87%; height: 1px; background: #eee; margin: 1% auto; }
.MenuList_f2 li.on { color: #009848; }
.footer .B br { display: none; }
/*page*/
.page-box { padding: 5.5% 0 7.5%; background: #f5f5f5; overflow: hidden; width: 100%; }
.p-content { overflow: hidden; margin-top: 3%; font-size: 16px; color: #666; }
.banner { position: relative; z-index: 1; }
.ResTitle_a3 em:before, .ResTitle_a3 em:after { content: ''; display: inline-block; vertical-align: middle; width: 85px; background: #fff; height: 1px; }
.ResTitle_a3 em:before { background: -webkit-gradient(linear, right center, left center, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); margin-right: 20px; }
.ResTitle_a3 em:after { background: -webkit-gradient(linear, left center, right center, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); margin-left: 20px; }
.ResTitle_a3 br { display: none; }
.ResTitle_a3 em { font-size: 20px; margin-top: 10px; display: block; }
.ResTitle_a3 span { display: block; font-size: 56px; font-weight: bold; }
.ResTitle_a3 { top: 50%; text-transform: uppercase; text-align: center; color: #fff; position: absolute; width: 100%; text-shadow: 0 0 4px rgba(0,0,0,0.45); margin-top: -88.5px; }
.banner .nav { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.7); color: #fff; font-size: 16px; }
.NavList_a1 ul { }
.NavList_a1 li { float: left; width: 9.9%; display:table; position:relative; }
.NavList_a1 a { padding:0 10px; box-sizing:border-box;text-transform: capitalize; overflow:hidden; /*display: block;*/ display:table-cell; vertical-align:middle; width: 100%; text-align: center; height: 70px;/* line-height: 70px;white-space: nowrap; text-overflow: ellipsis; position: relative; */}
.NavList_a1 a.on { background: #009848; color: #fff; }
.NavList_a1 a.on:hover { color: #fff; }
.NavList_a1 a:hover { color: #009848; }
.NavList_a1 a.on:before { content: ''; position: absolute; border-style: solid; border-color: #009848 transparent transparent; border-width: 8px 10px 0 10px; bottom: -8px; left: 50%; margin-left: -10px; }
.NavList_a1 a:after { content: ''; position: absolute; height: 20px; width: 1px; background: rgba(255,255,255,0.3); right: 0; top: 50%; margin-top: -10px; }
.PosList_a1 {text-transform: capitalize; font-size: 14px; color: #bbb; background: url(../images/home.png) no-repeat left center; padding-left: 25px; background-size: 15px 13px; position: absolute; right: 0; top: 50%; margin-top: -9.5px; }
.nav .w-87 { position: relative; height: 70px; }
.PosList_a1 b { color: #f4bf09; }
.ResTitle_a4 em:before { content: '/'; margin-right: 5px; }
.ResTitle_a4 { text-transform: uppercase; background: url(../images/1.png) no-repeat left top; background-size: 41px 32px; padding-left: 30px; padding-top: 10px; }
.ResTitle_a4 em { font-size: 16px; margin-left: 10px; vertical-align: text-bottom; display: inline-block; color: #999; }
.ResTitle_a4 br { display: none; }
.ResTitle_a4 span { font-size: 42px; color: #333; display: inline-block; vertical-align: text-bottom; }
.title { position: relative; }
.title .PosList_a1 { top: auto; margin-top: 0; bottom: 0; }
/*rid44*/
.rid-44 .L { line-height: 1.8; width: 44%; }
.rid-44 .R { width: 50%; }
.rid-44 strong { color: #009848; font-size: 24px; }
.rid-44 p { margin-top: 2%; }
/*rid45*/
.rid-45 .p-content, .rid-65 .p-content, .rid-66 .p-content { background: #fff; padding: 2.5% 0; }
.rid-45 .p-content img, .rid-65 .p-content img, .rid-66 .p-content img { max-width: 96%; margin: 0 auto }
/*rid46*/
.rid-46 .PhotoList_i1 img, .rid-63 .PhotoList_i1 img { max-width: 90%; max-height: 80%; height: auto; }
.rid-46 .PhotoList_i1 a:before, .rid-63 .PhotoList_i1 a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.rid-46 .PhotoList_i1 li:hover span, .rid-63 .PhotoList_i1 li:hover span { color: #009848; background: none; }
.rid-46 .PhotoList_i1 li:hover, .rid-63 .PhotoList_i1 li:hover { box-shadow: 0 0 12px 0 rgba(0,0,0,0.1); }
.rid-46 .PhotoList_i1 span:before, .rid-63 .PhotoList_i1 span:before { content: ''; margin: 0 auto; width: 95%; height: 1px; background: #f5f5f5; display: block; }
/*news_list*/
.N-box .L { width: 33.5%; overflow: hidden; }
.N-box li { width: 100%; padding: 10px; background: #fff; box-sizing: border-box; margin-bottom: 2.5%; }
.N-box .R { width: 57.5%; margin-left: 4.5%; }
.N-box h3 { margin-top: 4%; font-size: 24px; font-weight: normal; color: #333; }
.N-box p { margin-top: 1.5%; font-size: 14px; color: #888; line-height: 1.7; max-height: 46px; }
.NA { width: 220px; text-align: center; display: block; height: 60px; line-height: 60px; color: #333; border: 2px solid #ddd; margin-top: 4%; font-size: 14px; }
.NA:before { background: #009848; }
.NA:hover, .pro-list .NA:hover { color: #fff; border-color: #009848; }
.N-box h3 a:hover { color: #009848; }
.N-box a:hover img { transform: scale(1.2); }
/*rid67*/
.rid-67 .T { display: flex; flex-wrap: wrap;background:#fff; padding:3% 0; }
.rid-67 .T li:first-child:before { display: none; }
.rid-67 .T li { position: relative; width: 25%; text-align: center; background: #fff; box-sizing: border-box; padding:0 3%;}
.rid-67 .T li:before { content: ''; position: absolute; height: 62.5%; width: 1px; background: #eee; left: 0px; top: 18.75%; }
.rid-67 .T i { display: block; }
.rid-67 .T i img { display: inline-block; vertical-align: top; max-width: 24%; }
.rid-67 .T li:hover i img { transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); animation: beat 0.5s 1; }
.rid-67 .T h4 { font-size: 18px; color: #009848; font-weight: normal; margin-top: 13%; }
.rid-67 .T p { font-size: 14px; color: #666; line-height: 1.7; margin-top: 4%; }
.rid-67 .T p span { display: block; color: #009848; }
.rid-67 .B li, .pro-list li { background: #fff; }
.rid-67 .B li:nth-child(odd) .L, .rid-67 .B li:nth-child(even) .R { padding: 0 3.5%; box-sizing: border-box; }
.rid-67 .B li .R { /*margin-left: -5px;*/ }
.rid-67 .B li .L, .rid-67 .B li .R, .pro-list li .L, .pro-list li .R { width: 50%; }
.rid-67 .B h4 { color: #009848; font-size: 24px; }
.rid-67 .B h4 span:first-child { font-size: 60px; font-weight: normal; margin-right: 5px; }
.rid-67 .B p { line-height: 1.8; margin-top: 4%; }
.rid-67 .B { margin-top: 4%; }
/*rid73*/
.pro-list li .R { margin-left: -5px; }
.pro-list li:nth-child(odd) .R, .pro-list li:nth-child(even) .L { padding: 0 4%; box-sizing: border-box; }
.pro-list li h4 { text-transform: uppercase; font-size: 24px; color: #333; font-weight: normal; }
.pro-list li h4 span:first-child { margin: 0 5px 0 10px; font-size: 36px; }
.pro-list li h4:before { content: ''; display: inline-block; height: 36px; width: 8px; background: #009848; vertical-align: text-bottom; }
.pro-list i { margin-top: 6%; width: 100%; display: block; overflow: hidden }
.pro-list .NA { margin-top: 9%; color: #009848; }
.pro-list li img:first-child { margin-left: 0; }
.pro-list li i img { width: 23.5%; float: left; margin-left: 2%; }
@keyframes beat { 0%, 100% {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
25% {
 -webkit-transform: scale(0.9, 1.1);
 transform: scale(0.9, 1.1);
}
50% {
 -webkit-transform: scale(1.1, 0.9);
 transform: scale(1.1, 0.9);
}
75% {
 -webkit-transform: scale(0.95, 1.05);
 transform: scale(0.95, 1.05);
}
}
/*contact*/
.c-box { position: relative; padding: 3% 5%; background: #fff; }
.c-box h3 { color: #009848; font-size: 34px; }
.c-box ul { margin-top: 2%; padding-top: 1%; border-top: 1px dashed #009848; overflow: hidden; }
.c-box li { font-size: 18px; margin-top: 3%; display: inline-block; vertical-align: top; width: 45%; }
.c-box span { width: calc(100% - 37px); }
.c-box img { max-width: 22px; max-height: 25px; margin-right: 10px; }
/*product*/
.product .PhotoList_i1 a {
    max-height: 410px;
    height: 22vw;
}
.product .PhotoList_i1 img{height:auto; width:auto; max-height:92%; max-width:92%;}
.product .PhotoList_i1 a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }