@charset "utf-8";
/* CSS 鼠标效果 */
@import url('NotoSansSC.css');
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #414141; overflow-x: hidden; font-family:"Source Han Sans CN",'Noto Sans SC',"PingFang SC","Microsoft YaHei",Arial,sans-serif; padding-top: 190px; text-transform: capitalize;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ font-size: 16px; outline:none; font-family:"Source Han Sans CN","Noto Sans SC","Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }
svg{ border: none;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

a { text-decoration: none; color:#414141; transition: color 0.56s ease;}
a:hover{ color: #f38209;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1500px; margin: 0 auto;}
.ovh{overflow: hidden;}

::-webkit-scrollbar { width: 8px;  height: 8px; background-color: rgba(24, 24, 24, .07); }
::-webkit-scrollbar-thumb {background: rgba(24, 24, 24, .3); transition: background 0.4s ease;}
::-webkit-scrollbar-thumb:hover {background: #34495e;}

/*顶部*/
.header{ width: 100%; background:#fff; position: fixed; left: 0; top: 0; z-index: 9999; transition: all .5s;}
.header.hide{ top: -83px; box-shadow: 0 0 5px rgba(0, 0, 0, .1); }
.header .headTop{ border-bottom: 1px solid #d8d8d8;}
.header .headTop .wrap{ height: 82px;}
.header .headTop .langSearch .lang{ line-height: 1; margin-right: 10px; position: relative; z-index:111;}
.header .headTop .langSearch .lang svg{ color: #000;}
.header .headTop .langSearch .lang dl{ cursor: pointer; text-transform:capitalize;}
.header .headTop .langSearch .lang ol{width:90px; padding:8px; background: #fff; box-shadow:0 3px 8px rgba(0,0,0,0.2); position: absolute; left:50%; top: 24px; margin-left: -45px; display: none;}
.header .headTop .langSearch .lang ol a{ display:block; line-height: 1.8; font-size: 15px;}
.header .headTop .langSearch .lang:hover ol{ display: block; background: #fff;}
.header .headTop .langSearch .searchBtn{ text-transform: capitalize; cursor: pointer;}
.header .headTop .headContact{ margin-left:20px;}
.header .headTop .headContact a{ height: 42px; background: #f38209; border-radius: 5px; padding: 0 18px; color: #fff;}
.header .headTop .headContact a svg{ margin-right: 5px;}
.header .headTop .headContact a:hover{ background: #ff9524;}
.header .headTop .langEn a{ background: url(../images/en.png) no-repeat left center; background-size: 20px auto; padding-left: 25px;}
.header .headMain{ position: relative;}
.header .logo{ height: 110px; padding:30px 0;}
.header .headMain .nav>ul>li{ margin-left: 75px; }
.header .headMain .nav>ul>li>a{ font-size: 18px; color: #000; line-height: 110px; display: block; transition: color .4s;}
.header .nav>ul>li:hover>a,.header .nav>ul>li.on>a{ color: #ff9524;}
.header .headMain .nav>ul>li .subnav{display: none; width: 100%; background: #f5f5f5; box-shadow: 0 20px 20px rgba(0, 0, 0, .1); position: absolute; left:0 ; top: 110px; overflow: hidden;}
.header .headMain .nav>ul>li .subnav ul{ padding: 30px 0; margin: 0 -10px;}
.header .headMain .nav>ul>li .subnav ul li{ width: 16.6666%; padding: 0 10px;}
.header .headMain .nav>ul>li .subnav ul li dl{ padding-bottom: 72%; position: relative; overflow: hidden;}
.header .headMain .nav>ul>li .subnav ul li dl img{ width: 100%; height: 100%; position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; -o-object-fit: cover; object-fit: cover;}
.header .headMain .nav>ul>li .subnav ul li p{ padding-top: 5px;}

.menu-toggle{display: none;}

/*首页bannner*/
.banner { position: relative;}
.banner .gallerySwiper.swiper{ width:100%; overflow:hidden;}
.banner .gallerySwiper.swiper .swiper-slide{ height: 640px; background: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.banner .gallerySwiper.swiper .swiper-slide svg{ width: auto; height: 100%; position: absolute; left:-140px; top: 0;}
.banner .gallerySwiper.swiper .swiper-slide img{width:auto; height: 100%; float: right;}
.banner .gallerySwiper.swiper .swiper-slide .bannerText{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 11;}
.banner .gallerySwiper.swiper .swiper-slide .bannerText h3{ width: 435px; font-size: 45px; color: #fff; font-weight: normal; line-height: 1.1;}
.banner .gallerySwiper.swiper .swiper-slide .bannerText a{ width: 100px; height: 46px; line-height: 46px; background: #fff; border-radius: 5px; font-size: 14px; color: #000; text-align: center; margin-top: 30px; display: block;}
.banner .gallerySwiper.swiper .swiper-slide .bannerText a:hover{ background: #f2f2f2;}
.banner .thumbnailSwiper{ width: 470px; height: 105px; padding: 10px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: absolute; right: 20px; bottom: -15px;}
.banner .thumbnailSwiper .swiper-slide{ cursor: pointer;}
.banner .thumbnailSwiper .swiper-slide dl{ background: #000;padding-bottom: 70%; position: relative; overflow: hidden;}
.banner .thumbnailSwiper .swiper-slide dl img{ width: 100%; height: 100%; position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; -o-object-fit: cover; object-fit: cover; opacity: 0.8;}
.banner .thumbnailSwiper .swiper-slide.swiper-slide-thumb-active dl img{ opacity: 1;}
.banner video{ height: calc(100vh + 70px); position: relative !important;}

.neiBanner{ height: 555px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative;}
.neiBanner.aboutBanner{ height: 440px;}

.more{ line-height: 42px; border: #989898 solid 1px; background: #fff; border-radius: 3px; box-shadow: 0 3px 5px rgba(0, 0, 0, .2); display: inline-block; padding: 0 30px; margin: 0 auto;  transition: all .5s;}
.more:hover{ background: #f38209; border: #f38209 solid 1px; color: #fff;}

.title{ margin-bottom: 50px;}
.title h2{ font-size: 30px; color: #414141; text-align: center; font-weight: normal; text-transform: uppercase;}

.ntitle{ padding: 50px 0;}
.ntitle h2{ font-size: 56px; color: #080103; font-weight: normal; line-height: 1; text-align: center; text-transform: uppercase;}

.iabout{ padding: 55px 0;}
.iabout .text{ width:576px; font-size: 18px; text-align: center; line-height: 2.5; padding-bottom: 35px; margin:0 auto;}

.solution{ padding: 45px 135px 75px; background: #f5f5f5; position: relative;}
.solution .box{ position: relative;}
.solution .swiper .swiper-slide a{ padding: 10px; background: #fff; display: block;}
.solution .swiper .swiper-slide h3{ font-size: 18px; text-align: center; font-weight: normal;}
.solution .arrow-left,.solution .arrow-right{ width: 17px; height: 33px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 11;}
.solution .arrow-left{ background: url(../images/arrow-left.png) no-repeat center; left: -80px;}
.solution .arrow-right{ background: url(../images/arrow-right.png) no-repeat center; right: -80px;}
.solution .more{ position: absolute; right: 135px; top: 55px;}

.ipro{ padding: 70px 0 30px;}
.ipro .item{ position: relative; margin-bottom: 80px;}
.ipro .item .tit{ margin-bottom: 50px;}
.ipro .item .tit h3{ font-size: 24px; line-height: 1; text-align: center; font-weight: normal;}
.ipro .item ul{ margin: 0 -13px;}
.ipro .item ul li{ width: 25%; padding: 0 13px;}
.ipro .item ul li dl{ padding-bottom: 100%;}
.ipro .item ul li a{ padding: 25px; background: #e6e6e6; border: #dcdcdc solid 1px; display: block;}
.ipro .item ul li h3{  font-size: 15px; text-align: center; font-weight: normal; margin-top: 10px;}
.ipro .item .more{ position: absolute; right: -70px; top: -10px;}

.shili{ padding: 60px 0; background: #f5f5f5;}
.shili .wrap{ padding: 0 40px;}
.shili .title h2{ text-align: left;}
.shili .box { margin-top: -20px;}
.shili .box .swiper{ padding-bottom: 55px;}
.shili .box .swiper-slide .imgBox{ width: 59.1%; position: relative;}
.shili .box .swiper-slide .imgBox img{ width: 100%;}
.shili .box .swiper-slide .imgBox.video{ cursor: pointer;}
.shili .box .swiper-slide .imgBox.video::before{ content: ""; width: 100%; height: 100%; background: url(../images/video.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 11;}
.shili .box .swiper-slide .textBox{ width: 40.9%; padding-left: 50px; padding-right: 30px;}
.shili .box .swiper-slide .textBox .tit{ font-size: 30px; margin-bottom: 20px;}
.shili .box .swiper-slide .textBox .text{ font-size: 18px; margin-bottom: 50px;}
.shili .box{ position: relative;}
.shili .arrow-left,.shili .arrow-right{ width: 50px; height:50px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2);  position: absolute; top: 45%; transform: translateY(-50%); z-index: 11;}
.shili .arrow-left{ background:#fff url(../images/arrow-left02.png) no-repeat center; left: -30px;}
.shili .arrow-right{ background:#fff url(../images/arrow-right02.png) no-repeat center; right: -30px;}
.shili .swiper-horizontal>.swiper-pagination-bullets, .shili  .swiper-pagination-bullets.swiper-pagination-horizontal, .shili  .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0; z-index: 111;}
.shili .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.shili .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 15px; height: 15px;  background: #fff; border: #333 solid 2px; opacity: 1;}
.shili .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #333;}

.ijoin{ padding: 60px 0 30px;}
.ijoin .wrap{ padding: 0 40px;}
.ijoin .pic{ margin-bottom: 40px;}
.ijoin .title{ margin-bottom: 20px;}
.ijoin .text{ font-size: 18px; text-align: center; margin-bottom: 40px;}

.inews{ padding: 30px 0 60px;}
.inews .wrap{ padding: 0 40px;}
.inews .title h2{ text-align: left;}
.inews .box{ margin-top: -20px; position: relative; margin-bottom: 60px;}
.inews .box .swiper{ padding-bottom: 100px;}
.inews .box .swiper-slide dl{ padding-bottom: 77.17%;}
.inews .box .swiper-slide h3{ font-size: 28px; line-height: 1; font-weight: normal; margin-top: 60px;}
.inews .box .swiper-slide dd{ color: #b9b8b8; background: url(../images/icon01.png) no-repeat left center; padding-left: 25px; margin-top: 15px;}
.inews .box .swiper-slide dt{ height: 51px; font-size: 17px; color: #626262; line-height: 1.5; font-weight: normal; margin-top: 20px; overflow: hidden;}
.inews .swiper-horizontal>.swiper-pagination-bullets, .inews  .swiper-pagination-bullets.swiper-pagination-horizontal, .inews  .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0; z-index: 111;}
.inews .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.inews .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 15px; height: 15px;  background: #fff; border: #333 solid 2px; border-radius: 20px; opacity: 1; }
.inews .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #333;}
.inews .arrow-left,.inews .arrow-right{ width: 50px; height:50px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2);  position: absolute; top: 25%; z-index: 11;}
.inews .arrow-left{ background:#fff url(../images/arrow-left02.png) no-repeat center; left: -30px;}
.inews .arrow-right{ background:#fff url(../images/arrow-right02.png) no-repeat center; right: -30px;}

.inews.industryNews{ padding: 60px 0 30px;}
.inews.industryNews .wrap{ padding: 0;}

.newsView{ padding: 60px 0 120px;}
.newsView .newsHead{ margin-bottom: 20px;}
.newsView .newsHead h1{ font-size:45px; font-weight: normal; border-bottom:#d8d8d8 solid 1px; margin-bottom: 30px;}
.newsView .newsHead dl{ color: #999; display: flex; align-items: center;}
.newsView .newsHead dl svg{ margin-right: 8px;}

.bread{ padding-top: 20px; text-transform: capitalize;}
.bread svg{ margin: 0 10px;}

.searchBox{ padding: 25px 0; background: #f5f5f5;}
.searchBox input{ width: 300px; height: 34px; border: #aaafab solid 1px; background: #fff; padding-left: 10px; margin:0 15px;}
.searchBox button{ width: 70px; height: 30px; background: #ff9c58; border: none; border-radius: 30px; color: #fff; display: flex; justify-content:center; align-items: center; cursor: pointer;}
.searchBox button svg{ width: auto; height: 26px;}
.searchBox button:hover{background: #f38f4d; }

.prolist .proleft{ width: 180px; min-height: 550px; border-left: 1px solid #ccc; align-self: start;}
.prolist .proleft ul{}
.prolist .proleft ul li{ margin-bottom: 5px;}
.prolist .proleft ul li a{ font-size: 18px; color: #000; line-height: 36px; padding-left: 18px; display: block;}
.prolist .proleft ul li a:hover{ color: #f3820a;}
.prolist .proleft ul li.on a{ border-left: 3px solid #f3820a;}

.prolist .proRight{ width: calc(100% - 190px);}

.case{}
.case .item{ margin-bottom: 80px;}
.case .tit{ font-size: 31px; text-align: center; margin-bottom: 60px;}
.case .box .bigPic{ width: 46%;}
.case .box .bigPic dl{ padding-bottom: 81.3559%; border: #ccc solid 1px;}
.case .box .list { width: 54.1%;}
.case .box .list ul li{ width: 50%; padding-left: 35px; margin-bottom: 35px;}
.case .box .list ul li dl{ padding-bottom: 70.9%; border: #ccc solid 1px;}
.case .box .list ul li dl img{ padding: 10px;}

.proview .text{ font-size: 22px; text-align: center; line-height: 37px; padding-bottom: 100px;}
.proview .proviewBox{ padding: 30px 0;}
.proview .proviewBox .tit{ font-size: 37px; line-height: 1; text-align: center; margin-bottom: 40px;}
.proview .proviewBox .box .pic{ width: 46.5%; background: #e6e6e6;}
.proview .proviewBox .box .pic .gallerySwiper dl{ padding-bottom: 60%;}
.proview .proviewBox .box .pic .pagination { text-align: center;}
.proview .proviewBox .box .pic .pagination .swiper-pagination-bullet-active{ background: #222;}
.proview .proviewBox .box .pic .thumbnailSwiper { padding: 20px; position: relative;}
.proview .proviewBox .box .pic .thumbnailSwiper .swiper-slide{ border: #fff solid 3px; cursor: pointer;}
.proview .proviewBox .box .pic .thumbnailSwiper .swiper-button-next, .proview .proviewBox .box .pic .thumbnailSwiper .swiper-button-prev{ margin-top:inherit; transform: translateY(-50%);}
.proview .proviewBox .box .pic .thumbnailSwiper .swiper-button-prev{ width: 22px; height: 22px; background: #fff url(../images/arrow-left02.png) no-repeat center; background-size: auto 8px;}
.proview .proviewBox .box .pic .thumbnailSwiper .swiper-button-next{ width: 22px; height: 22px; background: #fff url(../images/arrow-right02.png) no-repeat center; background-size: auto 8px;}
.proview .proviewBox .box .pic .thumbnailSwiper .swiper-button-next:after,.proview .proviewBox .box .pic .thumbnailSwiper .swiper-button-prev:after{ display: none;}
.proview .proviewBox .box .con{ width: 53.5%; border: #ccc solid 1px; padding: 55px; display: flex; flex-direction: column; justify-content: center;}
.proview .proviewBox .box .con .tit{width: 100%; text-align: left;}
.proview .proviewBox .box .con .conText{ font-size: 18px; line-height:2;}

.proview .scene{ padding: 60px 0 100px;}
.proview .scene .tit{ font-size: 37px; line-height: 1; margin-bottom: 30px;}
.proview .scene .gallerySwiper{ width: 46.5%;}
.proview .scene .gallerySwiper .swiper-slide dl{ padding-bottom: 65.4761%; cursor: pointer;}
.proview .scene .gallerySwiper .swiper-slide .video::before{ content: ""; width: 100%; height: 100%; background: url(../images/video.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 11;}
.proview .scene .thumbnailSwiper{ width:53.5%;padding-left:55px;}
.proview .scene .thumbnailSwiper .swiper{ height: 480px; }
.proview .scene .thumbnailSwiper .swiper-slide{ cursor: pointer;}
.proview .scene .thumbnailSwiper .swiper-slide h3{ color: #a0a0a0; font-size: 35px; font-weight: normal;}
.proview .scene .thumbnailSwiper .swiper-slide p{ color: #a0a0a0; font-size: 17px;}
.proview .scene .thumbnailSwiper .swiper-slide.swiper-slide-thumb-active h3{ color: #444444;}
.proview .scene .thumbnailSwiper .swiper-slide.swiper-slide-thumb-active p{ color: #444444;}
.proview .scene .thumbnailSwiper .swiper-scrollbar-drag{ background: #f38209;}
.proview .scene .thumbnailSwiper .swiper-button-disabled{ color: #888;}
.proview .scene .thumbnailSwiper .arrow{ height:68px; position: relative;}
.proview .scene .thumbnailSwiper .arrow a{ position: absolute; left: 50%; transform:translateX(-50%);}
.proview .scene .thumbnailSwiper .arrow .arrow-left{ top: 6px;}
.proview .scene .thumbnailSwiper .arrow .arrow-right{ bottom: 6px;}

.content{ padding:90px 0 50px;}
.content .leftNav{ width: 180px;  align-self: start;}
.content .leftNav ul{ width:180px; border-left: 1px solid #ccc; background: #fff; }
.content .leftNav ul.fixed{position:fixed; top:190px;}
.content .leftNav ul li{ margin-bottom: 5px;}
.content .leftNav ul li a{ font-size: 18px; color: #000; line-height: 36px; padding-left: 18px; display: block;}
.content .leftNav ul li a:hover{ color: #f3820a;}
.content .leftNav ul li.on a{ border-left: 3px solid #f3820a;}
.content .rightBox{ width: calc(100% - 190px);}

.content .anchorPoint{ padding-top:150px; margin-top:-150px;}

.youshi { margin-bottom: 70px;}
.youshi .ntitle{ padding:0 0 35px}
.youshi .text{ width:650px; font-size: 22px; text-align: center; line-height: 37px; padding-bottom: 60px; margin:0 auto;}
.youshi .youshiBox{ padding:50px 30px; background: #f5f5f5;}
.youshi .youshiBox .wrap{ padding: 0 100px;}
.youshi .youshiBox .tit{ font-size: 37px; line-height: 1; margin-bottom: 50px;}
.youshi .titsub { font-size: 37px; line-height: 1; text-align: center; margin-bottom: 30px;}
.youshi .youshiBox .thumbnailSwiper{ width:600px;}
.youshi .youshiBox .thumbnailSwiper .swiper{ height: 500px; padding-left: 25px;}
.youshi .youshiBox .thumbnailSwiper .swiper .swiper-slide{ cursor: pointer;}
.youshi .youshiBox .thumbnailSwiper .swiper .swiper-slide h3{ font-size: 30px; color: #919191; font-weight: normal;}
.youshi .youshiBox .thumbnailSwiper .swiper .swiper-slide.swiper-slide-thumb-active h3{ color: #444444;}
.youshi .youshiBox .swiper-scrollbar.swiper-scrollbar-vertical, .youshi .youshiBox .swiper-vertical>.swiper-scrollbar{ width: 3px; left: 0;}
.youshi .youshiBox .thumbnailSwiper .swiper-scrollbar-drag{ background: #f38209;}
.youshi .youshiBox .thumbnailSwiper .arrow{ height:68px; position: relative;}
.youshi .youshiBox .thumbnailSwiper .arrow a{ position: absolute; left: 50%; transform:translateX(-50%);}
.youshi .youshiBox .thumbnailSwiper .arrow .arrow-left{ top: 6px;}
.youshi .youshiBox .thumbnailSwiper .arrow .arrow-right{ bottom: 6px;}
.youshi .youshiBox .gallerySwiper{ width: calc(100% - 600px);}
.youshi .youshiBox .gallerySwiper .swiper{ height: 500px;}
.youshi .youshiBox .gallerySwiper .swiper .swiper-slide{ font-size: 18px;}
.youshi .youshiBox .gallerySwiper .swiper .swiper-slide img{ width: 675px; margin: 20px 0;}
.youshi .serviceYoushi{padding: 50px 30px; background: #f5f5f5;}
.youshi .serviceYoushi .pic{ width: 50%; flex: 0 0 auto;}
.youshi .serviceYoushi .box{ width:50%; padding-left: 50px;}
.youshi .serviceYoushi .box .tit{ font-size: 44px; margin-bottom: 30px;}
.youshi .serviceYoushi .box .text{ width:100%; font-size: 18px; text-align: left;}
.youshi .otherYoushi{ padding: 60px 0 100px;}
.youshi .otherYoushi .box ul li{ width: 32%;}
.youshi .otherYoushi .box ul li a{ padding-bottom: 45px; border: #e8e8e8 solid 2px; display: block;}
.youshi .otherYoushi .box ul li dl{ padding-bottom: 58.0645%;}
.youshi .otherYoushi .box ul li h3{ font-size: 37px; font-weight: normal; text-align: center; margin: 50px 0;}

.proview .youshi .youshiBox{ background: #fff;}
.proview .youshi .youshiBox .wrap{ padding:0;}

.serviceContact{ padding: 100px 0;}
.serviceContact .box{ padding: 70px; background: #f5f5f5; text-align: center;}
.serviceContact .box ol{ font-size:25px; line-height: 1; padding: 30px 0 20px; display: flex; justify-content: center; align-items: center;}
.serviceContact .box dl{ font-size: 31px;}

.afterService{ text-align: center;}
.afterService .box{font-size: 22px; line-height: 2; margin-bottom: 40px;}
.afterService .more2{ background: #f38209; color: #fff; font-size: 22px; padding: 18px; border-radius: 15px; display:inline-block; cursor: pointer;}

.otherProducts{ margin: 90px 0 120px;}
.otherProducts .box ul{ margin: 0 -13px;}
.otherProducts .box ul li{ width: 25%; padding: 0 13px;}
.otherProducts .box ul li a{ padding: 15px 15px 25px; border: #e8e8e8 solid 1px; display: block;}
.otherProducts .box ul li h3{ font-size: 16px; text-align: center; font-weight: normal; margin-top: 20px;}
.otherProducts .box ul li dt{ width: 90px; height: 36px; line-height: 34px; border: #999 solid 1px; color: #222; font-size: 14px; text-align: center; margin: 15px auto 0;}

.about { padding-bottom: 80px;}
.about .tit{ padding: 50px 0; text-transform:capitalize}
.about .tit h2{ font-size: 45px; color: #080103; font-weight: normal; line-height: 1; text-align: center;}
.about .text{ font-size: 18px; text-align: center; line-height: 37px; padding-bottom: 50px;}
.about .imgBox{ text-align: center;}
.about .imgBox.video{ cursor: pointer; position: relative;}
.about .imgBox.video::before{ content: ""; width: 100%; height: 100%; background: url(../images/video.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 11;}

.jion{ padding-bottom: 120px; text-align: center;}
.jion .pic{ margin-bottom: 80px;}
.jion .tit{ margin-bottom: 15px;}
.jion .tit h2{ font-size: 35px; line-height: 1; font-weight: normal; margin-bottom: 15px;}
.jion .text{ width: 740px; margin: 0 auto 40px; font-size: 18px; line-height: 1.8;}

#map{ height: 550px; margin-top: 30px; border-top: 1px solid #ddd;}

.contactBox{ padding-top: 80px; margin-bottom: 60px;}
.contactBox .tit{font-size: 30px; color: #080103; font-weight: normal; line-height: 1; text-align: center; margin-bottom: 50px;}
.contactBox .pic img{ width: 100%;}
.contactBox .box{ padding: 30px 80px; background: #e6e6e8;}
.contactBox .box .item{ width: 33.33%; color: #000; line-height:2;}

.branchOffice{ margin-bottom: 80px;}
.branchOffice .tit{font-size: 30px; color: #080103; font-weight: normal; line-height: 1; text-align: center; margin-bottom: 50px;}
.branchOffice .item{ margin-bottom: 20px; background: #e6e6e8; display: flex; flex-wrap:wrap;}
.branchOffice .item .p{ width:20%;background: #f3820a;}
.branchOffice .item .p dl{ padding-bottom:70%;}
.branchOffice .item .t{ width: 40%; padding:30px; background: #f3820a; font-size: 30px; color: #fff; line-height: 1.2; text-transform: uppercase; display:flex; align-items:center; }
.branchOffice .item .c{ width: 40%; padding: 30px; color: #000; line-height: 2; display:flex; align-items:center; }

.brochure{ margin-bottom: 150px;}
.brochure .box{background: #e6e6e8; }
.brochure .box .pic{ width:45%}
.brochure .box .pic dl{ padding-bottom:57.5%}
.brochure .box .con{ width:55%; padding:45px;}
.brochure .box .con .t{ font-size: 30px;}
.brochure .box .con .c{ margin-bottom: 40px; }
.brochure .box .con a{ background: #fff; padding:15px 20px;}

.anchorPoint{ padding-top:214px; margin-top:-214px;}

.neiNav{height:104px;}
.neiNav .box{ width:100%; padding: 40px 0; background: #f5f5f5;}
.neiNav .box.fixed{ position:fixed; top:110px; z-index:111;}
.neiNav ul li{ margin-right: 50px;}

.newsExhibition{ padding: 60px 0 30px;}
.newsExhibition .title h2{ text-align: left;}
.newsExhibition .box{ margin-top: -20px;}
.newsExhibition .box .pic{ width: 50%;}
.newsExhibition .box .pic dl{ padding-bottom: 56.41%;}
.newsExhibition .box .con{ width: 50%; padding-left: 45px;}
.newsExhibition .box .con em{ color: #444; font-style: normal; font-weight: bold; line-height: 1; border-bottom: #ececec solid 5px; margin-bottom: 25px; display:inline-block;}
.newsExhibition .box .con h3{ font-size: 30px; font-weight: normal;}
.newsExhibition .box .con dd{ color: #b9b8b8; background: url(../images/icon01.png) no-repeat left center; background-size: 16px auto; padding-left: 25px; margin-top: 15px;}
.newsExhibition .box .con dt{ height: 78px; font-size: 17px; color: #626262; line-height: 1.5; font-weight: normal; margin-top: 20px; overflow: hidden; margin-bottom: 60px;}
.newsExhibition .box .con i{width: 120px; height: 50px; line-height: 50px; background: #f38209; border: none; border-radius: 10px; color: #fff; font-size: 18px; text-align: center; font-style:normal; display: block;}

.newslist{ padding: 40px 0 100px;}
.newslist .box{padding-bottom: 20px;}
.newslist .box ul li{ margin-bottom: 30px;}
.newslist .box .pic{ width: 20%;}
.newslist .box .pic dl{ padding-bottom: 70%;}
.newslist .box .con{ width: 80%; padding-left: 45px; padding-top: 10px;}
.newslist .box .con em{ color: #444; font-style: normal; font-weight: bold; line-height: 1; border-bottom: #ececec solid 5px; margin-bottom: 10px; display:inline-block;}
.newslist .box .con h3{ font-size: 28px; font-weight: normal;}
.newslist .box .con dd{ color: #b9b8b8; background: url(../images/icon01.png) no-repeat left center; background-size: 16px auto; padding-left: 25px; margin-top: 15px;}
.newslist .box .con dt{ height: 50px; font-size: 16px; color: #626262; line-height: 25px; font-weight: normal; margin-top: 20px; overflow: hidden; }


.productReport{ padding: 60px 0 150px;}
.productReport .title h2{ font-size: 45px;}
.productReport .box{ position: relative;}
.productReport .box .swiper{ padding-bottom: 60px;}
.productReport .item{ width: 100%; padding: 15px 15px 40px; text-align: center; border: #e8e8e8 solid 2px;}
.productReport .item h3{ font-size: 25px; font-weight: normal; color: #444; text-align: center; margin:15px 0 40px; padding: 0 20px;}
.productReport .item ul{ display: inline-block; max-width: 90%; position: relative; text-align: left;} 
.productReport .item ul li{ color: #444; padding-left: 26px; position: relative; margin-bottom: 5px;}
.productReport .item ul li::before{ content:""; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%234A4A4A'%3E%3Cpath d='M18.703 8.04c.305.304.305.592 0 .862L9.97 17.586c-.305.305-.593.305-.864 0l-4.62-4.621c-.305-.305-.305-.593 0-.863l1.167-1.168c.271-.271.559-.271.864 0l2.996 3.097 7.21-7.16c.271-.27.56-.254.864.05l1.117 1.118Z'/%3E%3C/svg%3E"); width:24px; height: 24px; position: absolute; left: 0; top: 0; }
.productReport .item .con ol{ width: 150px; height: 50px; line-height: 46px; color: #444; text-align: center; border: #ccc solid 1px; margin: 40px auto 0;}
.productReport .swiper-horizontal>.swiper-pagination-bullets, .productReport .swiper-pagination-bullets.swiper-pagination-horizontal, .productReport  .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0; z-index: 111;}
.productReport .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.productReport .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 15px; height: 15px;  background: #fff; border: #333 solid 2px; border-radius: 20px; opacity: 1; }
.productReport .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #333;}
.productReport .arrow-left,.productReport .arrow-right{ width: 50px; height:50px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2);  position: absolute; top: 40%; z-index: 11;}
.productReport .arrow-left{ background:#fff url(../images/arrow-left02.png) no-repeat center; left: -30px;}
.productReport .arrow-right{ background:#fff url(../images/arrow-right02.png) no-repeat center; right: -30px;}

.honorBox{ padding-bottom: 120px;}
.honor{padding: 60px 0 20px;}
.honor .tit{ font-size: 32px; text-align: center; margin-bottom: 45px;}
.honor .box{}
.honor .box ul{ margin: 0 -20px;}
.honor .box ul li{ width: 33.33%; padding: 0 20px; margin-bottom: 32px;}
.honor .box ul li ol{ border: #666 solid 1px;}
.honor .box ul li ol dl{ padding-bottom: 70%;}
.honor .box ul li ol dt{ height: 90px; padding: 10px; background: #f5f5f5; font-size: 19px; text-align: center; display: flex; justify-content: center; align-items: center;}

.staffStyle{ padding: 60px 0;}
.staffStyle .tit{ text-align: center; margin-bottom: 35px;}
.staffStyle .tit h2{ font-size: 45px; font-weight: normal; line-height: 1; margin-bottom: 20px;}
.staffStyle .tit p{ font-size: 20px;}
.staffStyle .oneBox{ padding: 100px 50px 70px; background: #f5f5f5; position: relative;}
.staffStyle .oneBox .swiper{ padding-bottom: 60px;}
.staffStyle .oneBox .swiper-slide{ display: flex;}
.staffStyle .oneBox .swiper-slide .pic{ width: 60%;}
.staffStyle .oneBox .swiper-slide .pic dl{ padding-bottom: 57.6923%;}
.staffStyle .oneBox .swiper-slide .con{ width: 40%; padding:0 60px;}
.staffStyle .oneBox .swiper-slide .con .t{ font-size:45px; line-height: 1.2; margin-bottom: 20px;}
.staffStyle .oneBox .swiper-slide .con .c{ font-size:18px; line-height: 1.5; margin-bottom: 20px;}
.staffStyle .oneBox .swiper-horizontal>.swiper-pagination-bullets, .staffStyle .oneBox .swiper-pagination-bullets.swiper-pagination-horizontal, .staffStyle .oneBox  .swiper-pagination-custom, .swiper-pagination-fraction{ width: 100%; bottom:0; z-index: 111;}
.staffStyle .oneBox .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.staffStyle .oneBox .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 15px; height: 15px;  background: #fff; border: #333 solid 2px; border-radius: 20px; opacity: 1; }
.staffStyle .oneBox .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #333;}
.staffStyle .oneBox .arrow-left,.staffStyle .oneBox .arrow-right{ width: 50px; height:50px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2);  position: absolute; top: 45%; z-index: 11;}
.staffStyle .oneBox .arrow-left{ background:#fff url(../images/arrow-left02.png) no-repeat center; left: 25px;}
.staffStyle .oneBox .arrow-right{ background:#fff url(../images/arrow-right02.png) no-repeat center; right: 25px;}
.staffStyle .twoBox{ padding: 120px 160px;}
.staffStyle .twoBox .box{ position: relative;}
.staffStyle .twoBox .swiper{ padding-bottom: 60px;}
.staffStyle .twoBox .swiper-slide{ display: flex; align-items: center;}
.staffStyle .twoBox .swiper-slide .pic{ width: 250px;}
.staffStyle .twoBox .swiper-slide .pic dl{ padding-bottom: 100%; border-radius: 50%;}
.staffStyle .twoBox .swiper-slide .con{ width: calc(100% - 250px); padding: 0 50px; color: #666;}
.staffStyle .twoBox .swiper-slide .con .c{ font-size: 22px; margin-bottom: 20px;}
.staffStyle .twoBox .swiper-slide .con .t{ font-size: 14px;}
.staffStyle .twoBox .swiper-horizontal>.swiper-pagination-bullets, .staffStyle .twoBox .swiper-pagination-bullets.swiper-pagination-horizontal, .staffStyle .twoBox  .swiper-pagination-custom, .swiper-pagination-fraction{ width: 100%; bottom:0; z-index: 111;}
.staffStyle .twoBox .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.staffStyle .twoBox .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 15px; height: 15px;  background: #fff; border: #333 solid 2px; border-radius: 20px; opacity: 1; }
.staffStyle .twoBox .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #333;}
.staffStyle .twoBox .arrow-left,.staffStyle .twoBox .arrow-right{ width: 50px; height:50px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2);  position: absolute; top: 35%; z-index: 11;}
.staffStyle .twoBox .arrow-left{ background:#fff url(../images/arrow-left02.png) no-repeat center; left: -25px;}
.staffStyle .twoBox .arrow-right{ background:#fff url(../images/arrow-right02.png) no-repeat center; right: -25px;}

.join{}
.join .text{ width:710px; font-size: 22px; line-height: 1.8; text-align: center; margin:0 auto;}
.join .yuangongtext{ display: flex; justify-content: center; }
.join .yuangongtext .textBox{ font-size: 18px; }
.join .joblist{ width: 1200px; margin: 30px auto;}
.join .joblist .item{ margin-bottom: 2px;}
.join .joblist dl{ background: #f3820a url(../images/icon04.png) no-repeat right 30px center; color: #fff; font-size: 17px; line-height: 50px; padding:0 30px; cursor: pointer;}
.join .joblist .box{ display: none;}
.join .joblist .item.on dl{ background: #f3820a url(../images/icon04_02.png) no-repeat right 30px center;}
.join .joblist .box ul{ display: flex; background: #f9f9f9;}
.join .joblist .box ul:nth-child(even){ background: #f2f2f2;}
.join .joblist .box ul li{ width: 50%; line-height: 50px; padding: 0 30px; display: flex;}
.join .joblist .box ul li dt{ width: 100px;}
.join .joblist .box ul ol{ padding: 15px 30px;}

.join .yuangong{ padding: 50px 0; position: relative;}
.join .yuangong .swiper{ padding-bottom: 60px;}
.join .yuangong a{ display: block;}
.join .yuangong dl{ padding-bottom:58.8235%;}
.join .yuangong h3{ font-size: 25px; font-weight: normal; text-align: center; margin:20px 0 5px;}
.join .yuangong dt{ font-size: 17px; text-align: center;}
.join .yuangong .swiper-horizontal>.swiper-pagination-bullets, .join .yuangong .swiper-pagination-bullets.swiper-pagination-horizontal, .join .yuangong  .swiper-pagination-custom, .swiper-pagination-fraction{ width: 100%; bottom:0; z-index: 111;}
.join .yuangong .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.join .yuangong .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 15px; height: 15px;  background: #fff; border: #333 solid 2px; border-radius: 20px; opacity: 1; }
.join .yuangong .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #333;}
.join .yuangong .arrow-left,.join .yuangong .arrow-right{ width: 50px; height:50px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2);  position: absolute; top: 50%; transform: translateY(-50%); z-index: 11;}
.join .yuangong .arrow-left{ background:#fff url(../images/arrow-left02.png) no-repeat center; left: -25px;}
.join .yuangong .arrow-right{ background:#fff url(../images/arrow-right02.png) no-repeat center; right: -25px;}

.join .fuli{ padding: 80px 0 50px;}
.join .fuli .tit{ text-align: center; margin-bottom: 60px;}
.join .fuli .tit h2{ font-size: 45px; font-weight: normal; line-height: 1; margin-bottom: 20px;}
.join .fuli .tit p{ font-size: 20px;}
.join .fuli .box{ position: relative;}
.join .fuli .swiper{ padding: 60px 0;}
.join .fuli .item{ width: 100%; min-height: 420px; padding:0 0 40px; text-align: center; border: #e8e8e8 solid 3px;}
.join .fuli .item i{ margin-top: -45px; display: block;}
.join .fuli .item dl{ font-size: 25px; font-weight: normal; text-align: center; margin:10px 0 20px; padding: 0 20px;}
.join .fuli .item ul{ display: inline-block; width: 80%; position: relative; text-align: left;} 
.join .fuli .item ul li{ padding-left: 26px; position: relative; margin-bottom: 8px;}
.join .fuli .item ul li::before{ content:""; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%234A4A4A'%3E%3Cpath d='M18.703 8.04c.305.304.305.592 0 .862L9.97 17.586c-.305.305-.593.305-.864 0l-4.62-4.621c-.305-.305-.305-.593 0-.863l1.167-1.168c.271-.271.559-.271.864 0l2.996 3.097 7.21-7.16c.271-.27.56-.254.864.05l1.117 1.118Z'/%3E%3C/svg%3E"); width:24px; height: 24px; position: absolute; left: 0; top: 0; }
.join .fuli .swiper-horizontal>.swiper-pagination-bullets, .join .fuli .swiper-pagination-bullets.swiper-pagination-horizontal, .join .fuli  .swiper-pagination-custom, .swiper-pagination-fraction{ width: 100%; bottom:0; z-index: 111;}
.join .fuli .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.join .fuli .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 15px; height: 15px;  background: #fff; border: #333 solid 2px; border-radius: 20px; opacity: 1; }
.join .fuli .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #333;}
.join .fuli .arrow-left,.join .fuli .arrow-right{ width: 50px; height:50px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2);  position: absolute; top: 50%; transform: translateY(-50%); z-index: 11;}
.join .fuli .arrow-left{ background:#fff url(../images/arrow-left02.png) no-repeat center; left: -25px;}
.join .fuli .arrow-right{ background:#fff url(../images/arrow-right02.png) no-repeat center; right: -25px;}

.join .howToJoin{ padding: 50px 0 50px;}
.join .howToJoin .tit{ text-align: center; margin-bottom: 60px;}
.join .howToJoin .tit h2{ font-size: 45px; font-weight: normal; line-height: 1; margin-bottom: 20px;}
.join .howToJoin .tit p{ font-size: 20px;}
.join .howToJoin .box{ background: #f5f5f5; padding: 50px 0;}
.join .howToJoin .box ul li{ width: 50%; display: flex; padding:20px 50px;}
.join .howToJoin .box ul li dl{ width: 100px; flex: 0 0 auto; margin-right: 20px;}
.join .howToJoin .box ul li ol h3{ font-size: 28px; font-weight: normal;}

.join .joinUs { padding: 50px 0 150px; text-align: center;}
.join .joinUs h3{ font-size: 38px; font-weight: normal; line-height: 1; margin:30px 0 20px;}
.join .joinUs p{ font-size: 20px; margin-bottom: 30px;}
.join .joinUs i{ width: 150px; height: 150px; border-radius: 50%; display: block; margin: 0 auto; overflow: hidden;}
.join .joinUs .btn { width: 130px; height: 50px; line-height: 50px; background: #f38209; border-radius: 3px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; margin: 0 auto; display: block;}

.footer .fcontact{ padding: 36px 0; background: #efefef; color: #444444;}
.footer .fcontact .wrap{ padding: 0 40px;}
/*.footer .fcontact .contacts{ text-align: center; padding: 0 40px; margin-right: 220px;}*/
/*.footer .fcontact .contacts dl{ border-radius: 100px;overflow: hidden; margin-bottom: 10px;}*/
/*.footer .fcontact .contacts h3{ font-size: 18px; font-weight:normal;}*/
/*.footer .fcontact .contacts dt{ font-size: 16px;}*/
/*.footer .fcontact .contactXx .tit{ font-size: 31px;}*/
.footer .fcontact .contactXx .text{ font-size: 16px; line-height: 1.8; text-align: center; margin-bottom: 20px;}
.footer .fcontact .contactXx .text dl{ font-size: 26px;}
.footer .fcontact .contactXx .text .lwContact{ display:none;}
.footer .fcontact .contactXx .btn{ width: 110px; height: 46px; line-height: 46px; background: #f38209; border-radius: 3px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; display: block; margin:0 auto; text-transform: capitalize;}
.footer .fcontact .contactXx .btn:hover{ background: #dd7404;}
.footer .fmain{ padding: 150px 0 40px; position: relative;}
.footer .fmain .tit{ font-size: 20px; color: #000; margin-bottom: 15px;}
.footer .fmain .footcontact{ width: 210px;}
.footer .fmain .footcontact .box>div{ margin-bottom: 10px;}
.footer .fmain .footcontact .box>div svg{ width: 25px; flex: 0 0 auto;}
.footer .fmain .fnav{ padding-top: 45px;}
.footer .fmain .fnav ul li{ margin-bottom: 10px;}
.footer .fmain .fnav ul li a{ background: url(../images/icon02.png) no-repeat right center; background-size: 15px auto; padding-right: 30px;}
.footer .fmain .followUs ul{ margin-top: 20px;}
.footer .fmain .followUs ul li{ margin-right: 10px;}
.footer .fmain .followUs svg{ width: 32px; height: auto; color: #353535;}
.footer .fmain .followUs svg:hover{ color: #f38209;}
.footer .fmain .gotop{ width: 40px; height: 40px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); position: absolute; left: 50%; top: 55px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.footer .footBottom{ line-height: 80px; background: #f5f5f5;}
.footer .footBottom a{ margin-left: 20px;}

/*===/分页=============================*/
.fenye { text-align: center; font-size: 15px; width: 100%; height: 40px; margin: 10px 0 0px;}
.fenye .prev, .fenye .next { width: 40px; height: 40px; line-height: 40px; color: #8a8a8a;margin-right: 5px; display: inline-block; font-family: "宋体";font-size: 17px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
.fenye a { width: 40px; height: 40px; line-height: 40px;  color: #8a8a8a; margin-right: 5px;display: inline-block; background: #fff; border: #EBEBEB solid 1px; border-radius: 6px;}
.fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}
.fenye a.current { color: #fff;  background: #242a34; margin-right: 5px; border: #242a34 solid 1px;}

/*搜索框*/
.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}
.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}
.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}
.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}

/* 弹出框 */
.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.tccBox .BoxCon{padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}
.tccBox .BoxCon .off{ width: 29px; height: 29px; background:url(../images/off.png) no-repeat center; position: absolute; top: -15px; right: -15px; cursor: pointer;}
.tccBox .BoxCon ul video{ max-width: 1000px;}


@media (max-width: 1680px) {}

@media (max-width: 1560px) {
.wrap{ width: 100%; padding: 0 30px;}

.banner .gallerySwiper.swiper .swiper-slide{ height: 550px;}
.neiBanner{ height: 450px;}

.title { margin-bottom: 35px;}

.ntitle{padding: 35px 0;}
.ntitle h2{ font-size: 38px;}

.ipro .item .more{ right: 0;}

.inews .box .swiper-slide h3{ font-size: 22px; margin-top: 36px;}

.case .tit{font-size: 28px; margin-bottom: 35px;}
.case .item{ margin-bottom: 40px;}

.proview .text{ font-size: 18px; padding-bottom: 40px;}
.proview .scene .thumbnailSwiper .swiper-slide h3{ font-size: 24px;}

.youshi .text{ font-size: 18px; padding-bottom: 70px;}

.youshi .youshiBox .thumbnailSwiper .swiper .swiper-slide h3{ font-size: 24px;}

.youshi .otherYoushi .box ul li h3{ font-size: 24px; margin: 20px 0;}

.afterService .box{ font-size: 18px;}
.afterService .more2{ font-size: 16px; border-radius: 8px;}

.productReport .title h2{ font-size: 38px;}

.newsView .newsHead h1{ font-size: 36px;}

.staffStyle .tit h2{ font-size: 38px;}
.staffStyle .tit p{ font-size: 18px;}
.staffStyle .oneBox .swiper-slide .con .t{ font-size: 32px;}

.join .text{ font-size: 18px;}

.join .fuli .tit h2{ font-size: 38px;}
.join .fuli .tit p{ font-size: 18px;}

.join .howToJoin .tit h2{ font-size: 38px;}
.join .howToJoin .tit p{ font-size: 18px;}

.join .joinUs p{ font-size: 18px;}

.join .yuangong h3{ font-size: 22px;}
}

@media (max-width: 1440px) {

}

@media (max-width: 1366px) {
    .banner .gallerySwiper.swiper .swiper-slide .bannerText h3{ font-size: 30px;}
    .neiBanner { height: 400px; }
    .neiBanner.aboutBanner{ height: 400px;}

    .ntitle h2{ font-size: 30px;}

    .solution{padding: 45px 100px 75px;}
    .solution .more{ right: 100px;}
    .solution .swiper .swiper-slide h3{ font-size: 16px;}

    .shili .box .swiper-slide .textBox .text{ font-size: 16px;}
    .ijoin .text{ font-size: 16px;}

    .prolist { padding: 70px 0; }
    .case .tit{ font-size: 24px; margin-bottom: 25px;}
    .case .item { margin-bottom: 20px; }

    .proview .text{ font-size: 16px; line-height: 1.8;}

    .proview .proviewBox .tit{ font-size: 30px;}
    .proview .proviewBox .box .con .conText{ font-size: 16px; line-height: 1.8;}

    .proview .scene .tit{ font-size: 30px;}

    .youshi .text{ font-size: 16px; line-height: 1.8;}

    .youshi .youshiBox .tit{ font-size: 30px;}
    .youshi .youshiBox .thumbnailSwiper .swiper{ height: 440px;}
    .youshi .youshiBox .thumbnailSwiper .swiper .swiper-slide h3{ font-size: 20px;}
    .youshi .youshiBox .gallerySwiper .swiper{ height: 440px;}
    .youshi .youshiBox .gallerySwiper .swiper .swiper-slide{ font-size: 16px;}

    .youshi .serviceYoushi .box .tit{ font-size: 30px;}
    .youshi .serviceYoushi .box .text{ font-size: 16px;}

    .youshi .otherYoushi .box ul li h3{ font-size: 22px;}

    .serviceContact .box dl{ font-size: 26px;}

    .afterService .box{ font-size: 16px;}

    .about .tit h2{ font-size: 30px;}
    .about .text{ font-size: 16px; line-height: 1.8;}
    
    .branchOffice .item .c{ line-height: 1.6;}

    .jion .tit h2{ font-size: 30px;}
    .jion .text{ font-size: 16px;}

    #map{ height: 400px;}

    .branchOffice .item .t{ font-size: 25px;}

    .newsExhibition .box .con h3{ font-size: 25px;} 
    .newsExhibition .box .con i { width: 110px; height: 44px; line-height: 44px; border-radius: 6px; font-size: 16px;}

    .productReport .title h2{ font-size: 30px;}
    .productReport .item h3{ font-size: 20px; margin: 10px 0 20px;}
    .productReport .item .con ol { width: 120px; height: 40px; line-height: 38px;}

    .honor { padding: 40px 0 5px; }
    .honor .tit{ font-size: 30px; margin-bottom: 30px;}
    .honor .box ul li ol dt{ height: 60px; font-size: 16px;}

    .staffStyle .tit h2{ font-size: 30px;}
    .staffStyle .tit p{ font-size: 16px;}
    .staffStyle .oneBox .swiper-slide .con .c{ font-size: 16px;}
    .staffStyle .twoBox { padding: 120px 100px; }
    .staffStyle .twoBox .swiper-slide .con .c{ font-size: 20px;}

    .join .text{ font-size: 16px;}
    .join .fuli{ padding: 50px 0;}
    .join .fuli .tit h2{ font-size: 30px;}
    .join .fuli .tit p{ font-size: 16px;}

    .join .howToJoin .tit h2{ font-size: 30px;}
    .join .howToJoin .tit p{ font-size: 16px;}
    .join .howToJoin .box ul li ol h3{ font-size: 25px;}

    .join .joblist{ width: 100%;}
 
    .join .joinUs { padding: 30px 0 100px;}
    .join .joinUs h3{ font-size: 30px;}
    .join .joinUs p{ font-size: 16px;}

    .join .yuangong h3{ font-size: 20px;}
    .join .yuangong dt{ font-size: 16px;}

    .join .yuangongtext .textBox{ font-size: 16px;}

    .footer .fmain{ padding: 120px 0 40px;}
    .footer .fcontact .contactXx .text{ font-size: 16px;}
    .footer .fcontact .contactXx .btn{ width: 110px; height: 40px; line-height: 40px; border-radius: 5px;}
}

@media (max-width: 1250px) {
    .header .headMain .nav>ul>li {margin-left: 40px;}
}

@media (max-width: 1030px) {
    body{ font-size: 15px;}
    .header .headTop .headContact a{ font-size: 15px;}
    .header .headMain .nav>ul>li{ margin-left: 35px;}
    .header .headMain .nav>ul>li>a{ font-size: 17px;}

    .banner .gallerySwiper.swiper .swiper-slide{ height: 360px;}
    .banner .gallerySwiper.swiper .swiper-slide .bannerText h3{ font-size: 22px;}
    .banner .thumbnailSwiper{ width:350px; height: 90px;}
    .banner video{ height: 230px !important;}
    .neiBanner { height: 330px; }

    .iabout .text{ font-size: 16px;}

    .proview .scene { padding: 40px 0 80px; }
    .proview .scene .gallerySwiper{ width: 650px;}
    .proview .scene .thumbnailSwiper{width: calc(100% - 650px);}
    .proview .scene .thumbnailSwiper .swiper { height: 380px; }
    .proview .scene .thumbnailSwiper .swiper-slide{ padding-right: 20px;}
    .proview .scene .thumbnailSwiper .swiper-slide h3{ font-size: 20px;}
    .proview .scene .thumbnailSwiper .swiper-slide p{ font-size: 16px;}

    .youshi .youshiBox{ padding: 70px 0;}
    .youshi .youshiBox .wrap{ padding: 0 30px;}
    .youshi .youshiBox .thumbnailSwiper{ width: 380px;}
    .youshi .youshiBox .thumbnailSwiper .swiper{ height: 360px;}
    .youshi .youshiBox .gallerySwiper { width: calc(100% - 380px); }
    .youshi .youshiBox .gallerySwiper .swiper{ height: 360px;}
    
    .youshi .serviceYoushi .pic{ width: 50%;}
    .youshi .serviceYoushi .box{ width: 50%;}
    
    .youshi .otherYoushi .box ul li h3{ font-size: 18px;}

    .branchOffice { margin-bottom: 120px; }
    .branchOffice .item .t{ padding: 20px; font-size: 22px;}
    .branchOffice .item .c{ padding: 20px; font-size: 15px;}
    

    .inews.industryNews .wrap{ padding: 0 30px;}
    .inews .box .swiper-slide h3 { font-size: 18px; margin-top: 25px; }
    .inews .box .swiper-slide dt{ font-size: 16px;}

    .newsExhibition .box .con em{ margin-bottom: 8px;}
    .newsExhibition .box .con h3{ font-size: 20px;}
    .newsExhibition .box .con dt{ font-size: 16px; margin: 10px 0 20px;}

    .productReport { padding: 60px 0 100px; }
}

@media screen and (max-width:750px){
    body{ font-size: 14px; padding-top: 60px;}
    .wrap{ width: 100%; padding: 0 15px;}

    .header{ width: 100%; height:60px; background:#fff;  position: fixed; top: 0; left: 0; z-index: 99999999; }
    .header .jobContact { display: none;}
    .header .headTop .wrap{ height: 60px; justify-content: flex-end;}
    .header .langSearch { margin-right: 50px;}
    .header .langSearch .searchBtn { font-size: 0;}
    .header .headMain{ position: inherit;}
    .header .logo{ height: 60px; padding: 15px 0; position: fixed; left: 15px; top: 0; }
    .header .nav{  position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px);  background: #fff; display: none;}
    .header .headMain .nav>ul{ display: block;}
    .header .headMain .nav>ul>li{ margin-left: 0; border-top: 1px solid #eee; position: relative;}
    .header .headMain .nav>ul>li>a{ font-size: 16px; line-height: 50px; padding: 0 15px;}
    .header .headMain .nav>ul>li .subnav{ position: relative; left: 0; top: 0; box-shadow:inherit;}
    .header .headMain .nav>ul>li .subnav ul{ display: block; padding: 15px 0; margin: 0;}
    .header .headMain .nav>ul>li .subnav ul li{ width: 100%; padding: 0;}
    .header .headMain .nav>ul>li .subnav ul li dl{ display: none;}
    .header .headMain .nav>ul>li .subnav ul li a{ font-size: 15px; line-height: 1.8;}
    .header .headMain .nav>ul>li.langEn a{ background: url(../images/en.png) no-repeat 15px center; background-size: 20px auto; padding-left: 40px;}

    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}
    .header .menu-toggle span{ width:35px; height:2px; background:#000;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#000;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#000;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .header .menu-toggle.cur span{background-color:transparent;}
    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    .banner { position: relative;}
    .banner .gallerySwiper.swiper .swiper-slide{ height: auto; background: #000;}
    .banner .gallerySwiper.swiper .swiper-slide svg{ display: none;}
    .banner .gallerySwiper.swiper .swiper-slide img{ width: 100%; height: auto; opacity: 0.8;}
    .banner .gallerySwiper.swiper .swiper-slide .bannerText{ text-align: center;}
    .banner .gallerySwiper.swiper .swiper-slide .bannerText a{ width: 80px; height: 32px; line-height: 32px; font-size:13px; margin: 0 auto;}
    .banner .gallerySwiper.swiper .swiper-slide .bannerText h3{ width: 100%; margin-bottom: 10px; font-size: 20px;}
    .banner .thumbnailSwiper{ display: none;}

    .neiBanner{ height: 100px;}
    .neiBanner.aboutBanner{ height: 100px;}

    .title h2{ font-size: 24px;}
    .ntitle{ padding: 35px 0 25px;}
    .ntitle h2{ font-size: 20px;}

    .more{ line-height: 38px; padding: 0 20px;}

    .iabout { padding: 50px 0;}
    .iabout .text{width:100%; font-size: 14px; line-height: 1.5; text-align:left; text-indent:2em;}

    .solution{ padding: 60px 50px; text-align: center;}
    .solution .box{ margin-bottom: 35px;}
    .solution .swiper-grid-column>.swiper-wrapper{flex-direction: inherit;}
    .solution .swiper .swiper-slide{ padding:3px}
    .solution .swiper .swiper-slide h3{ font-size: 14px;}
    .solution .arrow-left{ left: -35px;}
    .solution .arrow-right{ right: -35px;}
    .solution .more{ position: relative; top: inherit; right:inherit;}

    .ipro { padding: 50px 0 10px; }
    .ipro .item{ margin-bottom: 50px; text-align: center;}
    .ipro .item .box{ margin-bottom: 20px;}
    .ipro .item .tit{ margin-bottom: 25px;}
    .ipro .item .tit h3{ font-size: 20px;}
    .ipro .item ul { margin: 0 -5px;}
    .ipro .item ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}
    .ipro .item ul li a{ padding: 10px;}
    .ipro .item .more{ position: relative; top: inherit;}

    .shili .wrap{ padding: 0 20px;}
    .shili .box .swiper .swiper-slide { display: block;}
    .shili .box .swiper-slide .imgBox{ width: 100%; margin-bottom: 15px;}
    .shili .box .swiper-slide .imgBox.video::before{background-size: 50px;}
    .shili .box .swiper-slide .textBox{ width: 100%; padding: 0;}
    .shili .box .swiper-slide .textBox .tit { font-size: 20px; margin-bottom: 10px; }
    .shili .box .swiper-slide .textBox .text{ font-size: 14px; margin-bottom: 30px;}
    .shili .arrow-left, .shili .arrow-right{ width: 40px; height: 40px; top: 30%;}
    .shili .arrow-left{ left: -10px;}
    .shili .arrow-right{ right: -10px;}

    .ijoin .wrap{ padding: 0 20px;}
    .ijoin .text{ font-size: 14px;}

    .inews .wrap{ padding: 0 20px;}
    .inews .box{ margin-bottom: 40px;}
    .inews .box .swiper{ padding-bottom: 40px;}
    .inews .box .swiper-slide dd{ background-size: 13px auto; padding-left: 20px;}
    .inews .box .swiper-slide dt{ font-size: 14px; margin-top: 10px;}
    .inews .arrow-left, .inews .arrow-right{ width: 40px; height: 40px;}
    .inews .arrow-left{ left: -10px;}
    .inews .arrow-right{ right: -10px;}

    .searchBox{ white-space:nowrap;}
    .searchBox input{ width: calc(100% - 120px); margin: 0 10px;}

    .prolist{ padding:0;}
    .prolist .wrap{ display: block;}
    .prolist .proleft{ width: 100%; min-height: inherit; margin-bottom: 20px; border-left:none; overflow-x:auto;}
    .prolist .proleft ul{ display: flex;}
    .prolist .proleft ul li{ margin-right: 10px;}
    .prolist .proleft ul li a{ font-size: 15px; white-space: nowrap; padding-left: 0;}
    .prolist .proleft ul li.on a{ border-left:none; border-bottom:3px solid #f3820a;}
    .prolist .proRight{ width: 100%;}
    .case .tit{ font-size: 16px; margin-bottom: 12px;}
    .case .box .list ul li{ padding-left: 10px; margin-bottom: 9px;}
    .case .box .list ul li dl img{ padding:0;}

    .proview .text{ font-size: 14px; line-height: 1.6; text-align: left; text-indent:2em;}

    .proview .proviewBox .box{ display: block;}
    .proview .proviewBox .tit{ font-size: 20px; margin-bottom: 25px;}
    .proview .proviewBox .box .pic{ width: 100%;}
    .proview .proviewBox .box .con{ width: 100%; padding: 20px;}
    .proview .proviewBox .box .con .tit{ font-size: 18px; margin-bottom: 15px;}
    .proview .proviewBox .box .con .conText{ font-size: 14px; line-height: 1.6;}

    .proview .scene { padding: 20px 0 50px; }
    .proview .scene .tit{ font-size: 20px; text-align: center; margin-bottom: 15px;}
    .proview .scene .box{ display: block;}
    .proview .scene .gallerySwiper{ width: 100%; margin-bottom: 15px; }
    .proview .scene .thumbnailSwiper{ width: 100%; padding-left: 0;}
    .proview .scene .thumbnailSwiper .swiper { height: 250px; }
    .proview .scene .thumbnailSwiper .swiper-slide{ padding-left: 0;}
    .proview .scene .thumbnailSwiper .swiper-slide h3{ font-size: 16px;}
    .proview .scene .thumbnailSwiper .swiper-slide p{ font-size: 14px;}
    
    .content { padding: 20px 0;}
    .content .wrap{ display: block;}
    .content .leftNav{ width: 100%; min-height: inherit; margin-bottom: 30px;  overflow-x:auto;}
    .content .leftNav::-webkit-scrollbar{width:0px;height:0px;}
    .content .leftNav ul{ width:100%; border-left:none; display: flex;}
    .content .leftNav ul li{ margin-right: 10px;}
    .content .leftNav ul li a{ font-size: 15px; white-space: nowrap; padding-left: 0;}
    .content .leftNav ul li.on a{ border-left:none; border-bottom:3px solid #f3820a;}
    .content .rightBox{ width: 100%;}
    
    .content .anchorPoint{ padding-top:80px; margin-top:-80px;}

    .youshi{ margin-bottom:40px;}
    .youshi .ntitle{ padding: 0 0 20px;}
    .youshi .text{ width:100%; font-size: 14px; line-height: 1.6; text-indent: 2em; text-align:left; padding-bottom: 30px;}
    .youshi .text img{ margin-left: -2em;}

    .youshi .youshiBox { padding: 20px; }
    .youshi .youshiBox .wrap{ padding: 0 15px;}
    .youshi .youshiBox .tit{ font-size: 20px; text-align: center; margin-bottom: 30px; display: none;}
    .youshi .titsub { font-size: 20px; margin-bottom: 15px;}
    .youshi .youshiBox .thumbnailSwiper{ display: none;}
    .youshi .youshiBox .gallerySwiper{ width: 100%;}
    .youshi .youshiBox .gallerySwiper .swiper{ height: auto;}
    .youshi .youshiBox .gallerySwiper .swiper .swiper-wrapper{ display: block;}
    .youshi .youshiBox .gallerySwiper .swiper .swiper-slide{ font-size: 14px; margin-bottom: 15px;}
    .youshi .youshiBox .gallerySwiper .swiper .swiper-slide img{ width: 100%; margin: 10px 0;}

    .youshi .serviceYoushi{ padding: 20px;}
    .youshi .serviceYoushi .wrap{ display: block;}
    .youshi .serviceYoushi .pic{ width: 100%; margin-bottom: 20px;}
    .youshi .serviceYoushi .box{ width: 100%; padding-left: 0;}
    .youshi .serviceYoushi .box .tit{ font-size: 20px; text-align: center; margin-bottom: 15px;}
    .youshi .serviceYoushi .box .text{ font-size: 14px; padding-bottom: 0;}

    .youshi .otherYoushi { padding: 10px 0 60px; }
    .youshi .otherYoushi .box ul{ display: block;}
    .youshi .otherYoushi .box ul li{ width: 100%; margin-bottom: 10px;}
    .youshi .otherYoushi .box ul li a{ padding-bottom: 25px;}
    .youshi .otherYoushi .box ul li h3{ font-size: 15px; margin: 10px 0;}
    
    .proview .youshi .youshiBox .tit{ display:block;}

    .serviceContact { padding: 30px 0; }
    .serviceContact .box{ padding:35px 25px;}
    .serviceContact .box dl{ font-size: 17px;}
    .serviceContact .box ol{ font-size: 18px;}

    .afterService{ padding: 0;}
    .afterService .box{ font-size: 14px; text-align: left; text-indent:2em; margin-bottom: 20px; padding:0;}
    .afterService .more2{ padding:8px 15px}

    .otherProducts { margin: 40px 0 50px; }
    .otherProducts .box ul li{ width: 100%; margin-bottom: 10px;}

    .about .tit{ padding: 35px 0 25px;}
    .about .tit h2{ font-size: 20px;}
    .about .text{ font-size: 14px; text-align: left; text-indent:2em; padding-bottom: 20px;}

    .about{ padding-bottom: 30px;}
    .about .imgBox.video::before{ background-size: 50px;}
    .jion{ padding-bottom: 50px;}
    .jion .tit h2{ font-size: 20px;}
    .jion .text{ width: 100%; font-size: 14px;}
    .jion .pic{ margin-bottom: 30px;}

    #map{ height: 250px; margin-top: 10px; border-bottom: 1px solid #ddd;}

    .contactBox { padding-top: 30px; margin-bottom: 50px; }
    .contactBox .tit{ font-size: 20px; margin-bottom: 15px;}
    .contactBox .box{ padding: 30px; display:block;}
    .contactBox .box .item{ width: 100%; margin-bottom: 15px; line-height: 1.6;}

    .branchOffice{ margin-bottom: 30px;}
    .branchOffice .tit{ font-size: 20px; margin-bottom: 15px;}
    .branchOffice .item .p{ width:50%;}
    .branchOffice .item .p dl{ padding-bottom:60%;}
    .branchOffice .item .t{ width: 50%; padding: 15px; font-size: 15px;}
    .branchOffice .item .c{ width: 100%; padding: 25px;}
    
    .brochure .box{ flex-wrap:wrap;}
    .brochure{ margin-bottom: 50px;}
    .brochure .box .pic{ width:100%}
    .brochure .box .con{ width:100%; padding:25px 25px 35px}
    .brochure .box .con .t{ font-size: 20px; line-height: 1; margin-bottom: 10px;}
    .brochure .box .con .c { margin-bottom: 20px;}
    .brochure .box .con a {padding: 10px 15px;}

    .neiNav { height:auto;}
    .neiNav .box{ padding: 20px 0;}
    .neiNav ul li { margin-right: 25px; }

    .anchorPoint { padding-top: 59px; margin-top: -59px; }

    .inews.industryNews{ padding: 30px 0;}
    .inews.industryNews .wrap{ padding: 0 20px;}
    .inews .title h2{ font-size: 20px; text-align: center;}
    .inews .box .swiper-slide h3{ font-size: 17px;}
    .inews .box .swiper-slide dt{ height: 60px;}

    .newsExhibition { padding: 30px 0 20px; }
    .newsExhibition .title h2{ font-size: 20px; text-align: center;}
    .newsExhibition .box a{ display: block;}
    .newsExhibition .box .pic{ width: 100%; margin-bottom: 15px;}
    .newsExhibition .box .con{ width: 100%; padding-left: 0;}
    .newsExhibition .box .con h3{ font-size: 16px;}
    .newsExhibition .box .con dd{ font-size: 14px; background-size: 13px auto; margin-top: 10px;}
    .newsExhibition .box .con dt{ height: 80px; font-size: 14px;}
    .newsExhibition .box .con i { width: 98px; height: 36px; line-height: 36px; border-radius: 6px; font-size: 14px; }
    
    .newslist {padding: 0px 0 50px;}
    .newslist .box .pic{ width:100%; margin-bottom:15px;}
    .newslist .box .con{ width:100%; padding-top:0;padding-left: 0px;}
    .newslist .box .con h3{font-size: 18px; }
    .newslist .box .con dd{ margin-top: 10px;}
    .newslist .box .con dt{height:60px; line-height:20px; font-size: 15px; margin-top: 10px;}

    .newsView { padding: 35px 0 50px; }
    .newsView .newsHead h1{ font-size: 18px; padding-bottom: 5px; margin-bottom: 15px;}

    .productReport{padding: 30px 0 50px;}
    .productReport .wrap{ padding: 0 20px;}
    .productReport .title{ margin-bottom: 15px;}
    .productReport .title h2{ font-size: 20px;}
    .productReport .item h3{ font-size: 18px;}
    .productReport .item .con ol{margin: 20px auto 0;}
    .productReport .arrow-left, .productReport .arrow-right{ width: 40px; height: 40px;}
    .productReport .arrow-left{ left: -10px;}
    .productReport .arrow-right{ right: -10px;}

    .honorBox{ padding-bottom: 50px;}
    .honor { padding: 20px 0 5px; }
    .honor .tit{ font-size: 20px; margin-bottom: 15px;}
    .honor .box ul { margin: 0 -5px;}
    .honor .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}
    .honor .box ul li ol{ border: #ccc solid 1px;}
    .honor .box ul li ol dt{ font-size: 14px;}

    .staffStyle{ padding: 35px 0;}
    .staffStyle .tit h2{ font-size: 20px; margin-bottom: 15px;}
    .staffStyle .tit p{ font-size: 14px;}
    .staffStyle .oneBox { padding: 30px;}
    .staffStyle .oneBox .swiper-slide{ display: block;}
    .staffStyle .oneBox .swiper-slide .pic{ width: 100%; margin-bottom: 20px;}
    .staffStyle .oneBox .swiper-slide .con{ width: 100%; padding: 0;}
    .staffStyle .oneBox .swiper-slide .con .t{ font-size: 20px; margin-bottom: 10px;}
    .staffStyle .oneBox .swiper-slide .con .c{ font-size: 14px;}
    .staffStyle .oneBox .arrow-left, .staffStyle .oneBox .arrow-right{ width: 40px; height: 40px;}
    .staffStyle .oneBox .arrow-left{ left: -10px;}
    .staffStyle .oneBox .arrow-right{ right: -10px;}

    .staffStyle .twoBox{ padding: 30px 15px;}
    .staffStyle .twoBox .swiper-slide{ display: block;}
    .staffStyle .twoBox .swiper-slide .pic{ width: 100px; margin: 0 auto;}
    .staffStyle .twoBox .swiper-slide .con{ width: 100%; padding: 0 32px;}
    .staffStyle .twoBox .swiper-slide .con svg{ width: 20px; height: 20px;}
    .staffStyle .twoBox .swiper-slide .con .c{ font-size: 16px;}
    .staffStyle .twoBox .arrow-left, .staffStyle .twoBox .arrow-right{ width: 40px; height: 40px;}
    .staffStyle .twoBox .arrow-left{ left: -20px;}
    .staffStyle .twoBox .arrow-right{ right: -20px;}

    .join .text{ width:100%; font-size: 14px; text-align: left; text-indent: 2em;}

    .join .joblist dl{ font-size: 16px; line-height: 40px; padding: 0 15px; background-position: right 15px center !important; background-size: 20px !important;}
    .join .joblist .box ul{ display: block;}
    .join .joblist .box ul:nth-child(even) { background: #f9f9f9; }
    .join .joblist .box ul li{ width: 100%; line-height: 40px; padding: 0 15px;}
    .join .joblist .box ul li:nth-child(2){ background: #f2f2f2;}
    .join .joblist .box ul ol{ padding: 15px;}

    .join .fuli{ padding: 30px 0;}
    .join .fuli .tit{ margin-bottom: 30px;}
    .join .fuli .tit h2{ font-size: 20px;}
    .join .fuli .tit p{ font-size: 14px;}
    .join .fuli .box{ padding: 0 5px;}
    .join .fuli .swiper { padding: 38px 0; }
    .join .fuli .item{ min-height: 300px;}
    .join .fuli .item i { margin-top: -30px;}
    .join .fuli .item i img{ width: 60px;}
    .join .fuli .item dl{ font-size: 20px;}
    .join .fuli .arrow-left, .join .fuli .arrow-right{ width: 40px; height: 40px;}
    .join .fuli .arrow-left{ left: -5px;}
    .join .fuli .arrow-right{ right: -5px;}

    .join .howToJoin { padding: 30px 0 20px; }
    .join .howToJoin .tit{ margin-bottom: 20px;}
    .join .howToJoin .tit h2{ font-size: 20px;}
    .join .howToJoin .tit p{ font-size: 14px;}
    .join .howToJoin .box{ padding: 20px 0;}
    .join .howToJoin .box ul{ display: block;}
    .join .howToJoin .box ul li{ width: 100%; padding:10px 20px;}
    .join .howToJoin .box ul li dl{ width: 50px; margin-right: 15px;}
    .join .howToJoin .box ul li ol h3{ font-size: 18px;}
    .join .howToJoin .box ul li ol dt{ font-size: 14px; color: #888;}

    .join .joinUs { padding: 30px 0 50px; }
    .join .joinUs h3{ font-size: 20px;}
    .join .joinUs p{ font-size: 14px;}

    .join .yuangong h3{ font-size: 18px;}
    .join .yuangong dt{ font-size: 14px;}
    .join .yuangong .arrow-left, .join .yuangong .arrow-right{ width: 40px; height: 40px;}
    .join .yuangong .arrow-left{ left: -5px;}
    .join .yuangong .arrow-right{ right: -5px;}

    .join .yuangongtext .textBox{ font-size: 14px;}

    .footer .fcontact .wrap{display: block; padding: 0 15px;}
    /*.footer .fcontact .contacts{  margin: 0 0 10px;}*/
    /*.footer .fcontact .contacts dl{ width: 70px; margin: 0 auto 5px;}*/
    /*.footer .fcontact .contacts h3{ font-size: 16px;}*/
    /*.footer .fcontact .contacts dt{ font-size: 14px;}*/
    .footer .contactXx{ text-align: center;}
    .footer .fcontact .contactXx .tit{ display: none;}
    .footer .fcontact .contactXx .text{ font-size: 14px;}
    .footer .fcontact .contactXx .text dl { font-size: 18px; margin-bottom: 10px;}
    .footer .fcontact .contactXx .btn{ font-size: 14px; margin: 0 auto;}

    .footer .fmain { padding: 100px 0 40px; }
    .footer .fmain .wrap{ display: block;}
    .footer .fmain .tit{ font-size: 16px;}
    .footer .fmain .footcontact{ width: 100%; text-align: center; margin-bottom: 30px;}
    .footer .fmain .footcontact .box>div{ justify-content: center;}
    .footer .fmain .fnav{ display: none;}
    .footer .fmain .followUs{ text-align: center;}
    .footer .fmain .followUs ul{ justify-content: center;}
    .footer .footBottom .wrap{ justify-content: center;}
    .footer .fmain .gotop{ top: 28px; box-shadow: 0 0 5px rgb(0 0 0 / 15%); margin-left: -20px;}
    .footer .footBottom{ line-height: 50px;}

    /*===/分页=============================*/
    .fenye { text-align: center; font-size: 14px; width: 100%; height: 40px; margin: 10px 0 0px;}
    .fenye .prev, .fenye .next { width: 34px; height: 34px; line-height: 32px; margin-right: 2px; font-size: 16px; }
    .fenye a { width: 34px; height: 34px; line-height: 32px; margin-right:2px;}
    .fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}
    .fenye a.current { color: #fff;  background: #242a34; margin-right: 2px; border: #242a34 solid 1px;}

    .tccBox .BoxCon{ width: 90%;}
    .search-dialog{ width: 95%;}
    .tccBox .BoxCon ul{ text-align:center;}
    .tccBox .BoxCon ul video{ max-width: 100%;}
}