@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*html5设置*/
html {-webkit-text-size-adjust:none; font-size: 5.20834vw;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#333;font:normal 0.16rem/1.875em 'Arial','Sans-serif'; overflow-x:hidden;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#004aba;}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:90em;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.figure {overflow: hidden; position: relative;}
.figure a {display: block;}
.figure img {display: block; width: 100%; height: auto;}
.figure .img {background: no-repeat center center; background-size: cover; display: block; transition: all .3s;}
.rows {display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.wot {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.submit {cursor:pointer;}

/*flex*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}

/*entry*/
.entry *{line-height:1.875em;color:#666;}
.entry img{max-width:100%;height:auto!important;}
.entry ul,.entry ol{margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
.entry table{border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;}
.entry th{background-color:#f9f9f9;text-align:center;}
.entry td,.entry th{padding:5px;border:1px solid #e4e4e4;}

/*topbar*/
#topbar{background-color:#004aba;color:#fff;}
#topbar .inner{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*slogan*/
#slogan{font-size:0.875em;line-height:2.57142857em;align-items:center;padding:0.125em 0;}
#slogan span{display:block;position:relative;}
#slogan span:not(:last-child){padding-right:2.71428571em;}
#slogan span:not(:last-child):after{width:1px;height:0.92857143em;content:'';display:block;position:absolute;right:1.28571429em;background-color:rgba(255,255,255,0.3);top:50%;transform:translateY(-50%);}

/*pages*/
#pages{font-size:0.875em;line-height:2.85714286em;align-items:center;}
#pages span{display:block;position:relative;}
#pages span:not(:last-child){padding-right:3em;}
#pages span:not(:last-child):after{width:1px;height:100%;content:'';display:block;position:absolute;right:1.46428571em;background-color:rgba(255,255,255,0.1);top:50%;transform:translateY(-50%);}
#pages a{display:block;overflow:hidden;color:#fff;background:no-repeat left center;background-size:1.14285714em auto;padding-left:2em;}
#pages a:hover{opacity:0.75;}
#pages .s1 a{background-image:url(../images/pages_01.png);}
#pages .s2 a{background-image:url(../images/pages_02.png);}
body{position:relative;}
body:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/watermark.svg) repeat left top;background-size:102.96875% auto;z-index:99;pointer-events:none;}

#blank {height: 2.5em; width: 100%; overflow: hidden; clear: both;}
/*topbox*/
#topbox {position: absolute; left:0; top:0; width: 100%; z-index: 9;}

/*header*/
#header{z-index:12;position:relative; transition: all .3s;}
#header .inner{display:table;table-layout:fixed;position:relative;}
#header a {color:#fff;}
#header.white {background-color:#fff;}
#header.white a {color:#333;}
#header.white #language span {color: #999; background-image: url(../images/language_01@2x.png);}
#header.white #language span:after {background-image: url(../images/arrow_down_01@2x.png);}
#header.white #search span {background-image: url(../images/search_01@2x.png);}

/*logo*/
#logo{width:10.125em;font-size:1em;display:table-cell;vertical-align:middle;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:30.86419753%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}

/*navi*/
#navbtn{display:none;}

/*navi*/
#navi{display:table-cell;vertical-align:middle;font-weight:normal;}
#navi .menu{align-items:center;justify-content:flex-end;padding:0 1.75em;}
#navi a{display:block;}
#navi .parent{padding:1.6875em 0;margin:0 1.75em;line-height:2.25em;position:relative;}
#navi .parent:after{height:0.125em;width:100%;background-color:#004aba;content:'';display:block;position:absolute;left:0;bottom:0;opacity:0;}
#navi .parent > a{display:block;position:relative;}
#navi .parent.cur:after{opacity:1;}
#navi .parent.cur > a{color:#004aba;}
#navi .drop{position:absolute;left:50%;transform:translateX(-50%);top:100%;background-color:#fff;min-width:100%;text-align:center;box-shadow:0px 0px 1em rgba(0,0,0,0.05);padding:0.5em 0;display:none;}
#navi .drop li{font-size:0.875em;line-height:2em;}
#navi .drop a{padding:0.25em 1.5em;white-space:nowrap;}
#navi em{display:none;}

/*button*/
#button{display:table-cell;vertical-align:middle;width:6.875em;}
#button > .flex{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*search*/
#search{position:relative;}
#search span{width:1.0625em;height:1em;background:url(../images/search_02@2x.png) no-repeat center center;background-size:contain;cursor:pointer;display:block;overflow:hidden;}
#search span:hover{opacity:0.75;}
#search .input{background-color:#fff;position:absolute;right:0;top:180%;z-index:8;width:18.75em;display:none;margin-top:0.35em;border-radius:0.25em;box-shadow:0px 0px 1em rgba(0,0,0,0.05);}
#search .text{display:block;width:100%;font-size:0.875em;height:2.85714286em;line-height:1.71428571em;padding:0.57142857em 3.14285714em 0.57142857em 1em;color:#333;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:2.5em;cursor:pointer;background:url(../images/search_01@2x.png) no-repeat center center;background-size:auto 40%;}

/*language*/
#language{position:relative;}
#language span{display:block;font-size:0.875em;color:#fff;position:relative;padding-right:1.14285714em;padding-left:1.78571429em;background:url(../images/language_02@2x.png) no-repeat left center;background-size:1.21428571em auto;cursor:pointer;}
#language span:after{width:0.71428571em;height:0.42857143em;background:url(../images/arrow_down_03@2x.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#language ul{position:absolute;left:50%;transform:translateX(-50%);top:130%;background-color:#fff;min-width:100%;text-align:center;padding:0.35em 0;border-radius:0.25em;box-shadow:0px 0px 1em rgba(0,0,0,0.05);display:none;}
#language ul:before{border-bottom:0.35em solid #fff;border-left:0.35em solid transparent;border-right:0.35em solid transparent;content:'';display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);}
#language li{font-size:0.875em;}
#language a{color:#333;display:block;padding:0.15em 0.5em;}

/*banner*/
#banner{padding-bottom:31.25%;background:no-repeat center center;background-size:cover;position:relative;}
#banner .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;color:#fff;text-align:center;}
#banner .name{font-size:3.375em;line-height:1.33333333em;letter-spacing:0.09259259em;margin-bottom:0.27777778em;}
#banner .intro{font-size:1.5em;letter-spacing:0.08333333em;}

/*bar*/
#bar{background-color:#f5f5f5;}

/*submenu*/
#submenu li{font-size:1.125em;line-height:2em;padding:1.22222222em 0;font-weight:normal;position:relative;margin-right:3.61111111em;}
#submenu li:after{width:100%;height:0.11111111em;background-color:#004aba;content:'';display:block;position:absolute;left:0;bottom:0;opacity:0;}
#submenu li:last-child{margin-right:0;}
#submenu a{white-space:nowrap;display:block;}
#submenu .cur:after{opacity:1;}
#submenu .cur a{color:#004aba;}

/*wrapper*/
#wrapper{overflow:hidden;padding:1rem 0;}

/*contact*/
#contact .figure{width:50%;}
#contact .img{position:relative;height:100%;padding-bottom:79.16666667%;}
#contact .text{border:solid 1px #dedede;width:50%;padding:0.75rem 0.6rem;}
#contact .hgroup{border-bottom:1px solid #dedede;padding-bottom:2.25em;margin-bottom:2.25em;}
#contact .name{font-size:3em;font-weight:normal;line-height:1.125em;margin-bottom:0.3125em;}
#contact .title{font-size:1.5em;color:#004aba;line-height:1.66666667em;font-weight:normal;}
#contact .meta{display:table-cell;vertical-align:top;font-size:1.125em;line-height:1.5em;}
#contact .meta p{margin-bottom:1.44444444em;}
#contact .meta p:last-child{margin-bottom:0;}
#contact .meta span{display:block;color:#999;}
#contact .follow{display:table-cell;vertical-align:top;width:10.75em;border-left:1px solid #dedede;}
#contact .box{float:right;}
#contact .tips{font-size:1.125em;line-height:1.66666667em;color:#999;margin-bottom:0.45rem;}
#contact .qr{width:7.5em;}
#contact .qr img{display:block;width:100%;height:auto;}

/*footer*/
#footer{background-color:#232323;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{opacity:0.8;}

/*footbtm*/
#footbtm{flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:2.70833333% 0;}

/*copyright*/
#copyright a{display:inline-block;}
#copyright img{display:inline-block;height:1.14285714em;vertical-align:middle;margin-top:-0.21428571em;}

/*pagelist*/
#pagelist span{display:block;}
#pagelist span:not(:last-child){padding-right:2.125em;position:relative;}
#pagelist span:not(:last-child):after{width:1px;height:0.875em;background-color:rgba(255,255,255,0.1);content:'';display:block;position:absolute;right:1.03125em;top:50%;transform:translateY(-50%);}

/*foottop*/
#foottop{border-bottom:1px solid rgba(255,255,255,0.05);padding:3.68055556% 0 4.16666667%;}
#foottop .title{font-size:1.125em;line-height:1.77777778em;margin-bottom:0.55555556em;font-weight:normal;}
.get a{display:inline-block;background:url(../images/get.svg) no-repeat left center;line-height:2em;background-size:1.625em auto;padding-left:2.25em;}

/*site*/
#site{display:table-cell;vertical-align:top;width:23.125em;}
#site ul{margin-bottom:2.5em;}
#site li{line-height:2.25em;background:no-repeat left 0.5em;background-size:1.25em auto;padding-left:1.75em;}
#site .tel{background-image:url(../images/icon_tel.svg);}
#site .add{background-image:url(../images/icon_add.svg);}
#site .mail{background-image:url(../images/icon_mail.svg);}

/*stock*/
#stock{display:table-cell;vertical-align:top;width:16.25em;}
#stock .tips{margin-bottom:2.25em;}
#stock .status{margin-bottom:1.25em;}
#stock h4{color:#e60012;font-size:1em;line-height:1.875em;margin-bottom:0.25em;}
#stock .price{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:flex-end;font-weight:bold;}
#stock .price span{display:block;}
#stock .price .cur{font-size:3em;line-height:1.125em;}
#stock .price .rat{font-size:1.0625em;line-height:1.875em;}
#stock .rise{color:#e60012;}

/*menu*/
#menu .list{justify-content:space-evenly;}
#menu dt{font-size:1.125em;line-height:1.77777778em;margin-bottom:0.55555556em;}
#menu dd{line-height:2.25em;}
#menu dd a{color:rgba(255,255,255,0.8);}
#menu dd a:hover{color:#fff;}

/*pagename*/
.pagename{font-size:3em;font-weight:normal;line-height:1.25em;margin-bottom:1.08333333em;}

/*pagenavi*/
#pagenavi{justify-content:center;font-size:1.125em;align-items:center;}
#pagenavi a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;margin:0 0.66666667em;height:3.33333333em;min-width:3.33333333em;position:relative;border:1px solid rgba(153,153,153,0.25);border-radius:1.66666667em;color:#999;background:#fff no-repeat center center;background-size:18.96551724% auto;}
#pagenavi a:hover,#pagenavi .a_cur{border-color:#004aba;background-color:#004aba;color:#fff;}
#pagenavi .a_prev{background-image:url(../images/arrow_left_01.svg);}
#pagenavi .a_prev:hover{background-image:url(../images/arrow_left_02.svg);}
#pagenavi .a_next{background-image:url(../images/arrow_right_01.svg);}
#pagenavi .a_next:hover{background-image:url(../images/arrow_right_02.svg);}

/*join*/
#join{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;margin-bottom:1.875em;}
#join .item{width:48.95833333%;margin-bottom:2.08333333%;}
#join .top{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;border-bottom:1px solid #dedede;padding-bottom:1.3125em;margin-bottom:1.5625em;}
#join .name{font-size:1.5em;line-height:1.5em;font-weight:normal;width:calc(100% - 7.1em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#join .date{display:block;line-height:2.25em;color:#999;}
#join .btm{font-size:1.125em;line-height:2em;color:#666;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;position:relative;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#join .btm span{display:block;margin-right:2.22222222em;}
#join .btm:after{width:1.44444444em;height:1.44444444em;background:url(../images/get_02.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#join a{border:solid 1px #dedede;padding:2.0625em 2.5em;display:block;position:relative;height:100%;}
#join a:after{content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:0.1875em;background-color:#004aba;opacity:0;}
#join a:hover:after{opacity:1;}
#join a:hover .name{color:#004aba;}
.msgform .item{margin-bottom:1.875em;}
.msgform .input{border:solid 1px #dedede;position:relative;z-index:2;}
.msgform .label{color:#666;position:absolute;left:0;top:0;width:100%;height:100%;line-height:3.75em;padding:0 1.125em;display:none;}
.msgform .label i{font-style:normal;color:#e60012;}
.msgform .text{height:3.625em;line-height:1.875em;padding:0.875em 1.125em;position:relative;z-index:2;}
.msgform textarea.text{height:7.5em;}
.msgform .column{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.msgform .column .item{width:47.5%;}
.msgform .submit{display:block;width:100%;background-color:#004aba;color:#fff;height:3.75em;}

/*message*/
#message{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#message .figure{width:50%;}
#message .form{width:41.66666667%;}
#message .pagename{margin-bottom:0.6875em;}
#message .intro{font-size:1.125em;color:#666;line-height:1.66666667em;margin-bottom:2.22222222em;}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.75);z-index:10;-webkit-overflow-scrolling:touch;display:none;}
.popup .box{width:100%;min-height:100%;justify-content:center;align-items:center;padding:1vh 0;display:flex;}
.popup .info{background-color:#fff;}
.vpopup video{display:block;width:auto;max-width:90vw;height:auto;max-height:90vh;}

/*videos*/
#videos{width:102.08333333%;margin-bottom:1.875em;}
#videos .item{width:33.333%;padding-right:2.04081633%;padding-bottom:2.04081633%;}
#videos .figure:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2;}
#videos .img{padding-bottom:58.69565217%;}
#videos .play{width:3em;height:3em;background:url(../images/play.svg) no-repeat center center;background-size:contain;position:absolute;cursor:pointer;left:5.86956522%;bottom:10%;z-index:5;transition:all 0.3s;}
#videos .text{padding:1.5625em 1.875em 1.875em;}
#videos .title{font-size:1.5em;line-height:1.25em;font-weight:normal;margin-bottom:0.41666667em;}
#videos .time{font-size:1.125em;color:#004aba;line-height:1.66666667em;}
#videos .time span{color:#666;}
#videos .info{background-color:#f5f9fc;position:relative;height:100%;display:block;overflow:hidden;}
#videos .info:hover .play{transform:scale(0.85);}

/*filter*/
.filter .item{width:15em;margin-right:0.625em;}
.filter select{border:1px solid #eee;height:3em;width:100%;display:block;padding:0 1.25em;}
.filter input{border:1px solid #eee;height:3em;width:100%;display:block;padding:0 1.25em;}
.filter .submit{width:5.625em;height:3em;color:#fff;background-color:#004aba;}

/*pagetop*/
.pagetop{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.pagetop .filter{margin-bottom:3.25em;}

.pageintro {margin-bottom:2em;}
/*support*/
#support{width:102.08333333%;margin-bottom:1.875em;}
#support .item{width:33.333%;padding-right:2.04081633%;padding-bottom:2.04081633%;}
#support .text{padding:1.5625em 1.875em 1.875em;}
#support .top{border-bottom:1px solid #dedede;padding-bottom:1.875em;margin-bottom:2.4375em;}
#support .name{font-size:1.5em;line-height:1.58333333em;font-weight:normal;background:url(../images/file_pdf.svg) no-repeat left 0;background-size:1.58333333em auto;padding-left:2em;}
#support .meta span{display:block;line-height:2.25em;}
#support .meta span:not(:last-child){margin-right:1.875em;}
#support .meta a{color:#666;display:block;background:no-repeat left center;background-size:1.25em auto;padding-left:1.875em;}
#support .meta a:hover{color:#333;}
#support .meta .download{background-image:url(../images/icon_download.svg);}
#support .meta .preview{background-image:url(../images/icon_preview.svg);background-size:1.625em auto;padding-left:2.5em;}
#support .info{border:solid 1px #dedede;height:100%;display:block;padding:3.125em 2.5em 2.5em;position:relative;}
#support .info:after{content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:0.1875em;background-color:#004aba;opacity:0;}
#support .info:hover:after{opacity:1;}
#support .info:hover .name{color:#004aba;}

/*question*/
#question{border-bottom:1px solid #dedede;margin-bottom:3.75em;}
#question .item{padding:1.625em 3.125em 1.625em 2.125em;border-top:1px solid #e9e9e9;}
#question .tag{display:table-cell;vertical-align:top;width:2.75em;}
#question .tag span{border:solid 1px #004aba;display:flex;height:2.2em;border-radius:50%;justify-content:center;align-items:center;font-size:1.25em;margin:0 auto;color:#004aba;}
#question .info{display:table-cell;vertical-align:top;padding-left:1.875em;}
#question .ask{font-size:1.25em;font-weight:normal;line-height:2.2em;position:relative;padding-right:1.75em;}
#question .ask:after{width:1.35em;height:1.25em;background:url(../images/arrow_down_02.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:0.6em;}
#question .ans{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:1.16666667em;padding-right:1.875em;display:none;}
#question .meta{font-size:1.25em;line-height:1.8em;color:#004aba;border-right:1px solid #e9e9e9;width:2.2em;}
#question .intro{width:calc(100% - 4.666em);font-size:1.125em;line-height:1.55555556em;color:#666;}
#question .active{padding-top:3.0625em;padding-bottom:3.1875em;background-color:#f5f9fc;}
#question .active .ans{display:flex;}

/*partner*/
#partner{margin-bottom:1.875em;}
#partner ul{width:102.08333333%;}
#partner li{width:20%;padding-right:2.04081633%;padding-bottom:2.04081633%;}
#partner .img{padding-bottom:45.45454545%;background-color:#f5f9fc;}
#partner .img:hover{transform:scale(1.05);}

/*about*/
#about .pagename{margin-bottom:0.5em;}
#about .text{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:3.125em;}
#about .intro{width:49.65277778%;}
#about .title{font-size:1.5em;line-height:1.5em;color:#004aba;font-weight:normal;margin-bottom:1.25em;}
#about .cont{font-size:1.125em;line-height:1.77777778em;color:#666;}
#about .data{width:41.18055556%;}
#about .data ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#about .data li{width:40.47217538%;border-bottom:1px solid #dedede;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding-bottom:1.25em;}
#about .data li:nth-child(n+3){margin-top:3.125em;}
#about .data .icon{width:3.125em;}
#about .data .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#about .data .meta{width:calc(100% - 3.75em);line-height:2em;color:#666;}
#about .data .meta span{font-size:3.75em;margin-right:0.16666667em;line-height:1em;}
#about .data .meta .num{color:#333;}

/*category*/
.category{margin-bottom:2em;}
.category li{margin-right:1.25em;margin-bottom:1.25em;width:8.75em;}
.category li:last-child{margin-right:0;}
.category a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;border:solid 1px #dedede;height:3.125em;border-radius:1.5625em;width:100%;}
.category a:hover,.category .cur a{background-color:#004aba;color:#fff;border-color:#004aba;}

/*strength*/
#strength{width:102.08333333%;margin-bottom:1.875em;}
#strength .item{width:33.333%;padding-right:2.04081633%;padding-bottom:2.04081633%;}
#strength .img{padding-bottom:56.52173913%;}
#strength .title{font-size:1.5em;line-height:1.5em;font-weight:normal;padding:1.39583333em 1.58333333em;}
#strength .info{background-color:#f5f9fc;position:relative;height:100%;display:block;overflow:hidden;}
#strength .info:hover .img{transform:scale(1.05);}

/*culture*/
#culture{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#culture .figure{width:50%;}
#culture .img{padding-bottom:83.33333333%;}
#culture .img:nth-child(n+2){display:none;}
#culture .img:hover{transform:scale(1.05);}
#culture .text{width:42.36111111%;}
#culture ul{border-bottom:1px solid #dedede;}
#culture li{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;border-top:1px solid #dedede;padding:2em 0;}
#culture .icon{width:2.25em;}
#culture .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#culture .intro{width:calc(100% - 8.5em);font-size:1.25em;}
#culture .title{font-weight:normal;line-height:1.8em;}
#culture .title span{margin-right:0.8em;}
#culture .cont{display:none;line-height:2em;margin-top:0.7em;}
#culture .cur{border-top:0.25em solid #004aba;}
#culture .cur .title{color:#004aba;}
#culture .cur .cont{display:block;}
#culture .cur .icon{width:8em;}

/*honor*/
#honor{margin-bottom:1.625em;}
#honor ul{width:103.68055556%;}
#honor li{width:25%;padding-right:3.54989953%;padding-bottom:2.88010717%;}
#honor .figure{padding-bottom:125%;background:url(../images/honor@2x.png) no-repeat center center;background-size:contain;margin-bottom:1.375em;}
#honor .img{width:57.8125%;padding-bottom:82.5%;position:absolute;left:19.0625%;top:16.75%;}
#honor .title{text-align:center;font-size:1.25em;font-weight:normal;line-height:1.5em;}

/*breadcrumb*/
#breadcrumb{line-height:2.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1.375em 0;background:url(../images/icon_home@2x.png) no-repeat left center;background-size:0.875em auto;padding-left:1.5625em;}
#breadcrumb a{color:#666;}
#breadcrumb a:hover{color:#333;}
#breadcrumb i{font-style:normal;margin:0 0.875em;color:#666;}

/*details*/
#details .title{text-align:center;font-size:2.75em;line-height:1.35em;margin-bottom:0.22727273em;font-weight:normal;}
#details .meta{justify-content:center;color:rgba(45,51,60,0.5);font-size:1.125em;line-height:1.5em;border-bottom:1px solid #dedede;position:relative;padding-bottom:1.38888889em;margin-bottom:2.77777778em;}
#details .meta span{display:block;position:relative;}
#details .meta span:not(:last-child){padding-right:1.94444444em;}
#details .meta span:not(:last-child):after{height:0.16666667em;width:0.16666667em;border-radius:50%;background-color:rgba(45,51,60,0.5);content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:0.88888889em;}
#details .meta a{color:#004aba;}
#details .entry{margin-bottom:5.5em;}
#details .other{border-top:1px solid #dedede;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding-top:3.125em;}
#details .pn{line-height:2.25em;color:#333;width:calc(100% - 12.5em);}
#details .back a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;font-size:1.125em;border:0.11111111em solid #004aba;width:10em;height:3.11111111em;border-radius:1.55555556em;color:#004aba;}
#details .back a:hover{background-color:#004aba;color:#fff;}

/*prolist*/
#prolist{width:102.15277778%;margin-bottom:1.875em;}
#prolist .item{width:25%;padding-right:2.10740993%;padding-bottom:2.10740993%;}
#prolist .figure{margin-bottom:2.4375em;}
#prolist .img{padding-bottom:100%;background-size:contain;}
#prolist .text{text-align:center;}
#prolist .title{font-size:1.5em;font-weight:normal;line-height:1.5em;margin-bottom:0.20833333em;}
#prolist .excerpt{font-size:1.125em;color:#999;line-height:1.5em;}
#prolist .info{position:relative;height:100%;background-color:#f5f9fc;display:block;padding:17.5074184% 6.97329377% 9.49554896%;}
#prolist .info:hover .img{transform:scale(1.05);}
.rmore .go{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;border:solid 1px #004aba;height:3.625em;align-items:center;width:10.125em;padding:0 1.25em;border-radius:0.3125em;color:#004aba;}
.rmore i{display:block;overflow:hidden;font-style:normal;width:100%;background:url(../images/arrow_right_01.svg) no-repeat right center;background-size:0.4375em auto;padding-right:1em;}
.rmore .go:hover{background-color:#004aba;color:#fff;border-color:#004aba;}
.rmore .go:hover i{background-image:url(../images/arrow_right_02.svg);}
.rmore .white{border-color:#fff;color:#fff;}
.rmore .white i{background-image:url(../images/arrow_right_02.svg);}
/*propic*/
.propic {margin-bottom:2em;}
/*solution*/
#solution{width:102.08333333%;margin-bottom:1.875em;}
#solution .item{width:33.333%;padding-right:2.04081633%;padding-bottom:2.04081633%;}
#solution .img{padding-bottom:56.52173913%;}
#solution .text{padding:2.3125em 2.25em 3.125em;}
#solution .title{font-size:1.75em;line-height:1.28571429em;font-weight:normal;margin-bottom:0.57142857em;}
#solution .excerpt{color:#666;height:5.625em;-webkit-line-clamp:3;margin-bottom:1.9375em;}
#solution .info{background-color:#f5f9fc;position:relative;height:100%;display:block;overflow:hidden;}
#solution .info:hover .img{transform:scale(1.05);}
#solution .info:hover .go{background-color:#004aba;color:#fff;}
#solution .info:hover .go i{background-image:url(../images/arrow_right_02.svg);}

/*newslist*/
#newslist{background-color:#f5f9fc;overflow:hidden;padding:0.8rem 0;}
#newslist .list{margin-bottom:1.875em;overflow:hidden;}

/*newsitem*/
.newsitem{margin-bottom:1.875em;}
.newsitem .figure{width:28.75em;z-index:2;}
.newsitem .img{padding-bottom:52.17391304%;}
.newsitem .text{width:calc(100% - 28.75em);padding:0 2.9375em 0 2.6875em;}
.newsitem .date{font-size:1.125em;line-height:2em;color:#999;margin-bottom:1.11111111em;}
.newsitem .date span{color:#004aba;display:inline-block;font-size:1.66666667em;line-height:1.2em;border-bottom:0.06666667em solid #dadada;margin-right:0.66666667em;font-weight:bold;}
.newsitem .title{font-size:1.5em;font-weight:normal;line-height:1.5em;margin-bottom:0.95833333em;}
.newsitem .excerpt{font-size:1.125em;line-height:1.66666667em;height:3.33333333em;-webkit-line-clamp:2;color:#666;}
.newsitem a{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;background-color:#fff;position:relative;}
.newsitem a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.125em;background-color:#004aba;opacity:0;}
.newsitem a:hover{color:#004aba;}
.newsitem a:hover:after{opacity:1;}
.newsitem a:hover .img{transform:scale(1.05);}

/*newstop*/
#newstop{padding:1rem 0 0.8rem;overflow:hidden;}
#newstop .list{padding-left:4.16666667%;overflow:hidden;}
#newstop .swiper{overflow:visible;}
#newstop .figure{width:40em;z-index:2;}
#newstop .img{padding-bottom:75%;}
#newstop .text{width:calc(100% - 40em);padding:0 3.75em;position:relative;z-index:5;}
#newstop .date{font-size:1.125em;line-height:2em;color:#999;margin-bottom:1.11111111em;}
#newstop .date span{color:#004aba;display:inline-block;font-size:1.66666667em;line-height:1.2em;border-bottom:0.06666667em solid #dadada;margin-right:0.66666667em;font-weight:bold;}
#newstop .title{font-size:1.5em;line-height:1.5em;font-weight:normal;height:3em;-webkit-line-clamp:2;margin-bottom:1.29166667em;}
#newstop .excerpt{color:#666;height:3.75em;-webkit-line-clamp:2;margin-bottom:2.3125em;}
#newstop .info{background-color:#fff;position:relative;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#newstop .info:before{border:solid 1px #dedede;content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;}
#newstop .control{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-bottom:1.875em;}
#newstop .line{width:calc(100% - 3.75em);height:1px;background-color:#dedede;}
#newstop .arrow{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;width:2.625em;}
#newstop .btn{position:relative;top:auto;left:auto;right:auto;margin-top:0;width:auto;height:auto;}
#newstop .btn:after{color:#a5a7ac;font-size:1.3125em;}

/*stitle*/
.stitle{font-size:3em;font-weight:normal;line-height:1.25em;margin-bottom:0.72916667em;}
.gray{background-color:#f5f9fc;}

/*solpost*/
.solpost{padding:1rem 0;overflow:hidden;}
.solpost .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.solpost .figure{width:44.44444444%;}
.solpost .img{padding-bottom:70.3125%;}
.solpost .text{width:50%;}
.solpost .intro{color:#666;}
.swiper-arrows{position:relative;}
.swiper-arrows .arrow{width:5em;height:5em;margin-top:0;transform:translateY(-50%);background-color:#fff;border-radius:50%;border:1px solid transparent;}
.swiper-arrows .arrow:after{font-size:1.875em;font-weight:bold;color:#999;}
.swiper-arrows .arrow:hover{background-color:#004aba;border-color:#004aba;}
.swiper-arrows .arrow:hover:after{color:#fff;}
.swiper-arrows .border{border-color:#dedede;}
.swiper-arrows .swiper-button-prev{left:-1.2rem;}
.swiper-arrows .swiper-button-next{right:-1.2rem;}

/*solcase*/
.solcase{overflow:hidden;padding:0.9rem 0 1rem;}
.solcase .img{padding-bottom:118.26086957%;}
.solcase .text{position:absolute;left:0;bottom:0;width:100%;padding:3.125em 2.1875em;z-index:2;}
.solcase .title{font-size:1.75em;line-height:1.28571429em;font-weight:normal;margin-bottom:0.60714286em;}
.solcase .info{position:relative;display:block;overflow:hidden;color:#fff;}
.solcase .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:1;}
.solcase .info:hover .img{transform:scale(1.05);}

/*solpro*/
.solpro{overflow:hidden;padding:0.9rem 0 1rem;}
.solpro .figure{margin-bottom:2.4375em;}
.solpro .img{padding-bottom:100%;background-size:contain;}
.solpro .text{text-align:center;}
.solpro .title{font-size:1.5em;font-weight:normal;line-height:1.5em;margin-bottom:0.20833333em;}
.solpro .excerpt{font-size:1.125em;color:#999;line-height:1.5em;}
.solpro .info{position:relative;height:100%;background-color:#f5f9fc;display:block;padding:17.5074184% 6.97329377% 9.49554896%;}
.solpro .info:hover .img{transform:scale(1.05);}
.solpro.gray .info{background-color:#fff;}

/*solapp*/
.solapp{overflow:hidden;padding:0.9rem 0 0.7rem;}
.solapp #solution{margin-bottom:0;}
.solapp #solution .info{background-color:#fff;}

/*propost*/
.propost{padding:1rem 0;overflow:hidden;}
.propost .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.propost .gallery{padding:1.875em 1.875em 2.375em;background-color:#f5f9fc;width:44.44444444%;}
.propost .figure{width:50%;margin:0 auto;}
.propost .img{padding-bottom:100%;background-size:contain;}
.propost .text{width:50%;}
.propost .intro{color:#666;}
.propost .control{justify-content:center;align-items:center;margin-top:2.6875em;}
.propost .arrow{position:static;width:auto;height:auto;margin:0;}
.propost .arrow:after{font-size:1.25em;color:#999;font-weight:bold;}
.propost .arrow:hover:after{color:#004aba;}
.propost .swiper-pagination{justify-content:center;position:static;width:auto;margin:0 1.25em;}
.propost .swiper-pagination .swiper-pagination-bullet{width:0.625em;height:0.625em;background-color:#999;opacity:1;margin:0 0.625em;}
.propost .swiper-pagination .swiper-pagination-bullet-active{background-color:#004aba;}

/*proinfo*/
.proinfo{padding:0.9rem 0 0.7rem;overflow:hidden;}

/*proadvant*/
.proadvant{margin-bottom:4.30555556%;}
.proadvant ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;}
.proadvant li{width:48.95833333%;margin-bottom:2.08333333%;}
.proadvant .icon{width:4.5em;}
.proadvant .icon i{padding-bottom:100%;background:no-repeat center center;background-size:contain;display:block;}
.proadvant .text{width:calc(100% - 6.625em);}
.proadvant .title{font-size:1.625em;line-height:1.38461538em;font-weight:normal;margin-bottom:0.19230769em;}
.proadvant .intro{color:#666;}
.proadvant .info{position:relative;height:100%;border:solid 1px #d9d9d9;padding:2.25em 3.6875em 2.1875em 2.125em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.ptable{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ptable table{border-bottom:0.125em solid #eaeaea;}
.ptable th{background-color:#004aba;color:#fff;font-size:1.125em;font-weight:normal;line-height:2em;padding:1.22222222em 1em;border-right:1px solid rgba(51,51,51,0.1);white-space:nowrap;}
.ptable th:first-child{border-left:1px solid #004aba;}
.ptable td{line-height:1.5em;text-align:center;border-top:0.125em solid #eaeaea;border-right:1px solid rgba(51,51,51,0.1);padding:1.75em 1em;}
.ptable td:first-child{border-left:1px solid rgba(51,51,51,0.1);}

/*prometa*/
.prometa{margin-bottom:4.16666667%;overflow:hidden;}

/*profiles*/
.profiles{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;}
.profiles .item{width:48.95833333%;margin-bottom:2.08333333%;}
.profiles .icon{width:5.0625em;position:relative;z-index:2;}
.profiles .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.profiles .icon .i1{background-image:url(../images/icon_01@2x.png);}
.profiles .icon .i2{background-image:url(../images/icon_02@2x.png);}
.profiles .text{position:relative;z-index:2;width:calc(100% - 6.25em);}
.profiles .title{font-size:2em;line-height:1.125em;font-weight:normal;margin-bottom:0.9375em;}
.profiles a{position:relative;height:15em;background:no-repeat center center;background-size:cover;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#fff;padding:0 1.875em;}
.profiles a:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
@keyframes mouse{
    0%{transform:translateY(0);}
    50%{transform:translateY(-20%);}
    100%{transform:translateY(0);}
}

/*slides*/
#slides .img{padding-bottom:37.5%;}
#slides .text{position:absolute;left:0;top:50%;width:100%;color:#fff;transform:translateY(-50%);}
#slides .title{font-size:3.375em;line-height:1.33333333em;letter-spacing:0.2037037em;}
#slides .arrow{width:1.1875em;height:1.875em;background:no-repeat center center;background-size:contain;margin-top:0;transform:translateY(-50%);}
#slides .arrow:after{display:none;}
#slides .arrow:hover{opacity:0.75;}
#slides .swiper-button-prev{background-image:url(../images/swiper_prev@2x.png);left:2.08333333%;}
#slides .swiper-button-next{background-image:url(../images/swiper_next@2x.png);right:2.08333333%;}
#slides .mouse{width:1.75em;height:4.6875em;background:url(../images/mouse.svg) no-repeat center center;background-size:contain;position:absolute;left:50%;margin-left:-0.875em;bottom:1.875em;z-index:2;animation:mouse 2s linear 0s infinite;}

/*hmtitle*/
.hmtitle{margin-bottom:0.53rem;}
.hmtitle .name{color:#004aba;font-weight:normal;font-size:1.25em;line-height:1.5em;margin-bottom:0.8em;}
.hmtitle .alias{font-size:3em;line-height:1.25em;font-weight:normal;}
.hmtitle span{display:inline-block;background-clip:text;color:transparent;background-image:linear-gradient(90deg,#004aba 2.3em,#333 2.3em);}
.hmtitle.center{text-align:center;}

/*hmstren*/
.hmstren{padding:0.96rem 0 0.92rem;overflow:hidden;}
.hmstren .inner{position:relative;}
.hmstren .rmore{position:absolute;right:0;top:1.875em;}
.hmstren ul{width:100.625%;}
.hmstren li{width:33.333%;padding-right:0.62111801%;padding-bottom:0.62111801%;}
.hmstren li:last-child{width:100%;}
.hmstren .box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;height:100%;align-items:center;justify-content:center;background-color:#f5f9fc;position:relative;min-height:5em;padding:1.25em;}
.hmstren .num{opacity:0.06;font-size:3.875em;line-height:1em;position:absolute;left:0.32258065em;top:50%;transform:translateY(-50%);font-weight:bold;}
.hmstren .text{font-size:1.25em;position:relative;z-index:2;color:#666;line-height:1.875em;text-align:center;}

/*hmpart*/
.hmpart{overflow:hidden;padding:0.95rem 0 1rem;}
.hmpart ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:102.08333333%;}
.hmpart li{width:20%;padding-right:2.04081633%;padding-bottom:2.04081633%;}
.hmpart li i{display:block;overflow:hidden;padding-bottom:45.45454545%;background:#fff no-repeat center center;background-size:cover;}
.hmpart .control{justify-content:center;align-items:center;margin-top:1.125em;}
.hmpart .arrow{position:static;width:auto;height:auto;margin:0;}
.hmpart .arrow:after{font-size:1.875em;color:#999;font-weight:bold;}
.hmpart .arrow:hover:after{color:#004aba;}
.hmpart .swiper-pagination{justify-content:center;position:static;width:auto;margin:0 0.94rem;}
.hmpart .swiper-pagination .swiper-pagination-bullet{width:0.625em;height:0.625em;background-color:#999;opacity:1;margin:0 0.625em;}
.hmpart .swiper-pagination .swiper-pagination-bullet-active{background-color:#004aba;}

/*getb*/
.getb{position:fixed;left:0;bottom:0;width:100%;z-index:11;background-color:rgba(0,0,0,0.9);padding:0.625em 4.375em;}
.getb .close{width:4.375em;height:100%;background:rgba(255,255,255,0.1) url(../images/close.png) no-repeat center center;background-size:31.42857143% auto;position:absolute;right:0;top:0;cursor:pointer;}
.getb .inner{position:relative;}
.getb .go{height:3.125em;background-color:#004aba;color:#fff;}
.getb .go i{background-image:url(../images/arrow_right_02.svg);}
.getb .rmore{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.getb .text{font-size:1.5em;line-height:1.5em;padding:0.29166667em 7.5em;color:#fff;text-align:center;}
.getb .text a{color:#004aba;font-weight:bold;}
.getb .text a:hover{color:#fff;}

/*geta*/
.geta{background:#004aba url(../images/geta.png) no-repeat center center;background-size:cover;color:#fff;padding:0.45rem 0;}
.geta .inner{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.geta .text{font-size:1.375em;line-height:2.27272727em;width:calc(100% - 8.1em);}
.geta .text strong{font-size:1.72727273em;line-height:1.57894737em;}
.geta .go:hover{background-color:#fff;color:#004aba;}
.geta .go:hover i{background-image:url(../images/arrow_right_01.svg);}

/*hmnews*/
.hmnews{padding:0.93rem 0 1rem;overflow:hidden;}
.hmnews .go{margin:0 auto;}
.hmnews .box{margin-bottom:0.6rem;}
.hmnews .date{color:#999;}
.hmnews .excerpt{font-size:1.125em;line-height:1.66666667em;height:3.33333333em;-webkit-line-clamp:2;color:#666;}
.hmnews .more{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-top:-0.875em;}
.hmnews .more i{display:block;overflow:hidden;width:1.625em;height:1.625em;background:url(../images/get_03.svg) no-repeat center center;background-size:contain;}
.hmnews .sticky{width:50%;}
.hmnews .sticky .img{padding-bottom:17.3125em;}
.hmnews .sticky .text{border:solid 1px #dedede;border-top:none;padding:1.5625em 1.875em 2.1875em;}
.hmnews .sticky .title{font-size:1.6875em;line-height:1.77777778em;font-weight:normal;margin-bottom:0.2962963em;}
.hmnews .sticky a{display:block;}
.hmnews .list{width:50%;border-top:solid 1px #dedede;}
.hmnews .item{border-bottom:solid 1px #dedede;}
.hmnews .item .figure{width:12.5em;}
.hmnews .item .img{padding-bottom:82%;}
.hmnews .item .text{padding:0 1.875em;width:calc(100% - 12.5em);}
.hmnews .item .date{margin-bottom:0.3125em;}
.hmnews .item .title{font-size:1.4375em;line-height:1.39130435em;font-weight:normal;height:2.7826087em;-webkit-line-clamp:2;margin-right:1.30434783em;}
.hmnews .item a{flex-direction:row-reverse;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.hmnews .box a:hover .img{transform:scale(1.05);}

/*hmapp*/
.hmapp{padding-top:0.95rem;}
.hmapp .text{position:absolute;left:0;width:100%;text-align:center;top:0;margin-top:41.69278997%;padding:0 1em; z-index: 6}
.hmapp .title{font-size:2em;font-weight:normal;line-height:1.5em;margin-bottom:0.78125em;}
.hmapp .intro{font-size:1.125em;line-height:1.5em;max-height:4.5em;-webkit-line-clamp:3;margin-bottom:0.52rem;}
.hmapp .more{width:1.9375em;height:1.9375em;background:url(../images/get.svg) no-repeat center center;background-size:contain;margin:0 auto;}
.hmapp .info{display:block;overflow:hidden;color:#fff;position:relative;}
.hmapp .figure:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(180deg,#000,transparent);opacity:0.44; z-index: 5;}
.hmapp .img {padding-bottom:225.70532915%;}
.hmapp .info:hover .figure:before{opacity:1;}
.hmapp .info:hover .img {transform: scale(1.05);}

/*hmpro*/
.hmpro{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.hmpro .hmtitle{margin-bottom:0.3rem;}
.hmpro .box{width:100%;}
.hmpro .cate{width:50%;background:url(../images/hmpro.jpg) no-repeat center center;background-size:cover;padding:0.5rem 0.8rem 0.5rem 2.4rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;color:#fff;}
.hmpro .cate .name{color:#fff;}
.hmpro .cate .tab{position:relative;padding:3.6875em 0;}
.hmpro .cate .swiper{height:17em;padding-left:0.8125em;}
.hmpro .cate .swiper-slide{font-size:1.5em;line-height:2.83333333em;position:relative;padding-left:1.79166667em;cursor:pointer;}
.hmpro .cate .swiper-slide:before{content:'';display:block;position:absolute;left:0;top:0;height:100%;width:0.16666667em;background-color:rgba(255,255,255,0.3);}
.hmpro .cate .active:before{background-color:#fff;}
.hmpro .cate .arrow{width:1.875em;height:1.1875em;background:no-repeat center center;background-size:contain;margin-top:0;right:auto;top:auto;left:0;}
.hmpro .cate .arrow:after{display:none;}
.hmpro .cate .arrow:hover{opacity:0.75;}
.hmpro .cate .swiper-button-prev{background-image:url(../images/swiper_prev_03@2x.png);top:0;}
.hmpro .cate .swiper-button-next{background-image:url(../images/swiper_next_03@2x.png);bottom:0;}
.hmpro .cate .swiper-button-disabled{display:none;}
.hmpro .list{width:50%;background-color:#f5f9fc;padding:0.96rem 2.4rem 0.96rem 0.7rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;}
.hmpro .list .box{display:none;}
.hmpro .list .box:first-child{display:block;}
.hmpro .list .top{text-align:center;margin-bottom:2em;}
.hmpro .list .title{font-size:2em;font-weight:normal;line-height:1.65em;}
.hmpro .list .intro{font-size:1.125em;line-height:1.66666667em;color:#666;}
.hmpro .list .mid{padding:0 3.375em;margin-bottom:2.5em;position:relative;}
.hmpro .list .img{padding-bottom:74.07407407%;}
.hmpro .list .arrow{width:1.1875em;height:1.875em;background:no-repeat center center;background-size:contain;margin-top:0;transform:translateY(-50%);}
.hmpro .list .arrow:after{display:none;}
.hmpro .list .arrow:hover{opacity:0.75;}
.hmpro .list .swiper-button-prev{background-image:url(../images/swiper_prev_02@2x.png);left:0;}
.hmpro .list .swiper-button-next{background-image:url(../images/swiper_next_02@2x.png);right:0;}
.hmpro .go{margin:0 auto;}

/*store*/
.store {display: flex; justify-content: center; margin-top: 2em;}
.store a {color:#fff; font-size:1.25em; background-color:#004aba; border-radius: 0.25em; padding:0 2em; height: 2.5em; line-height: 2.5em;}



@media only screen and (max-width:1280px){

    /*1280px*/
    body{font-size:12px;}

    /*1280px*/
    .swiper-arrows .arrow{font-size:0.75em;}
    .swiper-arrows .swiper-button-prev{left:1em;}
    .swiper-arrows .swiper-button-next{right:1em;}

    /*1280px*/
    .getb{padding-left:0;}
    .getb .text{text-align:left;padding-left:0;}

    /*1280px*/
    .hmpro .cate{padding-left:3.125%;}
    .hmpro .list{padding-right:3.125%;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #header .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-top:1.5em;padding-bottom:1.5em;}

    /*1024px*/
    #button{display:block;width:11em;}

    /*1024px*/
    #logo{display:block;}

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:1.5em;height:1.33333333em;transition:all 0.3s;display:block;z-index:10;overflow:hidden;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.16666667em;background-color:#fff;display:block;position:absolute;left:50%;margin-left:-0.75em;transition:all 0.3s;content:'';}
    #navbtn:before{top:0;}
    #navbtn:after{bottom:0;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active:before{transform:rotate(45deg);top:50%;background-color:#004aba;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;background-color:#004aba;}
    #navbtn.active i{opacity:0;}

    /*1024px*/
    #navi{position:fixed;width:100%;height:100%;background-color:rgba(240,242,247,0.9);z-index:9;left:0;top:0;display:none;}
    #navi .menu{position:fixed;right:0;top:8.625em;width:80%;max-width:25em;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 8.625em);display:block;padding:3.5vh;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;}
    #navi.active .menu{transform:translateX(0);}
    #navi a{color:#333;}
    #navi .parent{padding:0.75em 0;line-height:2em;position:relative;font-size:1.125em;margin:0;}
    #navi .parent:after{display:none;}
    #navi em{display:block;position:absolute;right:-3.5vh;width:3.48148148em;height:3.48148148em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.44444444em;height:0.44444444em;border-right:0.07407407em solid #333;border-bottom:0.07407407em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.33333333em 0 0 -0.66666667em;transition:all 0.3s;}
    #navi .on > em:after{border-right-color:#004aba;border-bottom-color:#004aba;transform:rotate(45deg);}
    #navi .drop{position:relative;box-shadow:none;left:auto;transform:none;text-align:left;min-width:0;}
    #navi .drop li{margin-left:2em;font-size:1em;padding:0.5em 0;}
    #navi .drop a{padding:0;}

    /*1024px*/
    #submenu{width:100%;overflow:hidden;}
    #submenu ul{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;}
    #submenu li{padding:1em 0;}

    /*1024px*/
    #contact .figure{width:100%;}
    #contact .img{height:auto;}
    #contact .text{width:100%;padding:5%;}

    /*1024px*/
    #footbtm{justify-content:center;text-align:center;}

    /*1024px*/
    #menu{display:none;}

    /*1024px*/
    #site{width:auto;}

    /*1024px*/
    #join .item{width:100%;}

    /*1024px*/
    #message .form{width:100%;margin-bottom:2em;}
    #message .figure{width:100%;}

    /*1024px*/
    #support .item{width:50%;}

    /*1024px*/
    #partner li{width:33.333%;}

    /*1024px*/
    #about .intro{width:100%;margin-bottom:2em;}
    #about .data{width:100%;}
    #about .data li{width:45%;}

    /*1024px*/
    #strength .item{width:50%;}

    /*1024px*/
    #culture .text{width:100%;margin-bottom:3em;}
    #culture .figure{width:100%;}

    /*1024px*/
    #prolist .item{width:50%;}

    /*1024px*/
    #solution .item{width:50%;}

    /*1024px*/
    #newstop .figure{width:100%;}
    #newstop .text{width:100%;padding:2em;}

    /*1024px*/
    .hmstren li{width:50%;}

    /*1024px*/
    .hmnews .sticky{width:100%;}
    .hmnews .sticky .img{padding-bottom:38.47222222%;}
    .hmnews .list{width:100%;border-top:none;}
    .hmnews .item{border-left:solid 1px #dedede;}

    /*1024px*/
    .hmpro .hmtitle{margin-bottom:2em;}
    .hmpro .cate{width:100%;padding:0.96rem 3.125%;}
    .hmpro .cate .swiper{height:auto;padding-left:0;}
    .hmpro .cate .swiper-slide{padding:0 0 0.5em;text-align:center;}
    .hmpro .cate .swiper-slide:before{top:auto;bottom:0;width:100%;height:0.16666667em;}
    .hmpro .cate .tab{padding:0 3em;}
    .hmpro .cate .arrow{width:1.1875em;height:1.875em;}
    .hmpro .cate .swiper-button-prev{background-image:url(../images/swiper_prev@2x.png);top:auto;bottom:0;left:0;}
    .hmpro .cate .swiper-button-next{background-image:url(../images/swiper_next@2x.png);left:auto;right:0;}
    .hmpro .list{width:100%;padding-left:3.125%;}
}
@media only screen and (max-width:750px){

    /*750px*/
    body{font-size:3.2vw;}

    /*750px*/
    #pages{display:none;}

    /*750px*/
    #banner{padding-bottom:50%;}
    #banner .text {transform: translateY(-20%);}
    #banner .hgroup{font-size:0.75em;}
    #banner .name {font-size: 2.5em;}

    /*750px*/
    #submenu li{margin-right:1.5em;}

    /*750px*/
    #wrapper{padding:3em 0;}

    /*750px*/
    #contact .text{padding:2em;}
    #contact .info{display:block;}
    #contact .meta{display:block;width:auto;}
    #contact .follow{display:block;width:auto;border-left:none;border-top:1px solid #dedede;margin-top:2em;padding-top:2em;}
    #contact .box{float:none;text-align:center;}
    #contact .qr{margin:0 auto;}

    /*750px*/
    #footbtm{padding:1.5em 0;}

    /*750px*/
    #foottop{display:block;padding:2.5em 0;}

    /*750px*/
    #site{display:block;margin-bottom:2em;}
    #site ul{margin-bottom:1em;}

    /*750px*/
    #stock{display:block;width:auto;}
    #stock .tips{margin-bottom:1em;}

    /*750px*/
    #pagenavi .a_num{display:none;}

    /*750px*/
    .msgform .item{margin-bottom:1.25em;}
    .msgform .column .item{width:100%;}

    /*750px*/
    #videos .item{width:100%;margin-bottom:1em;}

    /*750px*/
    .filter{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;}
    .filter .item{margin-right:0;width:48%;margin-bottom:4%;}
    .filter .submit{width:100%;}

    /*750px*/
    #support .item{width:100%;margin-bottom:1em;}

    /*750px*/
    #question .item{padding-left:1.5em;padding-right:1.5em;}
    #question .active{padding-top:1.75em;padding-bottom:1.75em;}
    #question .info{padding-left:1em;}
    #question .meta{width:100%;border-right:none;border-bottom:1px solid #e9e9e9;margin-bottom:1em;padding-bottom:1em;}
    #question .intro{width:100%;padding:0;}

    /*750px*/
    .category{width:100%;}
    .category ul{justify-content:space-between;}
    .category li{margin-right:0;margin-bottom:3%;width:48.5%;}

    /*750px*/
    #strength .item{width:100%;margin-bottom:1em;}

    /*750px*/
    #culture .intro{width:calc(100% - 6em);}
    #culture .cur .icon{width:6em;}

    /*750px*/
    #honor li{width:50%;padding-bottom:1.375em;}

    /*750px*/
    #details .title{font-size:2em;}
    #details .pn{width:100%;margin-bottom:2em;}
    #details .back{width:100%;}
    #details .back a{margin:0 auto;}

    /*750px*/
    #prolist .item{width:100%;padding-bottom:1em;}

    /*750px*/
    #solution .item{width:100%;padding-bottom:1em;}

    /*750px*/
    #newslist{padding:3em 0;}

    /*750px*/
    .newsitem .text{width:100%;padding:2em;}
    .newsitem .figure{width:100%;}

    /*750px*/
    #newstop{padding:2.5em 0 3em;}

    /*750px*/
    .solpost{padding:3em 0;}
    .solpost .text{width:100%;margin-bottom:2em;}
    .solpost .figure{width:100%;}

    /*750px*/
    .solcase,.solpro,.solapp{padding:3em 0;}

    /*750px*/
    .propost{padding:3em 0;}
    .propost .text{width:100%;margin-bottom:2em;}
    .propost .gallery{width:100%;}

    /*750px*/
    .proinfo{padding:3em 0 2.5em;}

    /*750px*/
    .proadvant{margin-bottom:2em;}
    .proadvant li{width:100%;}
    .proadvant .info{padding-right:2.125em;}

    /*750px*/
    .prometa{margin-bottom:2em;}

    /*750px*/
    .profiles .item{width:100%;margin-bottom:1.5em;}

    /*750px*/
    #slides .img{padding-bottom:100%;}
    #slides .title{font-size:2.375em;padding:0 0.5em;text-align:center;}

    /*750px*/
    .hmtitle{margin-bottom:2em;}
    .hmtitle .alias{font-size:2.1em;}

    /*750px*/
    .hmstren{padding:3em 0;}
    .hmstren ul{margin-bottom:2em;}
    .hmstren li{width:100%;margin-bottom:2%;}
    .hmstren .rmore{position:static;}
    .hmstren .rmore a{margin:0 auto;}

    /*750px*/
    .hmpart{padding:3em 0;}
    .hmpart li{width:33.333%;}

    /*750px*/
    .getb{padding:0.875em 3.375em 0.875em 0;}
    .getb .text{text-align:left;padding-left:0;font-size:1em;}
    .getb .go{width:7.125em;padding:0 0.875em;height:2.5em;}
    .getb .close{width:3.375em;}

    /*750px*/
    .geta{padding:2em 0 2.5em;}
    .geta .text{width:100%;margin-bottom:1em;text-align:center;}
    .geta .rmore{width:100%;}
    .geta .go{margin:0 auto;}

    /*750px*/
    .hmnews{padding:3em 0;}
    .hmnews .box{margin-bottom:2em;}
    .hmnews .more{margin-top:0;}

    /*750px*/
    .hmapp{padding-top:3em;}

    /*750px*/
    .hmpro .cate,.hmpro .list{padding-top:3em;padding-bottom:3em;}
    .hmpro .cate .swiper-slide{padding:0 0 0.25em;}
}