@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900|Noto+Serif+SC:200,300,400,500,600,700,900");
*{margin: 0;padding: 0;}
li{ list-style:none;}
body,input,select,textarea,button{font-size: 16px; font-family:'Noto Sans SC', "HarmonyOS_Sans_Regular", "PingFang SC", "Microsoft YaHei"; color:#666666;}
div{margin: 0 auto;}
img{border: 0;vertical-align: middle;}
a{text-decoration: none; color: #808080; transition: color .3s;}
a:hover{text-decoration: none;color:#166BAA;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{height:1%;}
:focus{outline: none;}
::-moz-focus-inner{ border: 0;}
input[type="button"], input[type="submit"], input[type="reset"] , input[type="disabled"]{-webkit-appearance: none;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important;}
.fl{float: left;}
.fr{float: right;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tc{text-align:center;}
.w{ max-width:1600px;}
.w2{ max-width:1400px;}
.none{ display:none;}
.ico{ display:inline-block; vertical-align:middle; background-size:100%; background-repeat:no-repeat; background-position:center center;}
.input-txt{ border:1px solid #ccc; height:36px; line-height:36px; text-indent:12px; width:100%; vertical-align:middle; box-shadow:inset 1px 1px 1px #eee; border-radius:0;}
.btn{ display:block; text-align:center; width:100%; padding:5px 0; border: none; cursor:pointer; color:#fff; margin: 0;}
.btn:hover{ background:#0072BB; color:#fff;}
.btn-submit{ padding:10px 0; width:188px; display:block; font-size:17px; margin:10px auto 15px auto;}
.btn-more{ width: 150px; display:inline-block; height: 40px; line-height: 40px; background: #FFFFFF; border: 1px solid #0076B9; color: #0076B9;}
.btn-more .fa-long-arrow-right{ font-weight: 300; margin-left: 10px;}
.input-error,.search-form .input-error{ border-color:#f00;}
.btn-upfiles{ background-color: #ff8400; color: #fff; width:120px; position:relative; top:5px; display: inline-block; text-align: center;}
.btn-upfiles:hover{ transition: background-color 0.2s linear 0s;}
.transform-img{ overflow: hidden;}
.transform-img img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; display: block;}
.transform-img:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

/*标题*/
.title{ text-align: center;}
.title h2{ font-weight:700; color:#0072BB; height: auto; line-height:135%; font-size:30px;}
.title h2 a{ color:#0072BB;}
.title span{ position: relative; display: inline-block; padding: 5px 0 0 0; font-size: 16px; color: #bbb; font-weight: 400; text-transform:capitalize;}
.title span::after{content:" "; display: block; margin: 10px auto 0 auto; background:#0072BB; width:40px; height:4px;}
.title2{ display: inline-block;}
.h2title{ color: #333; font-size:20px}
.h2title::after{ content:" "; display:block; margin: 8px 0 15px 0; background: #0072BB; width:30px; height:4px;}

.ad{ padding:18px 0;}
.ad img{ display:block; width:100%;}
.top-news .ad{ padding:0 0 8px 0;}

/*字体*/
.f0{color: #f00;}
.f1{color: #c4954d;}

/*布局*/
.flex{ display: flex; flex-direction: row; justify-content: center;}
.flex .fl{ width: 49%; padding-right: 1%;}
.flex .fr{ width: 49%; padding-left: 1%;}
.float-right{ float: right;}
.float-left{ float: left;}

/*引导页*/
#fp-nav ul li, .fp-slidesNav ul li{ margin: 21px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #fff; border: 7px solid #fff;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ background: #0076B9;}

/*头部*/
.search-box{ position: fixed; right: 32px; top: 32px; z-index: 10000;}
.search-box .ico .fa{ color: #fff; font-size: 20px; cursor: pointer;}
.search-box .ico .fa-close{ font-size: 30px; font-weight: normal;}
.search-box form{ padding: 15px; background: #fff; border-radius: 2px; width: 300px; position: absolute; top: 50px; right: 0;}
.search-box .input{ vertical-align: middle; height:34px; line-height:34px; border:1px solid #ccc; border-right: 0; text-indent:15px; width:238px; font-size:14px;}
.search-box .submit{ vertical-align: middle; display: inline-block; width:50px; height:36px; border:1px solid #ccc; text-align: center; background:none; color:#fff; cursor:pointer;}
.search-box .submit .fa-search{ color: #999; font-size: 22px; vertical-align: middle;}

.header{ position: fixed; left: 0; top: 0; z-index: 1001; width:100%;}
.logo img{ width:460px; height:auto; display:inline-block; vertical-align:middle; padding-top: 22px;}
.navigation{ height:54px; overflow:visible; position:relative; z-index:10000;}
.navigation li{ display:inline-block; position: relative;}
.navigation a{ color:#fff; display: inline-block; height:54px; line-height:54px; padding:16px 0 24px 0; margin: 6px 13px 0 13px; font-size:18px; font-weight:500;}
.navigation li:hover a,.navigation a.active{ color:#fff; margin-top: 0; border-top: 3px solid #0072BB;}
.navigation li .subnav{ visibility: hidden; position:absolute; left: 15px; top:160px; transition: top .5s ease; width:226px; padding:0 18px; background:#f6f4f4;}
.navigation li .subnav li{ border-bottom:1px solid #ccc; width: 100%;}
.navigation li .subnav li:last-child{ border:none;}
.navigation li .subnav a{ display:block; color: #333333; position: relative; left: 0; padding: 0 0 0 20px; margin: 12px 0; height:28px; line-height:28px; border: none; border-left: 6px solid #ddd; font-weight:500;}
.navigation li .subnav a:hover{ border-left-color: #166BAA; color: #166BAA;}
.navigation li:hover .subnav{ visibility: visible; top: 100px; height: auto;}
.navigation li .subnav2{ width: 450px;}
.navigation li .subnav2 li{ width: 215px; display: inline-block;}
.navigation li .subnav2 li:nth-child(even){ margin-left: 10px;}
.header.stick{ background: #0072BB; padding-bottom: 10px;}
.header.stick .search-box{ top: 22px; z-index: 10000;}
.header.stick .logo img{ padding-top: 10px;}
.header.stick .navigation{ height: 40px;}
.header.stick .navigation a{ height: 40px; line-height: 40px; padding-top: 10px;}
.header.stick .navigation li:hover a,.header.stick .navigation a.active{ border-top-color: #fff;}
.header.stick .navigation li .subnav{ top: 75px;}
.header.stick .navigation li .subnav a{ height: 28px; line-height: 28px; padding: 0 0 0 20px;}

.banner-box{ background-position: center top; background-repeat: no-repeat; background-size: cover; height:600px; height:120px;}
.party-banner-box{ height: 600px;}
.h900{ height:900px;}

.data-number{ margin-top: -75px; background:url(../images/dataNumberAllBg.png) right top no-repeat;}
.data-number .w{ background:url(../images/dataNumberBg.png) 0 50% no-repeat; height: 150px; align-items: center;}
.data-number .item{ color: #fff; font-size:18px; text-align: center;}
.data-number .item .num{ display: inline-block; position: relative; border-bottom: 1px solid #fff; margin-bottom: 10px;}
.data-number .item .num b{ font-weight:600; font-size:50px;}
.data-number .item .num i{ font-style: normal; position: absolute; right: -15px; top: -10px; font-size: 30px;}
.data-number .item  p{ font-weight: 500;}
.data-number2{ margin-top: 0; background:url(../images/dataNumberBgFull.png) center top no-repeat;}
.data-number2 .w2{ background: none; height: 160px; align-items: center;}

.about-box .w{ padding: 88px 0 68px 0; align-items: center;}
.about-box .img{ width: 520px;}
.about-box .img .title{ margin-top: 25px;}
.about-box .info{ width: 990px;}
.about-box .info .con p{ padding-bottom: 15px; line-height: 180%;}
.about-box2 .w2{ padding: 68px 0 25px 0;}
.about-box2 .info{ width: 790px;}

/*新闻中心*/
.news-box{ background: #F8F8F8; padding: 85px 0 89px 0;}
.news-head{ padding: 0 0 45px 0; text-align: center;}
.title1{ width: 20%; text-align: left; padding-left: 10px; border-left: 4px solid #0072BB; line-height: 120%;}
.title1 span::after{ display: none;}
.tab-title{ width: 60%; text-align: center;}
.tab-title h2{ display: inline-block; cursor: pointer; width: 196px; font-size: 18px; text-align: center; margin:0 8px; height: 50px; line-height: 50px; border:1px solid #A6A6A6;}
.tab-title h2.active{ background: #0072BB; border-color: #0072BB;}
.tab-title h2.active a{ color: #fff;}
.news-head .more{ width: 20%; text-align: right;}
.news-head .more .btn{ display: inline-block;}

/*轮播*/
.focus-news{ width:800px; height:530px; position: relative;}
.focus-news .swiper-container{ width: 100%; height:530px;}
.focus-news .swiper-container img{ display:block; height:100%; width:100%; max-width: 800px;}
.focus-news .swiper-button-prev,.focus-news .swiper-button-next{ top:inherit; left: inherit; bottom: -45px; margin-top: 5px; background-color:none; width: 12px; height: 21px; background-size: 100% auto;}
.focus-news .swiper-button-prev{  right: 130px;}
.focus-news .swiper-button-next{  right:15px;}
.focus-news .focus-number{ position: absolute; bottom: -45px; right: 28px; text-align: center; width: 100px; height: 30px; line-height: 30px; z-index: 9999; color: #CCC;}
.focus-news .focus-number span{ font-size: 30px; color: #0072BB;}
.focus-news .focus-title{ background:#fff; height:120px; width: 640px; margin:0; position: relative; top:-60px; z-index: 999;}
.focus-news .focus-title a:hover{ color:#0072BB;}
.focus-news .focus-title .flex{ align-items: center; height: 120px;}
.news-box .focus-title .time{ width: 120px; text-align: center; line-height: 160%;}
.news-box .focus-title .time span{ font-size: 40px; font-weight: 400; color: #0072BB; display: block; padding-bottom: 10px;}
.news-box .focus-title .time span::after{content:" "; display:block; margin: 20px auto 0 auto; background:#ccc; width:70px; height:1px;}
.news-box .focus-title .info{ width: 500px; padding-right: 20px; overflow: hidden; color: #999;}
.news-box .focus-title .info h2{ text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; font-size: 18px; color: #000; padding-bottom: 0;}
.news-box .focus-title .info h2 a{ color:#555;}
.news-box .focus-title .info h2 a:hover{ color:#0072BB;}
/*列表*/
.news-list{ width: 770px; margin-left: 30px; border-top: 1px solid #ccc;}
.news-list .focus-title{ width: 100%; position: inherit; background: none; border-bottom: 1px solid #ccc; height: auto;}
.news-list .focus-title .flex{ padding: 14px 0 14px 0; height: auto;}
.news-list .focus-title .time span{ display: none;}
.news-list .focus-title .info p{ display: none;}
.news-list .focus-title .info{ width: 650px;}

.business-box{ padding: 28px 0 42px 0;}
.business-box .title{ margin-bottom: 20px;}
.business-box .swiper-pagination{ margin-top: 22px; bottom: 0; position: relative;}
.business-box .swiper-pagination:before{content: ''; width: 100%; height: 1px; overflow: hidden; background-color: #ccc; left: 0; transform: translateY(-50%); position: absolute;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0;}
.business-box .swiper-pagination-bullet{opacity: 0; height: 5px; background: #0072BB; border-radius: 0; transition: all .3s; transform: translateY(-17px); border-radius: 3px;}
.business-box .swiper-pagination-bullet-active{opacity: 1;}
.business-box .w{ position: relative;}
.business-box .swiper-button-next,
.business-box .swiper-button-prev{ left: inherit; right: 60px; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #878787; transition: all .3s; background: #fff}
.business-box .swiper-button-next{ left: inherit; right: 0;}
.business-box .swiper-button-prev:hover,
.business-box .swiper-button-next:hover{background-color: rgba(0,0,0,0.2)}
.business-box .swiper-button-prev:hover:before{border-right-color: #fff;}
.business-box .swiper-button-next:hover:before{border-left-color: #fff;}
.business-box ul{margin: 0 -10px!important;}
.business-box li{width: 100%; cursor:pointer;}
.business-box .pic{padding-top: 130%; background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative; transition: all .3s; opacity: 0.7;}
.business-box .swiper-slide-active .pic,.business-box li:hover .pic{ opacity: 1.0; }
.business-box .content{position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 12%; color: #fff; font-size: .24rem; text-align: left;}
.business-box .content h3{ font-size: 24px; font-weight: 500; text-shadow: 2px 2px 0 #333;}
.business-box .content h3:before{content: ''; width: 35px; height: 6px; background-color: #ccc; display: block; margin-bottom: 8px;}
.business-box .content p{ font-size:15px; padding: 5px 0; font-weight: 400; text-shadow: 2px 2px 0 #333;}
.business-box .content .more{ font-size: 16px; color: #ccc;}

.product-box .swiper-slide{ height: 800px;}
.product-box .w{ position: relative; z-index: 999;}
.product-head{ background: #0072BB; width: 170px; height: 170px; margin: 0;}
.product-head .title h2{ color: #fff; padding-top: 45px;}
.product-head .title span{ color: #fff;}
.product-head .title span::after{ background:#fff;}
.product-box .swiper-container{ margin-top: -170px;}
.product-box .detail{ position: absolute; right: 0; bottom: 0; z-index: 9999; background: rgba(0, 0, 0, 0.3); transition: background 0.2s; width: 48%; height: 150px; padding: 27px 35px 0 35px;}
.product-box .detail:hover{ background: rgba(0, 0, 0, 0.4);}
.product-box .detail:hover .more span{  background: rgba(0, 186, 175, .9);}
.product-box .detail a{ color: #fff;}
.product-box .detail .info{ width: 80%; font-size: 18px;}
.product-box .detail .info h2{ font-size: 30px; padding-bottom: 15px;}
.product-box .detail .more{ width: 20%; text-align: right; margin-top: 20px;}
.product-box .detail .more span{ float: right; display: block; background: #00BAAD; width: 90px; text-align: center; margin: 0; height: 90px; line-height: 90px;}

/*公司概况*/
.about-nav{ height: 60px; line-height: 60px; font-size: 20px; border-bottom: 1px solid #ccc; text-align: center;}
.about-nav a{ color: #333; display: inline-block; padding: 0 5px; margin: 0 10px;}
.about-nav a.active,.about-nav a:hover{ position: relative; color: #0068B1; font-weight: 600;}
.about-nav a.active::before{ content:""; display: block; height:5px; width:24px; position: absolute; bottom:-3px; left: 50%; margin-left: -12px; border-radius: 3px; background: #0068B1;}
.about-con .box{ padding: 20px 0 5px 0; width: 650px;}
.about-con .box .con{ line-height: 180%;}
.about-con .box .con p{ padding-bottom: 20px;}
.about-con .fr{ background: #F8F8F8;}
.about-con .fl{ padding-bottom: 50px;}
.about-con .fl .box{ float: right; padding-right: 50px;}
.about-con .fr .box{ float: left; padding-left: 50px;}
.about-con .fr iframe{ border: none; width: 100%;}
.about-con .flex2{ padding-bottom: 85px;}
.about-con .flex2 .fl{ background:url(../images/about2.png) right top no-repeat; height: 583px; margin-top: -48px;}
.about-con .flex2 .fr{ background: #fff;}

/*历史沿革*/
.history{ padding: 50px 0 100px 0; background: #fff;}
.history-tab{ text-align: center; margin-bottom: 80px; border-bottom: 2px dashed #166BAA; padding-bottom: 10px;}
.history-tab h2{ width: 25%; color: #A6A6A6; font-weight: 400; cursor: pointer;}
.history-tab h2::after{ content:""; display:block; margin: 0 auto; position: relative; bottom: -14px; height: 6px; width: 76px; background: #A6A6A6;}
.history-tab h2.active{ color: #166BAA;}
.history-tab h2.active::after{ background: #166BAA;}
.timeline{ width: 4px; background: #ebe8cf; padding: 50px 0;}
.timeline li{ border: 6px solid #166BAA; background:#fff; border-radius: 50%; height:8px; width: 8px; margin:0 0 250px 0; position: relative; left: -8px;}
.timeline li::after{ content:""; display:block; position: absolute; right: 16px; top: 4px; height: 1px; width: 42px; border-top: 3px dashed #166BAA; background: #fff;}
.timeline li:nth-child(even)::after{ left: 16px; right: inherit;}
.timeline dl{ width: 500px; height: 200px; position: absolute; top: -53px; background: #fff;}
.timeline dt{ font-size: 30px; color: #166BAA; height: 40px; line-height: 40px; position: relative; padding-bottom: 10px;}
.timeline dt:after{ content:""; display: block; height: 4px; width: 30px; background:#0072BB; position: absolute; right: 0; bottom: -10px;}
.timeline li:nth-child(even) dt:after{ right: inherit; left: 0;}
.timeline dd{ padding: 40px 0 0 0; justify-content: flex-end; color: #333;}
.timeline dd .img{ text-align: center; margin: 0 0 0 10px;}
.timeline dd .img .transform-img{ width: 280px; height: 180px; margin-bottom:5px;}
.timeline li:nth-child(even) dd{ padding: 40px 0 0 0; justify-content: flex-start;}
.timeline li:nth-child(even) dd .img{ margin: 0 10px 0 0;}
.timeline dt .line{ display: inline-block; vertical-align: middle; height: 22px; width: 2px; background: #cac07f; margin: 0 12px;}
.timeline li:nth-child(even) dl{ left: 66px;}
.timeline li:nth-child(odd) dl{ right: 66px;}
.timeline li:nth-child(odd) dl dt{ text-align: right;}

/*企业资质*/
.qualifications .box1{ padding-bottom: 30px}
.qualifications .box1 ul{ width: 100%; flex-wrap: wrap; justify-content: left;}
.qualifications .box1 li{ width: 25%;}
.qualifications .box1 li .item{ padding: 10px 25px 15px 0; text-align: center;}
.qualifications .box1 li:nth-child(4n+4){ padding-right: 0;}
.qualifications .box1 li img{ max-width: 100%;}
.qualifications a{ display: flex; align-items: center; justify-content: center; height: 360px; border: 1px solid #eee;}

/*科技创新*/
.about-common{ padding-bottom: 100px;}
.about-common .fl{ width: 25%;}
.about-common .fl .logo-small{ padding: 44px 0 18px 0;}
.about-common .fl .graybg{ clear: both; background:#EFEFEF; height: 230px; width: 100%;}
.about-common .title{ margin: 0; padding: 68px 25px;}
.about-common .fr{ width: 74%;}
.about-common .fr .box{ float: left; padding: 98px 0 0 0; width: 1110px;}
.about-common .fr .box .con{ padding: 0 0 20px 20px; line-height: 180%; min-height: 300px;}
.about-common .fr .box .con img{ max-width: 100%;}
.news-title{ font-size:24px; font-weight: 700;}
.news-time{ padding:15px 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc; color:#999;}
.news .backlist{ margin: 17px 34px 0 0;}
.news .backlist .btn{ border: 1px solid #0076B9; color: #0076B9; width: 150px; font-size: 14px; height: 40px; line-height: 40px; margin: 0; transition: background 0.2s;}
.news .backlist .btn .fa{ margin-left: 5px; font-weight: normal;}
.news .backlist .btn:hover{ color: #fff;}
.news .fr .box .con p{ padding: 0 0 15px 0;}

.ur-here{ height:45px; line-height:45px; color:#333; font-size:14px; overflow:hidden;}
.ur-here a{ color:#333; margin:0 5px;}
.ur-here span{ margin:0 3px;}
.page-up-down{ padding:25px 0 0 0; color:#999;}
.page-up-down li{ padding:3px 0;}
.page-up-down li a{ color:#999;}

/*业务范围*/
.business{ padding-bottom: 100px;}
.business .title{ padding: 47px 0 26px 0;}
.business .flex{ flex-direction: row; background: #F8F8F8; align-items: center;}
.business .flex:nth-child(odd){ flex-direction: row-reverse;}
.business .flex .img{ width:50%;}
.business .flex .img img{ width:100%;}
.business .flex .info{ padding: 0 0; width:50%;}
.business .flex .info .title{ text-align: left; padding:0 36px;}
.business .flex .info .title h2{ font-size: 26px;}
.business .flex .info .title span::after{content:" "; width:30px; margin-left: 0;}
.business .flex .info p{ color: #666; line-height: 150%; margin-top:10px; padding:0 36px;}
.business .loadmore{ margin-top: 70px;}
.business .loadmore .btn{ border: 1px solid #0076B9; color: #0076B9; width: 150px; font-size: 14px; height: 40px; line-height: 40px; margin: 0 auto; transition: background 0.2s;}
.business .loadmore .btn .fa{ margin-left: 5px; font-weight: normal;}
.business .loadmore .btn:hover{ color: #fff;}

.leader .flex,.leader .flex:nth-child(odd){ flex-direction: row; align-items:flex-start;  margin-bottom: 20px; background: none;}
.leader .flex .img{ width: 36%;}
.leader .flex .img img{ max-width: 400px;}
.leader .flex .info{ width: 64%;}

/*作品展示*/
.product{ padding-bottom: 50px;}
.product .title{ padding: 47px 0;}
.product-nav{ padding-bottom: 40px;}
.product-nav a{ display: inline-block; height: 50px; line-height: 50px; padding: 0 25px; margin: 0 12px 12px 0; border:1px solid #CCCCCC; transition: background 0.2s;}
.product-nav a:hover, .product-nav a.active{ background: #166BAA; color: #fff; border-color: #166BAA;}
.product .flex{ flex-wrap: wrap; justify-content:flex-start;}
.product li{ width: 680px; margin: 0 20px 50px 0;}
.product li:nth-child(even){ margin: 0 0 50px 20px;}
.product li .info{ background: #F8F8F8; padding: 25px 20px;}
.product li .info h2{ font-size: 20px; font-weight: 400; color: #383838;}
.product li .info h2:after{ display:block; content:" "; width:30px; height:4px; background:#0072BB; margin: 5px 0 10px 0;}
.product li .info p{ padding-bottom: 5px; color: #666666;}
.product li .info .more{ color: #808080;}

/*科研平台*/
.platform{ padding-bottom: 80px;}
.platform .title{ padding: 47px 0;}
.platform .flex{ flex-wrap: wrap; justify-content: flex-start; }
.platform li{ width: 300px; margin: 0 66.66px 20px 0;}
.platform li:nth-child(4n+4){ margin-right: 0;}
.platform li .img{ width: 100%; height: 200px; overflow: hidden;}
.platform li .img img{ width: 100%; height: 100%;}
.platform li .name{ color: #666666; text-align: center; padding: 5px 0; height: 50px; line-height: 25px; overflow: hidden;}
.platform .con img{ max-width: 100%;}

/*专家团队*/
.team{ padding-bottom: 80px;}
.team .title{ padding: 47px 0; width: 220px;}
.team .head{ display: flex;}
.team .head .expand-nav{ padding: 45px 0 20px 100px;}
.team .head .expand-nav a{ display: inline-block; height: 35px; line-height: 35px; padding: 0 15px; margin: 0 12px 12px 0; border:1px solid #CCCCCC; transition: background 0.2s;}
.team .head .expand-nav a.active{ background: #166BAA; color: #fff; border-color: #166BAA;}
.team .flex{ flex-wrap: wrap; justify-content: flex-start; }
.team li{ width: 240px; margin: 0 50px 30px 0; overflow: hidden; cursor: default; position: relative; text-align: justify;}
.team li .img{ width: 240px; height: 312px; overflow: hidden;}
.team li .img img{ width: 100%; height: 100%;}
.team li .name{ color: #000; text-align: center; height: 30px; line-height: 30px; font-size: 18px; margin: 17px auto 13px auto; overflow: hidden;}
.team li p{ color: #999; height: 125px; font-size: 16px; line-height: 160%; overflow: hidden;  text-align:justify}
.team li .mask{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .5); transition: top .5s ease 0s;}
.team li .mask .info{ padding: 15px 10px; line-height: 150%; color: #fff; font-size: 15px;}
.team li .mask .info h3{ text-align: center; padding-bottom: 8px;}
.team li:hover .mask{ top: 0;}

/*新闻列表*/
.news-listing{ background: #F8F8F8;}
.news-listing .title{ padding: 47px 0;}
#swiper-topnews .name{ margin: 15px 0 16px 0; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-size: 18px;}
#swiper-topnews p{ color: #999; font-size: 14px;}
#swiper-topnews .date{ padding: 20px 0 50px 0; color: #999; font-size: 14px;}
#swiper-topnews .swiper-pagination-bullet{ background:#ccc; width:26px; height:4px; border-radius:0; opacity:1;}
#swiper-topnews >.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
#swiper-topnews .swiper-pagination-bullet-active{ background:#166BAA;}
#swiper-topnews .img{ height: 290px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
#swiper-topnews .img img{ width: auto; max-width: 100%; max-height:100%;}
.news-listing .list{ background: #fff; padding-bottom: 100px;}
.news-listing .list ul{ margin: 0 auto;}
.news-listing .list li{ padding:15px 30px;}
.news-listing .list li:nth-child(even){ background:#F8F8F8;}
.news-listing .list li .info{ width: 90%;}
.news-listing .list li .date{ padding-left: 2%; width: 8%; padding-top: 10px; text-align: center;color: #999;}
.news-listing .list li .date .day{ color: #0072BB; font-size: 40px;}
.news-listing .list li .date .day::after{ content:""; display: block; height: 1px; margin: 0 auto; width: 70px; background:#CCCCCC}
.news-listing .list li .name::before{ content:"▪"; color: #166BAA; font-size: 30px; display: inline-block; margin-right:5px; position: relative; top: -4px; vertical-align: middle;}
.news-listing .list li .name{ color: #333333; font-size: 18px; margin-bottom: 0;}
.news-listing .list li p{ color: #999; padding-left: 18px; line-height: 140%; display: none;}
.search{ background:#fff;}

/*招贤纳士*/
.jobs{ background:#fff; padding-bottom:100px;}
.jobs .list li.flex{ padding:30px; background: #fff;}
.jobs .list li:nth-child(odd){ background:#F8F8F8;}
.jobs .list li .info{ width: 85%;}
.jobs .list li a{ padding:0; color:#333; display:inline-block; margin:0 10px;}
.jobs .list li a:hover{ color:#166BAA;}
.jobs .list li a.cat{ color:#166BAA; margin-right:20px;}
.jobs .list li .time{ color:#999; font-size:14px;}
.jobs .list li p{ margin:10px 0 0 15px; font-size:15px;}
.jobs .list li p span{ display:inline-block; color:#666; margin-right:30px;}
.jobs .list li .date{ border-left:1px solid #ccc; width:13%;}
.jobs .list li .date .count{ color: #0072BB; font-size: 40px; vertical-align:middle; margin:0 8px 0 20px;}
.jobs .list li .date b{ font-weight:normal; vertical-align:middle; position:relative; top:5px;}
.job-title{ margin:10px 0 0 0; color:#333;}
.job-title .name{ display: inline-block; margin-top: 15px;}
.job-info{ line-height:150%;}

/*轮播*/
#focus-jobs-news{ width:100%; height:464px; position:relative; background:#fff;}
#focus-jobs-news .swiper-container{ width: 775px; height:464px; margin:0; float:right;}
#focus-jobs-news .swiper-container img{ height:464px; width:100%;}
#focus-jobs-news .swiper-button-prev,#focus-jobs-news .swiper-button-next{ top:130px; left: inherit; background-color:none; width: 12px; height: 21px; background-size: 100% auto;z-index: 9999;}
#focus-jobs-news .swiper-button-prev{ right: 885px;}
#focus-jobs-news .swiper-button-next{ right: 800px;}
#focus-jobs-news .focus-number{ position: absolute; top: 100px; right: 825px; height: 30px; line-height: 30px; z-index: 9999; color: #CCC;}
#focus-jobs-news .focus-number span{ font-size: 30px; color: #0072BB;}
#focus-jobs-news .focus-title{ background:#f8f8f8; height:277px; width: 600px; top:154px; position:absolute; left:0; z-index: 9999;}
#focus-jobs-news .focus-title .info{ width: auto; padding:40px; color: #999;}
#focus-jobs-news .focus-title .info h2{ font-weight: 400; font-size: 18px; color: #166BAA; padding-bottom: 15px;}
#focus-jobs-news .focus-title .info p{ padding:0 0 20px 0;}

/*联系我们*/
.contact .c1 ul{ width: 48%; padding-right: 2%; padding-bottom: 100px;}
.contact .c1 li{ padding: 20px 0; margin: 0; line-height: 145%; font-size:16px; border-bottom: 1px solid #ccc; width: 100%;}
.contact .c1 li .c2{ display: block; padding-left: 85px;}
.contact .c1 li .fa{ width:40px; font-size: 20px;}
.contact .c1 .map{ width: 48%; padding-left: 2%; overflow: hidden; margin: -120px 0 0 0;}
.contact .c1 #mapContent{  width: 100%; height: 373px;}
.contact .c1 #mapContent img{ max-width: 100%; height: auto;}
.contact .c1 .department{ padding-top: 30px; width: 100%; margin-top: 8px;}
.contact .c1 .department li{  width: 100%; text-align: right; padding: 0; margin: 0; position: relative;}
.contact .c1 .department li .name{ width: 75%;height: 60px; line-height: 60px; text-align: left;}
.contact .c1 .department li .phone{ width: 25%;height: 60px; line-height: 60px; color: #166BAA; padding: 0;}

.contact .c3{ width: 550px; padding: 58px 0 0 40px;}
.hr-contact{ padding: 0 0 80px 0;}
.hr-contact dd{ border-top: 1px solid #ccc; margin-top: 50px;}
.hr-contact p{ height: 40px; line-height: 40px; padding: 10px 0; border-bottom: 1px solid #ccc;}
.codeimg dd{ margin-top: 50px;}
.codeimg .qrcode{ width: 150px; text-align: center; margin: 0 80px 0 0;}
.codeimg .qrcode img{ margin-bottom: 10px; max-width: 150px;}

/*页码*/
.pages{ text-align: center; margin-top:40px; color:#7f7f7f; font-size:14px; clear:both;}
.pages a{ display:inline-block; height:26px; line-height:26px; width:26px; text-align:center; border:1px solid #9b9b9b; color:#9b9b9b; transition: background 0.2s; margin:0 2px;}
.pages a.prev,.pages a.next{ width:60px; color:#9b9b9b;}
.pages a.active,.pages a:hover{ background:#166BAA; border-color:#166BAA; color:#fff;}
.pages span{ margin: 0 2px;}
.pages select{ font-size: 14px; border-color: #9b9b9b; line-height:26px; height:26px;}
.pages .h{ display: inline-block;}

.party .header.stick{ background: #D43030;}
.party .header .navigation li:hover a,.party .header .navigation a.active{ border-top-color: #fff;}
.party .footer-box .links dt::after{ background: #D43030;}
.party .title h2{ color:#D9272D}
.party .h2title::after{ background: #D43030;}
.party .title span::after{ background:#D9272D;}
.party .pages a.active,.party .pages a:hover{ background:#D9272D; border-color:#D9272D; color:#fff;}
.party .list li .date .day{ color: #D9272D;}
.party .list li a:hover{ color: #D9272D;}
.party .list li .name::before{ content:"▪"; color: #D43030;}
.party #swiper-topnews .swiper-pagination-bullet-active{ background:#D9272D;}
.party .news .backlist .btn{ border-color: #D43030; color: #D43030;}
.party .news .backlist .btn:hover{ border-color: #D43030; background: #D43030; color: #fff;}

/*底部*/
.footer-box{ height: auto; padding-top:36px; color:#888;}
.footer-box a{ color:#888;}
.footer-box a:hover{ color:#0072BB;}
.footer-box .help-center{ padding-bottom: 30px;}
.footer-logo{ width:100px;}
.footer-box .links{ width:auto; padding:0 46px; position: relative;}
.footer-box .links dt{ color: #333; margin-bottom: 8px; font-size: 20px;}
.footer-box .links dt::after{ content:" "; display: block; height:4px; width:40px; margin: 10px 0 15px 0; background: #0068B1;}
.footer-box .links dd{ color:#888; margin:3px 0;}
.footer-box .links::after{ position:absolute; right:0; top:0; content:" "; width:1px; height:145px; background: #ccc;}
.footer-box .contactInfo{ padding-left: 46px;}
.footer-box .contactInfo li{ margin-bottom:10px; line-height:160%;}
.footer-box .contactInfo li .c2{ display: block; padding-left: 85px;}
.footer-box .contactInfo li .fa{ width:40px; font-size: 20px;}
.footer-box .qrcode{ text-align: center; width: 110px; height: 110px;}
.footer-box .qrcode img{ width: 100%; height: 100%; margin-bottom:5px;}
.footer-box .copyright{ text-align:center; height:55px; line-height:55px; border-top: 1px solid #ccc; color: #888888;}
.footer-box .copyright a{ color:#888; margin: 0 10px;}
.footer-box2{ background: #F8F8F8;}

@media screen and (max-width: 1366px) and (min-width: 769px)
{
.w{ max-width:1200px;}
.w2{ max-width:1200px;}
.header{ position: fixed; left: 0; top: 0; z-index: 9999; width:100%;}
.logo{ margin: 0;}
.logo img{ width:320px; height:auto; display:inline-block; vertical-align:middle; padding-top: 22px;}
.navigation{ height:40px;}
.navigation a{ height:40px; font-size: 16px; line-height:40px; padding:16px 0 24px 0; margin: 0 6px 0 6px;}
.navigation li .subnav{ left: 15px; top:80px;}
.header.stick{ background: #0072BB; padding-bottom: 10px;}
.header.stick .navigation a{ height: 40px; line-height: 40px; padding-top: 3px;}
.header.stick .navigation li .subnav{ top: 58px;}
.header.stick .search-box{ top: 16px;}


.data-number{ margin-top: -75px;}
.data-number .w{ background-size: auto 100%; height: 150px;}

.about-box .img{ width: 320px;}
.about-box .img img{ width: 100%;}
.about-box .info{ width: 790px;}
.data-number2{  margin:0;}
.data-number2 .w2{ height: 120px;}

.about-con .box{ width: 550px;}
.about-con .flex2 .fl{ height: 560px; background-size:auto 100%;}
.about-common .fr .box{ width: 880px;}

.focus-news{ width:650px;}
.focus-news .swiper-button-prev{  right: 130px;}
.focus-news .swiper-button-next{  right:15px;}
.focus-news .focus-title{ width: 500px;}
.focus-news .focus-title .time{ width: 120px;}
.focus-news .focus-title .info{ width: 380px;}

.news-list{ width: 520px;}
.news-list .focus-title .info{ width:460px;}

.timeline dd .img .transform-img{ width: 260px; height: 167px;}

.qualifications .fl .box{ width: 550px;}
.qualifications .fr .box{ width: 550px;}

.footer-logo{ width:90px;}
.footer-box .links{ width:auto; padding:0 15px 0 25px; min-width:130px; position: relative;}
.footer-box .links dt{ font-size: 16px;}
.footer-box .links dd{ font-size:14px;}
.footer-box .links::after{ position:absolute; right:0; top:0; content:" "; width:1px; height:130px; background: #ccc;}
.footer-box .contactInfo{ padding-left: 20px; font-size:14px;}
.footer-box .contactInfo li{ font-size:14px;}
.footer-box .contactInfo li .c2{ padding-left: 72px;}
.footer-box .contactInfo li .fa{ width:30px; font-size: 18px;}
.footer-box .qrcode{ width: 100px; height: 100px; font-size:14px;}
.footer-box .copyright{ height:50px; line-height:50px; font-size:14px;}

.platform li{ width: 277px; margin: 0 30px 20px 0;}
.platform li .img{ height: 186px;}

/*作品展示*/
.product li{ width: 580px;}

/*专家团队*/
.team li{ width: 200px;}
.team li .img{ width: 200px; height: auto;}
.team li p{ height: 140px;}

#focus-jobs-news .swiper-container{ width: 675px;}
#focus-jobs-news .swiper-button-prev{ right: 785px;}
#focus-jobs-news .swiper-button-next{ right: 700px;}
#focus-jobs-news .focus-title{ width: 650px;}
#focus-jobs-news .focus-number{ right: 725px;}

}


@media screen and (max-width: 768px)
{
    .fl,.float-left,.float-right,.fr{ float: none;}
    .flex .fl{ width: auto; padding-right:0;}
    .flex .fr{ width: auto; padding-left: 0;}
    .w,.w2{ max-width:100%;}
    .flex{ display: block;}
    .mm-menu{ z-index: 99999;}
    a.jq-mmenu {
        background: center center no-repeat transparent;
        background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
        display:inline-block;
        width: 40px;
        height: 40px;
        position: relative;
        top: -3px;
    }
    .header{ width: 100%; box-sizing: border-box; padding: 10px 10px 10px 15px; display: flex;}
    .header .w{ width:70%;}
    .logo img{ width:90%; height:auto; padding-top: 0;}
    .header .search-box{ position:relative; width: 30%; right: 0; top: 0; text-align: right;}
    .header .search-box .ico{ margin: 5px 8px 0 0;}
    .header.stick{ padding-bottom: 0;}
    .header.stick .search-box{ top: 0; z-index: 10000;}
    .header.stick .logo img{ padding-top: 0;}

    .banner-box{ height: 66px;}

    .party-banner-box{ height:280px;}
    .h900{ height:320px;}

    .data-number{ margin-top: -60px; background:none;}
    .data-number .w{ background: linear-gradient(90deg, rgba(0, 118, 185, 1) 0%, rgba(0, 186, 173, 1) 100%); height: 120px; display: flex;}
    .data-number .item{ font-size:14px; width: 25%;}
    .data-number .item .num b{ font-weight:500; font-size:22px;}
    .data-number .item .num i{ font-size: 20px; right:-10px;}
    .data-number .item  p{ font-weight: 400; font-size: 13px}
    .data-number2{ margin-top: 0; background:url(../images/dataNumberBgFull.png) center top no-repeat; background-size: auto 100%;}
    .data-number2 .w2{ height: 100px; align-items: center; display: flex;}

    .about-box .w{ padding: 58px 15px 38px 15px;}
    .about-box .img{ width: 250px;}
    .about-box .img img{ width: 100%;}
    .about-box .img .title{ margin-bottom: 25px;}
    .about-box .info{ width: 100%;}
    .about-box .info .con p{ padding-bottom: 10px; line-height: 180%; text-align: justify;}
    .about-box2 .w2{ padding: 68px 15px 25px 15px;}
    .about-box2 .info{ width: 100%;}
    .btn-more{ display: block; margin: 0 auto;}

    .news-box{ padding: 55px 0 59px 0;}
    .news-head{ padding: 0 0 45px 0;}
    .news-head .w{ display: flex; padding: 0 15px;}
    .title1{ width: 45%;}
    .tab-title{ width: 55%; }
    .tab-title h2{ width: 45%; margin: 0;}
    .news-head .more{ display: none;}

    /*轮播*/
    .focus-news{ width:100%; height:auto; position: relative;}
    .focus-news .swiper-container{ width: 100%; height:auto;}
    .focus-news .swiper-container img{ display:block; height:auto; width:100%;}
    .focus-news .swiper-button-prev,.focus-news .swiper-button-next{ top:0; left: inherit; z-index: 1000; background-color:none; width: 12px; height: 21px; background-size: 100% auto;}
    .focus-news .swiper-button-prev{  right: 130px;}
    .focus-news .swiper-button-next{  right:15px;}
    .focus-news .focus-number{ position: absolute; top: 0; right: 0; text-align: center; width: 150px; height: 30px; line-height: 24px; z-index: 999; background: rgba(255, 255, 255, 0.75); color: #666;}
    .focus-news .focus-number span{ font-size: 30px; color: #0072BB;}

    .focus-news .focus-title{ background:#fff; height:auto; width:  auto; margin:0; position: relative; top:0; z-index: 9999;}
    .focus-news .focus-title a:hover{ color:#0072BB;}
    .focus-news .focus-title .flex{ align-items: center; height: auto; display: flex; padding: 10px 15px;}
    .news-box .focus-title .time{ width: 20%; text-align: center; line-height: 160%;}
    .news-box .focus-title .time span{ font-size: 40px; font-weight: 400; color: #0072BB; padding-bottom: 10px;}
    .news-box .focus-title .time span::after{content:" "; display:block; margin: 20px auto 0 auto; background:#ccc; width:70px; height:1px;}
    .news-box .focus-title .info{ width: 78%; padding-right: 0; padding-left: 2%; overflow: hidden; color: #999;}
    .news-box .focus-title .info h2{ text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; font-size: 18px; color: #000; padding-bottom: 15px;}
    .news-box .focus-title .info h2 a{ color:#555;}
    .news-box .focus-title .info h2 a:hover{ color:#0072BB;}
    /*列表*/
    .news-list{ width: 100%; margin-left: 0; border-top: 1px solid #ccc;}
    .news-list .focus-title{ width: auto; position: inherit; background: none; border-bottom: 1px solid #ccc; height: auto;}
    .news-list .focus-title .flex{ padding: 10px 15px; height: auto; display: flex;}
    .news-box .focus-title .time{ width: 27%; font-size: 14px;}
    .news-list .focus-title .info{ width: 73%;}
    .news-list .focus-title .info h2{ font-size: 16px; padding: 0;}

    .business-box .w{ position: relative; right:15px; width: 100%;}
    .business-box .content{ width: auto;}
    .business-box .content h3{ font-size: 16px;}
    .business-box .content h3:before{content: ''; width: 30px; height: 4px; margin-bottom: 5px;}
    .business-box .content p{ font-size:13px;}

    .product-box .swiper-slide{ height: 500px;}
    .product-box .detail{ width: auto; height: auto; padding: 15px;}
    .product-box .detail a .flex{ display: flex;}
    .product-box .detail .info{ width: 78%; padding-right: 2%; font-size: 14px;}
    .product-box .detail .info h2{ font-size: 20px; padding-bottom: 10px;}
    .product-box .detail .more{ width: 20%;}

    .qualifications .box1 ul{ display: flex; justify-content: space-between;}
    .qualifications .box1 li{ width: 46%;}
    .qualifications .box1 li .item{ padding: 10px 0 15px 0;}
    .qualifications .box1 li:nth-child(2n+2){ padding-right: 0;}
    .qualifications a{ height: 200px;}
    .qualifications .box1 li .item p{ font-size: 14px; padding-top: 15px; line-height: 120%;}

    .footer-box{ height: auto;}
    .footer-logo{ display: none;}
    .footer-box .links{ width:auto; padding:0 15px 15px 15px;}
    .footer-box .links::after{ display: none;}
    .footer-box .links:nth-child(3){ display: none;}
    .footer-box .contactInfo{ padding-left: 15px;}
    .footer-box .qrcode{ display: inline-block; margin: 15px;}
    .footer-box .copyright{ height: auto; padding: 10px; line-height: 160%; font-size: 14px;}
    .footer-box .copyright a{ display: inline-block;}

    .about-nav{ height: auto; line-height: 50px; font-size: 16px; border-bottom: 1px solid #ccc; text-align: center; width: auto;}
    .about-nav a{ color: #333; display: inline-block; padding: 0 5px; margin: 0 5px;}
    .about-con{ margin-top: 20px;}
    .about-con .box{ width: auto;}
    .about-con .box .con p{ padding-bottom: 30px;}
    .about-con .fl .box{ float: none; padding: 15px;}
    .about-con .fr .box{ float: none; padding: 15px;}
    .about-con .flex2{ padding-bottom: 50px;}
    .about-con .flex2 .fl{ display: none;}
    .about-con .flex2 .fr{ padding-top: 20px;}

    .about-common{ padding-bottom: 80px;}
    .about-common .fl{ width: 100%;}
    .about-common .fl .logo-small{ padding: 25px 0 25px 15px; text-align: center;}
    .about-common .fl .graybg{ clear: both; height: 150px; width: auto;}
    .about-common .title{ margin: 0; padding: 30px 0 0 0;}
    .about-common .fr{ width: 100%;}
    .about-common .fr .box{ float: none; padding: 15px; width: auto;}
    .about-common .fr .box .con{ padding: 0; min-height: 300px;}
    .about-common .fr .box .con img{ max-width: 100%;}
    .news{ padding-bottom: 20px;}
    .news-time{ padding:15px 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc; color:#999;}
    .news .backlist{ margin: 17px 0; text-align: center; display: none;}
    .news .backlist .btn{ margin: 0 auto;}

    .news-listing .title{ padding: 40px 0; display: block; text-align: center;}
    #swiper-topnews .name{ margin: 0; padding: 15px; max-height: 100%;}
    #swiper-topnews p{ padding:0 15px;}
    #swiper-topnews .date{ padding: 20px 15px 40px 15px;}
    .news-listing .list{ background: #fff; padding-bottom: 80px;}
    .news-listing .list ul{ margin: 0 auto;}
    .news-listing .list li{ padding: 15px; display: flex;}
    .news-listing .list li .info{ width: 80%;}
    .news-listing .list li .date{ padding-left: 2%; width: 18%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .news-listing .list li .date .day{ color: #0072BB; font-size: 40px;}
    .news-listing .list li .date .day::after{ width: 60px;}
    .news-listing .list li .name::before{ margin-right:0;}
    .news-listing .list li .name{ font-size: 16px; line-height: 120%; margin-bottom: 10px;}
    .news-listing .list li p{ padding-left: 0; font-size: 14px;}

    .history{ padding: 50px 0 80px 0;}
    .history-tab{ display: flex;}
    .history-tab h2{ font-size: 17px;}
    .history-tab h2::after{ width: 60px; }

    .timeline{ padding: 50px 0;}
    .timeline li::after{ right: 46px; width: 30px;}
    .timeline li:nth-child(even)::after{ left: 46px; }

    .timeline dl{ width: auto; height: 200px; position: absolute; top: -53px; background: #fff;}
    .timeline dt{ font-size: 25px; color: #166BAA; height: 40px; line-height: 40px; position: relative; padding-bottom: 10px;}
    .timeline dt:after{ content:""; display: block; height: 4px; width:20px; background:#0072BB; position: absolute; right: 0; bottom: -10px;}
    .timeline li:nth-child(even) dt:after{ right: inherit; left: 0;}

    .timeline dd .img{ text-align: center; margin: 0 0 10px 0; width: 150px;}
    .timeline dd .img .transform-img{ width: 100%; height: auto; margin-bottom:5px;}
    .timeline dd .img .transform-img img{ width: 100%; height: auto;}
    .timeline dd .img p{ font-size: 14px;}
    .timeline li:nth-child(even) dd .img{ margin: 0 0 10px 0;}
    .timeline li:nth-child(even) dl{ left: 20px;}
    .timeline li:nth-child(odd) dl{ right: 20px;}

    .business{ padding-bottom: 80px;}
    .business .title{ padding: 35px 0 35px 0; display: block; text-align: center}
    .business .flex .img{ width:100%;}
    .business .flex .img img{ width:100%;}
    .business .flex .info{ padding: 15px 0; width:100%;}
    .business .flex .info .title{ padding:0 15px;}
    .business .flex .info p{ padding:0 15px;}

    .product{ padding-bottom: 50px;}
    .product .title{ padding: 40px 0; display: block; text-align: center;}
    .product-nav{ padding: 0 15px 40px 15px;}
    .product-nav a{ padding: 0 10px; margin: 0 8px 10px 0; height: 40px; line-height: 40px; font-size: 14px;}
    .product .flex{ flex-wrap: wrap;}
    .product li{ width: auto; margin: 0;}
    .product li:nth-child(even){ margin: 0;}
    .product li .info{ padding: 15px;}

    .platform{ padding-bottom: 60px;}
    .platform .title{ padding: 40px 0; display: block; text-align: center;}
    .platform .flex{ display: flex; padding: 0 15px;}
    .platform li,.platform li:nth-child(4n+4){ width: 48%; margin: 0 4% 20px 0;}
    .platform li:nth-child(2n+2){ margin-right: 0;}
    .platform li .img{ width: 100%; height: auto;}
    .platform li .img img{ width: 100%; height: 100%;}

    .contact .flex{ display: block; padding: 0;}
    .contact .c1 ul{ width: auto; padding: 0 15px 50px 15px; margin: 0 auto;}
    .contact .c1 li{ padding: 20px 0; margin: 0; line-height: 145%; font-size:13px; width: 100%;}
    .contact .c1 li .c2{ display: block; padding-left: 85px;}
    .contact .c1 li .fa{ width:40px; font-size: 20px;}
    .contact .c1 .map{ width: 100%; max-height: auto; height: auto; padding-left: 0; overflow: hidden; margin: 0;}

    .contact .c1 .department{ width: auto; height: auto;}
    .contact .c1 .department li{  width: 100%; padding: 0; margin: 0; position: relative;}
    .contact .c1 .department li.flex{ display: flex; width: auto; padding: 0;}
    .contact .c1 .department li .name{ width: 72%;height: 60px; line-height: 60px;}
    .contact .c1 .department li .phone{ width: 27%; height: 60px; line-height: 60px; text-align: right; color: #166BAA; padding: 0;}
    .contact .c3{ width: auto; padding: 50px 15px 0 15px;}
    .hr-contact p{ height:auto; line-height: 160%; padding: 10px 0; border-bottom: 1px solid #ccc;}
    .codeimg .qrcode{ width: 150px; margin: 0 15px 0 0; display: inline-block;}

    .team{ padding-bottom: 60px;}
    .team .title{ padding: 40px 0; display: block; text-align: center;}
    .team .flex{ display: flex; padding: 0 15px;}
    .team li,.team li:nth-child(5n+5){ width: 100%; margin: 0 auto 20px auto;}
    .team li:nth-child(2n+2){ margin-right: 0;}
    .team li .img{ width: 100%; height:auto;}
    .team li .img img{ width: 100%; height: 100%;}
    .team li p{ height: auto; }

    .team .head{ display: block;}
    .team .head .expand-nav{ padding: 0 15px 20px 15px;}

    .jobs{ padding-bottom:80px;}
    .jobs .title{ padding: 40px 0; display: block; text-align: center;}
    .jobs .list li.flex{ padding:15px; display: flex; font-size: 20px;}
    .jobs .list li .name::before{ margin-right: 0;}
    .jobs .list li .info{ width: 75%;}
    .jobs .list li a{ margin:0 5px;}
    .jobs .list li a.cat{ display: none;}
    .jobs .list li .time{ color:#999; font-size:14px;}
    .jobs .list li p{ margin:0; padding-left: 0; font-size:15px;}
    .jobs .list li p span{ display:block; color:#666; margin-right:0;}
    .jobs .list li .date{ width:25%; display: flex; align-items: center; justify-content: center;}
    .jobs .list li .date .count{ font-size: 30px; margin: 0 3px;}

    #focus-jobs-news{ width:100%; height:auto; position:relative; background:#fff;}
    #focus-jobs-news .swiper-container{ width: 100%; height:auto; margin:0; float:none;}
    #focus-jobs-news .swiper-container img{ height:auto; width:100%;}
    #focus-jobs-news .swiper-button-prev,#focus-jobs-news .swiper-button-next{ top:27px; left: inherit; background-color:none; width: 12px; height: 21px; background-size: 100% auto;z-index: 9999;}
    #focus-jobs-news .swiper-button-prev{ right: 85px;}
    #focus-jobs-news .swiper-button-next{ right: 15px;}
    #focus-jobs-news .focus-number{ position: absolute; top: 0; right: 0; height: 30px; line-height: 25px; z-index: 999; text-align: center; width: 110px; background: rgba(255, 255, 255, 0.75); color: #666;}
    #focus-jobs-news .focus-number span{ font-size: 30px; color: #0072BB;}
    #focus-jobs-news .focus-title{ background:#f8f8f8; height:auto; width: 100%; top:0; position: inherit; left:0; z-index: 999;}
    #focus-jobs-news .focus-title .info{ width: auto; padding:15px; color: #999;}
    #focus-jobs-news .focus-title .info h2{ font-weight: 400; font-size: 18px; color: #166BAA; padding-bottom: 15px;}
    #focus-jobs-news .focus-title .info p{ padding:0 0 20px 0;}

    .pages a{ margin: 0 1px;}
    .pages .h:last-child{ display: none;}
}