/*!
 * WFFW(Webfront Framework) of PPSS - ppss-0.5.5-beta Copyright©2023 W3
 *
 * style - 2023/09/20
 * 说明：统一样式
 * 用法：html 文件中引用
*/
.container *:focus { outline: none; }
.container a:hover { text-decoration: none; }
.container label { margin-bottom: 0; }
.container .h1, .container .h2, .container .h3, .container .h4, .container .h5, .container .h6, .container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container p, .container label { margin: 0; line-height: 1em; }
.container dl, .container ol, .container ul { padding: 0; margin: 0; }
.container dl li, .container ol li, .container ul li { list-style: none; }
.container table { width: 100%; }
.container table tr.hd { display: table-row; }
.container img { object-fit: cover; }
.container .swiper-wrapper { transition: unset; }
.fl { float: left; }
.fr { float: right; }
.cf::after { content: ""; display: block; clear: both; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.aj { text-align: justify; }
.lc { text-transform: lowercase; }
.uc { text-transform: uppercase; }
.pa-tl { position: absolute; z-index: 1; top: 0; left: 0; }
.pa-tr { position: absolute; z-index: 1; top: 0; right: 0; }
.pa-br { position: absolute; z-index: 1; bottom: 0; right: 0; }
.pa-bl { position: absolute; z-index: 1; bottom: 0; left: 0; }
.elli { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1em; }
.elli-1 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.elli-2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.elli-3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.elli-4 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.ofvi { overflow: visible !important; }
.ht00 { display: block; height: 0px; }
.ht05 { display: block; height: 5px; }
.ht10 { display: block; height: 10px; }
.ht15 { display: block; height: 15px; }
.ht20 { display: block; height: 20px; }
.ht25 { display: block; height: 25px; }
.ht30 { display: block; height: 30px; }
.ht35 { display: block; height: 35px; }
.ht40 { display: block; height: 40px; }
.ht45 { display: block; height: 45px; }
.ht50 { display: block; height: 50px; }
.ht55 { display: block; height: 55px; }
.ht60 { display: block; height: 60px; }
.ht65 { display: block; height: 65px; }
.ht70 { display: block; height: 70px; }
.ht75 { display: block; height: 75px; }
.ht80 { display: block; height: 80px; }
.ht85 { display: block; height: 85px; }
.ht90 { display: block; height: 90px; }
.ht95 { display: block; height: 95px; }
.wh00 { display: inline-block; width: 0px; }
.wh05 { display: inline-block; width: 5px; }
.wh10 { display: inline-block; width: 10px; }
.wh15 { display: inline-block; width: 15px; }
.wh20 { display: inline-block; width: 20px; }
.wh25 { display: inline-block; width: 25px; }
.wh30 { display: inline-block; width: 30px; }
.wh35 { display: inline-block; width: 35px; }
.wh40 { display: inline-block; width: 40px; }
.wh45 { display: inline-block; width: 45px; }
.wh50 { display: inline-block; width: 50px; }
.wh55 { display: inline-block; width: 55px; }
.wh60 { display: inline-block; width: 60px; }
.wh65 { display: inline-block; width: 65px; }
.wh70 { display: inline-block; width: 70px; }
.wh75 { display: inline-block; width: 75px; }
.wh80 { display: inline-block; width: 80px; }
.wh85 { display: inline-block; width: 85px; }
.wh90 { display: inline-block; width: 90px; }
.wh95 { display: inline-block; width: 95px; }
.em00 { display: inline-block; width: 0em; }
.em05 { display: inline-block; width: 0.5em; }
.em10 { display: inline-block; width: 1em; }
.em15 { display: inline-block; width: 1.5em; }
.em20 { display: inline-block; width: 2em; }
.em25 { display: inline-block; width: 2.5em; }
.em30 { display: inline-block; width: 3em; }
.em35 { display: inline-block; width: 3.5em; }
.em40 { display: inline-block; width: 4em; }
.em45 { display: inline-block; width: 4.5em; }
.em50 { display: inline-block; width: 5em; }
.em55 { display: inline-block; width: 5.5em; }
.em60 { display: inline-block; width: 6em; }
.em65 { display: inline-block; width: 6.5em; }
.em70 { display: inline-block; width: 7em; }
.em75 { display: inline-block; width: 7.5em; }
.em80 { display: inline-block; width: 8em; }
.em85 { display: inline-block; width: 8.5em; }
.em90 { display: inline-block; width: 9em; }
.em95 { display: inline-block; width: 9.5em; }
.nobg { background: none !important; }
.nobt { border-top: none !important; }
.nobr { border-right: none !important; }
.nobb { border-bottom: none !important; }
.nobl { border-left: none !important; }
.nobd { border: none !important; }
.nopt { padding-top: 0 !important; }
.nopr { padding-right: 0 !important; }
.nopb { padding-bottom: 0 !important; }
.nopl { padding-left: 0 !important; }
.nopd { padding: 0 !important; }
.nomt { margin-top: 0 !important; }
.nomr { margin-right: 0 !important; }
.nomb { margin-bottom: 0 !important; }
.noml { margin-left: 0 !important; }
.nomg { margin: 0 !important; }
.none { display: none !important; }
.hide { opacity: 0 !important; }
.list { overflow: hidden; }
.list.s1>.ul>.li, .list.s1>.ul>li, .list.s1>ul>.li, .list.s1>ul>li { width: 100%; }
.list.s2>.ul>.li, .list.s2>.ul>li, .list.s2>ul>.li, .list.s2>ul>li { width: 50%; }
.list.s3>.ul>.li, .list.s3>.ul>li, .list.s3>ul>.li, .list.s3>ul>li { width: 33.3333333333%; }
.list.s4>.ul>.li, .list.s4>.ul>li, .list.s4>ul>.li, .list.s4>ul>li { width: 25%; }
.list.s5>.ul>.li, .list.s5>.ul>li, .list.s5>ul>.li, .list.s5>ul>li { width: 20%; }
.list.s6>.ul>.li, .list.s6>.ul>li, .list.s6>ul>.li, .list.s6>ul>li { width: 16.6666666667%; }
.list>.ul::after, .list>ul::after { content: ""; display: block; clear: both; }
.list>.ul>.li, .list>.ul>li, .list>ul>.li, .list>ul>li { float: left; }
.lrct::after { content: ""; display: block; clear: both; }
.lrct>.l { float: left; }
.lrct>.r { float: right; }
.lrct>.p { float: left; width: 50%; }
.abox { position: fixed; z-index: 11; display: none; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.abox.show { display: block; }
*, *:before, *:after { transition: opacity 600ms, color 600ms, border-color 600ms, background-color 600ms, background-image 600ms, box-shadow 600ms; }
.zimg { overflow: hidden; }
.zimg .img, .zimg img { width: 100%; transition: transform 600ms; }
.wp:hover .zimg .img, .wp:hover .zimg img, .zimg:hover .img, .zimg:hover img { transform: scale(1.05); }
.hover { transition: transform 600ms; }
.hover.zoom:hover, .wp:hover .hover.zoom { transform: scale(1.05); }
.hover.up:hover, .wp:hover .hover.up { transform: translateY(-10%); }
.hover.down:hover, .wp:hover .hover.down { transform: translateY(10%); }
.hover.right:hover, .wp:hover .hover.right { transform: translateX(10%); }
.hover.left:hover, .wp:hover .hover.rigleftht { transform: translateX(-10%); }
.hover.rotate:hover, .wp:hover .hover.rotateC { transform: rotate(360deg); }
.hover.rotateAnti:hover, .wp:hover .hover.rotateAnti { transform: rotate(-360deg); }
.hover.rotateY:hover, .wp:hover .hover.rotateY { transform: rotateY(360deg); }
.hover.rotateX:hover, .wp:hover .hover.rotateX { transform: rotateX(360deg); }
.pc-hide { display: none; }
 @media (max-width: 768px) {
body.on-medi main .ht00,  .body.on-medi main .ht00 { display: block; height: 0px; }
body.on-medi main .ht05,  .body.on-medi main .ht05 { display: block; height: 2.5px; }
body.on-medi main .ht10,  .body.on-medi main .ht10 { display: block; height: 5px; }
body.on-medi main .ht15,  .body.on-medi main .ht15 { display: block; height: 7.5px; }
body.on-medi main .ht20,  .body.on-medi main .ht20 { display: block; height: 10px; }
body.on-medi main .ht25,  .body.on-medi main .ht25 { display: block; height: 12.5px; }
body.on-medi main .ht30,  .body.on-medi main .ht30 { display: block; height: 15px; }
body.on-medi main .ht35,  .body.on-medi main .ht35 { display: block; height: 17.5px; }
body.on-medi main .ht40,  .body.on-medi main .ht40 { display: block; height: 20px; }
body.on-medi main .ht45,  .body.on-medi main .ht45 { display: block; height: 22.5px; }
body.on-medi main .ht50,  .body.on-medi main .ht50 { display: block; height: 25px; }
body.on-medi main .ht55,  .body.on-medi main .ht55 { display: block; height: 27.5px; }
body.on-medi main .ht60,  .body.on-medi main .ht60 { display: block; height: 30px; }
body.on-medi main .ht65,  .body.on-medi main .ht65 { display: block; height: 32.5px; }
body.on-medi main .ht70,  .body.on-medi main .ht70 { display: block; height: 35px; }
body.on-medi main .ht75,  .body.on-medi main .ht75 { display: block; height: 37.5px; }
body.on-medi main .ht80,  .body.on-medi main .ht80 { display: block; height: 40px; }
body.on-medi main .ht85,  .body.on-medi main .ht85 { display: block; height: 42.5px; }
body.on-medi main .ht90,  .body.on-medi main .ht90 { display: block; height: 45px; }
body.on-medi main .ht95,  .body.on-medi main .ht95 { display: block; height: 47.5px; }
body.on-medi main .wh00,  .body.on-medi main .wh00 { display: inline-block; width: 0px; }
body.on-medi main .wh05,  .body.on-medi main .wh05 { display: inline-block; width: 2.5px; }
body.on-medi main .wh10,  .body.on-medi main .wh10 { display: inline-block; width: 5px; }
body.on-medi main .wh15,  .body.on-medi main .wh15 { display: inline-block; width: 7.5px; }
body.on-medi main .wh20,  .body.on-medi main .wh20 { display: inline-block; width: 10px; }
body.on-medi main .wh25,  .body.on-medi main .wh25 { display: inline-block; width: 12.5px; }
body.on-medi main .wh30,  .body.on-medi main .wh30 { display: inline-block; width: 15px; }
body.on-medi main .wh35,  .body.on-medi main .wh35 { display: inline-block; width: 17.5px; }
body.on-medi main .wh40,  .body.on-medi main .wh40 { display: inline-block; width: 20px; }
body.on-medi main .wh45,  .body.on-medi main .wh45 { display: inline-block; width: 22.5px; }
body.on-medi main .wh50,  .body.on-medi main .wh50 { display: inline-block; width: 25px; }
body.on-medi main .wh55,  .body.on-medi main .wh55 { display: inline-block; width: 27.5px; }
body.on-medi main .wh60,  .body.on-medi main .wh60 { display: inline-block; width: 30px; }
body.on-medi main .wh65,  .body.on-medi main .wh65 { display: inline-block; width: 32.5px; }
body.on-medi main .wh70,  .body.on-medi main .wh70 { display: inline-block; width: 35px; }
body.on-medi main .wh75,  .body.on-medi main .wh75 { display: inline-block; width: 37.5px; }
body.on-medi main .wh80,  .body.on-medi main .wh80 { display: inline-block; width: 40px; }
body.on-medi main .wh85,  .body.on-medi main .wh85 { display: inline-block; width: 42.5px; }
body.on-medi main .wh90,  .body.on-medi main .wh90 { display: inline-block; width: 45px; }
body.on-medi main .wh95,  .body.on-medi main .wh95 { display: inline-block; width: 47.5px; }
body.on-medi main .pc-hide,  .body.on-medi main .pc-hide { display: block; }
body.on-medi main .mb-hide,  .body.on-medi main .mb-hide { display: none; }
body.on-medi main .lrct>.l,  body.on-medi main .lrct>.r,  body.on-medi main .lrct>.p,  .body.on-medi main .lrct>.l,  .body.on-medi main .lrct>.r,  .body.on-medi main .lrct>.p { float: none; width: 100%; }
body.on-medi main .list.s1>ul>li,  body.on-medi main .list.s2>ul>li,  .body.on-medi main .list.s1>ul>li,  .body.on-medi main .list.s2>ul>li { width: 100%; }
body.on-medi main .list.s3>ul>li,  body.on-medi main .list.s4>ul>li,  .body.on-medi main .list.s3>ul>li,  .body.on-medi main .list.s4>ul>li { width: 50%; }
body.on-medi main .list.s5>ul>li,  body.on-medi main .list.s6>ul>li,  .body.on-medi main .list.s5>ul>li,  .body.on-medi main .list.s6>ul>li { width: 33.33%; }
body.on-medi main,  .body.on-medi main { min-width: 0; }
body.on-medi main .container,  .body.on-medi main .container { width: 100%; padding: 0 15px; }
body.on-medi main .container.full,  .body.on-medi main .container.full { padding: 0; }
}
html, .html { font-size: 10px; }
body, .body { display: block !important; font-family: PingFangSC-Regular, 微软雅黑, Arial; font-size: 12px; color: #333; min-width: 1660px; }
body:after, .body:after { content: ""; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; }
body.on-mask:after, body.on-menu:after, .body.on-mask:after, .body.on-menu:after { display: block; }
.container { padding: 0; position: relative; height: 100%; max-width: 100%; width: 1660px; }
.container.full { width: 100%; padding: 0; }
.a, a { color: #333; }
.a:hover, a:hover { color: #000; }
.bg-w { background-color: #fff; }
.bg-g { background-color: #f9fafc; }
.hd, .ct, .ft, .head, .cont, .foot, .cnt, .txt, .pic, .i, .i-1, .i-2, .i-3, .i-4 { position: relative; display: block; }
.u-fullpart { position: relative; background: none no-repeat 50% 0; background-size: cover; overflow: hidden; padding: 120px 0; }
.u-fullpart.bgrp { background-repeat: repeat; background-size: auto; }
.u-fullpart.bg-g { background-color: #f9fafc; }
@font-face { font-family: Montserrat-Regular; src: url(../font/Montserrat-Regular.woff); }
body { min-width: auto; font-family: Montserrat-Regular, Microsoft YaHei; color: #333; }
body .container { margin: 0 auto; }
body .container * { box-sizing: border-box; }
body a { text-decoration: none; }
body img { vertical-align: middle; }
body .tab-content .tab-pane { display: none; }
body .tab-content .tab-pane.active { display: block; }
body .uc { text-transform: uppercase; }
body .he_syp4egul { padding-top: 4% !important; }
body .header { border-bottom: 1px solid #e5e5e5; }
body::after { z-index: 999; }
body .abox { z-index: 1001; }
body .fancybox-container * { transition: none; }
body main .br05 { border-radius: 5px; overflow: hidden; }
body main .br10 { border-radius: 10px; overflow: hidden; }
body main .br15 { border-radius: 15px; overflow: hidden; }
body main .br20 { border-radius: 20px; overflow: hidden; }
body main .bte5 { border-top: 1px solid #e5e5e5; }
body main .bre5 { border-right: 1px solid #e5e5e5; }
body main .bbe5 { border-bottom: 1px solid #e5e5e5; }
body main .ble5 { border-left: 1px solid #e5e5e5; }
body main .bae5 { border: 1px solid #e5e5e5 !important; }
body main .bcf8 { background-color: #f8f8f8 !important; }
body main .bcea { background-color: #eaefe4 !important; }

body main .h120 { height: 120px; }
body main .awst:hover { color: #F85208; }
body main .awst::after { content: ">"; font-style: normal; display: inline-block; margin-left: 4px; font-family: 宋体; font-weight: bold; }
body main .awbl { display: inline-block; width: 54px; height: 54px; background: none no-repeat center transparent; border-radius: 50%; position: absolute; z-index: 99; top: 50%; margin-top: -27px; }
body main .awbl:hover { background-color: #F85208; }
body main .awbl:hover.l { background-image: url(../images/awt1-l-wt.png); }
body main .awbl:hover.r { background-image: url(../images/awt1-r-wt.png); }
body main .awbl.l { background-image: url(../images/awt1-l.png); left: 0; }
body main .awbl.r { background-image: url(../images/awt1-r.png); right: 0; }
body .u-adscroll { margin: 0 5%; overflow: hidden; }
body .u-adscroll p { white-space: nowrap; display: inline-block; position: relative; left: 0; }
body .u-adscroll p span { display: inline-block; padding-right: 20px; }
 @media (max-width: 1200px) {
body { zoom: 0.9; }
}
 @media (max-width: 768px) {
body { zoom: 1; }
body main .h120 { height: 60px; }
body main .awbl { display: none; }
}
.container { padding: 0 30px; }
.u-fullpart { overflow: visible; }
 @media (max-width: 992px) {
.u-fullpart { padding: 80px 0; }
}
 @media (max-width: 768px) {
.u-fullpart { padding: 30px 0; }
}
.u-sidetool { position: fixed; z-index: 9; bottom: 20%; right: -100px; opacity: 0; transition: right 600ms, opacity 600ms; }
body.on-bottom .u-sidetool { right: 30px; opacity: 1; }
.u-sidetool>ul>li { margin-bottom: 6px; }
.u-sidetool>ul>li:last-child { margin-bottom: 0; }
.u-sidetool .i { position: relative; left: 0; transition: left 600ms; }
.u-sidetool .i:hover { left: -10px; }
.u-sidetool .i:hover>.ex { display: block; }
.u-sidetool .i>img { width: 100%; border-radius: 50%; }
.u-sidetool .i>.ex { position: absolute; top: 50%; transform: translateY(-50%); right: 120%; padding: 5px; background-color: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); display: none; }
.u-sidetool .i>.ex img { width: 120px; height: 120px; max-width: unset; }
.u-sidetool .i>.ex p { text-align: center; font-size: 12px; margin-top: 5px; padding-bottom: 10px; }
 @media (max-width: 768px) {
.u-sidetool { display: none; }
}
main .u-pagepath { padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; padding-top: 60px; margin-bottom: 50px; }
main .u-pagepath p { color: #666; }
main .u-pagepath p a { display: inline-block; margin-right: 6px; font-size: 14px; color: #666666; }
main .u-pagepath p a:first-child::before { display: inline-block; }
main .u-pagepath p a:last-child { margin-right: 0; color: #666666 !important; }
main .u-pagepath p a[href] { color: #C43D00; }
main .u-pagepath p a::before { content: ""; display: inline-block; width: 12px; height: 12px; background: url(../images/ic-path.png) no-repeat center; background-size: contain; vertical-align: middle; margin-right: 4px; display: none; position: relative; top: -1px; }
 @media (max-width: 768px) {
main .u-pagepath { padding-top: 30px; margin-bottom: 25px; }
}
main .u-title1 { margin-bottom: 50px; text-align: center; }
main .u-title1.mbde { margin-bottom: -50px; }
main .u-title1.wt p, main .u-title1.wt h6 { color: #fff; }
main .u-title1.wt p.p2, main .u-title1.wt h6.p2 { color: #fff; }
main .u-title1.wt h6 { opacity: 0.8; }
main .u-title1.al { text-align: left; }
main .u-title1.al h6 { width: 100%; }
main .u-title1 p { color: #F85208; font-weight: bold; }
main .u-title1 p.p0 { text-align: left; font-size: 48px; width: 80%; }
main .u-title1 p.p1 { font-size: 36px; }
main .u-title1 p.p2 { font-size: 40px; color: #333; }
main .u-title1 p.p3 { font-size: 26px; text-align: left; margin-bottom: -20px; }
main .u-title1 h6 { margin: 0 auto !important; margin-top: 25px !important; width: 80%; color: #666666; }
main .u-title1 h6.h1 { font-size: 14px; }
main .u-title1 h6.h2 { font-size: 18px; line-height: 32px; }
 @media (max-width: 992px) {
main .u-title1 { margin-bottom: 30px; }
main .u-title1 p.p0 { font-size: 44px; line-height: 1.4em; }
}
 @media (max-width: 768px) {
main .u-title1 { margin-bottom: 25px; }
main .u-title1 p.p0 { font-size: 33px; line-height: 1.2em; }
main .u-title1 p.p1 { font-size: 22px; }
main .u-title1 p.p2 { font-size: 22px; }
main .u-title1 p.p3 { font-size: 22px; margin-bottom: 0; }
main .u-title1 h6 { margin-top: 15px; font-size: 14px; line-height: 1.2em; width: 100%; }
main .u-title1 h6.h2 { font-size: 14px; line-height: 1.4em; }
}
main .u-aboutcsip>ul>li { margin-bottom: 60px; }
main .u-aboutcsip>ul>li:nth-child(even) .i>.l, main .u-aboutcsip>ul>li.ex .i>.l { float: right; text-align: right; }
main .u-aboutcsip>ul>li:nth-child(even) .i>.r, main .u-aboutcsip>ul>li.ex .i>.r { float: left; }
main .u-aboutcsip>ul>li:last-child { margin-bottom: 0; }
main .u-aboutcsip .i:hover .text>.hd p { color: #F85208; }
main .u-aboutcsip .i>.l, main .u-aboutcsip .i>.r { width: 49%; }
main .u-aboutcsip .i .text { padding-top: 1%; display: inline-block; width: 90%; text-align: left; }
main .u-aboutcsip .i .text>.hd { margin-bottom: 25px; }
main .u-aboutcsip .i .text>.hd p { font-size: 36px; font-weight: bold; }
main .u-aboutcsip .i .text>.ct>p.p0 { font-size: 24px; line-height: 36px; }
main .u-aboutcsip .i .text>.ct>p.p1 { font-size: 16px; line-height: 22px; }
main .u-aboutcsip .i .text>.ct>p.p2 { font-size: 18px; line-height: 32px; color: #666666; margin-top: 40px; }
main .u-aboutcsip .i .view { width: 100%; }
main .u-aboutcsip .i .lis1 .p { margin-bottom: 10px; padding: 30px 25px; }
main .u-aboutcsip .i .lis1 .p:last-child { margin-bottom: 0; }
main .u-aboutcsip .i .lis1 .p>img { width: 48px; float: left; position: relative; top: 5px; }
main .u-aboutcsip .i .lis1 .p>.ct { margin-left: 70px; }
main .u-aboutcsip .i .lis1 .p>.ct p.p1 { font-size: 24px; }
main .u-aboutcsip .i .lis1 .p>.ct p.p2 { margin-top: 12px; font-size: 16px; color: #666666; line-height: 22px; }
 @media (max-width: 1200px) {
main .u-aboutcsip .i .text { padding-top: 0; }
}
 @media (max-width: 992px) {
main .u-aboutcsip .i .text { padding-top: 0; width: 100%; }
}
 @media (max-width: 768px) {
main .u-aboutcsip>ul>li { margin-bottom: 20px; }
main .u-aboutcsip .i>.r { margin-top: 20px; }
main .u-aboutcsip .i .text { padding-top: 0; width: 100%; }
main .u-aboutcsip .i .text>.hd { margin-bottom: 15px; }
main .u-aboutcsip .i .text>.hd p { font-size: 22px; }
main .u-aboutcsip .i .text>.ct>p.p0 { font-size: 18px; line-height: 24px; }
main .u-aboutcsip .i .text>.ct>p.p1 { font-size: 14px; line-height: 20px; }
main .u-aboutcsip .i .text>.ct>p.p2 { font-size: 12px; line-height: 20px; margin-top: 20px; }
main .u-aboutcsip .i .lis1 .p { margin-bottom: 10px; padding: 15px; }
main .u-aboutcsip .i .lis1 .p>img { width: 36px; }
main .u-aboutcsip .i .lis1 .p>.ct { margin-left: 60px; }
main .u-aboutcsip .i .lis1 .p>.ct p.p1 { font-size: 20px; }
main .u-aboutcsip .i .lis1 .p>.ct p.p2 { font-size: 14px; line-height: 20px; }
main .u-aboutcsip .ht50 { display: none; }
}
main .u-story .awbl { background-color: #fff; }
main .u-story .awbl.l { left: 22%; }
main .u-story .awbl.r { right: 22%; }
main .u-story .text { text-align: center; position: relative; }
main .u-story .text>.ct .i { display: inline-block; width: 665px; padding: 60px 70px; padding-bottom: 50px; text-align: left; opacity: 0.4; background-color: #f8f8f8; position: relative; left: 50%; margin-left: -100%; transform: scale(0.72); }
main .u-story .text>.ct .i>.hd { padding-bottom: 28px; border-bottom: 1px solid #F85208; }
main .u-story .text>.ct .i>.hd p { color: #C43D00; font-size: 36px; font-weight: bold; }
main .u-story .text>.ct .i>.ct { margin-top: 20px; }
main .u-story .text>.ct .i>.ct p.p1 { font-size: 26px; color: #F85208; }
main .u-story .text>.ct .i>.ct p.p2 { margin-top: 10px; font-size: 14px; line-height: 22px; color: #666; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
main .u-story .text>.ct .swiper { padding: 100px 0; }
main .u-story .text>.ct .swiper .swiper-slide-active { z-index: 1; }
main .u-story .text>.ct .swiper .swiper-slide-active .i { box-shadow: 0 0 120px rgba(0, 0, 0, 0.1); opacity: 1; background-color: #fff; transform: scale(1); }
main .u-story .date { text-align: center; }
main .u-story .date .i { display: inline-block; position: relative; }
main .u-story .date .i.on::before { border-color: #F85208; }
main .u-story .date .i.on span { color: #F85208; font-size: 36px; }
main .u-story .date .i::before { content: ""; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 3px solid #dadada; position: absolute; top: -12px; left: 50%; margin-left: -6px; }
main .u-story .date .i::after { content: ""; width: 120px; height: 1px; background-color: #cccccc; position: absolute; top: -6px; left: 50%; margin-left: 10px; }
main .u-story .date .i span { display: inline-block; padding-top: 10px; color: #666666; font-size: 14px; line-height: 30px; }
main .u-story .date .swiper { padding-top: 12px; }
main .u-story .date .swiper .swiper-slide-active .i::before { border-color: #F85208; }
main .u-story .date .swiper .swiper-slide-active .i span { color: #F85208; font-size: 36px; }
 @media (max-width: 992px) {
main .u-story .awbl.l { left: 11%; }
main .u-story .awbl.r { right: 11%; }
}
 @media (max-width: 768px) {
main .u-story .awbl.l { left: 20px; }
main .u-story .awbl.r { right: 20px; }
main .u-story .text>.ct .i { width: 100%; padding: 35px; }
main .u-story .text>.ct .i>.hd { padding-bottom: 15px; }
main .u-story .text>.ct .i>.hd p { font-size: 22px; }
main .u-story .text>.ct .i>.ct p.p1 { font-size: 20px; }
main .u-story .text>.ct .swiper { padding-bottom: 50px; }
main .u-story .text>.ct .swiper .swiper-slide-active .i { box-shadow: 0 0 60px rgba(0, 0, 0, 0.1); }
main .u-story .date .i { display: inline-block; position: relative; }
main .u-story .date .i.on span { font-size: 22px; }
main .u-story .date .swiper .swiper-slide-active .i span { font-size: 22px; }
}
main .u-aboutinfo>.hd p { font-size: 32px; line-height: 42px; color: #C43D00; font-weight: bold; }
main .u-aboutinfo>.ct { margin-top: 40px; }
main .u-aboutinfo .info>.l, main .u-aboutinfo .info>.r { width: 49%; }
main .u-aboutinfo .info .text p { font-size: 16px; line-height: 26px; color: #666; }
main .u-aboutinfo .info .text img { width: 255px; margin-right: 30px; float: left; position: relative; top: 5px; }
 @media (max-width: 992px) {
main .u-aboutinfo .info>.l,  main .u-aboutinfo .info>.r { width: 100%; }
main .u-aboutinfo .info>.r { margin-top: 0; }
}
 @media (max-width: 768px) {
main .u-aboutinfo>.hd p { font-size: 22px; line-height: 32px; }
main .u-aboutinfo>.ct { margin-top: 20px; }
main .u-aboutinfo .info>.r { margin-top: 15px; }
main .u-aboutinfo .info .text img { width: 100%; margin: 15px 0; }
main .u-aboutinfo .ht40 { display: none !important; }
}
main .u-aboutdata { padding-top: 60px; }
main .u-aboutdata .lis1>ul { margin: -15px; }
main .u-aboutdata .lis1>ul>li { padding: 15px; height: 275px; }
main .u-aboutdata .i { background-size: cover; padding: 40px; height: 100%; }
main .u-aboutdata .i.ht2x { height: calc(200% + 30px); }
main .u-aboutdata .i.wh2x { width: calc(200% + 30px); }
main .u-aboutdata .i.wt .text>.ct p { color: #fff; }
main .u-aboutdata .i .text { height: 100%; position: relative; }
main .u-aboutdata .i .text>.ct { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; }
main .u-aboutdata .i .text>.ct p.p1 { font-size: 90px; color: #F85208; font-weight: bold; font-family: PingFang SC; }
main .u-aboutdata .i .text>.ct p.p1 small { font-size: 50px; vertical-align: top; margin-left: 15px; }
main .u-aboutdata .i .text>.ct p.p2 { margin-top: 15px; font-size: 16px; }
 @media (max-width: 992px) {
main .u-aboutdata .i { padding: 15px; }
main .u-aboutdata .i .text>.ct p.p1 { font-size: 45px; }
main .u-aboutdata .i .text>.ct p.p2 { line-height: 1.4em; }
}
 @media (max-width: 768px) {
main .u-aboutdata { padding-top: 30px; }
main .u-aboutdata .lis1>ul { margin: -10px; }
main .u-aboutdata .lis1>ul>li { padding: 10px; width: 100% !important; height: 180px; }
main .u-aboutdata .i { padding: 15px; }
main .u-aboutdata .i.ht2x { height: 100%; }
main .u-aboutdata .i.wh2x { width: 100%; }
main .u-aboutdata .i.wt .text>.ct p.p2 { color: #333; }
main .u-aboutdata .i .text>.ct p.p1 { font-size: 45px; }
main .u-aboutdata .i .text>.ct p.p1 small { font-size: 22px; margin-left: 10px; }
}
main .u-certhead { margin-top: 100px; }
main .u-certhead .view { height: 748px; background: url(../images/certhd-line.png) no-repeat center; position: relative; width: 1540px; margin: 0 auto; }
main .u-certhead .view>.bg { width: 614px; height: 614px; content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
main .u-certhead .view>.bg img { width: 100%; height: 100%; border-radius: 50%; }
main .u-certhead .view>.ct .lis1 { position: relative; }
main .u-certhead .view>.ct .lis1 .i { width: 110px; height: 110px; border-radius: 50%; line-height: 110px; text-align: center; position: absolute; }
main .u-certhead .view>.ct .lis1 .i.sz-1 { width: 110px; height: 110px; line-height: 110px; }
main .u-certhead .view>.ct .lis1 .i.sz-2 { width: 84px; height: 84px; line-height: 84px; }
main .u-certhead .view>.ct .lis1 .i.sz-3 { width: 60px; height: 60px; line-height: 60px; }
main .u-certhead .view>.ct .lis1 .i img { width: 100%; height: 100%; vertical-align: middle; }
main .u-certhead .foot { margin-top: 120px; height: 120px; background: url(../images/certhd-bt.png) no-repeat center; }
 @media (max-width: 768px) {
main .u-certhead { margin-top: 50px; }
main .u-certhead .foot { margin-top: 0; height: 30px; background-size: cover; }
}
main .u-certside>.l { width: 28%; padding: 70px 0; }
main .u-certside>.r { width: 72%; padding: 60px 0; }
main .u-certside .navi>.hd p { font-size: 36px; }
main .u-certside .navi>.ct { margin-top: 40px; }
main .u-certside .lis1 { max-width: 250px; }
main .u-certside .lis1 a { display: block; padding: 20px 0; position: relative; font-size: 16px; border-bottom: 1px solid transparent; }
main .u-certside .lis1 a:hover, main .u-certside .lis1 a.on, main .u-certside .lis1 a.active { color: #C43D00; }
main .u-certside .lis1 a.on, main .u-certside .lis1 a.active { border-bottom-color: #C43D00; }
main .u-certside .lis1 a.on::before, main .u-certside .lis1 a.active::before { display: block; }
main .u-certside .lis1 a::before { content: ""; display: inline-block; width: 4px; height: 9px; background: url(../images/awt2.png) no-repeat center; background-size: contain; vertical-align: middle; position: absolute; top: 28px; left: -15px; display: none; }
main .u-certside .lis2 { text-align: center; padding: 0 10%; }
main .u-certside .lis2>ul { margin: -15px; }
main .u-certside .lis2>ul>li { padding: 15px; }
main .u-certside .lis2 .i { width: 284px; height: 390px; background: url(../images/cert-pb.png); background-size: 100% 100%; line-height: 380px; text-align: center; margin: 0 auto; }
main .u-certside .lis2 .i img { max-width: 218px; }
 @media (max-width: 1200px) {
main .u-certside .lis2 .i { zoom: 0.8; }
}
 @media (max-width: 992px) {
main .u-certside .lis1 { max-width: 200px; }
main .u-certside .lis2>ul>li { width: 50% !important; }
}
 @media (max-width: 768px) {
main .u-certside { padding: 50px 0; }
main .u-certside>.l { padding: 20px 0; }
main .u-certside>.r { padding: 20px 0; border-left: none !important; }
main .u-certside .navi>.hd p { font-size: 22px; }
main .u-certside .navi>.ct { margin-top: 15px; }
main .u-certside .lis1 { max-width: unset; }
main .u-certside .lis1 a { font-size: 16px; padding-left: 15px; }
main .u-certside .lis1 a::before { left: 0; }
main .u-certside .lis2>ul { margin: -10px; }
main .u-certside .lis2>ul>li { padding: 10px; }
main .u-certside .lis2 .i { zoom: 0.6; }
}
main .u-btn1 { display: inline-block; background-color: #C43D00; overflow: hidden; color: #fff !important; font-size: 16px; line-height: 50px; border-radius: 25px; padding: 0 35px; cursor: pointer; text-align: center; transition: background-color 600ms; }
main .u-btn1:hover { background-color: #F85208; }
main .u-btn1:hover .awst { color: #fff; left: 5px; }
main .u-btn1:hover span { left: -5px; }
main .u-btn1.ho { background-color: #FF6B35; }
main .u-btn1.ho:hover { background-color: #F85208; }
main .u-btn1.rd { line-height: 68px; border-radius: 8px; padding: 0 20px; }
main .u-btn1.rd:hover b img { left: 5px; }
main .u-btn1.rd b { width: 74px; height: 68px; line-height: 68px; text-align: center; background-color: #F85208; float: left; position: relative; left: -20px; }
main .u-btn1.rd b img { position: relative; left: 0; transition: left 300ms; }
main .u-btn1 .awst { margin-left: 6px; }
main .u-btn1 .awst, main .u-btn1 span { display: inline-block; position: relative; left: 0; transition: left 600ms; }
 @media (max-width: 768px) {
main .u-btn1 { font-size: 14px; }
main .u-btn1.ho { line-height: 36px; border-radius: 18px; padding: 0 15px; }
main .u-btn1.rd { width: 100%; }
main .u-btn1.rd b { display: none; }
}
main .u-certfoot>.l, main .u-certfoot>.r { width: 49%; height: 100%; }
main .u-certfoot .view img { width: 100%; }
main .u-certfoot .text { padding: 70px 60px; padding-right: 40px; }
main .u-certfoot .text p.p1 { font-size: 36px; line-height: 42px; font-weight: bold; }
main .u-certfoot .text p.p2 { margin-top: 70px; }
 @media (max-width: 992px) {
main .u-certfoot>.l,  main .u-certfoot>.r { width: 100%; }
main .u-certfoot>.r { margin-top: 40px; }
}
 @media (max-width: 768px) {
main .u-certfoot>.r { margin-top: 20px; }
main .u-certfoot .text { padding: 30px; }
main .u-certfoot .text p.p1 { font-size: 22px; line-height: 32px; }
main .u-certfoot .text p.p2 { margin-top: 35px; }
}
main .u-chartview .view { padding: 60px; text-align: center; }
main .u-chartview .view h5 { font-size: 18px; margin-bottom: 20px; }
main .u-chartview .view img { max-width: 100%; }
 @media (max-width: 768px) {
main .u-chartview .view { padding: 30px; }
main .u-chartview .view .ct { overflow: auto; }
main .u-chartview .view h5 { font-size: 16px; }
main .u-chartview .view img { max-width: 200%; }
}
main .u-hobanner .i>.ct { content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; width: 80%; }
main .u-hobanner .i>.bg { position: relative; }
main .u-hobanner .i>.bg::after { content: ""; position: absolute; z-index: 1; top: 0; height: 100%; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); }
main .u-hobanner .i>.bg img { width: 100%; }
main .u-appsplan>ul { margin: -15px; }
main .u-appsplan>ul>li { padding: 15px; }
main .u-appsplan .i { padding: 60px 50px; padding-bottom: 80px; }
main .u-appsplan .i:hover p.p2 { color: #C43D00; }
main .u-appsplan .i p.p1 { color: #F85208; font-size: 18px; font-weight: bold; }
main .u-appsplan .i p.p2 { margin-top: 25px; font-size: 18px; }
main .u-appsplan .i p.p3 { margin-top: 30px; color: #666666; font-size: 16px; line-height: 26px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 78px; }
 @media (max-width: 768px) {
main .u-appsplan .i { padding: 25px; }
main .u-appsplan .i p.p1 { font-size: 18px; }
main .u-appsplan .i p.p2 { margin-top: 15px; font-size: 16px; }
main .u-appsplan .i p.p3 { margin-top: 15px; }
}
main .u-shadview { display: block; position: relative; }
main .u-shadview::after { content: ""; position: absolute; z-index: 1; top: 0; height: 100%; left: 0; width: 100%; background: url(../images/sd-1.png) repeat-x 0 0; background-size: auto 100%; }
main .u-shadview:hover>.ct p { top: -10px; }
main .u-shadview>.ct { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; z-index: 2; bottom: 35px; padding: 0 50px; }
main .u-shadview>.ct p { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1em; position: relative; top: 0; transition: top 600ms; }
main .u-shadview>.ct p.p1 { font-size: 24px; }
main .u-shadview>.ct p.p2 { font-size: 16px; }
main .u-shadview>.ct p.p3 { font-size: 22px; }
main .u-shadview>.ct p.p4 { font-size: 18px; }
 @media (max-width: 768px) {
main .u-shadview>.ct { bottom: 15px; padding: 0 25px; }
main .u-shadview p.p1 { font-size: 22px; }
}
main .u-appsscen .u-shadview { opacity: 0.5; }
main .u-appsscen .u-shadview>.ct { bottom: 60px; }
main .u-appsscen .u-shadview>.ct p { text-align: center; white-space: unset; line-height: 1.4em; }
main .u-appsscen .swiper .swiper-slide-active .u-shadview { opacity: 1; }
 @media (max-width: 768px) {
main .u-appsscen .u-shadview>.ct { bottom: 15px; }
main .u-appsscen .u-shadview>.ct p.p1 { font-size: 18px; }
main .u-appsscen .u-shadview>.ct p.p2 { display: none; }
main .u-appsscen .u-shadview>.ct .ht20 { display: none; }
}
main .u-appsprod .i { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #e5e5e5; }
main .u-appsprod .i:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
main .u-appsprod .i>.l, main .u-appsprod .i>.r { width: 49%; }
main .u-appsprod .i .text { padding: 70px; }
main .u-appsprod .i .text.bcea p.p1 { color: #F85208; }
main .u-appsprod .i .text.bcea .u-btn1 { background-color: #F85208; }
main .u-appsprod .i .text p.p1 { font-size: 30px; font-weight: bold; }
main .u-appsprod .i .text p.p2 { margin-top: 20px; font-size: 16px; line-height: 26px; }
main .u-appsprod .i .text p.p3 { position: relative; top: -10px; }
main .u-appsprod .i .text p.p3 span { display: block; position: relative; color: #999999; font-size: 16px; line-height: 32px; }
main .u-appsprod .i .text p.p3 span::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: #777777; margin-right: 8px; position: relative; top: -1px; }
main .u-appsprod .i .text .bte5 { margin: 30px 0; }
main .u-appsprod .i .view img { width: 100%; }
 @media (max-width: 992px) {
main .u-appsprod .i>.l,  main .u-appsprod .i>.r { width: 100%; }
main .u-appsprod .i>.r { margin-top: 40px; }
}
 @media (max-width: 768px) {
main .u-appsprod .i { padding-bottom: 30px; margin-bottom: 30px; }
main .u-appsprod .i>.r { margin-top: 20px; }
main .u-appsprod .i .text { padding: 35px; }
main .u-appsprod .i .text p.p1 { font-size: 22px; }
main .u-appsprod .i .text .bte5 { margin: 15px 0; }
}
main .u-contlist>ul { margin: -30px; }
main .u-contlist>ul>li { padding: 30px; }
main .u-contlist .i { padding: 110px 0; }
main .u-contlist .i:hover p.p2 { color: #F85208; }
main .u-contlist .i p { text-align: center; }
main .u-contlist .i p.p1 { height: 50px; }
main .u-contlist .i p.p1 img { width: 50x; height: 50x; }
main .u-contlist .i p.p2 { margin-top: 25px; font-size: 26px; font-weight: bold; }
main .u-contlist .i p.p3 { margin-top: 10px; font-size: 16px; color: #666666; }
 @media (max-width: 992px) {
main .u-contlist>ul { margin: -20px; }
main .u-contlist>ul>li { padding: 20px; }
}
 @media (max-width: 768px) {
main .u-contlist>ul { margin: -10px; }
main .u-contlist>ul>li { padding: 10px; width: 100% !important; }
main .u-contlist .i { padding: 55px 0; }
main .u-contlist .i p.p2 { font-size: 22px; }
}
main .u-continfo>.l, main .u-continfo>.r { width: 50%; }
main .u-continfo .text>p { color: #fff; }
main .u-continfo .text>p.p1 { font-size: 56px; }
main .u-continfo .text>p.p2 { margin-top: 20px; font-size: 22px; }
main .u-continfo .text>p.p3 { margin-top: 20px; font-size: 14px; line-height: 18px; }
main .u-continfo .text .u-form { width: 75%; }
main .u-continfo .text .u-btn1 { padding: 0 70px; }
 @media (max-width: 768px) {
main .u-continfo>.r { margin-top: 20px; }
main .u-continfo .text>p.p1 { font-size: 22px; }
main .u-continfo .text>p.p2 { font-size: 18px; margin-top: 10px; }
main .u-continfo .text>p.p3 { margin-top: 10px; }
main .u-continfo .text .u-form { width: 100%; }
main .u-continfo .text .u-btn1 { width: 100%; }
}
main .u-form.gr .i .tt { border-color: #e5e5e5; font-size: 18px; color: #333; }
 main .u-form.gr .i .tt::-webkit-input-placeholder {
 color: #999999;
}
main .u-form.gr .i input.tt { height: 60px; }
main .u-form.gr .i textarea.tt { height: 120px; }
main .u-form>ul { margin: -10px; }
main .u-form>ul>li { padding: 10px; }
main .u-form>ul>li.wa { width: 100%; }
main .u-form .i .tt { border: 1px solid rgba(255, 255, 255, 0.3); background: none; border-radius: 6px; width: 100%; font-size: 14px; color: #fff; vertical-align: middle; }
 main .u-form .i .tt::-webkit-input-placeholder {
 color: #fff;
}
main .u-form .i input.tt { padding: 0 20px; height: 44px; }
main .u-form .i textarea.tt { padding: 10px 20px; height: 90px !important; resize: none; }
 @media (max-width: 768px) {
main .u-form>ul { margin: -5px; }
main .u-form>ul>li { padding: 5px; width: 100% !important; }
main .u-form .i .tt { font-size: 14px !important; }
main .u-form .i input.tt { padding: 0 10px; height: 44px !important; }
main .u-form .i textarea.tt { padding: 10px; height: 80px; }
}
main .u-newshead>.l { width: 64%; }
main .u-newshead>.r { width: 32%; }
main .u-newshead .lis1>ul>li { margin-bottom: 60px; }
main .u-newshead .lis1>ul>li:last-child { margin-bottom: 0; }
 @media (max-width: 1200px) {
main .u-newshead .lis1>ul>li { margin-bottom: 30px; }
}
 @media (max-width: 992px) {
main .u-newshead>.l,  main .u-newshead>.r { float: none; }
main .u-newshead>.l { width: 100%; }
main .u-newshead>.r { margin-left: 0; margin-top: 40px; }
}
 @media (max-width: 768px) {
main .u-newshead>.l { width: 100%; }
main .u-newshead>.r { margin-left: 0; margin-top: 20px; }
main .u-newshead .lis1>ul>li { margin-bottom: 30px; }
}
main .u-newslist>ul { margin: -30px; }
main .u-newslist>ul>li { padding: 30px; }
 @media (max-width: 992px) {
main .u-newslist>ul { margin: -15px; }
main .u-newslist>ul>li { padding: 15px; }
}
 @media (max-width: 768px) {
main .u-newslist>ul { margin: -10px; }
main .u-newslist>ul>li { padding: 10px; width: 100% !important; }
}
main .u-newsitem { display: block; }
main .u-newsitem:hover p.p1 { color: #F85208; top: -5px; }
main .u-newsitem:hover .awst { color: #F85208; }
main .u-newsitem.lr>.hd { width: 165px; float: left; }
main .u-newsitem.lr>.ct { margin-left: 190px; padding: 0; }
main .u-newsitem.lr p.p1 { font-size: 18px; line-height: 24px; height: 48px; }
main .u-newsitem.lr p.p2 { font-size: 14px; line-height: 18px; height: 36px; }
main .u-newsitem.lr p.p3 { font-size: 14px; }
main .u-newsitem>.hd.ht-1 { height: 290px; }
main .u-newsitem>.hd.ht-2 { height: 120px; }
main .u-newsitem>.hd img { width: 100%; height: 100%; }
main .u-newsitem>.ct { padding: 20px 0; }
main .u-newsitem>.ft { margin-top: 20px; }
main .u-newsitem p { line-height: 28px; }
main .u-newsitem p.p1 { font-size: 22px; font-weight: bold; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; position: relative; top: 0; transition: all 600ms; }
main .u-newsitem p.p2 { color: #999999; font-size: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; }
main .u-newsitem p.p3 { color: #999999; font-size: 16px; }
main .u-newsitem p.p3 img { position: relative; top: -1px; margin-right: 6px; }
 @media (max-width: 1200px) {
main .u-newsitem>.hd.ht-1 { height: 180px; }
}
 @media (max-width: 768px) {
main .u-newsitem>.hd.ht-1 { height: 180px; }
main .u-newsitem>.ct { padding: 15px 0; }
main .u-newsitem>.ft { margin-top: 15px; }
main .u-newsitem p { line-height: 24px; }
main .u-newsitem p.p1 { font-size: 20px; height: 48px; }
main .u-newsitem p.p2 { font-size: 15px; height: 48px; }
main .u-newsitem p.p3 { font-size: 14px; }
}
main .u-paging { margin-top: 100px; }
main .u-paging p { text-align: center; }
main .u-paging p a { display: inline-block; width: 44px; height: 44px; text-align: center; line-height: 42px; border: 1px solid #e4e4e4; color: #666666; font-size: 14px; margin: 0 6px; border-radius: 5px; }
main .u-paging p a:hover { color: #C43D00; }
main .u-paging p a.on { border-color: #C43D00; background-color: #C43D00; color: #fff; }
main .u-paging p a.aw { font-family: 宋体; font-weight: bold; }
 @media (max-width: 768px) {
main .u-paging { margin-top: 50px; }
}
main .u-newsmain .head { padding-bottom: 40px; }
main .u-newsmain .head p { text-align: center; }
main .u-newsmain .head p.p1 { padding: 0 5%; font-size: 26px; line-height: 32px; color: #F85208; }
main .u-newsmain .head p.p2 { margin-top: 30px; color: #666666; font-size: 14px; }
main .u-newsmain .cont>.l { width: 64%; }
main .u-newsmain .cont>.r { width: 30%; }
 @media (max-width: 768px) {
main .u-newsmain .head p.p1 { padding: 0; font-size: 22px; line-height: 1.4em; }
main .u-newsmain .head p.p2 { margin-top: 15px; color: #666666; font-size: 14px; }
main .u-newsmain .cont>.r { margin-top: 60px; }
}
main .u-article .cont { padding-bottom: 50px; margin-bottom: 50px; }
main .u-article .cont h5:last-child, main .u-article .cont p:last-child, main .u-article .cont img:last-child { margin-bottom: 0; }
main .u-article .cont h5 { font-size: 24px; margin-bottom: 30px; }
main .u-article .cont p { color: #666666; font-size: 16px; line-height: 32px; margin-bottom: 30px; }
main .u-article .cont img { max-width: 100%; margin-bottom: 30px; }
main .u-article .foot p.p1 { font-size: 16px; line-height: 32px; }
main .u-article .foot p.p1 a { color: #F85208; }
main .u-article .foot p.p1 a:hover { color: #C43D00; }
main .u-article .foot p.p2 { font-size: 16px; color: #F85208; }
main .u-article .foot p.p2 a { display: inline-block; margin-left: 8px; }
main .u-article .foot p.p2 a:hover { opacity: 0.8; }
 @media (max-width: 768px) {
main .u-article .cont { padding-bottom: 25px; margin-bottom: 25px; }
main .u-article .cont h5 { font-size: 22px; margin-bottom: 20px; }
main .u-article .cont p { font-size: 14px; line-height: 1.6em; margin-bottom: 20px; }
main .u-article .cont img { margin-bottom: 20px; }
main .u-article .foot p.p1 { font-size: 14px; line-height: 28px; }
main .u-article .foot p.p2 { font-size: 14px; }
}
main .u-prodcovers>ul>li { margin-bottom: 60px; }
main .u-prodcovers>ul>li:last-child { margin-bottom: 0; }
main .u-prodcovers .i>.l, main .u-prodcovers .i>.r { width: 48%; }
main .u-prodcovers .i:hover .text p.p1 { color: #F85208; }
main .u-prodcovers .i .text { padding-top: 5%; }
main .u-prodcovers .i .text p.p1 { font-size: 36px; margin-bottom: 40px; }
main .u-prodcovers .i .text p.p2 { font-size: 18px; line-height: 32px; color: #666666; }
main .u-prodcovers .i .text p.p3 { margin-top: 50px; }
 @media (max-width: 768px) {
main .u-prodcovers>ul>li { margin-bottom: 30px; }
main .u-prodcovers .i .text { padding-top: 5%; }
main .u-prodcovers .i .text p.p1 { font-size: 22px; margin-bottom: 20px; }
main .u-prodcovers .i .text p.p2 { font-size: 16px; line-height: 1.6em; }
main .u-prodcovers .i .text p.p3 { margin-top: 25px; }
}
main .u-mainlrct { position: relative; }
main .u-mainlrct>.l { position: sticky; top: 0; }
main .u-mainlrct>.r { float: none; margin-left: 370px; }
 @media (max-width: 992px) {
main .u-mainlrct>.r { margin-left: 240px; }
}
 @media (max-width: 768px) {
main .u-mainlrct>.l { position: unset; top: 0; }
main .u-mainlrct>.r { margin-left: 0; margin-top: 60px; }
}
main .u-sidenavi { border-left: 1px solid #cccccc; margin-top: 120px; }
main .u-sidenavi p a { display: block; line-height: 60px; padding-left: 24px; border-left: 4px solid transparent; color: #666666; font-size: 16px; position: relative; left: -2px; }
main .u-sidenavi p a:hover, main .u-sidenavi p a.on { color: #F85208; border-left-color: #F85208; }
 @media (max-width: 768px) {
main .u-sidenavi p a { line-height: 50px; }
}
main .u-download>ul>li { margin-bottom: 30px; }
main .u-download>ul>li:last-child { margin-bottom: 0; }
main .u-download .i { padding: 40px 60px; }
main .u-download .i:hover>.ct p.p1 { color: #F85208; top: -10px; }
main .u-download .i:hover>.ct .bt { background-image: url(../images/support-dl-on.png); background-color: #C43D00; }
main .u-download .i>.hd { float: left; padding-right: 60px; width: 140px; }
main .u-download .i>.hd img { width: 75px; height: 75px; }
main .u-download .i>.ct { margin-left: 195px; }
main .u-download .i>.ct p { width: 85%; }
main .u-download .i>.ct p.p1 { font-size: 30px; line-height: 1.4em; margin-top: -10px; position: relative; top: 0; transition: top 600ms; }
main .u-download .i>.ct p.p2 { margin-top: 10px; font-size: 18px; line-height: 18px; color: #666666; }
main .u-download .i>.ct .bt { display: inline-block; width: 82px; height: 82px; border-radius: 50%; background: url(../images/support-dl.png) no-repeat center; margin-top: -10px; }
 @media (max-width: 992px) {
main .u-download .i>.hd { width: 100px; }
main .u-download .i>.hd img { width: 55px; height: 55px; }
main .u-download .i>.ct { margin-left: 120px; }
}
 @media (max-width: 768px) {
main .u-download>ul>li { margin-bottom: 15px; }
main .u-download .i { padding: 20px; }
main .u-download .i>.hd { position: absolute; top: 20px; left: 20px; }
main .u-download .i>.hd img { width: 35px; height: 35px; }
main .u-download .i>.ct { margin-left: 0; padding-top: 50px; }
main .u-download .i>.ct p { width: 85%; }
main .u-download .i>.ct p.p1 { font-size: 18px; margin-top: 0; }
main .u-download .i>.ct p.p2 { font-size: 14px; line-height: 1.4em; }
main .u-download .i>.ct .bt { width: 41px; height: 41px; background-size: 18px; margin-top: 0; }
}
main .u-faqs { padding: 0 35px; }
main .u-faqs>ul { margin-bottom: -1px; }
main .u-faqs .i:hover h5, main .u-faqs .i.on h5 { color: #C43D00; }
main .u-faqs .i:hover h5 span, main .u-faqs .i.on h5 span { color: #F85208; }
main .u-faqs .i.on h5 .awst { display: inline-block; transform: rotate(-90deg); color: #F85208; }
main .u-faqs .i h5 { font-size: 14px; padding: 28px 0; position: relative; padding-left: 35px; }
main .u-faqs .i h5 span { position: absolute; top: 28px; left: 0; }
main .u-faqs .i p { padding: 15px 40px; color: #666666; font-size: 14px; line-height: 26px; display: none; }
 @media (max-width: 992px) {
main .u-faqs h5 { line-height: 1.6em; }
}
 @media (max-width: 768px) {
main .u-faqs { padding: 0 15px; }
main .u-faqs .i h5 { padding-top: 20px; padding-bottom: 20px; line-height: 1.4em; padding-left: 25px; }
main .u-faqs .i h5 span { top: 20px; }
main .u-faqs .i p { padding: 15px; }
}
main .u-contsrve>ul { margin: 0 -30px; }
main .u-contsrve>ul>li { padding: 0 30px; width: 25%; transition: width 600ms; }
main .u-contsrve>ul>li.on { width: 50%; }
main .u-contsrve>ul>li.on .u-shadview>.ct p.p4 { display: block; }
main .u-contsrve .u-shadview>img { height: 640px; }
main .u-contsrve .u-shadview>.ct { bottom: 50px; padding: 0 60px; }
main .u-contsrve .u-shadview>.ct p.p4 { line-height: 32px; white-space: unset; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: none; }
 @media (max-width: 768px) {
main .u-contsrve>ul { margin: -10px; }
main .u-contsrve>ul>li { padding: 10px; width: 100% !important; }
main .u-contsrve .u-shadview>img { height: 320px; }
main .u-contsrve .u-shadview>.ct { bottom: 25px; padding: 0 30px; }
main .u-contsrve .u-shadview>.ct p.p4 { line-height: 28px; font-size: 14px; }
}
main .u-videos>ul { margin: -30px -18px; }
main .u-videos>ul>li { padding: 30px 18px; }
main .u-videos .i:hover>p { color: #F85208; }
main .u-videos .i>.hd { position: relative; }
main .u-videos .i>.hd::after { content: ""; position: absolute; z-index: 1; top: 0; height: 100%; left: 0; width: 100%; background: url(../images/ic-play.png) no-repeat center rgba(0, 0, 0, 0.5); }
main .u-videos .i>.hd img { width: 100%; height: 355px; }
main .u-videos .i>p { margin-top: 25px; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1em; }
 @media (max-width: 992px) {
main .u-videos>ul { margin: -18px; }
main .u-videos>ul>li { padding: 18px; }
}
 @media (max-width: 768px) {
main .u-videos>ul { margin: -10px; }
main .u-videos>ul>li { padding: 10px; }
main .u-videos .i>.hd img { height: 160px; }
main .u-videos .i>p { margin-top: 15px; font-size: 18px; }
}
main .e-prodhead { background: url(../images/i_img1.jpg) no-repeat 94% -5% #f8f8f8; }
main .u-prodhead>.ct { padding: 60px 0; }
main .u-prodhead .cont>.l, main .u-prodhead .cont>.r { width: 46%; }
main .u-prodhead .cont>.l { padding-top: 20px; }
main .u-prodhead .text { background-color: #F85208; padding: 70px 50px; border-radius: 12px 110px; }
main .u-prodhead .text p { color: #fff; }
main .u-prodhead .text p.p1 { font-size: 36px; }
main .u-prodhead .text p.p2 { margin-top: 15px; font-size: 16px; line-height: 26px; }
main .u-prodhead .text p.p3 { margin-top: 45px; }
main .u-prodhead .text p.p3 .u-btn1 { border-radius: 15px; padding: 0 100px; font-size: 22px; background-color: #C43D00 !important; }
main .u-prodhead .text p.p3 .u-btn1:hover { opacity: 0.8; transition: opacity 600ms; }
main .u-prodhead .view { position: relative; }
main .u-prodhead .view>.ct .i { height: 474px; line-height: 474px; text-align: center; }
main .u-prodhead .view>.ct .i img { max-height: 474px; max-width: 100%; }
 @media (max-width: 992px) {
main .u-prodhead .cont>.l,  main .u-prodhead .cont>.r { width: 49%; }
}
 @media (max-width: 768px) {
main .u-prodhead>.ct { padding: 55px 0; }
main .u-prodhead .cont>.l { padding-top: 0; }
main .u-prodhead .cont>.r { margin-top: 40px; }
main .u-prodhead .text { padding: 25px; border-radius: 12px 55px; }
main .u-prodhead .text p.p1 { font-size: 32px; line-height: 1.2em; }
main .u-prodhead .view { position: relative; }
main .u-prodhead .view .awbl { display: block; }
main .u-prodhead .view>.ct .i { height: 237px; line-height: 237px; }
main .u-prodhead .view>.ct .i img { max-height: 237px; }
}
main .u-prodcont .head { padding-bottom: 30px; margin-bottom: 45px; padding-top: 120px; }
main .u-prodcont .head p { font-size: 36px; }
main .u-prodcont .text { margin-bottom: 25px; }
main .u-prodcont .text p { color: #666666; font-size: 16px; line-height: 26px; }
main .u-prodcont .char>.l, main .u-prodcont .char>.r { width: 49%; }
main .u-prodcont .char .txt p { font-size: 18px; line-height: 68px; }
main .u-prodcont .tabl table { width: 100%; }
main .u-prodcont .tabl table tbody tr:first-child td { padding-top: 30px; padding-bottom: 30px; }
main .u-prodcont .tabl table tbody tr:nth-child(even) { background-color: #f8f8f8; }
main .u-prodcont .tabl table tbody tr td { padding: 18px 40px; line-height: 30px; font-size: 18px; }
main .u-prodcont .tabl table tbody tr td:first-child { color: #666666; }
main .u-prodcont .lis1>ul { margin: -30px; }
main .u-prodcont .lis1>ul>li { padding: 30px; }
main .u-prodcont .lis1 .i:hover>.ct p.p1 { color: #F85208; }
main .u-prodcont .lis1 .i>.hd { height: 270px; }
main .u-prodcont .lis1 .i>.hd img { width: 100%; height: 100%; }
main .u-prodcont .lis1 .i>.ct { padding: 40px; padding-top: 20px; }
main .u-prodcont .lis1 .i>.ct p { text-align: center; }
main .u-prodcont .lis1 .i>.ct p.p1 { font-size: 18px; line-height: 28px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; }
main .u-prodcont .lis1 .i>.ct p.p2 { margin-top: 10px; color: #999999; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1em; }
main .u-prodcont .lis2>ul { margin: -25px; }
main .u-prodcont .lis2>ul>li { padding: 25px; }
main .u-prodcont .lis2 .i:hover>.ct p.p1 { color: #F85208; }
main .u-prodcont .lis2 .i>.hd { height: 370px; }
main .u-prodcont .lis2 .i>.hd img { width: 100%; height: 100%; }
main .u-prodcont .lis2 .i>.ct { margin-top: 25px; }
main .u-prodcont .lis2 .i>.ct p.p1 { font-size: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1em; }
main .u-prodcont .lis2 .i>.ct p.p2 { margin-top: 15px; color: #666666; font-size: 18px; line-height: 32px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 96px; }
main .u-prodcont .lis2 .i>.ct p.p3 { margin-top: 20px; }
 @media (max-width: 1200px) {
main .u-prodcont .lis1>ul { margin: -20px; }
main .u-prodcont .lis1>ul>li { padding: 20px; }
}
 @media (max-width: 992px) {
main .u-prodcont .char .txt p { font-size: 18px; line-height: 38px; }
main .u-prodcont .lis1>ul { margin: -20px; }
main .u-prodcont .lis1>ul>li { padding: 20px; width: 50% !important; }
}
 @media (max-width: 768px) {
main .u-prodcont .head { padding-bottom: 15px; margin-bottom: 20px; padding-top: 60px; }
main .u-prodcont .head p { font-size: 22px; }
main .u-prodcont .char>.r { margin-top: 20px; }
main .u-prodcont .char .txt p { font-size: 14px; line-height: 34px; }
main .u-prodcont .tabl { overflow: auto; }
main .u-prodcont .tabl table { width: 150%; }
main .u-prodcont .tabl table tbody tr:first-child td { padding-top: 18px; padding-bottom: 18px; }
main .u-prodcont .tabl table tbody tr td { padding: 18px 20px; line-height: 1.4em; font-size: 14px; }
main .u-prodcont .lis1>ul { margin: -10px; }
main .u-prodcont .lis1>ul>li { padding: 10px; width: 100% !important; }
main .u-prodcont .lis1 .i>.hd { height: 180px; }
main .u-prodcont .lis1 .i>.ct { padding: 20px; }
main .u-prodcont .lis2>ul { margin: -10px; }
main .u-prodcont .lis2>ul>li { padding: 10px; width: 100% !important; }
main .u-prodcont .lis2 .i>.hd { height: 180px; }
main .u-prodcont .lis2 .i>.ct { margin-top: 25px; }
main .u-prodcont .lis2 .i>.ct p.p1 { font-size: 22px; }
main .u-prodcont .lis2 .i>.ct p.p2 { font-size: 16px; line-height: 28px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 84px; }
}
main .u-commabox { background-color: #fff; padding: 60px 80px; width: 1280px; }
main .u-commabox>a { content: ""; display: inline-block; width: 12px; height: 13px; background: url(../images/close1.png) no-repeat center; background-size: contain; vertical-align: middle; position: absolute; z-index: 1; top: 20px; right: 18px; }
main .u-commabox>a:hover { opacity: 0.8; }
 @media (max-width: 992px) {
main .u-commabox { width: 90%; }
}
 @media (max-width: 768px) {
main .u-commabox { padding: 15px; width: 90%; }
}
main .u-prodform .u-btn1 { border-radius: 5px; padding: 0 150px; font-size: 18px; }
 @media (max-width: 768px) {
main .u-prodform .u-btn1 { padding: 0; font-size: 16px; width: 100%; }
}
main .u-filter .p { padding: 30px 0; }
main .u-filter .p.lt:first-child { margin-top: -30px; }
main .u-filter .p.lt:last-child { margin-bottom: -30px; border-bottom: none !important; }
main .u-filter .p.lt>label { font-size: 16px; font-weight: normal; }
main .u-filter .p.lt>.ct { margin-left: 210px; }
main .u-filter .p>label { float: left; font-size: 18px; font-weight: bold; }
main .u-filter .p>.ct { margin-left: 330px; }
main .u-filter .p>.ct p { font-size: 16px; }
main .u-filter .p .cbox { display: inline-block; margin-right: 40px; }
main .u-filter .p .cbox.wa { min-width: 90px; }
main .u-filter .p .cbox:hover, main .u-filter .p .cbox.on { color: #F85208; }
main .u-filter .p .cbox.on::before { background-image: url(../images/cbox1-on.png); }
main .u-filter .p .cbox::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/cbox1.png) no-repeat center; background-size: contain; vertical-align: middle; margin-right: 10px; position: relative; top: -1px; }
main .u-filter .p .btn1 { display: inline-block; line-height: 26px; padding: 0 10px; border: 1px solid #cccccc; border-radius: 2px; color: #666666; font-size: 14px; margin-right: 10px; }
main .u-filter .p .btn1:hover { color: #C43D00; border-color: #C43D00; }
main .u-filter .p .btn1.on { border-color: #C43D00; background-color: #C43D00; color: #fff; }
main .u-filter .p .btn1 a { content: ""; display: inline-block; width: 5px; height: 8px; background: url(../images/close2.png) no-repeat center; background-size: contain; vertical-align: middle; margin-left: 10px; }
main .u-filter .p .btn1 a:hover { opacity: 0.8; }
main .u-filter .p .srch { display: inline-block; border: 1px solid #cccccc; border-radius: 5px; position: relative; width: 246px; top: -5px; }
main .u-filter .p .srch .tt { border: none; background: none; height: 36px; font-size: 14px; width: 100%; text-indent: 15px; }
 main .u-filter .p .srch .tt::-webkit-input-placeholder {
 color: #999999;
}
main .u-filter .p .srch .bt { display: inline-block; width: 36px; height: 36px; position: absolute; top: 0; right: 0; background: url(../images/ic-srch.png) no-repeat center; }
main .u-filter .p .srch .bt:hover { opacity: 0.8; }
 @media (max-width: 992px) {
main .u-filter .p>.ct { margin-left: 260px; }
main .u-filter .p.lt>.ct { margin-left: 180px; }
main .u-filter .p .cbox { margin-right: 20px; margin-bottom: 15px; }
main .u-filter .p .cbox.wa { min-width: 60px; }
main .u-filter .p .btn1 { margin-bottom: 15px; }
}
 @media (max-width: 768px) {
main .u-filter .p { padding: 15px 0; }
main .u-filter .p.lt:first-child { margin-top: -15px; }
main .u-filter .p.lt:last-child { margin-bottom: -15px; }
main .u-filter .p.lt>label { font-size: 14px; }
main .u-filter .p.lt>.ct { margin-left: 0; }
main .u-filter .p>label { float: none; font-size: 16px; display: block; }
main .u-filter .p>.ct { margin-left: 0; margin-top: 15px; }
main .u-filter .p .cbox { margin-right: 0; width: 48%; margin: 10px 0; }
main .u-filter .p .btn1 { margin: 5px 0; margin-right: 5px; }
main .u-filter .p .srch { width: 200px; }
main .u-filter .p .srch .tt { font-size: 12px; }
}
main .u-prodtabl>.hd { padding: 20px 0; }
main .u-prodtabl>.hd p { color: #666666; font-size: 14px; }
main .u-prodtabl>.hd p em { font-style: normal; color: #F85208; display: inline-block; margin: 0 5px; }
main .u-prodtabl>.hd p .bt { display: inline-block; font-size: 12px; color: #333; margin-right: 40px; }
main .u-prodtabl>.hd p .bt:hover { color: #F85208; }
main .u-prodtabl>.hd p .bt:last-child { margin-right: 0; }
main .u-prodtabl>.hd p .bt img { margin-right: 2px; }
main .u-prodtabl .tabl { border: 1px solid #e5e5e5; overflow: auto; }
main .u-prodtabl .tabl table { width: 100%; }
main .u-prodtabl .tabl table tbody tr { border-bottom: 1px solid #e5e5e5; }
main .u-prodtabl .tabl table tbody tr:last-child { border-bottom: none; }
main .u-prodtabl .tabl table tbody tr.hh td { background-color: #F85208; color: #fff; }
main .u-prodtabl .tabl table tbody tr td { padding: 24px 10px; line-height: 28px; color: #666666; font-size: 16px; text-align: center; }
main .u-prodtabl .tabl table tbody tr td:first-child { text-align: left; padding-left: 15px; }
main .u-prodtabl .tabl table tbody tr td a { color: #C43D00; }
main .u-prodtabl .tabl table tbody tr td a:hover { text-decoration: underline; }
main .u-prodtabl .tabl table tbody tr td select { appearance: none; border: none; background: none; color: #fff; background: url(../images/awdd.png) no-repeat 100% 50%; padding-right: 15px; font-size: 16px; }
 @media (max-width: 768px) {
main .u-prodtabl>.hd { padding: 15px 0; }
main .u-prodtabl>.hd p .fr { float: none; display: block; }
main .u-prodtabl>.hd p .bt { margin-right: 0; width: 48%; margin-bottom: 15px; }
main .u-prodtabl .tabl table tbody tr td { line-height: 1.6em; font-size: 14px; }
}
main .u-howhys>ul { margin: -10px; }
main .u-howhys>ul>li { padding: 10px; }
main .u-howhys .i { background-color: #fff; padding: 40px; transition: none !important; }
main .u-howhys .i:hover { background-color: #F85208; }
main .u-howhys .i:hover p { color: #fff; }
main .u-howhys .i:hover p.p1 i { display: none; }
main .u-howhys .i:hover p.p1 i.on { display: block; }
main .u-howhys .i:hover p.p1 i.i1 { background-image: url(../images/why-i1-on.png); }
main .u-howhys .i:hover p.p1 i.i2 { background-image: url(../images/why-i2-on.png); }
main .u-howhys .i:hover p.p1 i.i3 { background-image: url(../images/why-i3-on.png); }
main .u-howhys .i:hover p.p1 i.i4 { background-image: url(../images/why-i4-on.png); }
main .u-howhys .i:hover p.p1 i.i5 { background-image: url(../images/why-i5-on.png); }
main .u-howhys .i:hover p.p1 i.i6 { background-image: url(../images/why-i6-on.png); }
main .u-howhys .i p { transition: none !important; }
main .u-howhys .i p.p1 i { content: ""; display: inline-block; width: 58px; height: 58px; background: none no-repeat center; background-size: contain; vertical-align: middle; transition: none !important; }
main .u-howhys .i p.p1 i.on { display: none; }
main .u-howhys .i p.p1 i.i1 { background-image: url(../images/why-i1.png); }
main .u-howhys .i p.p1 i.i2 { background-image: url(../images/why-i2.png); }
main .u-howhys .i p.p1 i.i3 { background-image: url(../images/why-i3.png); }
main .u-howhys .i p.p1 i.i4 { background-image: url(../images/why-i4.png); }
main .u-howhys .i p.p1 i.i5 { background-image: url(../images/why-i5.png); }
main .u-howhys .i p.p1 i.i6 { background-image: url(../images/why-i1.png); }
main .u-howhys .i p.p2 { margin-top: 35px; height: 56px; line-height: 56px; transition: transform 600ms !important; }
main .u-howhys .i p.p2 span { display: inline-block; font-size: 24px; line-height: 28px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: none !important; }
main .u-howhys .i p.p3 { margin-top: 15px; font-size: 16px; line-height: 26px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 104px; }
 @media (max-width: 1200px) {
main .u-howhys .i p.p2 span { font-size: 18px; }
}
 @media (max-width: 992px) {
main .u-howhys>ul>li { width: 50% !important; }
main .u-howhys .i p.p2 span { font-size: 18px; }
}
 @media (max-width: 768px) {
main .u-howhys>ul>li { width: 100% !important; }
main .u-howhys .i { padding: 15px; }
main .u-howhys .i p.p1 i { content: ""; display: inline-block; width: 29px; height: 29px; background: none no-repeat center; background-size: contain; vertical-align: middle; }
main .u-howhys .i p.p2 { margin-top: 15px; height: 40px; line-height: 40px; }
main .u-howhys .i p.p2 span { font-size: 18px; line-height: 20px; }
main .u-howhys .i p.p3 { font-size: 14px; line-height: 24px; height: 96px; }
}
main .u-honews>ul { margin: -12px; }
main .u-honews>ul>li { padding: 12px; }
main .u-honews .wrap1 { height: 475px; line-height: 475px; }
main .u-honews .i { padding: 30px 45px; display: inline-block; height: 325px; vertical-align: bottom; line-height: 1em; transition: height 600ms; }
main .u-honews .i>.hd p { transition: none; }
main .u-honews .i>.hd p.p1 { padding-bottom: 25px; font-size: 34px; font-weight: bold; }
main .u-honews .i>.hd p.p2 { margin: 35px 0; font-size: 22px; font-weight: bold; line-height: 34px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 68px; }
main .u-honews .i>.ct p { color: #999999; font-size: 15px; line-height: 27px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 81px; }
main .u-honews .i .view { margin: 0 -45px; margin-bottom: -30px; }
main .u-honews .i .view img { height: 0; }
main .u-honews .i.on { border-color: #F85208; background: url(../images/news-b1.png) no-repeat 0 0 #F85208; background-size: cover; height: 475px; }
main .u-honews .i.on>.hd p { color: #fff; }
main .u-honews .i.on>.ct p { display: none; }
main .u-honews .i.on .view img { height: 245px; }
 @media (max-width: 768px) {
main .u-honews>ul { margin: -10px; }
main .u-honews>ul>li { padding: 10px; width: 100% !important; }
main .u-honews .wrap1 { height: 320px; line-height: 320px; }
main .u-honews .i { padding: 20px; height: 250px; }
main .u-honews .i>.hd p.p1 { padding-bottom: 15px; font-size: 22px; }
main .u-honews .i>.hd p.p2 { margin: 25px 0; font-size: 16px; line-height: 28px; height: 56px; }
main .u-honews .i>.ct p { font-size: 12px; line-height: 24px; height: 72px; }
main .u-honews .i .view { margin: 0 -20px; margin-bottom: -20px; }
main .u-honews .swiper .swiper-slide-active .i { height: 320px; }
main .u-honews .swiper .swiper-slide-active .i .view img { height: 160px; }
}
/*# sourceMappingURL=style.css.map */

main .u-prodtabl .tabl table { border-collapse: collapse; }
main .u-prodtabl .tabl table, main .u-prodtabl .tabl th, main .u-prodtabl .tabl td { border: none; }