@charset "utf-8";
@font-face{font-family:'DingTalkJinBuTi';src:url('../fonts/DingTalkJinBuTi.ttf') format('truetype');font-style:normal;font-display:swap;}

/*初始化样式*/
*{-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设置*/
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:#666;font:normal 0.83334vw/1.75em 'Arial','Sans-serif';overflow-x:hidden;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#666;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#000;}
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:'Arial','Sans-serif';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:100em;max-width:93.75%;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;transition:all .5s;}
.figure .img{background:no-repeat center center;background-size:cover;display:block;transition:all .5s;}
.figure .img:hover,.figure img:hover{transform:scale(1.1);}
.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 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;}

/*header*/
#header{position:fixed;left:0;top:0;width:100%;z-index:8;color:#fff;transition: .3s all}
#header a{color:#fff;transition: .3s all}
#header .inner{display:table;table-layout:fixed;padding:1.51041667% 0;border-bottom:1px solid rgba(255,255,255,0.1);transition: 0.3s all;position: relative}

/*logo*/
#logo{display:table-cell;vertical-align:middle;width:7.5em;font-size:1em;position:relative;z-index:9;}
#logo a{display:block;}
#logo i{display:block;padding-bottom:35%;background:no-repeat left center;background-size:contain;transition: .3s all}
#logo i.down{display:none;}

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

/*language*/
#language{position:relative;}
#language span{width:1em;height:1em;background:url(../images/language.png) no-repeat center center;background-size:contain;cursor:pointer;display:block;overflow:hidden;transition: .3s all}
#language span:hover{opacity:0.5;}
#language ul{background-color:#d62921;color:#fff;position:absolute;left:50%;transform:translateX(-50%);top:100%;border-radius:0.25em;margin-top:2.5em;padding:0.35em 0;visibility:hidden;opacity:0;transition:all 0.3s;}
#language ul:before{border-bottom:0.35em solid #d62921;border-left:0.35em solid transparent;border-right:0.35em solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);}
#language a{display:block;color:#fff;font-size:0.875em;padding:0 1.5em;}
#language .active{margin-top:1.5em;visibility:visible;opacity:1;}

/*search*/
#search{}
#search span{display:block;width:1em;height:1em;background:url(../images/search.png) no-repeat center center;background-size:contain;cursor:pointer;transition: .3s all}
#search span:hover{opacity:0.5;}
#search .input{background-color:#d62921;position:absolute;right:100%;top:100%;border-radius:1.3125em;z-index:8;overflow:hidden;width:15.625em;padding-right:2.5em;margin-right:-1.875em;margin-top:2.5em;visibility:hidden;opacity:0;transition:all 0.3s;}
#search .text{display:block;width:100%;height:2.5em;line-height:1.5em;padding:0.5em 0 0.5em 1em;color:#fff;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:2.5em;cursor:pointer;background:url(../images/search.png) no-repeat center center;background-size:1em auto;}
#search .active{margin-top:1.5em;visibility:visible;opacity:1;}

.top-search{background-color:#d62921;position:absolute;right:3%;top:75%;border-radius:1.3125em;z-index:8;overflow:hidden;width:15.625em;padding-right:2.5em;transition:all 0.3s;display: none}
.top-search .text{display:block;width:100%;height:2.5em;line-height:1.5em;padding:0.5em 0 0.5em 1em;color:#fff;}
.top-search .go{display:block;position:absolute;right:0;top:0;height:100%;width:2.5em;cursor:pointer;background:url(../images/search.png) no-repeat center center;background-size:1em auto;}

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

/*navi*/
#navi{display:table-cell;vertical-align:middle;padding:0 3.125%;}
#navi .menu{justify-content:flex-end;}
#navi .parent{padding:1em 2.1875em;position:relative;line-height:2em;}
#navi a{display:block;}
#navi .drop{margin-top:2.5em;visibility:hidden;opacity:0;transition:all 0.3s;position:absolute;left:50%;transform:translateX(-50%);top:100%;}
#navi .show{margin-top:0;visibility:visible;opacity:1;}
#navi .sub{position:relative;background-color:#d62921;font-size:0.875em;padding:0.5em 0;}
#navi .sub:before{border-bottom:0.4em solid #d62921;border-left:0.4em solid transparent;border-right:0.4em solid transparent;content:'';display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);}
#navi .sub a{white-space:nowrap;padding:0 1.5em;opacity:0.8;}
#navi .sub a:hover{opacity:1;}
#navi em{display:none;}

/*页面下拉*/
#header.down{background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,.1)}
#header.down #logo i.white{display:none;}
#header.down #logo i.down{display:block;}

#header.down .inner{padding:.5% 0;}

#header.down #navi a{color: #333}

#header.down #search span,
#header.down #language span{filter: grayscale(0) brightness(0);}


#header #navi a:hover{color: #d62921;}

/*footer*/
#footer{background-color:#091d39;color:#4c5b70;}
#footer a{color:#4c5b70;display:inline-block;}
#footer a:hover{color:#fff;}

/*other*/
#other{justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,0.1);flex-direction:row-reverse;font-size:0.875em;line-height:2em;padding:1.78571429em 0;}

/*pagelist*/
#pagelist span{display:block;padding-left:0.92857143em;position:relative;}
#pagelist span:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background-color:#4c5b70;width:0.21428571em;height:0.21428571em;left:0.35714286em;}
#pagelist span:first-child{padding-left:0;}
#pagelist span:first-child:before{display:none;}

/*links*/
#links{line-height:1.875em;padding:1.4375em 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#links .name{font-size:1em;font-weight:normal;line-height:1.875em;white-space:nowrap;margin-right:1em;}
#links li{margin-right:1.5625em;}
#links li:last-child{margin-right:0;}

/*bottom*/
#bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1.5625em 0;}

/*column*/
#column{color:#fff;}
#column li{margin-bottom:1em;}
#column a{color:#fff;}
#column a:hover {color:#d62921;}

/*infor*/
#infor{font-size:0.875em;width:33.75%;line-height:2.57142857em;}
#infor ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#infor li{margin-bottom:0.85714286em;}
#infor span{font-size:1.14285714em;line-height:2em;color:#fff;}
#infor .num{color:#d62921;font-size:2.14285714em;line-height:1.6em;font-weight:bold;}

/*site*/
#site .name{font-size:1.875em;line-height:1.6em;color:#fff;margin-bottom:2em;}
#site .name i{color:#d62921;font-style:normal;}
#site li{margin-right:2.375em;margin-bottom:0.5em;position:relative;}
#site li:last-child{margin-right:0;}
#site .icon{display:block;max-width:4.125em;max-height:1.625em;}
#site a{opacity:0.2;display:block;overflow:hidden;}
#site a:hover{opacity:1;}
#site .qr{position:absolute;background-color:#fff;border-radius:0.5em;padding:0.25em;left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:0.75em;width:8.125em;display:none;}
#site .qr:after{border-top:0.4em solid #fff;border-left:0.4em solid transparent;border-right:0.4em solid transparent;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;}

/*backtop*/
#backtop{color:#fff;justify-content:center;}
#backtop .box{padding:1.75em 0;cursor:pointer;position:relative;}
#backtop .icon{width:4em;height:4em;position:absolute;top:-2.9375em;left:50%;margin-left:-2em;z-index:2;}
#backtop .icon:before,#backtop .icon:after{content:'';display:block;position:absolute;background:no-repeat center center;background-size:contain;}
#backtop .icon:before{width:100%;padding-bottom:26.5625%;background-image:url(../images/backtop_icon.png);left:0;bottom:0;}
#backtop .icon:after{width:59.375%;padding-bottom:59.375%;background-image:url(../images/logo_01.png);left:50%;bottom:9.375%;transform:translateX(-50%);z-index:2;}
#backtop .text{font-size:0.875em;line-height:2em;}
#backtop .text:before{display:block;content:'';width:0.5em;height:3.28571429em;background:url(../images/backtop_arrow.png) no-repeat center center;background-size:contain;margin:0 auto;}
#backtop .text:hover {color:#d62921;}

/*hgroup*/
.hgroup{position:relative;}
.hgroup .name{font-size:3.75em;line-height:1.125em;color:#000;position:relative;z-index:2;}
.hgroup .name:after{width:0.16666667em;height:0.16666667em;border-radius:50%;background-color:#d62921;content:'';display:inline-block;}
.hgroup .desc{line-height:1.875em;position:relative;z-index:2;}
.hgroup.circle:before{width:12.5em;height:12.5em;content:'';display:block;position:absolute;top:0;transform:translateY(-25%);left:12.5em;background:url(../images/circle.png) no-repeat center center;background-size:contain;}
.hgroup.center{text-align:center;}
.hgroup.white .name,.hgroup.white .desc{color:#fff;}

/*learnm*/
.learnm{display:block;cursor:pointer;color:#fff;font-size:1em;}
.learnm i{background:url(../images/learnm.png) no-repeat right center;background-size:2.9375em auto;display:inline-block;padding-right:2.5em;transition:all 0.3s;cursor: pointer}
.learnm:hover{color:#fff;}
.learnm:hover i{padding-right:3.125em;}
.learnm.border{width:15.5em;height:3.75em;line-height:3.625em;text-align:center;background-color:#d62921;border-radius:1.875em;box-shadow:0px 0.5em 1em rgba(214,41,33,0.3);cursor: pointer}
.learnm.black i{background-image:url(../images/learnm_02.png);}

/*contact*/
.msgform .item{margin-bottom:0.625em;}
.msgform .text{font-size:0.875em;color:#666;border:1px solid #e4e4e4;height:4.28571429em;line-height:2.14285714em;padding:1.07142857em 1.28571429em;display:block;width:100%;border-radius:0.57142857em;}
.msgform textarea.text{height:8.57142857em;resize:vertical;}
.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;justify-content:space-between;}

/*contact*/
.hpdt{padding:8.33333333% 0;}

/*contact*/
#contact{position:relative;background:url(../images/bg_01.png) no-repeat right top;background-size:65.26041667% auto;}
#contact:before{width:16.66666667%;padding-bottom:34.375%;content:'';display:block;position:absolute;left:0;bottom:0;background-color:#f7faff;}
#contact .inner{display:table;table-layout:fixed;position:relative;z-index:2;}
#contact .pic{display:table-cell;vertical-align:top;width:30%;}
#contact .figure{border-radius:0.625em;}
#contact .info{display:table-cell;vertical-align:middle;padding-left:10%;}
#contact .hgroup{margin-bottom:7.8125%;}
#contact .form{max-width:50em;}
#contact .column .item{width:calc(33.333% - 0.625em);}
#contact .submit{margin-top:3.125em;}

/*swiper-dots*/
.swiper-dots .swiper-pagination{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;justify-content:center;}
.swiper-dots .swiper-pagination .swiper-pagination-bullet{width:0.625em;height:0.625em;background-color:#000;opacity:0.1;margin:0 0.625em;}
.swiper-dots .swiper-pagination .swiper-pagination-bullet-active{background-color:#d62921;opacity:1;}

/*case*/
#case{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#case .text{width:66.66666667%;position:relative;border-radius:0.625em 0 0 0.625em;overflow:hidden;}
#case .text:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../images/mask_01.png) repeat-x center bottom;background-size:auto 64.58333333%;z-index:2;}
#case .text:hover .img{transform:scale(1.05);}
#case .img{padding-bottom:56.25%;}
#case .info{position:absolute;left:50%;bottom:0;z-index:2;color:#fff;max-width:90%;width:40em;transform:translateX(-50%);text-align:center;padding:7.8125% 0;}
#case .hgroup{margin-bottom:9.6875%;}
#case .intro{max-height:3.5em;-webkit-line-clamp:2;margin-bottom:6.25%;}
#case .logos{width:33.33333333%;}
#case .swiper{width:35.15625%;margin:0 auto;}
#case li{margin-bottom:0.9375em;}
#case li:last-child{margin-bottom:0;}
#case .icon{padding-bottom:31.11111111%;background:no-repeat center center;background-size:contain;display:block;overflow:hidden;}
#case .swiper-pagination{position:relative;margin-top:2.8125em;}

/*swiper-arrows*/
.swiper-arrows .swiper-button-arrow{position:relative;width:4.25em;height:auto;background:#fff no-repeat center center;background-size:25% auto;border-radius:50%;margin-top:0;transform:translateY(-50%);box-shadow:0px 0.375em 1em rgba(214,41,33,0.04);}
.swiper-arrows .swiper-button-arrow:after{content:'';padding-bottom:100%;display:block;width:100%;}
.swiper-arrows .swiper-button-arrow:hover{background-color:#d62921;}
.swiper-arrows .swiper-button-prev{background-image:url(../images/swiper_button_prev_01.png);}
.swiper-arrows .swiper-button-prev:hover{background-image:url(../images/swiper_button_prev_02.png);}
.swiper-arrows .swiper-button-next{background-image:url(../images/swiper_button_next_01.png);}
.swiper-arrows .swiper-button-next:hover{background-image:url(../images/swiper_button_next_02.png);}

/*solution*/
#solution{background-image:linear-gradient(180deg,#f7faff,#fff);position: relative;z-index: 1}
#solution .info{position:relative;}
#solution .info:before{width:100%;height:1px;content:'';display:block;position:absolute;left:0;background-color:#e5e8ed;top:3.25em;}
#solution .inner{position:relative;}
#solution .hgroup{margin-bottom:3.4375%;}
#solution .figure img{transform:none;}
#solution .meta{position:absolute;right:0;top:0.125em;align-items:center;}
#solution .arrows{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:10em;}
#solution .swiper-button-arrow{top:auto;transform:none;}
#solution .swiper-button-next{right:auto;}
#solution .swiper-button-prev{left:auto;}
#solution .swiper-pagination{position:relative;width:auto;bottom:auto;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;margin-right:4.0625em;align-items:center;}
#solution .swiper-pagination-bullet{display:block;position:relative;width:6.25em;height:6.25em;opacity:1;margin:0 -0.3125em;background:none;transition:all 0.3s;}
#solution .swiper-pagination-bullet:before,#solution .swiper-pagination-bullet:after{content:'';display:block;position:absolute;background:#f7faff no-repeat center center;background-size:contain;transition:all 0.3s;}
#solution .swiper-pagination-bullet:before{width:1.25em;height:1.25em;background-image:url(../images/logo_02.png);left:50%;top:50%;margin:-0.625em 0 0 -0.625em;}
#solution .swiper-pagination-bullet:after{left:0;top:0;width:100%;height:100%;background-image:url(../images/circle_02.png);opacity:0;}
#solution .swiper-pagination-bullet i{display:block;font-style:normal;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;opacity:0;z-index:2;font-size:1.125em;color:#000;font-weight:bold;transition:all 0.3s;}
#solution .swiper-pagination-bullet-active{margin:0 3.125em;}
#solution .swiper-pagination-bullet-active:before{opacity:0;}
#solution .swiper-pagination-bullet-active:after,#solution .swiper-pagination-bullet-active i{opacity:1;}

/*business*/
#business{position:relative;}
#business:before{width:100%;padding-bottom:33em;background:#0d2a53 url(../images/logo_03.png) repeat left top;background-size:3.25em auto;content:'';display:block;position:absolute;left:0;bottom:0;}
#business .inner{position:relative;z-index:2;}
#business .hgroup{margin-bottom:5%;}
#business .list{background-color:#fff;border-radius:0.625em;box-shadow:0px 0.625em 2.375em rgba(0,0,0,0.1);overflow:hidden;}
#business .item{width:33.333%;border-right:1px solid #eee;}
#business .item:nth-child(3n){border-right:none;}
#business .item:nth-child(n + 4){border-top:1px solid #eee;}
#business .icon{width:20.00487924%;display:table-cell;vertical-align:top;}
#business .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#business .text{padding-left:12.1980971%;display:table-cell;vertical-align:top;}
#business .title{font-size:1.375em;line-height:1.36363636em;color:#000;height:2.72727273em;-webkit-line-clamp:2;margin-bottom:0.63636364em;}
#business .intro{height:5.25em;-webkit-line-clamp:3;margin-bottom:2.125em;color:#666;}
#business .info{padding:15% 13% 13% 10%;position:relative;transition:all 0.3s;display:block;overflow:hidden;}
#business .info:after{width:100%;height:0.5em;background-color:#d62921;content:'';display:block;position:absolute;left:0;bottom:0;z-index:2;opacity:0;transition:all 0.3s;}
#business .info:hover{box-shadow:0px 0.625em 2.375em rgba(0,0,0,0.1);}
#business .info:hover:after{opacity:1;}
#business .learnm{color:#000;}

/*functions*/
#functions{background-color:#f7faff;padding:6.25% 0;}
#functions .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#functions .hgroup{margin-bottom:11.60714286%;}
#functions .text{width:35%;}
#functions .text .item{display:none;}
#functions .text .title{font-size:2.5em;color:#d62921;line-height:1.25em;margin-bottom:7.85714286%;}
#functions .text .intro{overflow:hidden;margin-bottom:4.64285714%;}
#functions .text .intro p{padding-left:1.25em;position:relative;margin-bottom:1.75em;}
#functions .text .intro p:before{content:'';display:block;position:absolute;left:0;border-radius:50%;background-color:#d62921;width:0.25em;height:0.25em;top:0.75em;}
#functions .pic{width:60%;padding-left:1.25%;position:relative;}
#functions .current{width:80.85106383%;padding:8.5106383%;position:relative;background-image:linear-gradient(-90deg,#fff,transparent);border-radius:50%;}
#functions .current i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:cover;}
#functions .tab li{position:absolute;align-items:center;cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:30.20833333%;}
#functions .tab li:nth-child(1){width:37.5%;top:2.89473684%;left:59.375%;}
#functions .tab li:nth-child(1) .figure{width:30.55555556%;}
#functions .tab li:nth-child(1) .title{width:63.88888889%;}
#functions .tab li:nth-child(2){top:31.57894737%;left:74.47916667%;}
#functions .tab li:nth-child(3){top:64.47368421%;left:71.875%;}
#functions .tab li:nth-child(4){top:88.81578947%;left:53.125%;}
#functions .tab .figure{width:37.93103448%;border-radius:50%;background-color:#fff;padding:0.375em;transition:all 0.3s;}
#functions .tab .img{padding-bottom:100%;transform:none;}
#functions .tab .title{width:calc(100% - 8.125em);width:55.17241379%;line-height:1.5em;}
#functions .tab .cur,#functions .tab li:hover{color:#000;}
#functions .tab .cur .figure,#functions .tab li:hover .figure{background-color:#d62921;}

/*slides*/
@keyframes down {
	0% {
		transform:translate(-50%,0);
	}
	50% {
		transform:translate(-50%,-0.875em);
	}
	100% {
		transform:translate(-50%,0);
	}
}
#slides{position:relative;}
#slides .img{padding-bottom:50%;transform:none;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#fff;}
#slides .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#slides .info{max-width:44.375em;}
#slides .title{font-size:3.125em;line-height:1.44em;margin-bottom:0.5em;font-weight:bold;}
#slides .intro{max-width:15.625em;text-align:right;}
#slides .tips{font-size:0.875em;line-height:2.14285714em;max-height:8.57142857em;-webkit-line-clamp:4;margin-bottom:3.21428571em;}
#slides .info{max-width:calc(100% - 17em);}
#slides .info .border{background-color:transparent;border:1px solid #fff;box-shadow:none;}
#slides .info .border:hover{background-color:#d62921;border-color:#d62921;}
#slides .pic{margin-bottom:1em;}
#slides .pic img{display:block;max-width:100%;height:3.625em;object-fit:contain;}
#slides .name{font-size:2.25em;line-height:1.33333333em;margin-bottom:0.75em;}
#slides .small{font-size:1.875em;}
#slides .large{font-size:3.75em;line-height:1.125em;margin-bottom:0.21666667em;}
#slides .alias{font-family:'DingTalkJinBuTi';font-size:5.625em;line-height:1.11111111em;}
#slides .entry{max-width:45.625em;line-height: 1.5}
#slides .entry2{max-width:45.625em;line-height: 1.5;font-size:1.5em;margin-top: 2em}
#slides .logo{max-width:45.625em;margin-bottom: 2em}
#slides .more{margin-top:3.375em;}

#slides .swiper-pagination{bottom: 10%}
#slides .swiper-pagination .swiper-pagination-bullet{width: 0.625em;height: 0.625em;background-color: #fff;opacity: 0.5;margin: 0 10px}
#slides .swiper-pagination .swiper-pagination-bullet-active{background-color: #d62921;opacity: 1;}
#slides .mouse{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding-bottom:1.0625em;}
#slides .mouse:before,#slides .mouse:after{background-color:#f7faff;height:100%;width:calc(50% - 2em + 1px);top:0;content:'';display:block;position:absolute;}
#slides .mouse:before{left:0;}
#slides .mouse:after{right:0;}
#slides .down{width:4em;height:4em;position:absolute;left:50%;bottom:0;margin-left:-2em;background:url(../images/scroll_icon.png) no-repeat center bottom;}

#slides .down span{display:block;position:absolute;left:50%;bottom:10%;transform:translateX(-50%);font-size:0.75em;line-height:1em;white-space:nowrap;color:#fff;background-size:contain;animation:down 2s linear 0s infinite;}
#slides .down span:after{width:2.375em;height:2.375em;background:url(../images/scroll_down.png) no-repeat center center;background-size:contain;content:'';display:block; margin:0.5em auto 0;}
@media only screen and (max-width:1280px){

    /*1280px*/
    body{font-size:12px;}
}
@media only screen and (max-width:1024px){

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

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

    /*1024px*/
    #button{display:block;width:30%;max-width:192px;position:static;}

    /*1024px*/
    #navbtn{position:relative;cursor:pointer;width:1.08333333em;height:1em;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:0;border-radius:1px;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:44%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:44%;}
    #navbtn.active i{opacity:0;}

    /*1024px*/
    #navi{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#030303;padding:0;display:none;z-index:7;}
    #navi .menu{display:block;position:absolute;top:5.20833333em;height:calc(100% - 5.208333em);width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,0.1);transform:translateX(100%);transition:transform 0.3s;padding:0 3.125%;}
    #navi.active .menu{transform:translateX(0);}
    #navi .parent{padding:1em 0;border-bottom:1px solid rgba(255,255,255,0.1);}
    #navi .drop{position:relative;visibility:visible;opacity:1;top:auto;left:auto;transform:none;padding:1em 0 0;margin-top:0;transition:none;}
    #navi .sub:before{left:2em;transform:translateX(0);}
    #navi em{display:block;position:absolute;right:0;width:4.08333333em;height:4.08333333em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.57142857em;height:0.57142857em;border-right:1px solid #fff;border-bottom:1px solid #fff;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.35714286em 0 0 -0.42857143em;transition:all 0.3s;}
    #navi .on em:after{transform:rotate(45deg);margin:-0.42857143em 0 0 -0.35714286em;}

    /*1024px*/
    #solution .info:before{display:none;}
    #solution .meta{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;top:auto;margin-bottom:3em;}
    #solution .meta:before{width:100%;height:1px;content:'';display:block;position:absolute;left:0;background-color:#e5e8ed;top:3.16666667em;}

    /*1024px*/
    #business:before{padding-bottom:32.1em;}
    #business .item{width:50%;}
    #business .item:nth-child(3n){border-right:1px solid #eee;}
    #business .item:nth-child(2n){border-right:none;}
    #business .item:nth-child(3){border-top:1px solid #eee;}

    /*1024px*/
    #functions{padding-bottom:7em;}
    #functions .hgroup{margin-bottom:3%;}
    #functions .text{width:100%;margin-bottom:5%;}
    #functions .text .title{margin-bottom:3%;}
    #functions .text .intro{margin-bottom:2%;}
    #functions .pic{width:95%;padding-left:0;}

    /*1024px*/
    #slides .pic img{height:4.95605469vw;}
    #slides .name{font-size:3.07617188vw;}
    #slides .small{font-size:2.56347656vw;}
    #slides .alias{font-size:7.69042969vw;}
    #slides .info .border{width:17.08984375vw;height:5.12695313vw;line-height:5.12695313vw;border-radius:2.63671875vw;}
}
@media only screen and (max-width:768px){

    /*768px*/
    body{font-size:3.64583333vw;}

    /*768px*/
    #search{position:static;}
    #search .input{right:3.125%;margin-right:0;width:93.75%;border-radius:0.25em;}
    #search .active{margin-top:-0.5em;}

    /*768px*/
    #other{display:block;text-align:center;}

    /*768px*/
    #pagelist{justify-content:center;}

    /*768px*/
    #links{display:block;}
    #links li{margin-right:0.78571429em;}

    /*768px*/
    #bottom{display:block;}

    /*768px*/
    #site{margin-bottom:1em;}
    #site .name{margin-bottom:0.5em;}

    /*768px*/
    #infor{width:auto;}

    /*768px*/
    #column ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;}

    /*768px*/
    .hgroup .name{font-size:3em;}

    /*768px*/
    .hpdt{padding:4em 0;}

    /*768px*/
    #contact{padding-bottom:6em;}
    #contact .inner{display:block;}
    #contact .pic{display:block;width:auto;margin-bottom:4em;}
    #contact .info{display:block;padding-left:0;}
    #contact .column .item{width:100%;}

    /*768px*/
    #case .text{width:100%;border-radius:0;}
    #case .img{padding-bottom:100%;}
    #case .logos{width:100%;margin-bottom:7%;}
    #case 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;justify-content:center;}
    #case li{width:50%;padding:0 3.125%;}
    #case .swiper{width:auto;}

    /*768px*/
    #solution .swiper-pagination{margin-right:0;justify-content:space-between;width:100%;}
    #solution .swiper-pagination-bullet{width:5em;}
    #solution .swiper-pagination-bullet i{font-size:1em;}
    #solution .swiper-pagination-bullet-active{margin:0;}
    #solution .arrows{width:100%;justify-content:center;}
    #solution .swiper-button-arrow{margin:0 1em;}
    #solution .swiper-button-hover{background:url(../images/swiper_button_next_02.png)no-repeat center #d62921;background-size: 25% auto;}

    /*768px*/
    #business:before{padding-bottom:59em;}
    #business .item{width:100%;}
    #business .item:nth-child(n+1){border-right:none;}
    #business .item:nth-child(2){border-top:1px solid #eee;}
    #business .info{padding:10% 8%;}
    #business .text{padding-left:8%;}
    #business .intro{margin-bottom:1.5em;}

    /*768px*/
    #functions{padding:3em 0;}
    #functions .hgroup{margin-bottom:5%;}
    #functions .text{margin-bottom:2em;}
    #functions .text .title{margin-bottom:1em;font-size:2em;}
    #functions .pic{width:100%;padding:0 1.25%;}
    #functions .current{width:100%;display:none;}
    #functions .tab 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;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
    #functions .tab li{position:static;padding:0.5em 0;display:block;}
    #functions .tab li:nth-child(n+1){width:23%;}
    #functions .tab li:nth-child(n+1) .figure{width:auto;}
    #functions .tab .title{display:none;}

    /*768px*/
    #slides .img{padding-bottom:100%;}
    #slides .text{margin-top:2.57142857em;}
    #slides .inner{display:block;}
    #slides .info{max-width:none;}
    #slides .info .border{width:9.42857143em;height:2.85714286em;line-height:2.85714286em;border-radius:1.42857143em;}
    #slides .name{font-size:1.14285714em;}
    #slides .small{font-size:1em;}
    #slides .large{font-size:1.42857143em;}
    #slides .intro{max-width:none;margin-top:1em;}
    #slides .tips{margin-bottom:1em;}
    #slides .entry{margin-bottom:2em;}
}



.popUp-box{position: fixed;z-index: 200; left: 0;top: 0;width: 100%; height:100%; background-color: rgba(0,0,0,0.5);display: none;}
.popUp-box .ytable{height: 100%;display: table;width: 100%;}
.popUp-box .ytable-cell {display: table-cell;vertical-align: middle;}
.popUp-box .main{background: #fff url(../images/RighInfo003134-bg.jpg) no-repeat;background-size: cover; width: 90%; max-width: 1200px;margin: 0 auto;border-radius: 5px; position: relative; }
.popUp-box .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;}
.popUp-box .close:before,
.popUp-box .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);}
.popUp-box .close:after{transform: rotate(45deg);}
.popUp-box .logo img{height: 1.9375em;}

.popUp-box .name:after{width:0.16666667em;height:0.16666667em;border-radius:50%;background-color:#d62921;content:'';display:inline-block;}
.popUp-box .desc{line-height:1.875em;position:relative;z-index:2;}
.popUp-box .form li{position: relative;z-index: 1; margin-bottom: 10px;}
.popUp-box .form li label.tit{position: absolute; left: 1.21428em; top: 0;font-size: 0.875em; line-height: 3.5714em;}
.popUp-box .form li .text{border: solid 1px rgba(139,139,139,0.2);width: 100%;font-size: 1em; height:3.125em; line-height: 3.125em;border-radius:0.625em;padding: 0 1.0625em;}
.popUp-box .form li textarea{height: 8em!important;}
.popUp-box .form li.code dl{overflow: hidden;}
.popUp-box .form li.code dl dt{position: relative;width: 60%;float: left;}
.popUp-box .form li.code dl dd{width: 38%;float: right;}
.popUp-box .form li.code dl dd a{display: block;cursor: pointer;background-color: #6e6e6e; border-radius: 10px;color: #fff;font-size: 0.875em;line-height: 3.5714em;text-align: center;}
.popUp-box .form ol .btn{display: block;width: 100%;background: #d62921;border:0;cursor: pointer;border-radius: 0.625em;height:3.125em;color: #fff;}
@media (min-width:1025px) {
.popUp-box .main{padding: 10.9375vh 5.25em;}  
.popUp-box .main .ytable-cell{width: 50%;} 
    .popUp-box .name{margin-bottom: 2em}
}
@media (max-width:1024px) {
.popUp-box .main{padding:2em; }  
.popUp-box .main .ytable{max-height: 85vh; overflow: auto;}
.ytable.xy, 
.ytable.xy > .ytable-cell {display: block;}
    .hgroup{margin-bottom: 2em}
    .hgroup.circle:before{display: none}
}