/* global default: Edge browser refuses em for line-height, 100% for width calc sometimes */
*{
	--pc-w:1140px;
	--hmar:24px;--l-hmar:40px;--s-hmar:16px;--xs-hmar:8px;--vmar:24px;--l-vmar:40px;--s-vmar:16px;--xs-vmar:4px;
	--hpad:24px;--s-hpad:16px;--xs-hpad:6px;--vpad:20px;--s-vpad:12px;--l-vpad:40px;
	--col:2;--wratio:calc(1 / var(--col));--gap:var(--hmar);--w:calc((99.9999% - var(--gap) * (var(--col) - 1)) * var(--wratio));
	/*--w-px:450px;--w-px2:calc(99.9999% - (var(--gap) + var(--w-px)) * (var(--col) - 1));*/
	--w2:calc(99.9999% - (var(--gap) + var(--w)) * (var(--col) - 1));/* complements --w in pixel */
	--z1:1;--z2:10;--z3:100;--z4:1000;--z5:10000;
	/* text */
	--i:6px;--d:2px;--ft-sz:14px;--ft-sz-banner:calc(var(--ft-sz1) + 10px);
	--ft-sz1:calc(var(--ft-sz2) + var(--i));--ft-sz2:calc(var(--ft-sz3) + var(--i));--ft-sz3:calc(var(--ft-sz) + var(--d));--ft-sz4:var(--ft-sz);--ft-sz5:calc(var(--ft-sz) - var(--d));
	--line:22px;--s-line:16px;
	/* color */
	--blue:#1f2845;--l-blue:#0038a8;--orange:#f9a433;--l-gray:#d8d9da;--gray:#878e96;--d-gray:#333;--red:#af272f;
	--blue8:rgba(31,41,70,.8);--l-blue1:rgba(0,56,168,.1);--orange8:rgba(254,165,50,.8);--orange1:rgba(254,165,50,.1);
	--l-gray3:rgba(216,217,218,.3);--l-gray8:rgba(216,217,218,.8);--gray7:rgba(135,142,150,.7);
	--white8:rgba(255,255,255,.8);--black6:rgba(0,0,0,.6);
	margin:0;padding:0;font-family:Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif/*;transition:all .15s linear*/
}
body{margin:0 auto;font-size:var(--ft-sz);line-height:var(--line);color:var(--d-gray);background-color:#fff}
body section{box-sizing:border-box}
body>section:nth-of-type(2n){background-color:var(--l-gray3)}
wrap,.wrap{display:block;position:relative;width:var(--pc-w);margin:0 auto}/* custom tag */
body>section.wrap,body>section>wrap,body>section>.wrap{padding:48px 0}
wrap:after,.wrap:after,.clr:after,.clr:before{content:"";display:block;clear:both}
/* .arr allows 'vertical-align' to align inner content, while .col stiffly uses 'height' */
.arr{display:inline-block;position:relative;width:var(--w);vertical-align:top;box-sizing:border-box}
.arr+.arr{margin-left:calc(var(--hmar) - 4px)}
.col,main,.main,aside,.aside{display:block;position:relative;width:var(--w);box-sizing:border-box;float:left}
.col+.col{margin-left:var(--gap)}
main,.main{--wratio:.7}
aside,.aside{--wratio:.3;float:right}
main:nth-of-type(n+2),.main:nth-of-type(n+2),aside:nth-of-type(n+2),.aside:nth-of-type(n+2){margin-top:var(--l-vmar)}
article>*+*,.article>*+*{margin-top:var(--s-vmar)}
article h1+*,article h2+*,article h3+*,article h4+*,article h5+*{margin-top:var(--xs-vmar) !important}
article ul,article ol,.article ul,.article ol{margin-top:0;margin-left:1.6em}
article ul>ul,.article ul>ul{list-style:circle}
article ul>ul>ul,.article ul>ul>ul{list-style:square}
article ol>ol,.article ol>ol{list-style:lower-alpha}
article ol>ol>ol,.article ol>ol>ol{list-style:lower-roman}
article li,.article li{margin-top:0;list-style:unset}
article figure,.article figure{width:92%;margin:var(--s-vmar) auto;text-align:center}
article figure :not(img):not(figcaption),.article figure :not(img):not(figcaption){text-align:left}
article figure.fl,article figure.fr,.article figure.fl,.article figure.fr{--wratio:.4;width:var(--w)}
article figure.fl,.article figure.fl{margin-right:var(--hmar)}
article figure.fr,.article figure.fr{margin-left:var(--hmar)}
article *.fl+*:first-of-type,article *.fr+*:first-of-type,.article *.fl+*:first-of-type,.article *.fr+*:first-of-type{margin-top:0}
details>*{margin-top:var(--s-vmar)}
details summary{display:block;cursor:pointer}
/* below ex. Edge */
details summary::-webkit-details-marker{color:var(--d-gray)}
/*details summary:before{content:"\2714";color:var(--orange);margin-right:8px}*/
/*h1,h2,h3,h4,h5{line-height:normal}*/
h1:not(:last-child),h2:not(:last-child),h3:not(:last-child),h4:not(:last-child),h5:not(:last-child){margin-bottom:var(--xs-vmar)}
h1{font-size:var(--ft-sz1)}
h2{font-size:var(--ft-sz2)}
h3{font-size:var(--ft-sz3)}
h4{font-size:var(--ft-sz4)}
h5,hgroup p{font-size:var(--ft-sz5)}
li{list-style:none}
table{width:100%}
caption{margin-bottom:var(--xs-vmar)}
tr:hover{color:#fff;background:var(--orange) !important}
a box:hover figcaption,a .frame:hover figcaption{background:var(--orange8)}
a{color:var(--d-gray);text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline}
a.u:hover,.u a:hover{text-decoration:none}/* u = unstyle */
article a:not(.btn),.article a:not(.btn),p a:not(.btn){color:var(--l-blue)}
b,i{font-style:normal}/* otherwise use strong,em */
code{padding:2px 4px;font-family:monospace;font-size:92%;color:var(--l-blue);background:var(--l-blue1);border-radius:4px}
code:hover{color:var(--orange);background:var(--orange1)}
mark{font-size:var(--ft-sz2);color:var(--orange);background:transparent;vertical-align:top}
img{max-width:100%;border:none}
figure img{display:block;margin:0 auto}
figure img.u{display:unset}

button,input,textarea,select,optgroup,option,fieldset{font-size:var(--ft-sz);border:none}
button,input[type=submit]{-webkit-appearance:none}
input:-webkit-outer-spin-button,input:-webkit-inner-spin-button{margin:0;-webkit-appearance:none !important}
select:hover{cursor:pointer}
blockquote{text-align:left;text-indent:2em}
box,.box,.frame{display:block;position:relative;overflow-x:auto;overflow-y:hidden}/* to x-scroll <table> for mobile */
:focus{outline:none}
.hd{overflow:hidden}
.fl{float:left}
.fr{float:right}
.c{text-align:center}
.l{text-align:left}
.r{text-align:right}
.h{color:#fff;background:var(--orange)}
/* title for side-navi. */
.title_second{width:70%;margin:0 auto var(--vmar);text-align:center}
*+.title_second,*+.title_second_2{margin-top:var(--l-vmar)}
.title_second h2:after,.title_second_2 h2:after{content:"";display:block;width:100px;margin:var(--s-vmar) auto;border-bottom:3px solid var(--orange)}
.title_second_2 h2:after{margin:8px 0 var(--s-vmar)}
.breadcrumbs{padding:4px 0;font-size:var(--ft-sz5);background:var(--l-gray3)}
.columns{column-count:2;column-gap:var(--hmar)}
.btn:hover,.btn1:hover,.btn2:hover,.btn3:hover{text-decoration:none;background:var(--orange)}
.btn{display:inline-block;padding:12px 24px;background:var(--orange);cursor:pointer}
.btn:hover,.btn1:hover{color:#fff !important;background:var(--blue)}
.btn1{display:inline-block;margin:0 8px 8px 0;padding:4px 8px;font-size:var(--ft-sz);font-weight:normal;color:var(--blue) !important;border:1px solid var(--blue)}
.btn1 *{font-size:var(--ft-sz);font-weight:normal}
.btn2{display:inline-block;padding:12px 18px;font-size:var(--ft-sz5);line-height:1;border:2px solid var(--orange)}
.btn3{display:block;padding:6px 12px;color:#fff;background:var(--blue);cursor:pointer}
.btn3 *{font-size:var(--ft-sz)}
/* table of contents */
details.ui1{--wratio:.3;box-sizing:border-box;width:var(--w);margin:0 0 var(--vmar) var(--hmar);padding:var(--vpad) var(--hpad);background:var(--l-gray);border:1px solid var(--gray);float:right}
details.ui1[open] summary{border-bottom:1px dotted var(--gray)}
/* tabbed pane */
dl.ui1 input{display:none}
dl.ui1 label{box-sizing:border-box;display:inline-block;padding:8px 12px;border:1px solid var(--l-gray)}
dl.ui1 input:not(:checked)+*:hover{color:#fff;background:var(--orange);border-color:var(--orange);cursor:pointer}
dl.ui1 .pane{display:none;margin-top:var(--vmar)}
dl.ui1 input:checked+*{color:#fff;background:var(--blue);border-color:var(--blue)}
dl.ui1 input:nth-of-type(1):checked~.pane:nth-of-type(1),dl.ui1 input:nth-of-type(2):checked~.pane:nth-of-type(2),
dl.ui1 input:nth-of-type(3):checked~.pane:nth-of-type(3),dl.ui1 input:nth-of-type(4):checked~.pane:nth-of-type(4),
dl.ui1 input:nth-of-type(5):checked~.pane:nth-of-type(5),dl.ui1 input:nth-of-type(6):checked~.pane:nth-of-type(6),
dl.ui1 input:nth-of-type(7):checked~.pane:nth-of-type(7),dl.ui1 input:nth-of-type(8):checked~.pane:nth-of-type(8),
dl.ui1 input:nth-of-type(9):checked~.pane:nth-of-type(9),dl.ui1 input:nth-of-type(10):checked~.pane:nth-of-type(10){display:block}
figure.ui box,figure.ui.box{text-align:center;overflow:unset}
figure.ui box>*,figure.ui.box>*{display:inline-block;vertical-align:middle}
figure.ui figcaption{margin-left:var(--xs-vmar);text-align:left}
figure.ui box+*,figure.ui .box+*{margin-top:var(--s-vmar)}
figure.ui0{text-align:center}
figure.ui0 box>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
figure.ui1 figcaption,figure.ui3 figcaption{box-sizing:border-box;position:absolute;width:100%;padding:6px 12px;color:#fff;background:var(--blue8)}
figure.ui1 figcaption{bottom:0}
figure.ui1 a:hover figcaption{background:var(--orange8)}
figure.ui1>:last-child:not(box),figure.ui1>:last-child:not(.box){margin-top:var(--xs-vmar)}
figure.ui2{position:relative;padding:40px 0;text-align:center;background:#fff;border:2px solid var(--blue)}
figure.ui2:hover{background:var(--orange);border-color:var(--orange)}
figure.ui2 box,figure.ui2 .box,figure.ui2 .frame{width:56px;margin:0 auto}
figure.ui2:hover box,figure.ui2:hover .box,figure.ui2:hover .frame{visibility:hidden}
figure.ui2 figcaption{margin-top:var(--s-vmar)}
figure.ui2>:last-child:not(box),figure.ui2>:last-child:not(.frame){position:absolute;top:0;padding:12px 16px;text-align:left;color:#fff;visibility:hidden}
figure.ui2:hover>:last-child:not(box),figure.ui2:hover>:last-child:not(.box),figure.ui2:hover>:last-child:not(.frame){visibility:visible}
figure.ui3{position:relative}
figure.ui3 img,figure.ui4 img{display:block}
figure.ui3 figcaption{top:var(--hmar);width:52%}
figure.ui3:hover figcaption{visibility:hidden}
figure.ui3>:last-child:not(box),figure.ui3>:last-child:not(.frame){box-sizing:border-box;position:absolute;top:0;width:100%;height:100%;padding:var(--vpad) var(--hpad);color:#fff;background:var(--orange8);visibility:hidden}
figure.ui3>:last-child:not(box) a,figure.ui3>:last-child:not(.frame) a{color:#fff}
figure.ui3:hover>:last-child:not(box),figure.ui3:hover>:last-child:not(.box),figure.ui3:hover>:last-child:not(.frame){visibility:visible}
figure.ui4 figcaption{padding:8px 12px;vertical-align:middle;color:#fff;background:var(--blue)}
figure.ui4:hover figcaption{background:var(--orange)}
table.ui1,table.ui2{border-collapse:collapse}
table.ui1 th,table.ui1 td{border:1px solid #fff}
table.ui1 th,table.ui1 td,table.ui2 th,table.ui2 td{padding:8px}
table.ui1 th,table.ui2 th{text-align:left;color:#fff;background:var(--blue)}
table.ui1 tr:nth-child(2n+1),table.ui2 tr:nth-child(2n+1){background:var(--l-gray)}
table.ui1 tr:nth-child(2n),table.ui2 tr:nth-child(2n){background:var(--l-gray3)}
/* for annotation, review, tips, reminder, caution... */
note,review{display:block;box-sizing:border-box}
note.annot,.note.annot{font-size:var(--ft-sz5)}
note.annot+*,.note.annot+*{margin-top:var(--s-vmar)}
/* note of caution */
note.ui{padding:var(--vpad) var(--hpad);color:#fff;background:var(--blue8);border:1px solid var(--blue)}
note.ui a{color:#fff !important}
/* note of review */
review.ui1 blockquote,review.ui2 blockquote{padding:8px 12px;background:#fff}
review.ui1>:not(blockquote){padding:12px;color:#fff;background:var(--gray);overflow:hidden}
review.ui1>:not(blockquote)>:first-child{width:44px;float:left}
review.ui1>:not(blockquote)>:last-child{--w:44px;--gap:12px;width:var(--w2);float:right}
review.ui2{border:1px solid var(--gray)}
review.ui2 blockquote{height:104px}
review.ui2>:not(blockquote){width:auto;margin:0;padding:8px 12px;color:#fff;background:var(--gray)}
review.ui2>:not(blockquote)>:last-child{text-align:right}
review.ui3 blockquote,review.ui4 blockquote{padding:20px 60px;background:url(/res/icon/quotes-left.png) no-repeat left top,url(/res/icon/quotes-right.png) no-repeat right bottom;background-size:40px}
review.ui3>:last-child{margin-top:var(--vmar);text-align:right}
review.ui4{text-align:center}
review.ui4 img{width:120px;height:120px;border:4px solid var(--gray);border-radius:100%}
review.ui4 blockquote{margin-top:var(--s-vmar)}
review.ui4 main{--gap:0px;--wratio:.76}
review.ui4 aside{--gap:0px;--wratio:.24}
review.ui4 main blockquote{margin-top:0;transform:translateY(50%)}
/* note of brief */
note.ui5{border:1px solid var(--gray)}
note.ui5>*{padding:8px 12px;font-size:var(--ft-sz)}
note.ui5>:first-child{color:#fff;background:var(--gray)}
note.ui6{padding:var(--vpad) var(--hpad);border:2px solid var(--gray)}
note.ui6:hover{border:2px solid var(--orange)}
.swiper-pagination-bullets .swiper-pagination-bullet{background:var(--l-gray);opacity:1}
.swiper-pagination-bullets .swiper-pagination-bullet:hover{background:var(--orange)}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--blue)}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width: calc((100% - 12px) / 5);margin:0 0 0 1px !important;height:6px;border-radius:0}
.banner .swiper-pagination-bullets .swiper-pagination-bullet:first-child{margin:0 !important}
.dianzan{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.dianzan img{margin-right:8px;vertical-align:middle}
.behind{box-sizing:border-box;position:absolute;top:182px;width:100%;height:100%;padding:6px 12px;color:#fff;background:var(--blue)}
.behind:hover{background:var(--orange)}
.behind>:first-child{height:44px}
.typeList{padding:8px 0 0;font-weight:normal;float:left}
.behind .keywords_c a{color:#fff;border:1px solid #fff;padding:0 4px}
.cases .col{width:calc(100% / 3 - 16px);margin-left:var(--vmar);overflow:hidden}
.cases .col:nth-of-type(3n+1){margin-left:0}
.cases .col:nth-of-type(n+4){margin-top:var(--vmar)}
.cases .col a{text-decoration:none}
.cases .col h3{height:42px;font-weight:normal}
.cases .col .abstract{box-sizing:border-box;position:absolute;top:100%;width:100%;height:100%;padding:8px 12px;color:#fff;background:var(--blue8)}
.cases .col:hover .abstract{top:46px}
.faqs{margin-left:1.6em}
.faqs li{list-style:unset}
.faqs h3{display:inline;font-weight:normal}
.faqs .stats{margin-top:0;text-align:right}
/* visiting statistics */
stat{display:inline-block}
stat:nth-child(n+2){margin-left:var(--l-hmar)}
.stats/*,.ss_A_2_state*/{margin-top:12px}
.stats .stat/*,.ss_A_2_state a*/{display:inline-block;margin-right:36px}
.stats .stat i/*,.ss_A_2_state a i*/{margin-right:24px}
.stats .stat:nth-of-type(1)/*,.ss_A_2_state_1*/{background:url(/res/icon/stat-view.svg) no-repeat left center;background-size:auto 80%}
.stats .stat:nth-of-type(2)/*,.ss_A_2_state_2*/{background:url(/res/icon/stat-like.svg) no-repeat left center;background-size:auto 80%}
.stats .stat:nth-of-type(3)/*,.ss_A_2_state_3*/{background:url(/res/icon/stat-share.svg) no-repeat left center;background-size:auto 80%}
.stats .stat:nth-of-type(4)/*,.ss_A_2_state_4*/{background:url(/res/icon/stat-review.svg) no-repeat left center;background-size:auto 80%}
.tri-right{display:block;border-left:10px solid var(--blue);border-top:6px solid transparent;border-bottom:6px solid transparent}
.tri-down{display:block;border-top:10px solid var(--blue);border-right:6px solid transparent;border-left:6px solid transparent}
/* bshare framework */
.bdsharebuttonbox,.bdsharebuttonbox a{position:absolute;width:100%;height:100% !important;z-index:999;left:0;top:0;padding:0;margin:0;opacity:0;overflow:hidden}
/* header */
.navbar-static-top{position:fixed;width:100%;z-index:var(--z5)}
.top{font-size:var(--ft-sz5);background:var(--blue)}
/*.top{font-size:12px;background:var(--blue);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#661f2946',endColorstr='#661f2946')}*/
.widget li{margin-top:8px;cursor:pointer;float:left}
.widget li:nth-of-type(n+2){margin-left:16px}
.same_icon{color:#fff}
.same_icon span{padding-left:8px;vertical-align:text-bottom}
/*.widget .dropdown-menu{display:none;position:absolute;margin-top:2px;padding:4px 0;background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.2);z-index:var(--z5)}
.widget .dropdown-menu a{display:block;padding:4px 8px;white-space:nowrap}*/
.widget li:hover .dropdown-menu{display:block;z-index:var(--z5)}
.language{display:inline-block;position:relative;width:200px;text-align:left}
.language a{display:block;position:relative;padding:5px 10px;background:#fff;border:1px solid #cdcdcd}
.language>a:after{content:"";display:block;position:absolute;right:10px;top:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid var(--d-gray);transform:translateY(-50%)}
.language>ul{display:none;position:absolute;left:0;top:calc(100% - 2px);width:100%}
#search-wrapper{padding:4px 0;float:right}
#search-wrapper .search-type{margin-right:8px;padding:4px 4px 6px;font-size:var(--ft-sz5);color:#fff;background:none;border:1px solid #fff}
#search-wrapper .search-type option{font-size:var(--ft-sz5);color:var(--gray)}
#search-wrapper .search-type,#search-wrapper .search-field{display:inline-block}
#search-wrapper .search-field{width:160px;padding:5px 30px 5px 0;font-size:var(--ft-sz5);color:#fff;background:none;border-bottom:1px solid #fff}
#search-wrapper .search-submit{position:absolute;top:8px;right:0;width:16px;height:16px;background:url('/res/icon/search.svg') no-repeat center;background-size:100%;cursor:pointer}
.navbar-wrapper{font-weight:bold;background:var(--blue8)}
.navbar-brand{margin-top:6px;float:left}
.logo img:first-of-type{width:180px}
.navbar-wrapper .icon{display:none}
.meau{float:right}
.meau>ul>li{display:inline-block;position:relative;margin-left:52px}
.meau>ul>li>a{display:block;position:relative;padding:20px 0 6px;margin:0 0 12px 0;color:#fff;border-bottom:2px solid transparent}
.meau>ul>li:hover>a{border-bottom-color:var(--orange)}
.meau>ul>li:hover>ul.dropdown-menu{display:block}
.dropdown-menu{display:none;position:absolute;min-width:160px;padding:4px 0;background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.2)}
.dropdown-menu li{position:relative}
.dropdown-menu a{display:block;padding:4px 32px 4px 16px;white-space:nowrap}
.dropdown-menu a:hover{color:#fff;background:var(--blue)}
.dropdown-menu .dropdown-menu-child{display:none;position:absolute;left:100%;top:-4px;padding:4px 0;background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.2)}
.dropdown-menu li:hover .dropdown-menu-child{display:block}
.meau>ul>li:last-child .dropdown-menu-child{right:100%;left:auto}
.meau>ul li .child_open{position: relative;}
.meau>ul li .child_open:after{content:"";display:block;position:absolute;top:50%;margin-top: -4px;right:12px;border-left:8px solid var(--blue);border-top:5px solid transparent;border-bottom:5px solid transparent}
.meau>ul li .child_open:hover:after{border-left-color:#fff}
/* footer */
#footer,#footer a{color:#fff;background:var(--blue)}
#footer>wrap{padding:48px 0 0}
#footer .logo{float:left}
#footer .logo img{display:unset}
#footer dl dt{margin-bottom:16px;padding-bottom:4px}
#footer dl a{display:block}
.sns{width:148px;float:right}
.sns .col{width:44px;height:44px;margin-top:8px;margin-left:8px;background:#fff}
.sns .col:nth-of-type(3n+1){margin-left:0}
.sns .col a{padding:6px 0;text-align:center;line-height:var(--s-line)}
.sns .col a img{position:absolute;top:0;left:0}
.sns .col:hover a img{opacity:0}
.qrcode{display:none;position:absolute;width:180px;top:-140%;right:calc(100% + 8px)}
.sns .col:hover .qrcode{display:block}
#footer nav{float:right}
#footer nav dl{margin-left:36px;float:left}
#footer nav dt{border-bottom:2px solid var(--orange)}
.copyright{width:100%;margin-top:60px;padding:8px 0;font-size:smaller;border-top:1px dashed #fff}
.copyright p{display:inline-block}
.copyright p:last-of-type{float:right}
/* sidebar */
.kit{position:fixed;top:calc(100% / 3);left:0;font-size:smaller;z-index:var(--z5)}
.kit li{position:relative;border-bottom:1px solid transparent;border-right:1px solid transparent}
.kit a.but_icon{display:block;position:relative;width:36px;height:36px;color:#fff;background:var(--gray7)}
.kit a.but_icon img{display:block;position:absolute;left:50%;top:50%;width:60%;height:60%;transform:translate(-50%,-50%)}
.kit a.but_icon span{display:none;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;line-height:var(--s-line);background:var(--orange)}
.kit a.but_icon span i{display:block;position:absolute;left:50%;top:50%;width:80%;transform:translate(-50%,-50%)}
.kit .goto{display:none;position:absolute;left:100%;top:0;padding:4px 0;margin-left:1px;background:#fff;white-space:nowrap;box-shadow:0 6px 12px rgba(0,0,0,.2)}
.kit li:hover>a.but_icon span,.kit li:hover .goto{display:block}
.kit .goto strong{display:block;padding:4px 16px;cursor:pointer}
.kit .goto strong:hover{color:#fff;background:var(--blue)}
#top,.child{display:none}
.child{display:none;position:absolute;left:100%;top:0}
.kit li:hover .child{display:block}
.childList{position:relative;margin-left:1px;border-bottom:1px solid transparent;border-right:1px solid transparent}
.childList .others_imgs{display:none;position:absolute;left:100%;top:0;padding:6px;margin-left:1px;text-align:center;background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.2)}
.childList:hover .but_icon span,.childList:hover .others_imgs{display:block}
#qrcode{width:150px !important;height:150px !important}
/* index */
.index h1{display:inline;font-size:var(--ft-sz5);font-weight:normal}
.user_info .bg_1{padding-bottom:32px;background:#fff;overflow:hidden}
.banner{padding-top:35px;color:#fff}
.banner .swiper-container{height:44em}
.mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:-1}
.banner .note{width:76%;padding-top:16%;font-size:16px;line-height:2em}
.banner .note h2{font-size:var(--ft-sz-banner);font-weight:normal}
.banner .note a{color:#fff}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-6px}
.banner .swiper-button-next{right:50%;left:auto;margin-right:-600px;opacity:.4}
.banner .swiper-button-prev{right:auto;left:50%;margin-left:-600px;opacity:.4}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity:1}
.worth dl{width:48%}
.worth dl:nth-of-type(2n+1){float:left}
.worth dl:nth-of-type(2n){float:right}
.worth dl:nth-of-type(n+3){margin-top:var(--vmar)}
.industry .swiper-container,.reviews.swiper-container{padding-bottom:40px}
.business li{display:inline-block;width:calc((100% - 2 * var(--hmar) - 2 * 4px) / 3);margin-left:var(--hmar);text-align:center}
.business li:nth-of-type(n+4){margin-top:40px}
.business li:nth-of-type(3n+1){margin-left:0}
.business li div{width:80px;height:80px;margin:0 auto;background-size:contain;background-repeat:no-repeat;background-position:center}
.business li:nth-of-type(1) div:hover{background-image:url('/res/icon/merit-reliable-hover.svg') !important}
.business li:nth-of-type(2) div:hover{background-image:url('/res/icon/merit-flexible-hover.svg') !important}
.business li:nth-of-type(3) div:hover{background-image:url('/res/icon/merit-cost-effective-hover.svg') !important}
.business li:nth-of-type(4) div:hover{background-image:url('/res/icon/merit-expertise-hover.svg') !important}
.business li:nth-of-type(5) div:hover{background-image:url('/res/icon/merit-responsive-hover.svg') !important}
.business li:nth-of-type(6) div:hover{background-image:url('/res/icon/merit-global-hover.svg') !important}
.business li dt{margin:16px 0 12px}
.award{position:relative;height:8px;margin:100px 0 60px;background:var(--gray)}
.award p{position:absolute}
.award p strong{display:block;width:180px;position:absolute;bottom:32px;left:-88px;text-align:center}
.award p:before,.award p:after{content:"";display:block;position:absolute;z-index:1}
.award p:before{left:7px;width:5px;height:40px;background:var(--gray)}
.award p:after{width:10px;height:10px;background:#fff;border:5px solid var(--gray);border-radius:100%}
.p_1{left:20%}
.p_2{left:40%}
.p_3{left:60%}
.p_4{left:80%}
.award p.p_1:before,.award p.p_3:before{content:"";bottom:-7px}
.award p.p_2:before{content:"";top:-6px}
.award p.p_4:before{content:"";top:-2px}
.p_1:after,.p_3:after{left:0;bottom:-14px}
.p_2:after,.p_4:after{left:0;top:-6px}
.award p.p_2 strong,.award p.p_4 strong{top:36px}
.award p time{position:absolute;width:88px;text-align:center}
.award p.p_1 time,.award p.p_3 time{top:20px;left:-32px}
.award p.p_2 time,.award p.p_4 time{bottom:12px;left:-32px}
.news_main_cont{width:23%;margin-left:2%;overflow:hidden;float:left}
.news_main_cont:nth-of-type(1){margin-left:0}
.news_main_cont .btn3{margin-bottom:16px}
.news_main_cont h2{font-size:var(--ft-sz)}
.news_main_cont .div_list{margin-bottom:16px;overflow:hidden}
.news_main_cont .div_list a.imgs{width:100px;margin-right:16px;float:left}
.news_main_cont .div_list a img{width:100%;height:100%}
.news_main_cont .div_list .v_time{display:block}
.calendars{position:relative;width:90px;margin-right:16px;text-align:center;border:1px solid var(--gray);z-index:2;float:left}
.calendars span{display:block}
.calendars span:first-child{padding-top:4px;font-size:24px}
.calendars span:last-child{color:#fff;background:var(--gray)}
.link_title{text-align:center}
.link_title strong{padding:0 16px}
.friendshipLink .swiper-container{padding-bottom:40px}
#header{position:relative;text-align:center;background-size:cover}
#header:before{content:"";display:block;position:absolute;width:100%;height:100%;background:var(--black6)}
#header wrap,#header .wrap{padding:6em 0}
#header h1{margin-top:94px;color:#fff}
#header h1:after{content:"";display:block;width:100px;margin:16px auto;border-bottom:3px solid var(--orange)}
#header p{width:70%;margin:0 auto;color:#fff}
/* categ */
.categ main:nth-of-type(n+2) .title_second_2:first-child{margin-top:40px}
/* categ:contact */
.us_info li{width:calc((100% - 100px * 3) / 4);margin-left:100px;padding:16px 0;text-align:center;float:left}
.us_info li:first-child{margin-left:0}
.us_info li:hover{background:var(--l-gray)}
.us_info li a{display:block}
.us_info li img{width:100px;height:100px;margin-bottom:8px}
.china-contact mark{line-height:42px}
.hs-form-cont{width:calc(60% - var(--hmar) * .6);float:left}
.field{text-align:right;line-height:42px}
.field:nth-of-type(n+2){margin-bottom:16px}
.name{margin-right:6px;vertical-align:top}
.value{display:inline-block;width:calc(100% - 76px)}
.value input[type="text"],.value input[type="email"],.value textarea{width:calc(100% - 13px * 2);padding:12px;border:1px solid var(--blue)}
.value input[type="checkbox"]{vertical-align:middle}
.value #email,.value #phone{width:calc(100% - 104px);margin-left:4px}
.value input[disabled]{cursor:no-drop}
.value select{width:36%;height:42px;margin:0 19.5px 0 4px;padding:0 8px;border:1px solid var(--blue)}
.value #username{width:36%;margin-left:4px}
.action .btn:nth-of-type(n+2){margin-left:16px}
.prompt{width:calc(40% - var(--hmar) * .4);float:right}
.prompt img{margin-top:24px}
.hs-form-cont,.prompt{margin-top:40px}
.global .arr{--col:3}
.global .arr:nth-of-type(3n+1){margin-left:0}
.global .arr:nth-of-type(n+4){margin-top:var(--vmar)}
/* categ:product */
.intro>:first-child{height:276px;overflow-y:auto}
.intro aside{height:276px}
.intro>.col{height:528px;margin-top:var(--vmar)}
.intro>.col:nth-of-type(2n){margin-left:0}
.intro dl.ui1{margin-top:var(--s-vmar);text-align:center}
.intro dl.ui1 label{width:98px;margin-bottom:var(--xs-vmar)}
.intro dl.ui1 .pane{margin-top:var(--s-vmar)}
.intro .pane .col{--col:3;--gap:var(--s-hmar)}
.intro .pane .col:nth-of-type(3n+1){margin-left:0}
.intro .pane .col:nth-of-type(n+4){margin-top:var(--s-vmar)}
.benefit .col,.product .feature .col{--col:3;--gap:var(--s-hmar)}
.benefit .col:nth-of-type(3n+1),.product .feature .col:nth-of-type(3n+1){margin-left:0}
.benefit .col:nth-of-type(n+4),.product .feature .col:nth-of-type(n+4){margin-top:var(--vmar)}
.benefit figure.ui figcaption{width:72%}
.benefit figure.ui:before{content:"\2714";display:inline-block;width:28px;height:28px;margin-right:8px;font-size:32px;text-align:right;vertical-align:top;color:var(--orange);border:2px solid;border-radius:100%}
/* list:product */
.list.product{background:var(--l-gray)}
.list.product .wrap{padding:unset}
.list.product section.wrap>*:not(.showcase){padding:var(--vpad) var(--hpad);background:#fff}
.list.product>section:nth-of-type(n+2),.list.product main:nth-of-type(n+2){margin-top:var(--vmar)}
.showcase a{display:block;margin-top:calc(80px + var(--vmar));padding-bottom:var(--vpad);text-align:center;background:#fff}
.showcase a:hover{color:#fff;background:var(--orange)}
.showcase a img{margin-top:-76px}
.showcase a h2{margin:20px 60px}
.showcase a p{padding:0 var(--hpad)}
/* categ:ribbon */
/* categ:oem */
.oem .partner hgroup+* figure{--w:460px;width:var(--w);float:right}
.oem .partner hgroup+* p{--w:460px;width:var(--w2);float:left}
.oem .partner .col{--col:4;margin-top:var(--vmar)}
.oem .partner .col:nth-of-type(4n+1){margin-left:0}
.upgrade .col{--hmar:20px;width:auto}
.upgrade .col:nth-of-type(3n+1){margin-left:0}
.upgrade .col td{box-sizing:border-box}
.upgrade .col:nth-of-type(1) tr:nth-of-type(6) td,.upgrade .col:nth-of-type(1) tr:nth-of-type(13) td,.upgrade .col:nth-of-type(1) tr:nth-of-type(20) td,
.upgrade .col:nth-of-type(1) tr:nth-of-type(24) td,.upgrade .col:nth-of-type(1) tr:nth-of-type(28) td,.upgrade .col:nth-of-type(1) tr:nth-of-type(32) td,
.upgrade .col:nth-of-type(n+2) td{border-bottom:2px solid var(--blue)}
.upgrade .col:nth-of-type(n+2) td{--h:38.26px;position:relative;height:calc(var(--h) * 4)}
.upgrade .col:nth-of-type(n+2) td:first-of-type:before{content:"";display:block;position:absolute;border-left:20px solid var(--orange);border-top:40px solid transparent;border-bottom:40px solid transparent;transform:translate(-28px,-28px)}
.upgrade .col:nth-of-type(n+2) tr:nth-of-type(2) td{height:calc(var(--h) * 5)}
.upgrade .col:nth-of-type(n+2) tr:nth-of-type(3) td,.upgrade .col:nth-of-type(n+2) tr:nth-of-type(4) td{height:calc(var(--h) * 7)}
.upgrade .col:nth-of-type(n+2) tr:nth-of-type(6) td{height:calc(var(--h) * 4.3672)}
.upgrade .col:nth-of-type(n+2) tr:nth-of-type(7) td{height:calc(var(--h) * 4.2283)}
/* categ:software */
/*.software .main{--wratio:.839}.software .aside{--wratio:.161}*/
.software th:nth-last-child(1){width:36px}
.software th:nth-last-child(2){width:47px}
.software th:nth-last-child(3){width:53px}
.software .brief note{width:180px;margin-left:var(--hmar)}
.software .brief li a:not(.btn){color:var(--d-gray)}
.software .lmp th:nth-child(2){width:305px}
.software .lmp th:nth-child(3){width:168px}
.software .lmp th:nth-child(4){width:234px}
.software .tool th:nth-child(2){width:379px}
.software .tool th:nth-child(4){width:56px}
.software .tool th:nth-last-child(2),.software .sim th:nth-last-child(2){width:116px}
/* categ:maintenance */
.maintenance section .col:nth-of-type(2n+1){margin-left:0}
.maintenance .feature figure{margin-top:var(--l-vmar)}
.maintenance .feature figure>:last-child{--w:450px;width:var(--w2)}
.maintenance .resource ol{margin-top:var(--s-vmar)}
.maintenance .resource ol a{color:var(--d-gray)}
.maintenance .resource figure{width:72%;text-align:left;float:left}
.maintenance .resource figure:nth-of-type(2n){float:right}
.maintenance .resource figure:nth-of-type(n+2){margin-top:-40px}
.maintenance .resource figure:hover{z-index:var(--z3)}
/* categ:partner */
.way .col{--col:6}
.way .col:nth-of-type(6n+1){margin-left:0}
.way .col:nth-of-type(n+7){margin-top:var(--vmar)}
.contact .col{--w:57%;margin-left:0;padding:var(--vpad) var(--hpad);color:#fff}
.contact .col a{color:#fff;text-decoration:underline}
.contact .col:nth-child(2){width:var(--w);background:var(--gray)}
.contact .col:nth-child(n+3){--h:184px;width:calc(50% - var(--w) / 2)}
.contact .col:nth-child(3){background:var(--blue);height:var(--h)}
.contact .col:nth-child(4){background:var(--orange);height:var(--h)}
.contact .col:nth-child(5){background:var(--red)}
.contact .col:nth-child(6){background:var(--l-blue)}
.contact .col:nth-child(7){width:calc(100% - var(--w));background:var(--d-gray)}
.merit .col{--col:3}
.merit .col:nth-of-type(3n+1){margin-left:0}
.apply wrap>:nth-child(n+2){margin-top:var(--l-vmar)}
.apply main{margin:0 0 0 var(--hmar)}
.apply aside{margin:0}
.apply th:first-child{width:56px}
.apply th:nth-child(2){width:240px}
.apply th:last-child{width:156px}
/* categ:reciprocal */
.link h3~h3{margin-top:var(--vmar)}
.link box{height:72px}
/* detail:compliance */
ul.side-nav li{font-size:16px;font-weight:bold;background:var(--l-gray)}
ul.side-nav>li>a{display:block;padding:16px 24px;color:#fff}
ul.side-nav>li.active>a{color:#fff;background:var(--blue)}
ul.side-nav>li .menu-title-nolink{display:block;padding:16px 24px;color:#fff;background:var(--blue)}
ul.side-nav .sub-menu>li>a{display:block;padding:12px 24px;color:#555}
ul.side-nav .sub-menu{margin:0;padding:0;margin-bottom:16px;list-style:none}
/* categ:industry */
.applications_info ul li{width:48%}
.applications_info ul li:nth-of-type(2n+1){float:left}
.applications_info ul li:nth-of-type(2n){float:right}
.applications_info ul li:nth-of-type(n+3){margin-top:40px}
.applications_info ul li .ic_img{width:250px;margin-right:24px;float:left;overflow:hidden}
.win_case .ia_case .div_list{position:relative;width:calc(50% - 8px);margin-left:16px;float:left;overflow:hidden}
.win_case .ia_case .div_list:nth-of-type(2n+1){margin-left:0}
.win_case .ia_case .div_list:nth-of-type(n+3){margin-top:16px}
.win_case .ia_case .div_list .imgs{display:block}
.win_case .ia_case .div_list .cont_text{box-sizing:border-box;position:absolute;top:137px;width:100%;height:100%;padding:8px 12px;color:#fff;background:var(--blue8)}
.win_case .ia_case .div_list .cont_text>:first-child{height:43px}
.win_case .ia_case .div_list:hover .cont_text{top:0;background:rgba(249,164,51,.7)}
.win_case .ia_case .div_list:hover .cont_text>:first-child{height:auto}
.ia_industry a{display:block;margin-bottom:10px;font-size:18px;font-weight:bold}
.hs3 h3{font-size:30px}
.applications_scenario ul li{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee;overflow:hidden}
.applications_scenario ul li:last-child{border-bottom:0}
.scenario_Info{width:48%}
.scenario_Info img{width:40%}
.scenario_Info p{width:calc(60% - 16px)}
.scenario_Info p span{display:block}
.scenario_case{width:48%}
.caseInfo .caseInfo_list{float:left;width:32%}
.caseInfo .caseInfo_list:nth-of-type(2){margin:0 3.6%}
.caseInfo .caseInfo_list img{display:block;width:100%}
.caseInfo .caseInfo_list span{display:block;margin-top:8px;font-size:12px;line-height:var(--s-line)}
.caseLink{margin-top:24px;overflow:hidden}
.caseLink a{width:20%;float:left;display:block;text-align:center}
.caseleft .scenario_case{float:right}
.caseleft .scenario_Info{float:left}
.caseleft .scenario_Info img{float:right}
.caseleft .scenario_Info p{float:left;margin-right:16px;text-align:right}
.caseright .scenario_case{float:left}
.caseright .scenario_Info{float:right}
.caseright .scenario_Info img{float:left}
.caseright .scenario_Info p{float:left;margin-left:16px;text-align:left}
/* categ:solution */
.by-mat .col:nth-of-type(2n+1){margin-left:0}
.left p{margin-top:var(--xs-vmar)}
.left img{width:52%;margin-left:var(--s-hmar);float:right}
.right .swiper-container{margin-top:var(--xs-vmar);background:var(--gray)}
.right .swiper-container:hover{background:var(--orange)}
.right .swiper-slide{box-sizing:border-box;height:220px;margin-top:var(--xs-vmar);padding:12px 16px}
.right a{color:#fff !important}
.right img{margin:0 var(--s-hmar) 0 0;float:left}
.right a h3{font-weight:normal}
.right .swiper-pagination-bullet{background:#fff}
.right .swiper-pagination-bullet-active{background:var(--blue)}
.bottom{width:100%;margin-top:var(--vmar);float:left}
.bottom ul{margin-top:var(--xs-vmar)}
.bottom.success_case li{box-shadow:none}
.bottom.success_case li.active{width:420px}
.success_case ul{--w-client:180px;overflow:hidden}
.success_case li{position:relative;padding:var(--s-vmar) 0;background:#fff;box-shadow:-2px 0 0 var(--l-gray);overflow:hidden;float:left}
.success_case li:after{content:"";display:block;clear:both}
.success_case li.active{width:420px;overflow:initial}
.success_case li:nth-of-type(1){margin-left:0;box-shadow:none}
.s_case_img{width:var(--w-client);text-align:center}
.s_case_img img{width:120px;height:120px}
.s_case_img h3{text-align:center;padding:4px 0;font-weight:normal}
.s_case_info{position:absolute;top:50%;left:var(--w-client);transform:translateY(-50%)}
.s_case_info p{display:-webkit-box;margin-top:2px;-webkit-line-clamp:8;-webkit-box-orient:vertical/*;word-break:break-all*/}
/* detail:industry */
.lot_type div{display:inline-block;width:calc((100% - 2 * 4px) / 3);margin:0 0 16px 0;vertical-align:top}
.lot_type div img{vertical-align:middle}
.lot_type div h3{display:inline-block;width:60%;margin-left:var(--xs-hmar);vertical-align:middle}
.keywords_c{overflow:hidden}
.keywords_c a{display:block;float:left;margin:5px 10px 0 0;padding:2px 5px;font-size:12px;color:var(--blue);border:1px solid var(--blue)}
.keywords_c a:hover{text-decoration:none}
.win_logo .client{text-align:left}
.win_logo .client figure{width:calc((100% - 16px * 4) / 5);margin-top:0;margin-left:12px;text-align:center}
.win_logo .client figure:nth-of-type(5n+1){margin-left:0}
.win_logo .client figure:nth-of-type(n+6){margin-top:12px}
.win_characteristics_Info_list{margin-bottom:12px}
.win_characteristics_Info_list h3{width:48px;height:48px;border-radius:100%;text-align:center;line-height:48px}
.win_characteristics_Info_list:nth-of-type(2n-1) h3{color:#fff;background:var(--blue)}
.win_characteristics_Info_list:nth-of-type(2n) h3{color:var(--d-gray);background:var(--l-gray)}
.win_characteristics_Info_list h3,.win_characteristics_Info_list p{display:inline-block;vertical-align:middle}
.win_characteristics_Info_list p{width:calc(100% - 60px);margin-left:8px}
.keywords{margin-top:var(--vmar)}
.sc_title{margin-bottom:8px}
.successful_casesCont_nav{text-align:center}
.successful_casesCont_nav .index_tabs{padding:16px}
.successful_casesCont_nav a{display:inline-block;margin:0 0 4px;padding:8px 12px;background:var(--l-gray)}
.successful_casesCont_nav a:hover{text-decoration:none;background:var(--orange)}
.successful_casesCont_nav a.active{color:#fff;background:var(--blue)}
.client{text-align:center}
.clients .client:nth-of-type(n+2){display:none}
.client figure{display:inline-block;margin:24px 0 0 24px;vertical-align: top;}
.client figure:first-child{margin-left:0}
.client figure box{position:relative;width:140px;height:140px;margin-bottom:8px;border:1px solid var(--l-gray)}
.client figure box:hover{border-color:var(--orange)}
.client figure box img{position:absolute;top:50%;left:50%;width:88%;transform:translate(-50%,-50%)}
.win_characteristics_Info{overflow:hidden}
.link_operation{overflow:hidden;margin:10px 0}
.link_operation a{display:block;width:100px;height:50px;text-align:center;line-height:50px;background:var(--orange)}
.link_operation a:hover{color:#fff;background:var(--blue)}
.win_characteristics_img{position:relative;padding:0}
.win_characteristics_img .swiper-button-next{top:38px;right:0;background-size:21px 44px}
.win_characteristics_img .swiper-button-prev{left:0;background-size:21px 44px;top:38px}
.gallery-thumbs{margin:0 30px}
.gallery-thumbs .swiper-slide .mboxsBig{background:#fff;border:4px solid var(--l-gray);width:68px;height:68px;margin:0 auto;position:relative}
.gallery-thumbs .swiper-slide.swiper-slide-active .mboxs{background:#fff;border:4px solid var(--orange)}
.gallery-thumbs .swiper-slide img{width:44px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.gallery-thumbs .swiper-slide.swiper-slide-active .mboxsBig{border:4px solid var(--orange)}
/* categ:case */
.successful_casesCont .wrap{padding:60px 0 0}
.addtabs_main{position:relative}
.addtabs_main .money_ful{position:absolute;left:0;top:0;width:100%;visibility:hidden}
.addtabs_main .money_ful:first-child{position:relative;visibility:visible}
.money_ful{position:relative;height:300px;color:#fff}
.sw40{position:absolute;top:0;left:0;width:calc(100% / 3);height:100%;min-width:300px;padding:40px 0;background:var(--gray)}
.sw60{position:absolute;top:0;right:0;width:calc(200% / 3);height:100%}
.money_ful_FL{position:absolute;right:0;width:56%;margin-right:64px}
.money_ful_FR{height:100%;padding:40px 120px 40px 80px;background:var(--black6)}
.money_ful_FR_box a{color:#fff}
.money_ful_FR_box .keywords{margin:var(--s-vmar) 0 var(--l-vmar)}
.hot_section_fl{width:calc((100% - 24px) * 2 / 3)}
.hot_section_fr{width:calc((100% - 24px) / 3)}
.hot_section_fr ul li:not(:first-of-type){margin-top:var(--s-vmar)}
.wlist a{display:block}
.wlist_data{width:86px;text-align:right}
.wlist_key{font-size:var(--ft-sz5)}
.wlist_key_list{width:calc(100% - 86px);text-align:right}
.windeustry .behind p{word-break:break-all;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}
.windeustry .behind .lines3 p{word-break:break-all;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
#video{position:relative;height:440px}
#video iframe{position:absolute;width:100%;height:100%;left:0;top:0;border:none}
.by-sol{color:#fff;background:url(/res/img/prod/line-printer-head.jpg) no-repeat;background-size:cover}
.by-sol aside{width:auto;margin-left:0}
.kh_caseMain:after{content:"";display:block;overflow:hidden}
.kh_caseMainFl{float:left}
.kh_caseMainFl_cont{width:300px;float:left}
.kh_casetabs_list{margin-top:16px}
.kh_casetabs_list img{display:inline-block;width:80px;height:80px;vertical-align:middle}
.kh_casetabs_list h3{display:inline-block;width:calc(100% - 120px);margin-left:16px;font-size:larger;vertical-align:middle}
.kh_casetabs_nav{margin-top:var(--vmar)}
.kh_casetabs_nav img{box-sizing:border-box;display:inline-block;width:60px;height:60px;margin:8px 4px 0 0;padding:var(--s-vpad) var(--s-hpad);border:2px solid #fff}
.kh_casetabs_nav img:nth-of-type(4n){margin-right:0}
.kh_casetabs_nav img.active{border-color:var(--blue)}
.kh_casetabs_nav img:not(.active):hover{border-color:var(--orange);cursor:pointer}
.by-sol main{width:calc(100% - 346px);color:var(--d-gray);background:var(--white8);float:right}
.by-sol main>*{display:none}
.by-sol main>:first-child{display:block}
.by-sol main .desc{margin:var(--vpad) var(--hpad)}
.by-sol main figure{display:inline-block;position:relative;width:262px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5)}
.by-sol main a:nth-of-type(1) figure{transform:translate(-20px,0);z-index:3}
.by-sol main a:nth-of-type(2) figure{transform:translate(-28px,28px);z-index:2}
.by-sol main a:nth-of-type(3) figure{transform:translate(-36px,56px);z-index:1}
.by-sol main img{display:block}
.by-sol main figcaption{padding:8px 12px}
.by-sol main a:hover figcaption{background:var(--l-gray)}
.cases_section ul li{position:relative;height:234px;overflow:hidden}
.cases_section ul li:hover .behind{top:0}
.cases_section ul li:hover .behind a{color:#fff}
.cases_section .col-sm-3{width:calc(100% / 3 - 16px);margin-left:24px;float:left}
.cases_section .col-sm-3:nth-of-type(3n+1){margin-left:0}
.cases_section ul li:hover .behind span{display:block;margin:5px 10px 0 0;padding:2px 5px;font-size:12px;color:#fff;border:1px solid;float:left}
.cases_section ul li:hover .behind h3{height:auto}
.sbottom{position:absolute;bottom:0;left:10px;padding-bottom:10px;font-size:12px;line-height:var(--s-line)}
/* categ:review */
.eval_tabs{position:relative;background:var(--l-gray);border:1px solid var(--l-gray);overflow:hidden}
.eval_tabs_nav{background:#fff;float:left}
.eval_tabs_nav li{padding:12px;border:1px solid var(--l-gray);border-left:0;border-top:0;cursor:pointer}
.eval_tabs_nav li:last-child{border-bottom:0}
.eval_tabs_nav li:hover{background:var(--orange)}
.eval_tabs_nav li.active{border-right:0;background:var(--l-gray)}
.eval_tabs_nav li img,.eval_tabs_nav li>:last-child{display:inline-block;vertical-align:middle}
.eval_tabs_nav li>:last-child{margin-left:4px}
.eval_tabs_main{position:absolute;right:0;width:calc(100% - 177px);height:100%;overflow:scroll;overflow-x:hidden;float:right}
.eval_tabs_main ul{column-count:3;column-gap:12px}
.eval_tabs_main ul li{box-sizing:border-box;margin-bottom:12px;background:#fff;break-inside:avoid}
.eval_tabs_main_Cont{display:none;padding:24px;overflow-y:auto}
.eval_tabs_main_Cont:first-of-type{display:block}
/*.ec_text{padding:12px}
.ec_cont{padding:12px;color:#fff;background:var(--gray)}
.fl_Info img.avatar-boy{display:block;width:44px;float:left}
.fl_Info_ms{position:relative;width:calc(100% - 54px);float:right}*/
.bode{display:inline-block;width:184px;height:184px;border:2px solid #fff;border-radius:100%}
.news_pingjia{height:320px;color:#fff;background:var(--blue)}
.news_pingjia .swiper-container{top:-72px;padding-bottom:40px}
.news_pingjia .swiper-pagination-bullet{background:#fff}
.news_pingjia .swiper-pagination-bullet-active{background:var(--orange)}
.user_info_box{width:fit-content;margin:0 auto}
.user_info_box img.bode{width:140px;height:140px;vertical-align:middle}
.user_info_box .user_info_name{display:inline-block;margin-left:16px;vertical-align:middle}
.user_info_box .user_info_name .company{color:var(--d-gray)}
.user_info_box .user_info_name .reviewer{margin-top:var(--vmar) !important}
.news_pingjiaCont{margin-top:40px}
.news_pingjiaCont:after{content:"";display:block;clear:both;overflow:hidden}
.ms_info{width:420px;padding-right:44px;border-right:1px dotted #fff;float:left}
.ms_info div>:first-child{display:block;width:126px;text-align:right;float:left}
.ms_info div>:last-child{padding-left:126px}
.user_info{width:48%;padding:20px 40px;text-indent:2em;background:url(/res/icon/quotes-left.png) no-repeat left top,url(/res/icon/quotes-right.png) no-repeat right bottom;background-size:44px;float:right}
.news_pingjiaCont .dianzan{top:100%;width:100%;text-align:center;color:#fff}
.wellknown{margin-bottom:24px}
.wellknown_nav ul:after{display:block;content:"";clear:both}
.wellknown_nav ul li{width:calc((100% - 64px) / 4);border:2px solid var(--l-gray);height:120px;position:relative;float:left;cursor:pointer;margin-left:16px;margin-bottom:16px}
.wellknown_nav ul li:nth-of-type(4n+1){margin-left:0}
.wellknown_nav ul li:hover{border-color:var(--orange)}
.wellknown_nav ul li.active,.wellknown_nav ul li.active:hover{border-color:var(--blue)}
.wellknown_nav ul li img{display:block;max-width:80%;max-height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.wellknownMain{border:2px solid var(--blue)}
.wellknown_list{padding:24px;overflow:hidden}
.wellknown_list:nth-of-type(n+2){display:none}
.wellknown_list_fl,.wellknown_list_cen,.wellknown_list_fr,.wellknown review.ui3{width:calc((100% - 24px * 2) / 3);margin-left:24px;float:left}
.wellknown_list_fl{margin-left:0}
.wellknown_list_fl img{width:calc(50% - 8px);margin-right:16px;float:left}
/*.wellknown review.ui3 .dianzanBtn{margin-top:var(--l-vmar);text-align:center}
.wellknown review.ui3 .dianzan{position:static}*/
/* detail:news */
#video~p{margin-top:var(--s-vmar)}/* override youku css */
.detail main article figure img{display:unset}
.detail main .arr{--col:4;margin-top:0}
.detail main .arr h3{margin-bottom:0}
.detail aside figure~figure{margin-top:var(--vmar)}
.detail aside figure h3{margin-bottom:var(--xs-vmar)}
.detail aside figure h3 *{font-weight:normal}
.detail aside figure box{position:relative}
.detail aside figure .abstract{box-sizing:border-box;position:absolute;top:0;height:100%;padding:6px 12px;color:#fff;background:var(--orange);visibility:hidden}
.detail aside figure:hover .abstract{visibility:visible}
.hot .col{--col:3}
.hot .col figcaption{height:56px}
.more,.cd_G{width:100%;margin-top:var(--vmar);padding:16px 0;border-bottom:3px solid var(--l-gray);border-top:3px solid var(--l-gray);float:left}
/* detail:case */
.cd_A{margin-bottom:16px;color:#fff;background:var(--gray);overflow:hidden}
.cd_A ul{padding:8px 16px}
.cd_A li{display:inline-block;width:calc((100% - 4px * 2) / 3);margin:8px 0}
.cd_A li div{position:relative;width:52px;height:52px;background:#fff;color:var(--d-gray);line-height:1.2em;border-radius:100%}
.cd_A li div span{display:block;width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cd_A li div,.cd_A li p{display:inline-block;vertical-align:middle}
.cd_A li p{width:calc(100% - 60px);margin-left:8px}
.cd_D_Btn a{width:100px;height:50px;line-height:50px;font-weight: bold;background:var(--orange);color:#fff;float:left;margin-right:16px;margin-top:16px;display:block;text-align:center}
.cd_D_Btn a:hover{color:#fff;background:var(--blue);text-decoration:none}
.cd_D_head{margin-bottom:45px}
.cd_D_head img{display:block;width:298px;margin:0 auto}
.cd_D_head span{display:block;width:100%;text-align:center}
.cd_D .swiper-container{padding-bottom:0}
.cd_D .swiper-container .swiper-pagination-bullet{width:87px;height:12px;background:var(--l-gray);border-radius:0;opacity:1}
.cd_D .swiper-container .swiper-pagination-bullet-active{background:var(--blue)}
.cd_D .swiper-container .swiper-pagination{transform:translateY(-226px)}
.cd_F ul li{width:calc((100% - 24px * 2) / 3);float:left}
.cd_F ul li:nth-of-type(n+2){margin-left:24px}
/* detail:printer */
.pp_B_dl dd{margin-bottom:16px}
.pp_C_cant>a{text-decoration:none;float:left}
.pp_C_cant_fl{position:relative;width:364px;margin-right:24px}
.pp_C_cant_fl img{display:block}
.pp_C_cant_fl figcaption{box-sizing:border-box;position:absolute;bottom:0;padding:8px 12px;color:#fff;background:var(--blue8)}
.pp_C_cant>a:hover figcaption{background:var(--orange8)}
.pp_C_cant_fl_text{width:calc(364px - (12 + 2) * 2px);padding:8px 12px;background:var(--white8);border:2px solid var(--l-gray)}
.pp_C_cant>a:hover .pp_C_cant_fl_text{background:var(--l-gray)}
.others{float:right;width:calc(100% - 392px)}
.others .col{height:154px;margin-left:var(--s-hmar)}
.others .col:nth-of-type(2n+1){margin-left:0}
.others .col:nth-of-type(n+3){margin-top:var(--vmar)}
.others .col img{width:120px;margin-left:8px;float:right}
.pp_D_cont ul{overflow:hidden}
.pp_D_cont ul li{overflow:hidden;margin-bottom:20px;position:relative}
.pp_D_cont ul li dl{background:var(--l-gray);padding:75px 20px 20px;text-align:center;margin-top:90px}
.pp_D_cont ul li dl dt{margin-bottom:10px}
.pp_D_cont ul li dl dd{display:-webkit-box;-webkit-line-clamp:3;height:68px;overflow:hidden;-webkit-box-orient:vertical}
.pp_D_cont ul li>a{display:block;position:absolute;left:50%;top:8%;width:124px;height:124px;margin-left:-62px}
.pp_D_cont ul li>a .msg{display:block;width:96%;position:absolute;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%)}
.pp_D{margin-top:var(--l-vmar)}
.pp_A_fl_tabs .Big_imgs{position:relative;}
.pp_A_fl_tabs .Big_imgs img{display: block;margin: auto;}
.pp_A_fl_tabs .small_list span{display:block;position:relative;width:calc((100% - 12px - 32px) / 3);height:100px;margin:16px 0 0 16px;border:2px solid var(--l-gray);overflow:hidden;float:left;cursor:pointer}
.pp_A_fl_tabs .small_list span:nth-of-type(3n+1){margin:16px 0 0 0}
.pp_A_fl_tabs .small_list span img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);    max-height: 80%;
	width: auto;}
.pp_A_fl_tabs .small_list span.active{border-color:var(--blue)}
.pp_A_fl_tabs .small_list span:hover{border-color:var(--orange)}
.pp_A_fl_tabs .ms,.pp_A_fr_tabs .desc{margin-top:var(--vmar)}
.pp_A_fr_tabs nav>*{display:inline-block;padding:12px 7px}
/* list:search */
.ss_A_1{border-bottom:3px solid var(--l-gray)}
.ss_A_1 a{display:block;margin-right:32px;float:left}
.ss_A_1 a i{display:inline-block;width:0;height:0;margin-right:4px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--l-gray)}
.ss_A_1 a:hover i{border-top-color:var(--orange)}
.ss_A_1 a.active i{border-top-color:var(--blue)}
.ss_A_2 li{margin-top:var(--vmar);padding:4px;overflow:hidden}
.ss_A_2 li:hover{background:var(--l-gray)}
.ss_A_2 .ss_A_2_ms{margin:12px 0;overflow:hidden}
.ss_A_2 .ss_A_2_ms span{display:block;margin-right:8%;float:left}
.ss_A_2_img{width:280px;float:left}
.ss_A_2_text{width:calc(100% - 280px - 24px);margin-left:24px;float:right}
.ss_A_2_text .stats{margin-top:8px}
.page,.ss_A_3{margin-top:36px;text-align:center}
ul.pagination{display:inline-block;margin:0;padding:0}
ul.pagination li{margin:0 4px;border:1px solid var(--d-gray);float:left}
ul.pagination li.active{color:#fff;background:var(--blue);border-color:var(--blue)}
ul.pagination li.disabled{color:var(--l-gray);border-color:var(--l-gray)}
ul.pagination li:hover:not(.disabled):not(.active){background:var(--orange);border-color:var(--orange);cursor:pointer}
ul.pagination li *{display:block;padding:8px 16px}
.ss_A_4{padding:2px 2px 0;overflow:hidden}
.ss_A_4 a{width:calc((100% - 2px) / 2);margin-right:1px;padding:16px 0;color:#fff;background:var(--blue);text-align:center;margin-bottom:1px;float:left}
.ss_A_4 a.active,.ss_A_4 a:hover{color:var(--d-gray);background:#fff}
.top-search a{display:inline-block;margin-bottom:4px;padding:4px 8px;background:var(--l-gray)}
.top-search a.active,.top-search a:hover{background:var(--orange)}
.ss_A_6 ul{overflow:hidden}
.ss_A_6 li{width:48%;margin-bottom:16px}
.ss_A_6 li:nth-of-type(2n){float:right}
.ss_A_6 li:nth-of-type(2n+1){float:left}
.ss_A_6 li div{height:60px}
.mt54{margin-top:52px}
/* categ:faq */
.faq section>aside{--w:200px}
.categ.faq section>aside,.list.faq section>aside{float:left}
.ask{margin-top:var(--l-vmar);padding:var(--s-vpad) var(--s-hpad);background:var(--l-gray)}
.ask:hover{background:var(--orange)}
.ask img+.title_second_2{margin-top:var(--xs-vmar)}
.faq section>main{--w:200px;width:var(--w2)}
/*.aa_as_C_nav a{display:block;min-width:100px;width:calc((100% - 50px) / 6);margin:0 10px 10px 0;padding:20px 0;text-align:center;background:var(--l-gray);float:left}
.aa_as_C_nav a.active,.aa_as_C_nav a:hover{background:var(--orange)}
.aa_as_C_nav a:last-child{margin-right:0}
.aa_as_C_nav a img{display:block;width:60px;margin:0 auto 16px}*/
.top-types{text-align:center}
.top-types .col{--col:3;--gap:var(--s-hmar)}
.top-types .col:nth-of-type(3n+1){margin-left:0}
.top-types figure{padding:var(--vpad) var(--hpad);background:var(--l-gray)}
.top-types figure:hover{background:var(--orange)}
.top-types figcaption{margin:8px 0}
.top-types p{text-align:left}
.faq .top-types~main,.faq .top-types~aside{margin-top:var(--l-vmar)}
.aa_as_C_left .faqs li:not(:first-child){margin-top:var(--vmar)}
.aa_as_C_left .faqs .keywords{margin-top:4px}
.categ .aa_as_C_right .col{--col:1;--hmar:0px}
.categ .aa_as_C_right .col~.col{margin-top:var(--s-vmar)}
/*.aa_as_D{padding:var(--vpad) var(--hpad);border:2px solid var(--gray)}
.aa_as_D:hover{border:2px solid var(--orange)}*/
/* detail:faq */
.detail .aa_as_C_right{width:100%;margin-top:24px;float:left}
.detail .aa_as_C_right .col{--col:5;--hmar:var(--s-hmar)}
#rootUL>li{padding-left:0}
#rootUL ul li ul{padding-left:16px}
.well{border:0;box-shadow:none}
.tree{min-height:20px;background:none;border:0;padding:0}
.tree li{padding:0 0 0 16px;position:relative;margin:12px 0 0}
.tree>ul>li:nth-of-type(1){margin-top:0}
.tree li:after{border-top:1px solid #999;height:20px;top:25px;width:25px}
.tree li.parent_li>span{cursor:pointer}
.tree li.parent_li>span:before{content:"-";margin:4px;padding:0 6px;border:1px solid var(--gray)}
.tree>ul>li:after,.tree>ul>li:before{border:0}
.tree li:last-child:before{height:30px}
.tree li a{padding:2px 4px}
/* categ:doc */
.file-down .section_left{width:calc(100% - 280px);float:left}
.file-down .section_right{width:250px;margin-left:30px;float:right}
.file-down>.section_left>div:nth-of-type(n+2){margin-top:60px}
.ff_fd_A ul li{position:relative;overflow:hidden}
.ff_fd_A ul li dl{width:88%;float:left}
.ff_fd_A ul li dl dt{margin-bottom:12px}
.ff_fd_A ul li img{display:block;margin-right:16px;float:left}
.ff_fd_A ul li a{display:block;width:100px;height:44px;background:var(--orange);line-height:44px;text-align:center;color:var(--d-gray);float:right}
.ff_fd_A ul li a:hover{text-decoration:none;color:#fff;background:var(--blue)}
.ff_fd_B_cont ul li{margin:0 16px 0 0;float:left;padding-left:15px;width:calc((100% - 181px) / 3);background:var(--l-gray);height:200px}
.ff_fd_B_cont ul li{padding:24px}
.ff_fd_B_cont ul li img{width:60px;display:block;margin:0 auto}
.ff_fd_B_cont ul li:nth-of-type(3n){margin-right:0}
.ff_fd_B_cont ul li dt{text-align:center;padding:12px 0}
.ff_fd_B_cont ul li dd{display:-webkit-box;min-height:140px;word-break:break-all;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.ff_fd_B_cont ul li a{display:block;text-decoration:none}
.ff_fd_B_cont ul li:hover{background:var(--orange)}
.ff_fd_C ul li{border:4px solid var(--l-gray);padding:16px;text-align:center;margin-bottom:16px}
.ff_fd_C ul li img{display:block;width:96px;margin:8px auto}
.ff_fd_C ul li p{text-align:left}
.ff_fd_C ul li:hover{border:4px solid var(--orange)}
.ff_fd_C ul li a{display:block;text-decoration:none}
.pp_A_fr_tabs_main .pp_A_fr_tabs_list .title_second_2 h2{padding-top:24px !important}
.news_nav_all{text-align:center}
.news_nav_all a{display:inline-block;width:58px;margin:0 0 0 -4px;padding:8px;border:1px solid var(--l-gray)}
.news_nav_all a:first-child{margin-left:0}
.news_nav_all a:hover{text-decoration:none;background:var(--orange);border-color:var(--orange)}
.news_nav_all a.active{color:#fff;background:var(--blue);border-color:var(--blue)}
/* categ:profile */
.profile .brief note{column-count:3;column-gap:var(--l-hmar)}
.profile .brief note p{margin-left:7em;text-indent:-7em}
.profile .brief span:first-child{display:inline-block;width:98px;text-align:right}
.profile .brief a img{width:24px;vertical-align:middle}
.profile .brief a+img{display:none;position:absolute}
.profile .brief a:hover+img{display:block}
.vision{position:relative;background-image:url(/res/img-l/vision-mission.jpg);background-size:cover;z-index:-10}
.vision:before{content:"";display:block;position:absolute;width:30%;height:46%;background:var(--white8)}
.vision p{width:20%}
.vision p:first-of-type~*{width:71%;float:right}
.vision:after{content:"";display:block;position:absolute;right:0;bottom:0;width:73%;height:70%;background:var(--white8);z-index:-1}
.history{background-image:url(/res/img-l/history.jpg);background-size:cover}
.history table tr:nth-child(2n){background:var(--white8)}
.history table tr:nth-child(2n+1){background:var(--l-gray8)}
.book figure.fl{--wratio:auto}
.book .col{width:calc((100% - var(--hmar) * 3) / 4)}
.book .col:nth-of-type(4n){margin-left:0}
.book .col:nth-of-type(n+4){margin-top:var(--vmar)}
.book .col:nth-of-type(n+8) blockquote{height:auto}
.founder figure.fl{--wratio:auto}
/* categ:team */
.executive .col{--col:4}
.executive .col:nth-of-type(4n+1){margin-left:0}
.executive .col:nth-of-type(n+5){margin-top:var(--vmar)}
.executive .col img{width:100%;height:317px}
.board .col{--col:5}
.board .col img{height:248px}

.bio .col:nth-of-type(5),.bio .col:nth-of-type(6){height:355px}
.bio .col:nth-of-type(7),.bio .col:nth-of-type(8){height:auto}
.bio .col:nth-of-type(2n+1){margin-left:0}
.bio .col:nth-of-type(n+3){margin-top:var(--vmar)}
.bio .col img{margin-left:var(--hmar);float:right}

.flexs .col{float: none;display: inline-block;width: 47%;vertical-align: top;
	margin-bottom: 25px;height: auto;}
.flexs .col:nth-of-type(2n){margin-left: 2%;}

/* list:honor */
.honor .columns{column-count:3}
.honor time:first-of-type{text-align:right;color:var(--d-gray);background:var(--l-gray)}
.honor time:last-of-type{font-size:var(--ft-sz2)}

.pp_A .pp_A_fr_tabs{width: 60%;}
.pp_A .pp_A_fl_tabs{width: calc(40% - 15px);}


@media(max-width:768px){/* 980px */
	*{--i:4px;--ft-sz:13px;--line:20px;--s-line:14px;
	--hmar:12px;--l-hmar:16px;--vmar:16px;--l-vmar:24px;--hpad:20px;--vpad:16px}
	wrap,.wrap{width:calc(100% - 16px)}
	body>section.wrap,body>section>wrap,body>section>.wrap{padding:32px 0}
	main,.main,aside,.aside{width:100% !important}
	main+aside,main+.aside,.main+aside,.main+.aside,aside+main,aside+.main,.aside+main,.aside+.main{margin-top:var(--l-vmar)}
	article figure,.article figure{width:auto}
	article figure.fl,article figure.fr{--wratio:.5}
	box table,box .over,.frame table,.frame .over{width:var(--pc-w)}
	.title_second{width:100%}
	.columns{column-count:unset}
	.faq .columns{column-count:2}
    details.ui1{--wratio:.5;padding:var(--s-vpad) var(--s-hpad)}
	figure.ui2{padding:20px 0}
	figure.ui2:hover{color:#fff}
	figure.ui2:hover box,figure.ui2:hover .frame{visibility:unset}
	figure.ui3 figcaption{top:var(--vmar);width:56%}
	figure.ui3 p{padding:8px 12px}
	review.ui4 main blockquote{transform:none}
	/* header */
	.logo img:first-of-type{width:40%}
	.navbar-wrapper .icon{display:block;width:32px;margin-top:6px;float:right}
	.same_icon span{display:none}
	.widget .dropdown-menu{position:absolute;top:100%}
	#header p{width:100%}
	#search-wrapper{text-align:right}
	.meau{display:none;position:absolute;right:0;top:calc(100% + 1px);background:var(--blue8);box-shadow:0 6px 12px rgba(0,0,0,.2);overflow-y:scroll}
	.meau>ul>li{display:block;margin-left:0}
	.meau>ul>li>a{margin:0;padding:10px 32px 8px 16px}
	.dropdown-menu{position:relative}
	.dropdown-menu a{padding:6px 32px 4px 16px}
	.dropdown-menu .dropdown-menu-child{position:relative;top:auto;left:auto;padding:0;box-shadow:none}
	.meau>ul>li:last-child .dropdown-menu-child{right:auto}
	.meau>ul>li>a.dropdown-toggle:after{content:"";display:block;position:absolute;top:34%;right:12px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
	.meau>ul>li>a.dropdown-toggle.hover:after,.meau>ul li .child_open.hover:after{transform:rotateZ(90deg)}
	.dropdown-menu-child li:last-child{border-bottom:0}
	/* footer */
	#footer>wrap{padding:32px 0 0}
	.sns{width:100%;margin-top:24px;text-align:center}
	.sns dt{margin-bottom:0 !important}
	.sns dd{display:inline-block}
	.sns .col:nth-of-type(n+2){margin-left:8px}
	.sns .col:hover .qrcode{top:auto;bottom:100%;left:0}
	#footer nav{width:100%;margin-top:24px}
	#footer nav dl{width:calc(25% - 3px);margin-left:4px}
	#footer nav dl:first-child{margin-left:0}
	.copyright{margin-top:32px;text-align:center}
	.copyright p:last-child{float:none}
	/* sidebar */
	.kit{top:50%;right:0;left:auto;transform:translateY(-50%)}
	.kit li{border-right:0;border-left:1px solid transparent}
	.kit a.but_icon{width:32px;height:32px}
	.kit a.but_icon span i{line-height:var(--s-line)}
	.kit .goto,.childList .others_imgs{right:100%;left:auto;margin-left:auto;margin-right:1px}
	.kit li:hover .child{right:100%;left:auto}
	/* index */
	.banner .swiper-container{height:308px}
	.banner .note{width:calc(100% - 68px);padding:22% 0;font-size:1em;line-height:unset}
	.banner .note h2{font-size:18px}
	.banner .swiper-button-next,.banner .swiper-button-prev{opacity:0}
	.worth dl:nth-of-type(2n+1){width:100%;float:none}
	.worth dl:nth-of-type(2n){width:100%;float:none}
	.worth dl:nth-of-type(n+2){margin-top:var(--s-vmar)}
	.industry .swiper-container{padding-bottom:30px}
	.business{padding:0;overflow:hidden}
	.business li{width:calc((100% - 20px) / 2);vertical-align:top}
	.business li:nth-of-type(n+3){margin-top:16px}
	.business li:nth-of-type(2n+1){margin-left:0}
	.business li:nth-of-type(2n+2){margin-left:16px}
	.award{width:8px;height:280px;margin:0 auto}
	.award p:before{width:20px;height:4px}
	.award p.p_1:before{top:42px}
	.award p.p_2:before{content:"";top:108px;left:auto;right:100%}
	.award p.p_3:before{content:"";left:100%;top:170px;bottom:-7px}
	.award p.p_4:before{content:"";top:237px;left:auto;right:100%}
	.p_1:after{left:-7px;top:33px}
	.p_2:after{left:-9px;top:100px}
	.p_3:after{left:-10px;top:163px}
	.p_4:after{left:-12px;top:228px}
	.award p.p_1 time{top:32px;left:-92px}
	.award p.p_2 time{top:100px;left:9px}
	.award p.p_3 time{top:162px;left:-92px}
	.award p.p_4 time{top:228px;left:9px}
	.award p.p_1 strong{left:28px;top:36px}
	.award p.p_2 strong{left:-188px;top:100px}
	.award p.p_3 strong{left:-8px;top:164px}
	.award p.p_4 strong{left:-200px;top:228px}
	.news_main_cont{width:100%;margin:0}
	.client figure{margin-left:6px}
	.client figure:nth-of-type(3n+1){margin-left:0}
	.client figure box{width:112px;height:112px}
	/* categ */
	#video{position:relative;height:180px}
	.cases .case{width:auto;margin-left:0}
	.cases .case:nth-of-type(n+2){margin-top:20px}
	.cases .case .abstract{position:static;background:var(--blue)}
	/* detail:contact */
	.us_info li{width:calc((100% - 24px) / 2)}
	.us_info li:nth-of-type(2n+1){margin-left:0}
	.us_info li:nth-of-type(2n+2){margin-left:24px}
	.hs-form-cont{width:100%}
	.hs-form-cont,.prompt{margin-top:var(--s-vmar)}
	.name{float:left}
	.value{width:100%}
	.value select{width:calc(100% - 56px);margin-right:0}/* 48px + 4px */
	.value #username{width:calc(100% - 82px)}/* 48px + 4px + 24px + 2px */
	.action{text-align:center}
	.prompt{position:relative;width:100%}
	.prompt img{position:absolute;top:40%;right:0;width:60%;opacity:.1;transform:translate(0,-50%)}
	.global .arr{width:auto;margin-left:0}
	.global .arr:not(:first-of-type){margin-top:var(--vmar)}
	.global figure figcaption{position:absolute;background:var(--blue8)}
    /* categ:industry */
	.applications_info ul li{width:100%;height:auto}
	.applications_info ul li:nth-of-type(n+2){margin-top:40px}
	.applications_info ul li .ic_img{width:100%}
	.applications_info ul li .ic_img img{position:static;transform:none}
	.applications_info ul li .ic_img img:hover{position:static;transform:none}
	.by-sol main{width:auto;top:0;margin-top:var(--vmar);padding:16px}
	.by-sol main .desc{margin:0}
	.by-sol main figure{width:auto;margin-top:20px;transform:none !important}
	.windeustry_left{width:auto;float:none}
	.lot_type div{width:calc((100% - 4px) / 2)}
	.win_case .ia_case{margin:0}
	.win_case .div_list{margin-bottom:16px}
	.windeustry_right{width:auto;float:none;margin-top:40px}
	.gallery-thumbs .swiper-slide .mboxsBig{width:60px;height:60px;border:3px solid var(--l-gray);overflow:hidden}
	.gallery-thumbs .swiper-slide img{width:35px}
	.win_characteristics_img .swiper-button-next,.win_characteristics_img .swiper-button-prev{top:33px}
	.mboxs img{display:block;max-width:300px;margin:0 auto}
	.win_logo .client figure{width:calc((100% - 4px * 2) / 3);margin-left:0}
	.win_logo .client figure:nth-of-type(5n+1){margin-left:auto}
	.win_logo .client figure:nth-of-type(n+6){margin-top:auto}
	.win_logo .client figure:nth-of-type(n+4){margin-top:8px}
	.behind{position:static;margin-top:-6px;padding:0 0 var(--vmar);color:unset;background:unset}
	/*.behind>:first-child{height:46px;padding:6px 12px;color:#fff;background:var(--blue)}*/
	.behind h3{height:52px;margin-bottom:6px;padding:8px 12px;color:#fff;background:var(--blue)}
	.cases .col{width:calc(100% / 2 - 4px);margin-left:8px;overflow:hidden}
	.cases .col:nth-of-type(3n+1){margin-left:8px}
	.cases .col:nth-of-type(2n+1){margin-left:0}
	.cases .col:nth-of-type(n+3){margin-top:24px}
	.cases .col img{margin-top:unset}
	.cases .col .abstract{position:static;top:unset;width:unset;height:unset}
	.cases .col:hover .abstract{top:unset}
	.cd_F ul li{width:100%;position:static;margin-left:0;height:auto}
	.cd_F ul li:nth-of-type(n+2){margin-top:20px;margin-left:0}
	.hot .col{--col:1;--gap:0px}
	.hot .col~.col{margin-top:var(--vmar)}
	.hot .col figcaption{height:52px}
	.sbottom{position:static}
	.cd_D .swiper-container .swiper-pagination-bullet{height:4px;width:48px}
	.pp_A_fl_tabs{width:auto;float:none}
	.pp_A_fl_tabs .small_list span{height:120px}
	.pp_A_fr_tabs{width:100%}
	.pp_C_cant_fl{width:100%}
	.pp_C_cant_fl_text{position:static;width:calc(100% - 34px);padding:16px}
	.pp_C_cant_fr{float:none;width:100%}
	.pp_C_cant_fr ul li{width:100%;margin:20px 0 0}
	.pp_C_cant_fr ul li:nth-of-type(2n){margin-left:0}
	.pp_D_cont ul li{width:calc(50% - 10px);float:left}
	.pp_D_cont ul li:nth-of-type(2n){margin-left:20px}
	.ss_A_2 li{margin-top:16px}
	.ss_A_2_title .ss_A_2_ms span{display:inline-block;width:auto;margin-right:16px}
	.ss_A_2_text{width:100%}
	.ss_A_2_img{margin-right:0;float:none;width:100%}
	.ss_A_2_img img{width:100%}
	.stats .stat/*,.ss_A_2_state a*/{margin-right:16px}
	.ss_A_6 li img{width:auto;display:block;margin:0}
	.sw40{position:relative;width:100%;padding:16px}
	.sw40 .title_second{margin:0}
	.sw60{position:relative;width:100%;height:auto}
	.money_ful{height:auto}
	.money_ful_FL{position:static;width:100%}
	.money_ful_FR{height:auto;padding:32px 16px}
	/*.money_ful_FR .swiper-container{position:static;top:auto;width:auto;height:auto}
	.money_ful_FR_box{position:static;margin-top:24px;transform:initial}*/
	.money_ful_FR_box .keywords{margin:8px 0}
	.hot_section_fl{width:100%;float:none}
	.hot_section_fr{width:100%;float:none;margin-bottom:30px}
	.cases_section .col-sm-3{width:auto;margin-left:0;margin-top:20px}
	.cases_section .col-sm-3:nth-of-type(3n+1){margin-top:0}
	.kh_caseMainFl{float:none}
	.kh_caseMainFl_cont{width:100%;float:none}
	.kh_casetabs_nav img{width:52px;height:52px}
	.kh_casetabs_nav img:nth-of-type(4n+5){margin-left:8px}
	/* categ:solution */
	.by-mat .col{--col:1;--gap:0px;float:none}
	.left img{margin-bottom:var(--s-vmar)}
	.right .swiper-slide{height:380px}
	.right img{width:100%}
	.bottom{margin-top:var(--vmar)}
	.success_case li{width:100% !important;margin:0;box-shadow:none}
	.s_case_img{width:auto;margin-right:var(--l-hmar);float:left}
	.s_case_info{position:static;transform:initial}
	/* categ:case */
	.news_nav_all a{margin:0 0 -1px -4px}
	.news_nav_all a:first-child{margin-left:-4px}
	/* categ:review */
	.eval_tabs_nav{width:84px}
	.eval_tabs_nav li{text-align:center}
	.eval_tabs_nav li>:last-child{margin-left:0}
	.eval_tabs_main{width:calc(100% - 84px);height:calc(1514.7px - var(--s-vmar));overflow-y:scroll}
	.eval_tabs_main ul{column-count:1}
	.eval_tabs_main_Cont{padding:10px}
	.news_pingjia{height:480px;margin-top:40px}
	.user_info_box .user_info_name{margin-left:0}
	.ms_info{width:100%;border:0}
	.user_info{width:auto;margin-top:40px;background-size:32px}
	.wellknown{margin:0 0 16px}
	.wellknown_list{padding:16px}
	.wellknown_list_fl,.wellknown_list_cen,.wellknown_list_fr,.wellknown review.ui3{width:100%;margin-top:var(--vmar);margin-left:0;float:none}
	.wellknown_list_fl:after{content:"";display:block;clear:both}
	.wellknown_list_fl,.wellknown_list_cen p{margin-top:0}
	.wellknown_nav ul li{width:calc(25% - 10px);height:80px;margin-left:8px;margin-bottom:8px}
	/* list:product */
	.list.product section>:nth-child(n+2){margin-top:var(--vmar)}
	/* categ:product */
	.intro aside{height:272px}
	.intro>.col{width:100%;margin-left:0}
	.intro>.col:nth-of-type(n+2){margin-top:var(--vmar);height:auto}
	.intro dl.ui1 label{width:81.8px;padding:4px}
	.benefit .col{--col:2;--gap:var(--vmar)}
	.benefit .col:nth-of-type(2n+1){margin-left:0}
	.benefit .col:nth-of-type(2n){margin-left:var(--vmar)}
	.benefit .col:nth-of-type(n+3),.product .feature .col:nth-of-type(n+1){margin-top:var(--vmar)}
	.benefit figure.ui figcaption{width:68%}
	.compare th:nth-of-type(n+2){width:80px}
	/* categ:oem */
	.oem .partner hgroup+*>*{width:100% !important}
	.oem .partner .col{--col:2}
	.oem .partner .col:nth-of-type(2n+1){margin-left:0}
	.upgrade .col:nth-of-type(n+2) td{--h:36.3px}
	.upgrade .col:nth-of-type(n+2) tr:nth-of-type(6) td{height:calc(var(--h) * 4.4220)}
	.upgrade .col:nth-of-type(n+2) tr:nth-of-type(7) td{height:calc(var(--h) * 4.2876)}
	/* categ:software */
	.software .brief note{width:calc(50% - var(--hmar) / 2)}
    /* categ:maintenance */
    .maintenance .col,.product .feature .col{--col:1;--gap:0px}
	.maintenance .col~.col{margin-top:var(--vmar)}
	.maintenance .feature figure>:last-child{width:auto}
	.maintenance .resource figure{width:92%}
	.maintenance .resource figure:nth-of-type(n+2){margin-top:-32px}
	/* categ:partner */
	.way .col,.merit .col{--col:2}
	.way .col:nth-of-type(2n+1),.merit .col:nth-of-type(2n+1){margin-left:0}
	.way .col:nth-of-type(n+3),.merit .col:nth-of-type(n+3){margin-top:var(--vmar)}
	.way figure.ui2 box,.way figure.ui2 .frame{width:auto;padding:0 16px}
	.way figure.ui2 box>*{display:inline-block;vertical-align:middle}
	.way figure.ui2 box>img{width:56px}
	.way figure.ui2 box>figcaption{width:64px;margin-top:unset}
	.way figure.ui2>:last-child:not(box),.way figure.ui2>:last-child:not(.frame){position:unset;padding-bottom:0;color:unset;visibility:unset}
	.contact .col:nth-child(2){width:auto}
	.contact .col:nth-child(n+3){--h:200px;width:50%}
	.contact .col:nth-child(7){width:auto;height:auto}
	.merit figure.ui1 figcaption{position:relative;background:var(--blue)}
	.apply aside{width:auto}
	.apply main{margin:var(--vmar) 0 0}
	.apply table{width:calc(var(--pc-w) * .7)}
	.apply caption{text-align:left}
	/* detail:news */
	.detail aside figure img{width:calc(50% - var(--hmar) / 2);margin-right:var(--hmar);float:left}
	.detail aside figure .abstract{position:unset;padding:unset;color:unset;background:unset;visibility:unset}
    /* categ:faq */
	.aa_as_A{width:50%;float:left}
	.ask{box-sizing:border-box;width:50%;margin-top:unset;float:right}
	.top-types .col{width:calc(50% - 4px) !important;margin-top:0 !important;margin-left:8px !important}
	.top-types .col:nth-of-type(2n+1){margin-left:0 !important}
	.top-types .col:nth-of-type(n+3){margin-top:8px !important}
    .top-types figure/*,.aa_as_D*/{padding:var(--s-vpad) var(--s-hpad)}
	/* detail:faq */
    .detail .aa_as_C_right .col{--col:2}
	/* categ:doc */
	.file-down{padding:16px}
	.file-down .section_left{width:100%;float:none}
	.ff_fd_A ul li a{float:none;margin:0 auto}
	.file-down .section_right{width:100%;float:none;margin-left:0}
	.ff_fd_A ul li img{display:block;width:100px;margin:0 auto;float:none}
	.ff_fd_B_cont ul li{width:auto;margin-bottom:16px;float:none}
	.ff_fd_B_cont ul li dd{-webkit-line-clamp:initial;min-height:initial}
	.ff_fd_A ul li dl{margin:16px 0;float:none}
	.cd_A li{width:calc(50% - 2px)}
	.cases_section ul li{height:auto}
	.win_case .ia_case .div_list{width:100%;margin-left:0;margin-top:0 !important}
	.win_case .ia_case .div_list .cont_text{position:static;background:var(--blue)}
	.win_case .ia_case .div_list .cont_text>:first-child{height:auto}
	/* categ:profile */
	.profile .brief note{column-count:1}
	.profile .brief note p{text-indent:-7.5em}
	.vision:before,.vision:after{display:none}
	.vision p{width:auto}
	.vision p:first-of-type~*{width:auto;float:none}
	.book figure.fl{--wratio:unset}
	.book .col{width:auto;margin-left:0}
	.book .col blockquote{height:auto !important}
	.founder figure.fl{--wratio:unset}
	.org .col{width:auto}
	.org .col~.col{margin-top:var(--vmar)}
	/* categ:team */
	.executive .col,.board .col{--col:2}
	.executive .col:nth-of-type(2n+1),.board .col:nth-of-type(2n+1){margin-left:0}
	.executive .col:nth-of-type(n+3),.board .col:nth-of-type(n+3){margin-top:var(--vmar)}
	.executive .col img,.board .col img{height:229px}
	.bio .col{width:100%;height:auto !important}
	.bio .col~.col{margin-top:var(--vmar);margin-left:0}
	.bio .col img{width:calc(50% - var(--vmar) / 2)}
}

/* iPad */
@media only screen and (min-device-width:768px) and (max-device-width:1024px){}

/* Hi-resolution desktop computer */
@media only screen and (min-device-width:2000px){}

.ss_A_1 a.class0  i{transform: rotate(0deg);}
.ss_A_1 a.class1  i{transform: rotate(180deg);}


#meauThree table {
    border-spacing: 1px;
}

#meauThree table tr:nth-child(2n+1),
#meauThree table.ui2 tr:nth-child(2n+1){
    background: var(--l-gray);
}

#meauThree  table.ui1 tr:nth-child(2n),
#meauThree  table.ui2 tr:nth-child(2n) {
    background: var(--l-gray3);
}

#meauThree  table td {
    padding: 8px;
    width: 50%;
}
#meauThree  table.ui1 td {
    border: 1px solid #fff;
}

#meauThree  img{
    border: 1px solid #d8d9da;
    width: 170px;
    height: 170px;
    margin: 0 15px;
    padding: 20px;
}


@media (max-width: 768px) {
    #meauThree  img{
        border: 1px solid #d8d9da;
        width: 80px;
        height: 80px;
        margin: 0 15px;
        padding: 15px;
    }
}

@media (max-width: 468px) {
    #meauThree img {
        border: 1px solid #d8d9da;
        width: 73px;
        height: 73px;
        margin: 0 5px;
        padding: 10px;
    }
}



.FixVideoBig video{
	width: 1000px!important;
}