@charset "UTF-8";
a, p, ul, li, dd, dt, dl, span, i, h1, h2, h3, h4, h5, h6, p, div { text-decoration: none; box-sizing: border-box; font-size: 14px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; padding: 0; margin: 0; list-style-type: none; font-weight: normal; color: #333; }

*, *:after, *:before { box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

input, textarea { border: 1px solid #D1D1D1; background: #fff; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; outline: none; }

a:hover { text-decoration: none; }

* { font-family: "Calibri","font_en","-apple-system","SF UI Text","Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","sans-serif","'Microsoft Yahei Light'"; padding: 0; word-wrap: break-word; word-wrap: break-word; }

body, html { overflow-x: hidden; position: relative; max-width: 1920px; margin: 0 auto; background: #fff; }

img { display: block; max-width: 100%; }

.container { margin: 0 auto; padding: 0 20px; }

@media only all and (min-width: 768px) { .container { width: 750px; padding: 0 10px !important; } }

@media only all and (min-width: 992px) { .container { width: 960px; padding: 0 10px !important; } }

@media only all and (min-width: 1200px) { .container { width: 1200px; padding: 0 10px !important; } }

@media only all and (min-width: 1441px) { .container { width: 1400px; padding: 0 10px !important; } }

@media only all and (min-width: 1900px) { .container { width: 1400px; padding: 0 10px !important; } }

@font-face { font-family: 'font_cn'; src: url("../fonts/kuhei.ttf"); }

@font-face { font-family: 'font_en'; src: url("../font/CALIBRI.TTF"); }

@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot?t=1520327774866"); /* IE9*/ src: url("../font/iconfont.eot?t=1520327774866#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/iconfont.ttf?t=1520327774866") format("truetype"), url("../font/iconfont.svg?t=1520327774866#iconfont") format("svg"); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*@mixin transit($time) { -webkit-transition: all $time; -moz-transition: all $time; -ms-transition: all $time; -o-transition: all $time; transition: all $time; } @mixin select(){ -webkit-appearance: none; -moz-appearance: none; appearance: none; } //rotate @mixin rotate($deg){ -webkit-transform:rotate($deg); -moz-transform:rotate($deg); -ms-transform:rotate($deg); -o-transform:rotate($deg); transform:rotate($deg); } //translate @mixin translate(){ -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @mixin translateY(){ -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } @mixin translateX(){ -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } @mixin translateNone(){ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } @mixin animation($name,$time,$alternate){ animation: $name $time $alternate; -moz-animation: $name $time $alternate;  Firefox -webkit-animation: $name $time $alternate;  Safari 和 Chrome -o-animation: $name $time $alternate;  Opera } @mixin rotateSlate($deg){ -webkit-transform: translateX(-50%) rotate($deg); -moz-transform: translateX(-50%) rotate($deg); -ms-transform: translateX(-50%) rotate($deg); -o-transform: translateX(-50%) rotate($deg); transform: translateX(-50%) rotate($deg); } //scale @mixin scale($a){ -webkit-transform:scale($a); -moz-transform:scale($a); -ms-transform:scale($a); -o-transform:scale($a); transform:scale($a); } //border-radius @mixin radius($temp){ -webkit-border-radius: $temp; -moz-border-radius: $temp; border-radius: $temp; } //box-shadow @mixin shadow($info1,$info2,$info3,$info4) { -moz-box-shadow: $info1,$info2,$info3,$info4; -webkit-box-shadow:$info1,$info2,$info3,$info4; box-shadow: $info1,$info2,$info3,$info4; } @mixin box-shadow($info) { -moz-box-shadow: $info; -webkit-box-shadow:$info; box-shadow: $info; } */
.news-page { padding: 50px 0 100px; }

@media only all and (max-width: 767px) { .news-page { padding: 50px 0; } }

@media only all and (max-width: 414px) { .news-page { padding: 30px 0; } }

.news-page .news-box .new-info .time { font-size: 14px; font-family: 'Arial'; font-weight: bold; color: #999999; }

.news-page .news-box .new-info .title { display: block; font-size: 20px; font-family: 'Arial'; line-height: 30px; font-weight: bold; transition: all 0.4s; }

@media only all and (max-width: 991px) { .news-page .news-box .new-info .title { font-size: 18px; line-height: 25px; } }

@media only all and (max-width: 640px) { .news-page .news-box .new-info .title { font-size: 14px; line-height: 20px; } }

.news-page .news-box .new-info .text { font-size: 16px; line-height: 30px; color: #666; max-height: 90px; overflow: hidden; }

@media only all and (max-width: 991px) { .news-page .news-box .new-info .text { font-size: 15px; line-height: 23px; max-height: 92px; } }

@media only all and (max-width: 640px) { .news-page .news-box .new-info .text { font-size: 14px; line-height: 18px; max-height: 92px; } }

.news-page .news-box .new-hot { margin-top: 35px; position: relative; border: 1px solid #e5e5e5; border-right: none; border-left: none; }

@media only all and (max-width: 414px) { .news-page .news-box .new-hot { margin-top: 20px; padding-bottom: 20px; } }

.news-page .news-box .new-hot .img { display: block; width: 65%; overflow: hidden; }

@media only all and (max-width: 414px) { .news-page .news-box .new-hot .img { width: 100%; } }

.news-page .news-box .new-hot .img img { transition: all 1s; }

@media only all and (max-width: 1199px) { .news-page .news-box .new-hot .img img { height: 290px; object-fit: cover; } }

@media only all and (max-width: 414px) { .news-page .news-box .new-hot .img img { width: 100%; height: auto; } }

.news-page .news-box .new-hot .new-info { position: absolute; padding: 0 3% 0 8%; top: 50%; right: 0; width: 35%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only all and (max-width: 991px) { .news-page .news-box .new-hot .new-info { padding-left: 3%; } }

@media only all and (max-width: 414px) { .news-page .news-box .new-hot .new-info { position: static; -webkit-transform: translateY(0); transform: translateY(0); top: 0; width: 100%; padding: 0; margin-top: 20px; } }

.news-page .news-box .new-hot .new-info .title { padding: 10% 0 3%; }

@media only all and (max-width: 991px) { .news-page .news-box .new-hot .new-info .title { padding-top: 3%; } }

.news-page .news-box .new-hot .new-info .more { margin-top: 8%; padding: 0 30px; background: #333; transition: all 0.4s; }

@media only all and (max-width: 414px) { .news-page .news-box .new-hot .new-info .more { margin-top: 20px; } }

.news-page .news-box .new-hot .new-info .more .name { padding-right: 20px; }

.news-page .news-box .new-hot .new-info .more:after { display: none; }

.news-page .news-box .new-hot .new-info .more:hover { background: #e60027; }

.news-page .news-box .new-hot:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.news-page .news-box .new-hot:hover .new-info .title { color: #e60027; }

.news-page .news-box .new-content { font-size: 0; margin: 80px -40px 0; }

@media only all and (max-width: 991px) { .news-page .news-box .new-content { margin: 40px -10px 0; } }

.news-page .news-box .new-content li { width: 33.33%; padding: 0 40px; margin-bottom: 70px; display: inline-block; vertical-align: top; }

@media only all and (max-width: 991px) { .news-page .news-box .new-content li { padding: 0 10px; margin-bottom: 30px; } }

@media only all and (max-width: 767px) { .news-page .news-box .new-content li { width: 50%; } }

.news-page .news-box .new-content li .new-list { border-bottom: 1px solid #e5e5e5; transition: all 0.4s; }

.news-page .news-box .new-content li .img { display: block; overflow: hidden; }

.news-page .news-box .new-content li .img img { transition: all 1s; }

.news-page .news-box .new-content li .new-info { padding: 30px 0; }

.news-page .news-box .new-content li .new-info .title { padding: 15px 0; }

.news-page .news-box .new-content li:hover .new-list { border-bottom-color: #e60027; }

.news-page .news-box .new-content li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.news-page .news-box .new-content li:hover .new-info .title { color: #e60027; }

.banner-kv { position: relative; }

.banner-kv img { margin: 0 auto; }

@media only all and (max-width: 767px) { .banner-kv img { height: 215px; object-fit: cover; } }

.banner-kv .text { position: absolute; top: 42%; left: 50%; max-width: 795px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.banner-kv .text span { display: block; font-size: 30px; line-height: 40px; font-family: 'Arial'; color: #fff; }

@media only all and (max-width: 1024px) { .banner-kv .text span { font-size: 24px; line-height: 35px; } }

@media only all and (max-width: 767px) { .banner-kv .text span { font-size: 18px; line-height: 24px; } }

@media only all and (max-width: 1024px) { .banner-kv .text { top: 48%; } }

@media only all and (max-width: 767px) { .banner-kv .text { top: 48%; width: 85%; } }

.solution { padding-top: 80px; padding-bottom: 125px; }

@media only all and (max-width: 1024px) { .solution { padding-top: 50px; padding-bottom: 70px; } }

.solution .solution-class .solution-class-list .list { float: left; width: 25%; transition: all 0.4s; cursor: pointer; padding: 0 5px; }

@media only all and (max-width: 414px) { .solution .solution-class .solution-class-list .list { width: 50%; padding: 10px; } }

.solution .solution-class .solution-class-list .list .name { margin-top: 20px; font-size: 20px; line-height: 20px; font-family: 'Arial'; text-align: center; color: #ccc; transition: all 0.4s; }

@media only all and (max-width: 767px) { .solution .solution-class .solution-class-list .list .name { margin-top: 10px; font-size: 14px; line-height: 15px; } }

.solution .solution-class .solution-class-list .list .img { width: 65px; height: 60px; margin: 0 auto; }

@media only all and (max-width: 767px) { .solution .solution-class .solution-class-list .list .img { width: 35px; height: 40px; background-size: contain !important; } }

.solution .solution-class .solution-class-list .list.s1 .img { background: url(../img/tip-img/powering-tip.png) no-repeat 50% 50%; }

.solution .solution-class .solution-class-list .list.s2 .img { background: url(../img/tip-img/streamlining-tip.png) no-repeat 50% 50%; }

.solution .solution-class .solution-class-list .list.s3 .img { background: url(../img/tip-img/transforming-tip.png) no-repeat 50% 50%; }

.solution .solution-class .solution-class-list .list.s4 .img { background: url(../img/tip-img/revolutionizing-tip.png) no-repeat 50% 50%; }

.solution .solution-class .solution-class-list .list:hover .name, .solution .solution-class .solution-class-list .list.active .name { color: #e60027; }

.solution .solution-class .solution-class-list .list:hover.s1 .img, .solution .solution-class .solution-class-list .list.active.s1 .img { background: url(../img/tip-img/powering-hover.png) no-repeat 50% 50%; }

.solution .solution-class .solution-class-list .list:hover.s2 .img, .solution .solution-class .solution-class-list .list.active.s2 .img { background: url(../img/tip-img/streamlining-hover.png) no-repeat 50% 50%; }

.solution .solution-class .solution-class-list .list:hover.s3 .img, .solution .solution-class .solution-class-list .list.active.s3 .img { background: url(../img/tip-img/transforming-hover.png) no-repeat 50% 50%; }

.solution .solution-class .solution-class-list .list:hover.s4 .img, .solution .solution-class .solution-class-list .list.active.s4 .img { background: url(../img/tip-img/revolutionizing-hover.png) no-repeat 50% 50%; }

.solution .solution-class .solution-tab-bg { margin: 45px 0; height: 5px; width: 100%; background: #f5f5f5; }

@media only all and (max-width: 767px) { .solution .solution-class .solution-tab-bg { height: 2px; margin: 25px 0; } }

.solution .solution-class .solution-tab-bg .tip { width: 25%; height: 100%; background: url(../img/tip-img/class-tab-bg.png) no-repeat 50% 50%; transition: all 0.4s; }

@media only all and (max-width: 414px) { .solution .solution-class .solution-tab-bg .tip { background: none; } }

.solution .solution-box { width: 84%; margin: 0 auto; }

@media only all and (max-width: 767px) { .solution .solution-box { width: 95%; } }

@media only all and (max-width: 320px) { .solution .solution-box { width: 100%; } }

.solution .solution-box .solution-content-list { display: none; }

.solution .solution-box .solution-content-list:first-child { display: block; }

.solution .solution-box .solution-content-list .solution-text { margin-bottom: 25px; font-size: 16px; line-height: 30px; }

@media only all and (max-width: 767px) { .solution .solution-box .solution-content-list .solution-text { font-size: 14px; } }

.solution .solution-box .solution-content-list .challenge-solution { position: relative; }

.solution .solution-box .solution-content-list .challenge-solution .list { position: relative; width: 50%; height: 217px; border-radius: 10px; }

@media only all and (max-width: 767px) { .solution .solution-box .solution-content-list .challenge-solution .list { width: 100%; height: 175px; } }

.solution .solution-box .solution-content-list .challenge-solution .list .list-box { position: absolute; top: 50%; left: 9%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.solution .solution-box .solution-content-list .challenge-solution .list .title { font-size: 30px; font-family: 'Arial'; color: #e60027; }

@media only all and (max-width: 414px) { .solution .solution-box .solution-content-list .challenge-solution .list .title { font-size: 18px; } }

.solution .solution-box .solution-content-list .challenge-solution .list .text { font-size: 16px; line-height: 24px; padding-right: 10px; }

@media only all and (max-width: 767px) { .solution .solution-box .solution-content-list .challenge-solution .list .text { padding-right: 0px; } }

@media only all and (max-width: 414px) { .solution .solution-box .solution-content-list .challenge-solution .list .text { font-size: 14px; } }

.solution .solution-box .solution-content-list .challenge-solution .your-challenge { margin-left: 23px; border: 2px solid #e60027; background: url(../img/tip-img/your-challenge.png) no-repeat 83% 100%; }

@media only all and (max-width: 767px) { .solution .solution-box .solution-content-list .challenge-solution .your-challenge { margin-left: 0; } }

.solution .solution-box .solution-content-list .challenge-solution .your-challenge .list-box { max-width: 70%; }

.solution .solution-box .solution-content-list .challenge-solution .out-solution { position: absolute; top: 30px; left: 50%; width: 52%; height: 260px; margin-left: -20px; background: #f5f5f5 url(../img/tip-img/our-solution.png) no-repeat 100% 100%; }

@media only all and (max-width: 767px) { .solution .solution-box .solution-content-list .challenge-solution .out-solution { position: relative; top: auto; left: auto; margin-left: 0; width: 100%; height: 215px; margin-top: 20px; background-size: 80px !important; } }

@media only all and (max-width: 320px) { .solution .solution-box .solution-content-list .challenge-solution .out-solution { background-size: 55px !important; } }

.solution .solution-box .solution-content-list .challenge-solution .out-solution .list-box { max-width: 82%; }

.solution .solution-box .solution-content-list .challenge-solution .comm-btn { margin-left: 23px; margin-top: 50px; padding: 0 30px; background: #333; }

@media only all and (max-width: 767px) { .solution .solution-box .solution-content-list .challenge-solution .comm-btn { margin-top: 30px; margin-left: 0; padding: 0 20px; } }

@media only all and (max-width: 320px) { .solution .solution-box .solution-content-list .challenge-solution .comm-btn { padding: 0 10px; } }

.solution .solution-box .solution-content-list .challenge-solution .comm-btn .name { padding-right: 25px; }

.solution .solution-box .solution-content-list .challenge-solution .comm-btn:hover { background: #e60027; }

.solution .solution-box .solution-content-list .challenge-solution .comm-btn:hover.after { display: none; }

.our-event { height: 650px; background: url(../img/tip-img/timeLine-bg.jpg) no-repeat 50% 50%; background-size: cover; }

@media only all and (max-width: 1024px) { .our-event { height: 500px; } }

.our-event .our-event-box { position: relative; height: 100%; }

.our-event .our-event-box .event-swiper { position: absolute; top: 50%; left: 15%; width: 21%; margin-top: -200px; }

@media only all and (max-width: 1024px) { .our-event .our-event-box .event-swiper { margin-top: -170px; } }

@media only all and (max-width: 767px) { .our-event .our-event-box .event-swiper { left: 8%; width: 34%; } }

@media only all and (max-width: 414px) { .our-event .our-event-box .event-swiper { left: 5%; width: 40%; } }

@media only all and (max-width: 375px) { .our-event .our-event-box .event-swiper { width: 48%; } }

.our-event .our-event-box .event-swiper .swiper-event { height: 400px; }

@media only all and (max-width: 1024px) { .our-event .our-event-box .event-swiper .swiper-event { height: 340px; } }

.our-event .our-event-box .event-swiper:after { display: block; content: ''; height: 35px; width: 2px; border-left: 2px solid #fff; position: absolute; top: -35px; left: 0; }

.our-event .our-event-box .event-swiper:before { display: block; content: ''; height: 35px; width: 2px; border-left: 2px solid #fff; position: absolute; bottom: -35px; left: 0; }

.our-event .our-event-box .event-swiper .swiper-slide { height: 20px; width: auto; cursor: pointer; border-left: 2px solid #fff; }

.our-event .our-event-box .event-swiper .swiper-slide .tip { display: inline-block; margin-top: 10px; vertical-align: top; width: 10px; height: 1px; background: #fff; }

.our-event .our-event-box .event-swiper .swiper-slide .name { padding-left: 20px; display: none; vertical-align: top; line-height: 20px; font-size: 16px; color: #fff; }

@media only all and (max-width: 767px) { .our-event .our-event-box .event-swiper .swiper-slide .name { padding-left: 8px; font-size: 14px; } }

@media only all and (max-width: 320px) { .our-event .our-event-box .event-swiper .swiper-slide .name { padding-left: 3px; font-size: 12px; } }

.our-event .our-event-box .event-swiper .swiper-slide .text { display: none; }

.our-event .our-event-box .event-swiper .swiper-slide.main .tip { width: 20px; height: 2px; margin-top: 9px; }

@media only all and (max-width: 320px) { .our-event .our-event-box .event-swiper .swiper-slide.main .tip { width: 11px; } }

.our-event .our-event-box .event-swiper .swiper-slide.main .name { display: inline-block; }

.our-event .our-event-box .event-swiper .swiper-slide.swiper-slide-active .tip { width: 20px; height: 4px; margin-top: 8px; background: #e60027; }

@media only all and (max-width: 320px) { .our-event .our-event-box .event-swiper .swiper-slide.swiper-slide-active .tip { width: 11px; } }

.our-event .our-event-box .event-swiper .swiper-slide.swiper-slide-active .name { display: inline-block; color: #e60027; }

.our-event .our-event-box .event-swiper .swiper-slide.last { margin-bottom: 100px; }

.our-event .our-event-box .event-swiper .swiper-slide.last:after { content: ''; display: block; width: 100%; height: 100px; position: absolute; bottom: -100px; left: -2px; border-left: 2px dashed #fff; }

.our-event .our-event-box .event-swiper .btn { width: 36px; height: 20px; opacity: 1; border-radius: 0; background-size: 14px 20px; }

.our-event .our-event-box .event-swiper .btn.swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); -webkit-transform: rotate(90deg); transform: rotate(90deg); left: -17px; top: -40px; }

.our-event .our-event-box .event-swiper .btn.swiper-button-next { left: -17px; bottom: -65px; top: auto; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.our-event .our-event-box .event-swiper .line:after { display: block; content: ''; height: 53px; width: 2px; border-left: 2px solid #fff; position: absolute; top: -125px; left: 0; }

.our-event .our-event-box .event-swiper .line:before { display: block; content: ''; height: 48px; width: 2px; border-left: 2px solid #fff; position: absolute; bottom: -125px; left: 0; }

@media only all and (max-width: 767px) { .our-event .our-event-box .event-content-box .event-list { position: absolute; top: 50%; left: 38%; width: 62%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media only all and (max-width: 414px) { .our-event .our-event-box .event-content-box .event-list { left: 43%; width: 56%; } }

@media only all and (max-width: 375px) { .our-event .our-event-box .event-content-box .event-list { width: 50%; left: 50%; } }

.our-event .our-event-box .event-content-box .event-list .time-box { position: absolute; top: 50%; left: 38%; margin-top: -105px; width: 212px; height: 210px; background: url(../img/tip-img/timeLine.png) no-repeat; }

@media only all and (max-width: 1024px) { .our-event .our-event-box .event-content-box .event-list .time-box { width: 162px; height: 160px; margin-top: -81px; background-size: contain; } }

@media only all and (max-width: 767px) { .our-event .our-event-box .event-content-box .event-list .time-box { position: static; margin-top: 0; width: 102px; height: 100px; margin: 0 auto 20px; } }

.our-event .our-event-box .event-content-box .event-list .time-box .month { margin-top: 63px; width: 140px; font-size: 24px; margin-right: 20px; margin-left: auto; font-family: 'Arial'; color: #fff; }

@media only all and (max-width: 1024px) { .our-event .our-event-box .event-content-box .event-list .time-box .month { width: 100px; margin-top: 58px; font-size: 18px; } }

@media only all and (max-width: 767px) { .our-event .our-event-box .event-content-box .event-list .time-box .month { width: 70px; margin-top: 0px; font-size: 14px; padding-top: 31px; } }

@media only all and (max-width: 414px) { .our-event .our-event-box .event-content-box .event-list .time-box .month { font-size: 12px; } }

.our-event .our-event-box .event-content-box .event-list .time-box .year { width: 140px; line-height: 50px; font-size: 40px; font-family: 'Arial'; letter-spacing: 5px; padding-left: 5px; margin-top: 9px; margin-right: 20px; margin-left: auto; background: #e60027; color: #fff; text-align: center; }

@media only all and (max-width: 1024px) { .our-event .our-event-box .event-content-box .event-list .time-box .year { width: 100px; line-height: 33px; margin-top: 5px; font-size: 20px; } }

@media only all and (max-width: 767px) { .our-event .our-event-box .event-content-box .event-list .time-box .year { width: 70px; margin-top: 3px; font-size: 16px; line-height: 24px; letter-spacing: 3px; } }

@media only all and (max-width: 414px) { .our-event .our-event-box .event-content-box .event-list .time-box .year { font-size: 14px; line-height: 20px; } }

.our-event .our-event-box .event-content-box .event-list .text { position: absolute; top: 50%; left: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 35%; font-size: 30px; color: #fff; }

@media only all and (max-width: 1441px) { .our-event .our-event-box .event-content-box .event-list .text { padding-left: 20px; } }

@media only all and (max-width: 767px) { .our-event .our-event-box .event-content-box .event-list .text { position: static; max-width: 100%; -webkit-transform: none; transform: none; font-size: 14px; } }

.company { padding-top: 95px; padding-bottom: 80px; }

@media only all and (max-width: 1024px) { .company { padding: 50px 0; } }

.company .title { font-size: 30px; text-align: center; font-family: 'Arial'; }

@media only all and (max-width: 767px) { .company .title { font-size: 18px; } }

.company .map-img { margin-top: 60px; width: 50%; float: left; }

@media only all and (max-width: 1024px) { .company .map-img { margin-top: 40px; } }

@media only all and (max-width: 767px) { .company .map-img { width: 100%; margin-top: 30px; } }

.company .company-content { padding-left: 9%; padding-top: 4%; margin-top: 60px; width: 50%; float: left; }

@media only all and (max-width: 1024px) { .company .company-content { margin-top: 40px; } }

@media only all and (max-width: 767px) { .company .company-content { width: 100%; margin-top: 30px; padding-left: 3%; padding-top: 0; } }

.company .company-content .name { font-size: 24px; font-family: 'Arial'; color: #e60027; }

@media only all and (max-width: 767px) { .company .company-content .name { font-size: 18px; } }

.company .company-content .text { margin-top: 15px; font-size: 16px; line-height: 30px; height: 120px; overflow: hidden; transition: all 0.4s; }

.company .company-content .text .txt { display: block; }

.company .company-content .text .txt span { display: block; padding-left: 20px; font-size: 16px; background: url(../img/tip-img/red-hollow-circle.png) no-repeat 0 9px; }

@media only all and (max-width: 767px) { .company .company-content .text .txt span { font-size: 14px; } }

.company .company-content .load-more { display: inline-block; margin-top: 23px; cursor: pointer; }

.company .company-content .load-more .tip { display: inline-block; width: 30px; height: 30px; line-height: 26px; font-size: 30px; text-align: center; border-radius: 50%; vertical-align: top; color: #fff; background: #e60027; }

.company .company-content .load-more .txt { padding-left: 10px; display: inline-block; line-height: 30px; vertical-align: top; font-size: 16px; color: #e60027; }

@media only all and (max-width: 767px) { .company .company-content .load-more .txt { font-size: 14px; } }

.about-box .swiper-about { border-top: 1px solid #e5e5e5; height: 780px; }

@media only all and (max-width: 1441px) { .about-box .swiper-about { height: 600px; } }

@media only all and (max-width: 1024px) { .about-box .swiper-about { height: 550px; } }

@media only all and (max-width: 991px) { .about-box .swiper-about { height: auto; } }

@media only all and (max-width: 991px) { .about-box .swiper-about .swiper-wrapper { display: block; } }

.about-box .swiper-about .swiper-pagination { width: auto; top: 50%; left: 1.5%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.about-box .swiper-about .swiper-pagination span { display: block; width: 10px; height: 10px; background: transparent; border: 2px solid #ccc; opacity: 1; padding: 0; margin: 20px 5px; }

.about-box .swiper-about .swiper-pagination span.swiper-pagination-bullet-active { background: #e60027; border-color: #e60027; }

.about-box .swiper-about .swiper-slide .about-list-1 { position: relative; height: 100%; }

@media only all and (max-width: 991px) { .about-box .swiper-about .swiper-slide .about-list-1 { height: auto; padding: 8% 0; } }

.about-box .swiper-about .swiper-slide .about-list-1 .container { position: relative; height: 100%; }

.about-box .swiper-about .swiper-slide .about-list-1 .text { position: absolute; top: 50%; left: 0; width: 50%; padding-right: 5%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only all and (max-width: 991px) { .about-box .swiper-about .swiper-slide .about-list-1 .text { position: static; -webkit-transform: none; transform: none; } }

@media only all and (max-width: 767px) { .about-box .swiper-about .swiper-slide .about-list-1 .text { width: 100%; padding-right: 0; } }

.about-box .swiper-about .swiper-slide .about-list-1 .text .title { font-size: 30px; line-height: 30px; font-family: 'Arial'; }

@media only all and (max-width: 414px) { .about-box .swiper-about .swiper-slide .about-list-1 .text .title { font-size: 18px; } }

.about-box .swiper-about .swiper-slide .about-list-1 .text .txt { margin-top: 25px; font-size: 16px; line-height: 30px; }

@media only all and (max-width: 1441px) { .about-box .swiper-about .swiper-slide .about-list-1 .text .txt { line-height: 24px; font-size: 14px; } }

.about-box .swiper-about .swiper-slide .about-list-1 .img { width: 50%; position: absolute; top: 0; right: 0; z-index: 3; height: 100%; background: url(../img/content-img/one-swiper11.jpg) no-repeat 50% 50%; background-size: cover; }

@media only all and (max-width: 767px) { .about-box .swiper-about .swiper-slide .about-list-1 .img { display: none; } }

.about-box .swiper-about .swiper-slide .about-list-2 { position: relative; height: 100%; background: url(../img/content-img/two-swiper1.jpg) no-repeat 50% 50%; background-size: cover; }

.about-box .swiper-about .swiper-slide .about-list-2 .text-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 600px; }

@media only all and (max-width: 991px) { .about-box .swiper-about .swiper-slide .about-list-2 .text-box { position: static; -webkit-transform: none; transform: none; margin: 0 auto; padding: 8% 0; } }

@media only all and (max-width: 767px) { .about-box .swiper-about .swiper-slide .about-list-2 .text-box { padding: 8% 20px; } }

.about-box .swiper-about .swiper-slide .about-list-2 .text-box .list:first-child { margin-bottom: 50px; }

.about-box .swiper-about .swiper-slide .about-list-2 .text-box .list .name { font-size: 30px; font-family: 'Arial'; line-height: 30px; color: #fff; }

@media only all and (max-width: 414px) { .about-box .swiper-about .swiper-slide .about-list-2 .text-box .list .name { font-size: 18px; } }

.about-box .swiper-about .swiper-slide .about-list-2 .text-box .list .txt { margin-top: 23px; font-size: 20px; line-height: 30px; color: #fff; }

@media only all and (max-width: 767px) { .about-box .swiper-about .swiper-slide .about-list-2 .text-box .list .txt { margin-top: 10px; } }

@media only all and (max-width: 414px) { .about-box .swiper-about .swiper-slide .about-list-2 .text-box .list .txt { font-size: 14px; line-height: 24px; } }

.about-box .swiper-about .swiper-slide .about-list-3 { position: absolute; bottom: 0; left: 0; width: 100%; }

@media only all and (max-width: 991px) { .about-box .swiper-about .swiper-slide .about-list-3 { position: static; -webkit-transform: none; transform: none; padding: 8% 0; } }

.about-box .swiper-about .swiper-slide .about-list-3 .head-text { max-width: 940px; margin: 0 auto; }

@media only all and (max-width: 991px) { .about-box .swiper-about .swiper-slide .about-list-3 .head-text { max-width: 750px; padding: 0 20px; } }

.about-box .swiper-about .swiper-slide .about-list-3 .head-text .title { font-size: 30px; line-height: 30px; font-family: 'Arial'; }

@media only all and (max-width: 414px) { .about-box .swiper-about .swiper-slide .about-list-3 .head-text .title { font-size: 18px; } }

.about-box .swiper-about .swiper-slide .about-list-3 .head-text .text { margin-top: 20px; font-size: 16px; line-height: 30px; }

@media only all and (max-width: 1441px) { .about-box .swiper-about .swiper-slide .about-list-3 .head-text .text { line-height: 24px; font-size: 14px; } }

.about-box .swiper-about .swiper-slide .about-list-3 .choice-box { margin-top: 40px; height: 480px; background: url(../img/content-img/three-swiper1.jpg) no-repeat 50% 50%; background-size: cover; }

@media only all and (max-width: 1441px) { .about-box .swiper-about .swiper-slide .about-list-3 .choice-box { height: 310px; } }

@media only all and (max-width: 1199px) { .about-box .swiper-about .swiper-slide .about-list-3 .choice-box { height: 260px; } }

@media only all and (max-width: 767px) { .about-box .swiper-about .swiper-slide .about-list-3 .choice-box { height: auto; } }

.about-box .swiper-about .swiper-slide .about-list-3 .choice-box .list { width: 20%; float: left; height: 100%; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.8s; }

@media only all and (max-width: 767px) { .about-box .swiper-about .swiper-slide .about-list-3 .choice-box .list { height: 250px; width: 33.3%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } }

.about-box .swiper-about .swiper-slide .about-list-3 .choice-box .list:last-child { border-right: none; }

@media only all and (max-width: 767px) { .about-box .swiper-about .swiper-slide .about-list-3 .choice-box .list:last-child { border-right: 1px solid rgba(255, 255, 255, 0.2); } }

.about-box .swiper-about .swiper-slide .about-list-3 .choice-box .list .txt { display: block; position: absolute; bottom: 20px; left: 0; width: 100%; padding: 0 15%; font-size: 16px; line-height: 20px; color: #fff; transition: all 0.4s; }

@media only all and (max-width: 1441px) { .about-box .swiper-about .swiper-slide .about-list-3 .choice-box .list .txt { padding: 0 10%; font-size: 14px; line-height: 18px; } }

.about-box .swiper-about .swiper-slide .about-list-3 .choice-box .list:hover .txt { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); }

.members { padding: 70px 0; }

.members .members-box { border: 2px solid #e60027; padding: 5% 6%; position: relative; background: url(../img/tip-img/members-tip.png) no-repeat 100% 100%; }

.members .members-box:after { display: block; content: ''; width: calc(100% + 3px); height: calc(100% + 3px); position: absolute; top: 4px; left: 4px; border: 1px dashed #e60027; opacity: 0.5; }

.members .members-box .text { width: 65%; font-size: 16px; line-height: 30px; }

@media only all and (max-width: 767px) { .members .members-box .text { width: 100%; font-size: 14px; } }

.members .members-box .comm-btn { position: absolute; top: 50%; right: 6%; padding: 0 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; }

@media only all and (max-width: 767px) { .members .members-box .comm-btn { position: static; -webkit-transform: none; transform: none; margin-top: 20px; } }

.members .members-box .comm-btn .name { padding-right: 20px; }

.social-networks { padding-top: 15px; }

.social-networks .title { font-size: 30px; line-height: 30px; font-family: 'Arial'; text-align: center; }

@media only all and (max-width: 767px) { .social-networks .title { font-size: 18px; line-height: 25px; padding: 0 5%; } }

.social-networks .social-list { margin-top: 50px; border: 1px solid #e5e5e5; border-bottom: none; border-right: none; }

.social-networks .social-list .list { width: 25%; float: left; padding: 60px 15px 24px; cursor: pointer; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }

@media only all and (max-width: 767px) { .social-networks .social-list .list { width: 50%; padding: 45px 15px 24px; } }

.social-networks .social-list .list img { height: 42px; margin: 0 auto; transition: all 0.4s; }

.social-networks .social-list .list .name { margin-top: 25px; text-align: center; padding: 0 15px; height: 54px; font-size: 16px; line-height: 18px; transition: all 0.4s; overflow: hidden; }

@media only all and (max-width: 767px) { .social-networks .social-list .list .name { font-size: 14px; } }

.social-networks .social-list .list:hover img, .social-networks .social-list .list:hover .name { opacity: 0.6; }

.perspectives-video { padding: 55px 0; }

.perspectives-video .perspectives-box { padding: 0 6%; position: relative; }

.perspectives-video .perspectives-box .text { position: absolute; top: 50%; left: 6%; width: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 30px; font-family: 'Arial'; }

@media only all and (max-width: 1024px) { .perspectives-video .perspectives-box .text { font-size: 25px; } }

@media only all and (max-width: 767px) { .perspectives-video .perspectives-box .text { font-size: 18px; position: static; width: 100%; -webkit-transform: none; transform: none; } }

.perspectives-video .perspectives-box .video-box { float: right; }

@media only all and (max-width: 767px) { .perspectives-video .perspectives-box .video-box { float: none; } }

.perspectives-video .perspectives-box .video-box .video { position: relative; width: 270px; height: 270px; border-radius: 50%; overflow: hidden; }

@media only all and (max-width: 767px) { .perspectives-video .perspectives-box .video-box .video { width: 200px; height: 200px; margin: 20px auto 0; } }

/*# sourceMappingURL=../map/about.css.map */