*{ padding:0; margin:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
img{ border:none;}
ul,ol,li{ list-style:none;}
body{ color:#4a4a4a; font-size:12px; font-family:helvetica;}

.w940{ width:940px; height:auto; overflow:hidden; margin:0 auto;}

.top{ height:auto; overflow:hidden; margin-top:54px;}
.top .logo{ float:left;}
.top .logo a{ color:#4a4a4a;}
.top nav{ height:12px; float:right;}
.top nav li{ margin:0 0 0 32px; float:left;} 
.top nav li a{ color:#9B9B9B;}
.top nav li a span{ font-family:"PingFang-SC-Semibold";}
.top nav li a b{ font-weight:normal;}
.top nav li a:hover,
.top nav li.active a{ color:#4a4a4a;} 

#ups-banner{ color:#fff; width:100%; height:100%; overflow:hidden; position:relative;}
#ups-banner .swiper-container{ width:100%; height:100%; overflow:hidden; z-index:1;}
#ups-banner .swiper-slide{ width:100%; height:100%; position:relative;}
#ups-banner .swiper-slide.swiper-slide-1{ width:100%; height:100%; overflow:hidden; background:url(../images/banner-1.jpg) no-repeat center top; background-size:cover;}
#ups-banner .swiper-slide.swiper-slide-2{ width:100%; height:100%; overflow:hidden; background:url(../images/banner-1.jpg) no-repeat center top; background-size:cover;}
#ups-banner .swiper-slide.swiper-slide-3{ width:100%; height:100%; overflow:hidden; background:url(../images/banner-1.jpg) no-repeat center top; background-size:cover;}
#ups-banner .swiper-slide.swiper-slide-4{ width:100%; height:100%; overflow:hidden; background:url(../images/banner-1.jpg) no-repeat center top; background-size:cover;}
#ups-banner .bottom-nav { width: 100%; text-align: center; position: absolute; bottom: 40px; z-index: 10;}
#ups-banner .swiper-pagination{ position:relative; display:inline-block; height:29px; vertical-align:middle;}
#ups-banner .swiper-pagination-bullet{ width:18px; height:2px; background:#f4f4f4; border-radius:0; opacity:1; margin:0 6px; vertical-align:middle;}
#ups-banner .swiper-pagination-bullet-active{ background:#676767;}
#ups-banner .top{ width:940px; height:auto; overflow:hidden; position:absolute; margin-top:0; left:50%; top:54px; z-index:2; -webkit-transform:translateX(-50%);}
#ups-banner .top a{ color:#fff;}

#ups-banner .beiandiv {width: 100%; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; position:absolute; bottom:8px; z-index:2; -webkit-transform:scale(.8); overflow:hidden;}

#ups-banner .beian{ color:#ccc;}
#ups-banner .beian li{ margin:0 10px 0 0; float:left;}
#ups-banner .beian li a{ color:#ccc; }
#ups-banner .beian li span{ font-family:"PingFang-SC-Semibold";}

.beian-mobile{ color:#ccc; font-size:.8rem; text-align:center; width:100%; height:auto; line-height:12px; overflow:hidden; position:absolute; left:0; bottom:20px; z-index:2; -webkit-transform:scale(1);}
.beian-mobile li{ margin:0 0 8px 0; display:inline-block;}
.beian-mobile li a{ color:#ccc; }
.beian-mobile li span{ font-family:"PingFang-SC-Semibold";}

.list{ height:auto; overflow:hidden; margin-top:84px;}
.list a{ color:#4a4a4a; display:block; margin:0 0 32px 0;}
.list a .pic{ height:auto; overflow:hidden; margin:0 0 14px 0;}
.list a .pic img{ width:100%;}
.list a p{ text-align:center; height:12px; line-height:12px; overflow:hidden;}
.list a p b{ margin:0 10px 0 0;}

.news-list{ text-align:center; margin:88px auto;}
.news-list .pic{ width:100%; height:auto; overflow:hidden; background:#ddd;}
.news-list .pic img{ width:100%;}
.news-list b{ display:block; height:12px; line-height:12px; margin:12px 0 10px 0;}
.news-list p{ min-height:66px; line-height:22px; overflow:hidden; margin:0 0 31px 0;}

.list-detail{ width:100%; height:auto; overflow:hidden; margin-top:96px; position:relative;}
.list-detail .pic{ width:940px; height:auto; overflow:hidden; position:absolute; top:0; cursor:pointer; transition:all .12s;}
.list-detail .pic img{ width:940px; height:auto; overflow:hidden; display:block; margin:0 0 48px 0;}
.list-detail .explain{ width:540px; height:auto; overflow:hidden; position:absolute; top:0; cursor:pointer; transition:all .12s;}
.list-detail .explain ul{ width:540px; height:auto; overflow:hidden; line-height:24px; margin:0 auto; margin-bottom:50px;}
.list-detail .explain p{ color:#9b9b9b; width:540px; height:auto; overflow:hidden; line-height:18px; margin:0 auto 45px auto;}
.list-detail .explain p.text-2{ font-family:"PingFang-SC-Semibold";}
.list-detail.animate-1 .pic{ left:50%; -webkit-transform:translateX(-50%);}
.list-detail.animate-1 .explain{ right:-486px;}
.list-detail.animate-2 .pic{ left:-886px}
.list-detail.animate-2 .explain{ left:50%; -webkit-transform:translateX(-50%);}

.list-detail-mobile .arrows{ width:100%; height:10px; overflow:hidden; margin:90px 0 30px 0;}
.list-detail-mobile .arrows .prev{ width:0; height:0; overflow:hidden; margin:0 0 0 -11px; border-style:solid; border-width:5px 14px; border-color:transparent #4a4a4a transparent transparent;}
.list-detail-mobile .arrows .next{ width:0; height:0; overflow:hidden; margin:0 -11px 0 0; border-style:solid; border-width:5px 14px; border-color:transparent transparent transparent #4a4a4a;}
.list-detail-mobile img{ width:100%; margin:0 0 16px 0;}
.list-detail-mobile ul{ height:auto; overflow:hidden; line-height:24px; margin:31px 0 20px 0;}
.list-detail-mobile p{ color:#9b9b9b; height:auto; overflow:hidden; line-height:18px; margin:0 auto 29px auto;}
.list-detail-mobile p.text-2{ font-family:"PingFang-SC-Semibold";}

.slide{ height:225px; overflow:hidden; margin-bottom:100px;}
.slide .swiper-slide{ width:300px; height:225px; overflow:hidden;}
.slide .swiper-slide .pic{ width:300px; height:200px; overflow:hidden; margin:0 0 14px 0;}
.slide .swiper-slide .pic img{ display:block;}
.slide .swiper-slide p{ text-align:center; height:12px; line-height:12px; overflow:hidden;}
.slide .swiper-slide p b{ margin:0 10px 0 0;}

.slide-mobile{ height:190px; overflow:hidden; margin:32px 0 20px 0;}
.slide-mobile .swiper-slide{ width:50%; height:auto; overflow:hidden;}
.slide-mobile .swiper-slide .pic{ width:100%; height:auto; overflow:hidden; margin:0 0 14px 0;}
.slide-mobile .swiper-slide .pic img{ width:100%; display:block;}
.slide-mobile .swiper-slide p{ text-align:center; height:12px; line-height:12px; overflow:hidden;}
.slide-mobile .swiper-slide p span{ display:block; -webkit-transform:scale(.85);}
.slide-mobile .swiper-slide p b{ margin:0 10px 0 0;}

.about-title i{ width:14px; height:1px; overflow:hidden; margin:0 0 26px 0; box-shadow:0 0 0 10px #000 inset; display:block;}
.about-title p{ height:12px; line-height:12px; margin:0 0 20px 0;}
.about-title p span{ font-family:"PingFang-SC-Semibold"; margin:0 5px 0 0;}

.about-pic,
.news-detail-pic{ margin:88px 0 32px 0;}
.news-detail-pic p{ margin:0 0 16px 0; line-height:22px;}
.about-pic img,
.news-detail-pic img{ width:100%; margin:0 0 32px 0;}
.news-detail-summary{ margin:0 0 80px 0;}
.about-summary p,
.news-detail-summary p{ line-height:22px; margin:0 0 16px 0;}
.about-summary p:nth-child(1){ font-family:"PingFang-SC-Semibold";}

.team-list{ margin-top:33px;}
/*.team-list .about-title{ margin:0 0 37px 0;}*/
.team{ height:auto; overflow:hidden; margin:0 0 27px 0;}
.team .team-top{ height:190px; overflow:hidden; margin:0 0 32px 0;}
.team .team-top .pic{ width:151px; height:190px; overflow:hidden; float:left;}
.team .team-bot .name{ font-family:"PingFangSCRegular"; height:12px; line-height:12px; margin:0 0 16px 0;}
.team .team-bot .name span{ margin:0 6px 0 0;}
.team .team-bot{ height:auto; line-height:18px; overflow:hidden;}
.team .team-bot p{ font-family:"PingFang-SC-Semibold"; line-height:22px; margin:0 0 16px 0;}
.team .team-bot .name{ font-family:"PingFangSCRegular"; height:22px; line-height:12px;}
.team .team-bot .name span{ margin:0 0 0 6px;}

.contact ul{ height:auto; line-height:22px; overflow:hidden; margin:0 0 80px 0;}

.awards{ text-align:center; margin:88px auto;}
.awards .pic{ width:100%; height:auto; overflow:hidden; background:#ddd;}
.awards .pic img{ width:100%;}
.awards b{ display:block; height:12px; line-height:12px; margin:12px 0 10px 0;}
.awards p{ height:12px; line-height:12px; margin:0 0 31px 0;}
.awards ul{ font-family:"PingFang-SC-Semibold"; height:auto; line-height:18px; overflow:hidden; margin:76px 0 0 0;}

.jobs{ height:auto; overflow:hidden; margin-top:84px;}
.jobs .jobs-title i{ width:14px; height:1px; overflow:hidden; margin:0 0 26px 0; box-shadow:0 0 0 10px #000 inset; display:block;}
.jobs .jobs-title p{ height:12px; line-height:12px; margin:0 0 20px 0;}
.jobs .jobs-title p span{ font-family:"PingFang-SC-Semibold"; margin:0 5px 0 0;}
.jobs .position{ margin:0 0 16px 0;}
.jobs .position b{ font-weight:normal; font-family:"PingFang-SC-Semibold"; margin:0 10px 0 0;}
.jobs .position span{ font-weight:bold;}
.jobs .chinese{ font-family:"PingFang-SC-Semibold"; margin:0 0 16px 0;}
.jobs .english{ margin:0 0 36px 0;}
.jobs p{ line-height:22px; margin:0;}
.jobs p a{ color:#4a4a4a;}
.jobs .chinese p,
.jobs .english p{ padding:0 0 0 12px; position:relative;}
.jobs .chinese p:before,
.jobs .english p:before{ content:""; position:absolute; left:0; top:11px; width:7px; height:1px; box-shadow:0 0 0 10px #4a4a4a inset;}

.top-mobile{ text-align:center; width:100%; height:14px; line-height:14px; overflow:hidden; position:relative; margin:24px 0 0 0;}
.top-mobile .icon-menu{ width:24px; height:14px; overflow:hidden; position:absolute; left:14px; top:0;}
.top-mobile .icon-menu:before{ content:""; position:absolute; left:0; top:0; width:24px; height:2px; background:#4a4a4a; box-shadow:0 6px 0 #4a4a4a,0 12px 0 #4a4a4a;}
.top-mobile .logo a{ color:#4a4a4a;}

#ups-banner .top-mobile{ text-align:center; width:100%; height:14px; line-height:14px; overflow:hidden; position:absolute; left:0; top:24px; z-index:2;}
#ups-banner .top-mobile .icon-menu{ width:24px; height:14px; overflow:hidden; position:absolute; left:14px; top:0;}
#ups-banner .top-mobile .icon-menu:before{ content:""; position:absolute; left:0; top:0; width:24px; height:2px; background:#fff; box-shadow:0 6px 0 #fff,0 12px 0 #fff;}
#ups-banner .top-mobile .logo a{ color:#fff;}

.menu-mobile{ position:fixed; right:0; top:0; bottom:0; background:#fff; z-index:9999; transition:all .12s;}
.menu-mobile .menu-top{ text-align:center; width:100%; height:18px; line-height:18px; overflow:hidden; margin:23px 0 0 0; position:relative;}
.menu-mobile .menu-top .icon-close{ width:18px; height:18px; overflow:hidden; position:absolute; left:32px; top:0;}
.menu-mobile .menu-top .icon-close:before,
.menu-mobile .menu-top .icon-close:after{ content:""; position:absolute; left:-3px; top:8px; width:25px; height:2px; overflow:hidden; box-shadow:0 0 0 10px #4a4a4a inset;}
.menu-mobile .menu-top .icon-close:before{ -webkit-transform:rotate(45deg);}
.menu-mobile .menu-top .icon-close:after{ -webkit-transform:rotate(-45deg);}
.menu-mobile .menu-top .logo a{ color:#4a4a4a;}
.menu-mobile nav{ width:100%; height:auto; overflow:hidden; position:absolute; top:50%; -webkit-transform:translateY(-50%);}
.menu-mobile nav li{ height:12px; line-height:12px; margin:0 0 36px 0;}
.menu-mobile nav li a{ color:#9b9b9b; display:flex;}
.menu-mobile nav li a span{ font-family:"PingFang-SC-Semibold"; text-align:right; width:100%; flex-grow:1; flex-shrink:1; flex-basis:100%;}
.menu-mobile nav li a i{ width:6px; flex-grow:0; flex-shrink:0; flex-basis:6px;}
.menu-mobile nav li a b{ font-weight:normal; text-align:left; width:100%; flex-grow:1; flex-shrink:1; flex-basis:100%;}
.menu-mobile nav li.active a{ color:#000;}
.menu-mobile.hide{ left:100%;}
.menu-mobile.show{ left:0;}

@media (min-width: 1200px){
	#ups-banner .bottom-nav{ bottom:30px;}
	.container{ padding-left:0; padding-right:0;}
	.container.list{ width:1260px; margin-top:96px;}
	.container.list .row{ margin-bottom:36px;}
	.container.news-list{ width:1260px; margin-top:96px;}
	.container.news-list p{ text-align:center;}
	.container.news-list .col-xs-6{ padding-right:40px; padding-left:40px;}
	.container.awards{ width:1260px; height:auto; overflow:hidden; margin:100px auto;}
	.container.awards p{ margin:0 0 70px 0;}
	.news-detail-pic{ width:940px; height:auto; overflow:hidden; margin:88px auto 32px auto;}
	.news-detail-summary{ width:940px; height:auto; overflow:hidden; margin:0 auto 80px auto;}
	.about-pic{ width:940px; height:auto; overflow:hidden; margin:96px auto 46px auto;}
	.about-summary{ width:940px; height:auto; line-height:18px; overflow:hidden; margin:0 auto;}
	.about-title{ width:940px; height:auto; overflow:hidden; margin:0 auto;}
	.team-list{ width:940px; height:auto; overflow:hidden; margin:0 auto; margin-top:46px;}
	.team .team-bot{ width:940px; height:auto; line-height:18px; overflow:hidden;}
	.contact{ width:940px; height:auto; overflow:hidden; margin:10px auto 26px auto;}
	.contact ul{ height:auto; line-height:22px; overflow:hidden; margin:0 0 191px 0;}
	/*.team-list .about-title{ margin:0 0 93px 0;}*/
	.team{ height:auto; overflow:hidden; margin:0 0 36px 0;}
	.team .team-top{ height:190px; overflow:hidden; margin:0 0 16px 0;}
	.container.jobs{ width: 940px; margin-top:96px;}
	.col-md-5ths,.col-lg-5ths{ width:20%; float:left;}
	#ups-banner .swiper-pagination-bullet{ width:24px; height:5px; margin:0 12px;}
}

@media (min-width: 992px){
	#ups-banner .bottom-nav{ bottom:30px;}
	.container.list{ width:1260px; margin-top:96px;}
	.container.list .row{ margin-bottom:36px;}
	.container.news-list{ width:1260px; margin-top:96px;}
	.container.news-list p{ text-align:center;}
	.container.news-list .col-xs-6{ padding-right:40px; padding-left:40px;}
	.container.awards{ width:1260px; height:auto; overflow:hidden; margin:100px auto;}
	.container.awards p{ margin:0 0 70px 0;}
	.news-detail-pic{ width:940px; height:auto; overflow:hidden; margin:88px auto 32px auto;}
	.news-detail-summary{ width:940px; height:auto; overflow:hidden; margin:0 auto 80px auto;}
	.about-pic{ width:940px; height:auto; overflow:hidden; margin:96px auto 46px auto;}
	.about-summary{ width:940px; height:auto; line-height:18px; overflow:hidden; margin:0 auto;}
	.about-title{ width:940px; height:auto; overflow:hidden; margin:0 auto;}
	.team-list{ width:940px; height:auto; overflow:hidden; margin:0 auto; margin-top:46px;}
	.team .team-bot{ width:940px; height:auto; line-height:18px; overflow:hidden;}
	.contact{ width:940px; height:auto; overflow:hidden; margin:10px auto 26px auto;}
	.contact ul{ height:auto; line-height:22px; overflow:hidden; margin:0 0 191px 0;}
	/*.team-list .about-title{ margin:0 0 93px 0;}*/
	.team{ height:auto; overflow:hidden; margin:0 0 36px 0;}
	.team .team-top{ height:190px; overflow:hidden; margin:0 0 16px 0;}
	.container.jobs{ width: 940px; margin-top:96px;}
	.col-md-5ths,.col-lg-5ths{ width:20%; float:left;}
	#ups-banner .swiper-pagination-bullet{ width:24px; height:5px; margin:0 12px;}
}

@media (min-width: 768px){
	#ups-banner .bottom-nav{ bottom:30px;}
	.container.list{ width:1260px; margin-top:96px;}
	.container.list .row{ margin-bottom:36px;}
	.container.list .row .col-xs-12,
	.container.list .row .col-lg-3,
	.container.list .row .col-md-3{ padding-right:10px; padding-left:10px;}
	.container.news-list{ width:1260px; margin-top:96px;}
	.container.news-list p{ text-align:center;}
	.container.news-list .col-xs-6{ padding-right:40px; padding-left:40px;}
	.container.awards{ width:1260px; height:auto; overflow:hidden; margin:100px auto;}
	.container.awards p{ margin:0 0 70px 0;}
	.news-detail-pic{ width:940px; height:auto; overflow:hidden; margin:88px auto 32px auto;}
	.news-detail-summary{ width:940px; height:auto; overflow:hidden; margin:0 auto 80px auto;}
	.about-pic{ width:940px; height:auto; overflow:hidden; margin:96px auto 46px auto;}
	.about-summary{ width:940px; height:auto; line-height:18px; overflow:hidden; margin:0 auto;}
	.about-title{ width:940px; height:auto; overflow:hidden; margin:0 auto;}
	.team-list{ width:940px; height:auto; overflow:hidden; margin:0 auto; margin-top:46px;}
	.team .team-bot{ width:940px; height:auto; line-height:18px; overflow:hidden;}
	.contact{ width:940px; height:auto; overflow:hidden; margin:10px auto 26px auto;}
	.contact ul{ height:auto; line-height:22px; overflow:hidden; margin:0 0 191px 0;}
	/*.team-list .about-title{ margin:0 0 93px 0;}*/
	.team{ height:auto; overflow:hidden; margin:0 0 36px 0;}
	.team .team-top{ height:190px; overflow:hidden; margin:0 0 16px 0;}
	.container.jobs{ width: 940px; margin-top:96px;}
	.col-md-5ths,.col-lg-5ths{ width:20%; float:left;}
	#ups-banner .swiper-pagination-bullet{ width:24px; height:5px; margin:0 12px;}
}