@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	max-width: 600px;
	margin: 0;
	margin: 0 auto;
	line-height:1;
	font-size: 0;
	font-size: 16px;
	font-family: "微軟正黑體","PingFangSC-Regular, sans-serif","Noto+Sans+SC";}
	
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {}
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background:auto;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

img{display: block;width: 100%;height: auto;}


.td-spacing{padding: 50px 0;}
.t-spacing{margin-top: 30px;}
.w90{width: 90%;margin: 0 auto;}
.title h2{font-size: 24px;}.title b{font-size: 24px;display: block;}
.dial{position: absolute;border-radius: 100%; background:#FFFFFF;display: block;z-index: 22; width: 45px;height: auto;bottom: 8%;right: 8%;}
.dial img{display: block;width: 100%;height: auto;}
.dial:before{animation: scale 2s infinite;  z-index: 1; content: "";width:calc(100% + 10px);height:calc(100% + 10px);border:1px solid rgba(255,255,255,0.35);  position: absolute;top:-5px;left: -5px; background:none; border-radius: 100%;}
.dial::after{animation: scale2 2s infinite;  position: absolute;width: calc(100% + 4px); height: calc(100% + 4px);top:-3px;left: -3px;border:2px solid rgba(255,255,255,0.45); border-radius: 100%;content: ''; }
        @keyframes scale{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(1.5); opacity: 0.3;}
        }
  @keyframes scale2{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(1.2); opacity: 0.3;}
        }


.mb-nav{padding: 10px 5%; position: fixed;top: 0; left: 0; width: 100%;height: auto;z-index:999;}
.mb-nav .logo{width: 140px;height: auto;display: block;float: left;}
.mb-nav .logo img{display: block;width: 100%;height: auto;}
.mb-nav .logo .img2{display: none;}
.mb-nav .toggle{z-index: 9999; float: right;position: relative;width: 36px;height: 36px;display: block;margin-top: -5px;}
 .toggle .icon,
 .toggle .icon::before,
 .toggle .icon::after {
  position: absolute;
  width: 25px;
  height: 2px;
  transition-duration: 0.3s;
  background: #FFFFFF;
}
 .toggle .icon {
  top: 25px;
  right: 0;
}
 .toggle .icon{width: 25px;}
 .toggle .icon::after {width: 25px;}

 .toggle .icon::before,
 .toggle .icon::after {
 right: 0;
  content: '';
  background: inherit;
}
 .toggle .icon::before {
  top: -7px;
}
 .toggle .icon::after {
  top: 7px;
}
 .toggle.open .icon {
  width: 0;
}
 .toggle.open .icon::before {
  transform: translateY(7px) rotate(45deg);
  background: #FFFFFF;
}
 .toggle.open .icon::after {
	width: 25px;
  transform: translateY(-7px) rotate(-45deg);
  background: #FFFFFF;
}


.menu-box{width: 0%;height: 100%;position: fixed;overflow: hidden;background: rgba(0,0,0,0.6);}
.menu{color: #FFFFFF;z-index: 999;  position: fixed;overflow: hidden; width: 0%;right: 0;top: 0;height: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}
.menu .nav{ width: 100%;height: auto;padding: 5% 5% 5% 10%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.menu  .nav li{color: #FFFFFF;line-height: 1;margin-bottom: 35px;}
.menu .nav li a{font-size: 30px;font-family: "阿里巴巴普惠体 B"; font-weight: bolder; color: #FFFFFF;display: inline-block;z-index: 0; padding-bottom: 5px;position: relative;}
.menu .nav li.cut a:after{width: 100%;background: #000000;content: "";position: absolute;left: 0;height: 10px;bottom: 0;z-index: -1;}
.menu .nav li:hover a:after{width: 100%;background: #000000;content: "";position: absolute;left: 0;height: 10px;bottom: 0;z-index: -1;}
.menu .nav li a span{font-family:"RB",arial,"苹方"; font-weight: 100;font-size: 16px;display: inline-block;vertical-align: top;text-transform: uppercase;}
.menu .vision{font-size: 14px;color: rgba(255,255,255,0.5); width:90%;height: auto;bottom: 15%;left: 15%;display: inline-block;position: absolute;}
.menu .vision .dial{display: inline-block;vertical-align: middle; position: static;position:relative;}
.menu-box.show{overflow: hidden; width:100%;transition: all 0.5s ease;left:auto;left: 0; top: 0; z-index: 999;}
.menu-box.show .menu{width: 85%;transition: all 0.5s ease;}

.mb-nav2{background:#FFFFFF;border-bottom:1px solid #000000;}
.mb-nav2 .logo .img1{display: none;}
.mb-nav2 .logo .img2{display: block;}
.mb-nav2 .toggle .icon,
.mb-nav2 .toggle .icon::before,
.mb-nav2 .toggle .icon::after {background: #000;}
.mb-nav2 .toggle.open .icon::before,.mb-nav2 .toggle.open .icon::after {
  background: #FFFFFF;
}
.mb-nav3{background:#FFFFFF;border-bottom:1px solid #000000;}
.mb-nav3 .logo .img1{display: none;}
.mb-nav3 .logo .img2{display: block;}
.mb-nav3 .toggle .icon,
.mb-nav3 .toggle .icon::before,
.mb-nav3 .toggle .icon::after {background: #000;}
.mb-nav3 .toggle.open .icon::before,.mb-nav3 .toggle.open .icon::after {
  background: #FFFFFF;
}





.banner{width: 100%;height:100%;position: relative;top: 0;left: 0;}
.banner .banner-js{width: 100%;height: 100%;position: absolute;}
.banner .banner-js .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;}
/*.banner .banner-js .pic .con{position: absolute;width: 100%;padding: 0 5%;bottom:25%;left: 0;height: auto;}
.banner .banner-js .pic .con h2{font-size:27px;color: #FFFFFF;font-weight:100;}
.banner .banner-js .pic .con h2 span{font-weight: bold;}*/


.banner .banner-js .pic .con{position: absolute;width: 100%;padding: 0 5%;bottom:20%;text-align: left; left: 0;height: auto;}
.banner .banner-js .pic .con h2{font-size:34px;color: #FFFFFF;}
.banner .banner-js .pic .con h2 span{font-weight: bold;}.banner .banner-js .pic .con b{font-size:34px;color: #FFFFFF;}.banner .banner-js .pic .con b span{font-weight: bold;}
 .banner .banner-js  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 0%;
    background: #FFFFFF;
    opacity: .2;
}

 .banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFFFFF;
}




.case{width: 100%;height: auto;}
.case .case-sort{width: 100%;height: auto;margin-top:25px;font-size: 0;margin-bottom: 25px;}
.case .case-sort li{font-size:18px;color: #000000;display: inline-block;margin-right: 20px;}
.case .case-sort li span{margin-left: 5px; display: inline-block;vertical-align: top;font-size: 12px;}
.case .case-sort li.cut{font-weight: bolder;}
.case .case-list{display: none; padding-left: 5%;}
.case .case-list li{width: 100%;height: auto;position: relative;margin-bottom: 10px;}
.case .case-list li img{display: block;width: 100%;height: auto;}
.case .case-list .bks{position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,0.35);}
.case .case-list .con{position: absolute;top: 5%;left: 5%;width: 90%;}
.case .case-list .con h3{color: #FFFFFF;font-size: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.case .case-list .con strong{color: #FFFFFF;font-size: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case .case-list .con p{font-size: 14px;color: #FFFFFF;}
.case .case-list h4{position: absolute;left: 5%;bottom: 5%;font-size: 14px;color: #FFFFFF;}
.case .case-list  .link{width: 45px;height:45px;position: absolute;right: 0;bottom: 0;background: #000000;display: block;}
.case .case-list  .link img{display: block;width: 100%;height: auto;}


.spacing-top{margin-top: 60px;}
.case2 .case-sort li a{color: #000000;}
.case2 .case-sort li.cut {font-weight: bold;}
.case2 .case-sort li:hover {font-weight: bold;}
.case2 .case-list{display: block;}




.recom-case{width: 100%;height: auto;padding-top: 0;}
.recom-case .recom-case-c{padding-left: 5%;}
.recom-case .recom-case-c .recom-case-js{width: 100%;height: auto;}
.recom-case .recom-case-c .recom-case-js a{display: block; width: 100%;height: auto;position: relative;margin-bottom: 10px;}
.recom-case .recom-case-c .recom-case-js a img{display: block;width: 100%;height: auto;}
.recom-case .recom-case-c .recom-case-js a .bks{position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,0.35);}
.recom-case .recom-case-c .recom-case-js a .con{position: absolute;top: 5%;left: 5%;width: 90%;}
.recom-case .recom-case-c .recom-case-js a .con h3{color: #FFFFFF;font-size: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.recom-case .recom-case-c .recom-case-js a .con strong{color: #FFFFFF;font-size: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recom-case .recom-case-c .recom-case-js a .con p{font-size: 14px;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recom-case .recom-case-c .recom-case-js a h4{position: absolute;left: 5%;bottom: 5%;font-size: 14px;color: #FFFFFF;}
.recom-case .recom-case-c .recom-case-js a  .link{width: 45px;height:45px;position: absolute;right: 0;bottom: 0;background: #000000;display: block;}
.recom-case .recom-case-c .recom-case-js a  .link img{display: block;width: 100%;height: auto;}

.more{padding-left: 5%;height: auto;margin-top: 20px;}
.more .view{width: 100%;height:auto;font-size: 15px; display: block;position: relative; background: #870708;color: #FFFFFF;line-height: 35px;text-align: center;}
.more .view i{position: absolute;left: 0;top: 0; background: #000000;width: 35px;height:auto;padding:10px;display: block;}
.more .view i img{display: block;width: 100%;height: auto;}

.poster{width: 100%;height: auto;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;}
.poster .bks{background: rgba(135,7,8,0.28);padding: 10% 0 80% 0;position: relative;z-index: 0;}
.poster .bks .poster-c{font-size: 26px;color: #FFFFFF;}
.poster .bks .poster-c span{font-weight:bolder;font-family: "阿里巴巴普惠体 B";}

.business{width: 100%;height: auto;padding-bottom: 0;}
.business .title{margin-bottom: 30px;}
.business ul{width:100%;height: auto;}
.business ul li{position: relative;overflow: hidden;padding: 30px 0 20px 0;margin-bottom: 30px; border-bottom: 3px solid #000000; width: 100%;height: auto;}
.business ul li h3{width: 50%;float: left; color: #000000;font-size: 35px;font-weight:bold;font-family: "阿里巴巴普惠体 B";}.business ul li strong{width: 50%;float: left; color: #000000;font-size: 35px;font-weight:bold;font-family: "阿里巴巴普惠体 B";}
.business ul li .tip{display: inline-block;position: absolute;top: 0;right: 0; padding-left:75px;font-size: 14px;color: #000;font-weight: 100;text-transform: capitalize;}
.business ul li .tip:before{content: ""; position: absolute;left: 0;width:65px;height: 2px;background: #870708;top: calc(50% - 1px);}
.business ul li:nth-child(2n) .tip{left: 0;right: auto;padding-left: 0;}
.business ul li:nth-child(2n) .tip:before{left:calc(100% + 10px);}
.business ul li .bus-con{width: 50%;float: right; text-align: right;margin-top: 58px;}
.business ul li .bus-con p{color: #000;font-size: 15px;}
.business ul li:nth-child(2n) .bus-con{text-align: left;float: left;}
.business ul li:nth-child(2n) h3{text-align:right;float: right;}
.business ul li:nth-child(2n) strong{text-align:right;float: right;}
.data-box{width: 100%;height: auto;padding-top: 0;}
.data-box  ul{width: 100%;height: auto;}
.data-box ul li{padding: 0 0 20px 0;overflow: hidden; margin-bottom: 10px; position: relative; width: 100%;height: auto;}
.data-box ul li:last-child{margin-bottom: 0;padding-bottom: 0;}
.data-box ul li .data{width: 50%;float: right; text-align: right; line-height: 1; font-size:0px;font-weight: bold;font-family: arial; color: #870708;}
.data-box ul li .data span{font-size: 14px;vertical-align: top; color: #999;display: inline-block; font-weight: normal;text-transform: uppercase;}
.data-box ul li .data h6{letter-spacing:-1.5px;  display: inline-block;font-size: 89px;}
.data-box ul li .tip{display: inline-block;position: absolute;top: 0;left: 0;font-size: 12px;color: #000;font-weight: 100;text-transform: capitalize;}
.data-box ul li .tip:before{content: ""; position: absolute;left:calc(100% + 10px);width:55px;height: 2px;background: #870708;top: calc(50% - 1px);}
.data-box ul li:nth-child(2n) .data{float: left; text-align: left;}
.data-box ul li:nth-child(4) .data{width: 100%;}
.data-box ul li:nth-child(2n) .tip{padding-left: 60px;left: auto;right: 0;}
.data-box ul li:nth-child(2n) .tip:before{left: 0;}
.data-box ul li .tl{text-align:left;font-weight: 100; font-size: 18px;color: #000000;width: 50%;float: left;margin-top: 40px;}
.data-box ul li .tl span{font-weight: bolder;display: block;font-family: "阿里巴巴普惠体 B";}
.data-box ul li:nth-child(2n) .tl{text-align:right;float: right;}
.data-box ul li:nth-child(2) .tl ,.data-box ul li:nth-child(4) .tl{width: 100%;margin-top: -40px;}
.data-box ul li:nth-child(2) .tl{margin-top: -45px;}
.footer{width: 100%;height: auto;padding: 25px 0 60px 0;background: #000000;}
.footer h6{color: #870708;font-size: 60px;font-weight: bold;font-family: "阿里巴巴普惠体 B";}
.footer .con{font-size: 20px;color: #FFFFFF;margin-top: 25px;}
.footer .con p{color: #FFFFFF;}
.footer .con span{font-weight: bolder;}
.footer .share-box{width: 100%;height: auto;margin-top: 25px;}
.footer .share-box a{position: relative; display: block;width:26px;height: auto;display: inline-block;margin-right: 13px;}
.footer .pcy{text-align: left; width: 100%;height: auto;margin-top: 15px;}
.footer .pcy span{font-size: 12px;color: rgba(255,255,255,0.8);}
.footer .pcy span a{color:rgba(255,255,255,0.8);display: block;}
.footer .share-box a .ewm{display: none; width: 120px;height: 120px;position: absolute;bottom: 100%;background: #FFFFFF;padding: 5px;}
.footer .share-box a .ewm img{display: block;width: 100%;height:auto;}
.footer .share-box a:hover .ewm{display: block;}









.contact{width: 100%;height: auto;}
.contact  .cont-list{width: 100%;height: auto;}
.contact  .cont-list li { text-align:left;width: 100%;height: auto;margin-bottom: 15px;}
.contact  .cont-list li .tip{display: inline-block;color: #000000;position: relative;}
.contact  .cont-list li .tip:before{content: "";position: absolute;width: 70px;top: calc(50% - 0.5px); height: 1px;background: #000000;left: calc(100% + 10px);}
.contact  .cont-list li .con{color: #870708;font-size: 36px;font-family:"RB",arial,"苹方"; font-weight: bolder;}
.contact  .cont-list li:nth-child(2n){text-align: right;}
.contact  .cont-list li:last-child .con{font-size: 20px;}
.contact  .cont-list li:nth-child(2n) .tip{padding-left: 80px;}
.contact  .cont-list li:nth-child(2n) .tip:before{left: 0;}


.form{width: 100%;height: auto;}
.form .form-box{width: 100%;height: auto;}
.form .form-box form{display: block;width: 100%;height: auto;}
.form .form-box .label{width: 100%;height: auto;margin-bottom: 15px;}
.form .form-box p{font-size: 18px;color: #000000;font-weight: bolder;}
.form .form-box .c1{width: 100%;line-height: 20px;padding: 10px 0;border: none;background: none;border-bottom:1px solid #000000;}
.form .form-box .c2{height: 80px;}
.form .form-box .send{width: 100%;padding: 10px;background: #000000;border: none;margin-top: 20px;color: #FFFFFF; line-height: 20px;}
.form .form-box .yzm{width: 100%;height: auto;position: relative;}
.form .form-box .yzm .yzm-pic{width:85px;height:30px;position: absolute;right: 0;top: 0;background: #FFFFFF;}
.form .form-box .yzm .yzm-pic img{display: block;width: 100%;height: auto;}




.detail-top{width: 100%;height: auto;}
.detail-top .bks-pic{position: relative; width: 100%;height: auto;}
.detail-top .bks-pic img{display: block;width: 100%;height: auto;}
.detail-top .bks-pic .con{top: 0;left: 0; width: 100%;padding: 8% 5% 5% 5%;position: absolute;}
.detail-top .bks-pic .logo-ico{width: 80px;height: auto;}
.detail-top .bks-pic .logo-ico img{display: block;}
.detail-top .bks-pic .txt-con{color: #FFFFFF;margin-top: 20%;margin-bottom: 10%;}
.detail-top .bks-pic .txt-con h6{font-family: "阿里巴巴普惠体 B";color:#FFFFFF;font-size: 30px;}
.detail-top .bks-pic .txt-con p{font-size:20px;}
.detail-top .bks-pic .web-link{color: #FFFFFF;line-height: 1;font-size: 14px;padding-bottom: 3px; margin-top: 10%;position: relative;display: inline-block;}
.detail-top .bks-pic .web-link:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: rgba(255,255,255,0.5);}
.detail-top .case-d-pic{margin-top: -25%; padding-left: 5%; width: 100%;height: auto;}
.detail-top .case-d-pic .case-pic-js{padding-right:10%; width: 100%;height: auto;}
.detail-top .case-d-pic .case-pic-js .pic{width: 100%;border-radius:6px;border:3px solid #000;background: #000;}
.detail-top .case-d-pic .case-pic-js .pic img{display: block;width: 100%;height: auto;border-radius: 5px;}


.case-d{width:100%;height: auto;}
.case-d h1{font-size: 30px;color: #000000;font-family: "PingFangSC-Regular", "sans-serif";}
.case-d .time{color: #870708;font-size: 15px;}
.case-d .txt-c{margin-top: 25px;width: 100%;height: auto;}
.case-d .txt-c p{font-size: 15px;color: #000000;}.case-d .txt-c a{color: #000000;}
.case-d .lx-con{ width: 100%;height: auto;padding-top: 35px;padding-bottom: 20px;}
.case-d .lx-con .dial{float: right; position: static;background: #870708;width: 45px;position: relative;}
.case-d .lx-con .dial:after{border: 1px solid rgba(135,7,8,0.4);}
.case-d .lx-con .dial:before{border: 1px solid rgba(135,7,8,0.4);}
.case-d .lx-con .cont{font-size:18px;color: #870708;font-weight: bolder;margin-top: 15px;float: left;}
.case-d .case-d-con{width:100%;margin-top: 40px;}

.team{width: 100%;height: auto;}
.team .team-c{width: 100%;height: auto;}
.team .team-c .team-js{width: 100%;height: auto;padding-bottom: 25px;}
.team .team-c .team-js .pic{width: 100%;height: auto;position: relative;}
.team .team-c .team-js .pic img{display: block;width: 100%;height: auto;}
.team .team-c .team-js .pic .bks{display: none; padding:10% 8%; width: 100%;height:100%;position: absolute;top: 0;left: 0;background: #870708;}
.team .team-c .team-js .pic .bks h3{font-size: 24px; color: #FFFFFF;line-height: 1;}.team .team-c .team-js .pic .bks strong{font-size: 24px; color: #FFFFFF;line-height: 1;}
.team .team-c .team-js .pic .bks h5{font-size: 14px;color: #FFFFFF;margin-top: 8px;}
.team .team-c .team-js .pic .bks .txt-c{margin-top: 35px;}
.team .team-c .team-js .pic .bks .txt-c p{color: #FFFFFF;font-size: 14px;}
.team .team-c .team-js .pic:hover .bks{display: block;}

.team .team-c .team-js >.swiper-pagination-progressbar{
    width: 100%;
    height: 4px;
    left: 0;
    top:auto;
    bottom: 0;}


.team .team-c .team-js .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #870708;
}

.about{width: 100%;height: auto;padding-bottom: 0;}
.about .title{margin-bottom: 25px;}
.about .adv-list{width: 100%;margin-top: 25px; height: auto;border-bottom: 3px solid #000000;padding-bottom: 25px;}
.about .adv-list li{width: 100%;height: auto;overflow: hidden;padding: 15px 0;border-bottom:1px solid #dcdcdc;}
.about .adv-list li h6{width: 57%; float: left; font-size: 36px;color: #000000;font-family: arial,"阿里巴巴普惠体 B";}
.about .adv-list li  .con{width: 43%; float: right;text-align: right;}
.about .adv-list li  .con .ico{width: 20px;height: auto;display: inline-block;}
.about .adv-list li .con .ico img{display: block;width: 100%;height: auto;}
.about .adv-list li .con p{font-size: 14px;color: #000000;margin-top: 5px;}
.about .adv-list li:last-child{border-bottom: none;}
.about .video-container{width: 100%;height: auto;}
.about .video-container{
	width: 100%;
	height:200px;
	position: relative;
}
.about .yourDiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 66;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}
.about .video1{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
 video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
.about .yourDiv .dial{display: block;bottom: auto;right: auto; top: 50%;left: 50%;transform: translateY(-50%)translateX(-50%);-webkit-transform: translateY(-50%)translateX(-50%);-moz-transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%);-o-transform: translateY(-50%)translateX(-50%);}








.idea{width: 100%;height: auto;}
.idea .txt-c{width: 100%;height: auto;margin-top: 20px;}
.idea .idea-c{width: 100%;height: auto;}
.idea .idea-c .idea-js{width: 100%;height: auto;}
.idea .idea-c .idea-js  .swiper-slide{background: #FFFFFF;}
.idea .idea-c .idea-js .con{width: 100%;height: auto;text-align: center;}
.idea .idea-c .idea-js .con .ico{width: 75px;height: auto;margin: 0 auto;}
.idea .idea-c .idea-js .con .ico img{display: block;width: 100%;height: auto;}
.idea .idea-c .idea-js .con  h3{margin-top: 20px; font-size: 24px;color: #000000;font-weight: 100;}
.idea .idea-c .idea-js .con h3 span{font-family: "阿里巴巴普惠体 B";font-weight: bold;}.idea .idea-c .idea-js .con  strong{margin-top: 20px; font-size: 24px;color: #000000;font-weight: 100;}.idea .idea-c .idea-js .con strong span{font-family: "阿里巴巴普惠体 B";font-weight: bold;}

.events{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.events  .bks{width: 100%;height: auto;background: rgba(135,7,8,0.10);}
.events .title{color:#FFFFFF;}
.events .events-c{width: 100%;height: auto;margin-top: 30px;padding-top: 25px;border-top: 1px solid rgba(255,255,255,0.1);}
.events .events-c .events-js{width: 100%;height: auto;}
.events .events-c .events-js .events-time{font-weight: bolder;font-family: arial; font-size: 24px;color: #FFFFFF;}
.events .events-c .events-js  .txt-c{width: 100%;height: auto;overflow: hidden;margin-top: 15px;}
.events .events-c .events-js .txt-c p{font-size: 14px;color: #FFFFFF; float: left; width: calc(50% - 5px);margin-right: 10px;}
.events .events-c .events-js .txt-c p:nth-child(2n){margin-right: 0;}

.events .events-c .events-js .swiper-button-next{
    background-image: url(../img/a028.png);    
    right: 10px;
    left: auto;
}

.events .events-c .events-js .swiper-button-prev{
    background-image: url(../img/a029.png);    
    right: 45px;
    left: auto;
}

.events .events-c .events-js .swiper-button-prev:before{content: "";width: 1px;height: 15px;position: absolute;top: calc(50%  - 7.5px);right: -7.5px; background: #FFFFFF;}


.events .events-c .events-js .swiper-button-next,.events .events-c .events-js .swiper-button-prev {
    position: absolute;
    top:0%;
    width: 20px;
    height:20px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.events .year-box{overflow: hidden; line-height: 1; font-size:65px;text-align: left; font-family: arial;font-weight: bolder;position: relative; margin-top: 35px;}
.events .start{width: 50%;height: auto;float: left; color: #FFFFFF;}
.events .end{width: 50%;float: right;color: #cf1d1f;text-align: right;}
.events .year-js{width: 50%;text-align: right; height: 100%;position: absolute;top: 0;right: 0;}
.events .year-js p{color: #cf1d1f;}


.dataNums {position: absolute;display: block;  left:auto;right: 0;top: 0;height: 100%;}
.dataNums .dataOne {width:35px;text-align: center;height: 100%;font-family: "Arial";border-radius: 5px;float: left;list-style: none;}
.dataNums .dataBoc {position: relative;width: 100%;height: 100%;overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.dataNums .tt span {width: 100%;height: 100%;color: #cf1d1f;float: left;}

			

.plan{width: 100%;height: auto;}
.plan .num{width: 100%;height: auto;margin-top: 30px;padding-bottom: 30px; border-bottom: 3px solid #000000;}
.plan .num li{display: block;width: 100%;height: auto;margin-bottom: 10px;vertical-align: middle;}
.plan .num li h6{ color: #870708;vertical-align: middle;margin-right: 10px; font-size: 35px;display: inline-block;font-family: arial;}
.plan .num li p{display: inline-block;vertical-align: middle;color: #000000;font-size: 15px;}

.plan .tagg{width: 100%;height: auto;font-size: 0;margin-top: 20px;}
.plan .tagg .tagg-list{font-size: 13px; color: #000000; width: 33.3%;display: inline-block; vertical-align: top; height: auto;}
.plan .tagg .tagg-list i{width: 6px;height: auto;display: inline-block;margin-right: 5px;}
.plan .tagg .tagg-list i img{display: block;width: 100%;height: auto;}
.plan .tagg .tagg-list:first-child i{width: 10px;}
.plan .map{position: relative; width: 100%;height: auto;margin-top: 30px;}
.plan .map img{display: block;width: 100%;height: auto;}
.plan .point{position: absolute;width: 6px;display: block; height: 6px;background: #c43839;border-radius: 100%;}
.plan .point:before{animation: scale 2s infinite;  z-index: 1; content: "";width:calc(100% + 8px);height:calc(100% + 8px);border:0.5px solid rgba(196,56,57,0.2);  position: absolute;top:-5px;left: -5px; background:none; border-radius: 100%;}
.plan .point::after{animation: scale2 2s infinite;  position: absolute;width: calc(100% + 4px); height: calc(100% + 4px);top:-3px;left: -3px;border:0.5px solid rgba(196,56,57,0.2); border-radius: 100%;content: ''; }
        @keyframes scale{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(1.3); opacity: 0.3;}
        }
  @keyframes scale2{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(1.2); opacity: 0.3;}
        }
        
.plan .point1{left: 3%;top: 17%;}
.plan .point2{left:16%;top: 35%;}
.plan .point3{left: 45%;top: 25%;}
.plan .point4{left:49%;top:30%;}
.plan .point5{left:56%;top: 35%;}
.plan .point6{left:85%;top: 38%;}
.plan .point7{left: 75%;top:25%;}
.plan .point8{left:83%;top: 78%;}



.customer{width: 100%;height: auto;}
.customer h3{font-size: 18px;color: #000000;margin-top: 25px;} .customer strong{font-size: 18px;color: #000000;margin-top: 25px;} 
.customer .cust-list{width: 100%;height: auto;margin-top: 25px;font-size: 0;}
.customer .cust-list li{width: 33.3%;display: inline-block;vertical-align: top;}
.customer .cust-list ul {width: 100%; font-size: 0;}
.customer .cust-c{width: 100%;height: auto;font-size: 0;}


/*logo展示*/

.logosBlock {
	width: 100%;
	margin-top: 10px;
}

.logosBlock__wrapper {
	overflow: hidden;
	margin-top: -3.33333rem;
	margin-bottom: -3.33333rem
}

.logosBlock__section {
	padding-top: 3.33333rem;
	padding-bottom: 3.33333rem
}

.logosBlock__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 33%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 20px;
}
.logosBlock__item {
	width: calc(33.3% - 10px);
	margin-right:15px;
	padding:5px 2.5%;
	text-align: center;
}
.logosBlock__item:nth-child(3n){margin-right: 0;}



.logosBlock__item__inner {
	display: block;
	width: 100%;
	height: 3.16667rem;
	margin: auto;
	position: relative
}

.logosBlock__item__inner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out
}

.logosBlock__item__white {
	opacity: 1
}

.logosBlock__item.animate .logosBlock__item__inner {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all .7s;
	transition: all .7s
}

.logosBlock__item.animate.in .logosBlock__item__inner {
	-webkit-transition: all 1.8s ease 0s;
	transition: all 1.8s ease 0s;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}


.gab{height: auto;text-align: left;width: 100%;}
.gab a{display: inline-block;font-size: 0;}
.gab img{display: inline-block;width: 14px;vertical-align: middle; height: auto;margin-right: 10px;}
.gab p{font-size: 12px;color: rgba(255,255,255,0.8);display: inline-block; vertical-align: middle;}.honor-js{width: 100%;height: auto;margin-top: 35px;padding-bottom: 35px;}.honor-js .pic{width: 100%;height: auto;text-align: center;}.honor-js .pic img{display: block;width: 100%;height: auto;}.honor-js .pic p{font-size: 16px;font-weight: bolder;margin-top: 15px;}.honor-js >.swiper-pagination-progressbar{    width: 100%;    height: 4px;    left: 0;    top:auto;    bottom: 0;}.honor-js .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {    background: #870708;}